chore(richtext-lexical): add missing 'use client' directives

packages/richtext-lexical/src/features/align/client/toolbarAlignGroup.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'
 
 import { AlignLeftIcon } from '../../../lexical/ui/icons/AlignLeft/index.js'

packages/richtext-lexical/src/features/blocks/client/component/removeEmptyArrayValues.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { FormState } from 'payload'
 
 /**

packages/richtext-lexical/src/features/blocks/client/plugin/commands.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { LexicalCommand } from 'lexical'
 
 import { createCommand } from 'lexical'

packages/richtext-lexical/src/features/experimental_table/client/utils/debounce.ts

@@ -1,3 +1,4 @@
+'use client'
 // Copied & modified from https://github.com/lodash/lodash/blob/main/src/debounce.ts
 /*
 The MIT License

packages/richtext-lexical/src/features/experimental_table/client/utils/useDebounce.ts

@@ -1,3 +1,4 @@
+'use client'
 import { useMemo, useRef } from 'react'
 
 import debounce from './debounce.js'

packages/richtext-lexical/src/features/format/shared/toolbarFormatGroup.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'
 
 export const toolbarFormatGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {

packages/richtext-lexical/src/features/indent/client/toolbarIndentGroup.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { ToolbarGroup, ToolbarGroupItem } from '../../toolbars/types.js'
 
 export const toolbarIndentGroupWithItems = (items: ToolbarGroupItem[]): ToolbarGroup => {

packages/richtext-lexical/src/features/link/client/plugins/floatingLinkEditor/LinkEditor/commands.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { LexicalCommand } from 'lexical'
 
 import { createCommand } from 'lexical'

packages/richtext-lexical/src/lexical/plugins/SlashMenu/useMenuTriggerMatch.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { LexicalEditor } from 'lexical'
 
 import { useCallback } from 'react'

packages/richtext-lexical/src/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts

@@ -1,3 +1,4 @@
+'use client'
 export function debounce(func: Function, wait: number) {
   let timeout: null | number = null
   return function (...args: any[]) {

packages/richtext-lexical/src/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts

@@ -1,3 +1,4 @@
+'use client'
 export function getBoundingClientRectWithoutTransform(elem: HTMLElement): DOMRect {
   const rect = elem.getBoundingClientRect()
 

packages/richtext-lexical/src/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.ts

@@ -1,3 +1,4 @@
+'use client'
 import type React from 'react'
 
 import { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'

packages/richtext-lexical/src/lexical/plugins/handles/DraggableBlockPlugin/setTargetLine.ts

@@ -1,5 +1,5 @@
+'use client'
 import { getCollapsedMargins } from '../utils/getCollapsedMargins.js'
-import { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'
 import { highlightElemOriginalPosition } from './highlightElemOriginalPosition.js'
 const TARGET_LINE_HALF_HEIGHT = 25
 const TEXT_BOX_HORIZONTAL_PADDING = -24

packages/richtext-lexical/src/lexical/plugins/handles/utils/calculateDistanceFromScrollerElem.ts

@@ -1,3 +1,4 @@
+'use client'
 /**
  * Calculate distance between scrollerElem and target if target is not in scrollerElem
  */

packages/richtext-lexical/src/lexical/plugins/handles/utils/doesLineHeightAffectElement.ts

@@ -1,3 +1,4 @@
+'use client'
 const replacedElements = [
   'IMG',
   'INPUT',

packages/richtext-lexical/src/lexical/plugins/handles/utils/getCollapsedMargins.ts

@@ -1,3 +1,4 @@
+'use client'
 export function getCollapsedMargins(elem: HTMLElement): {
   marginBottom: number
   marginTop: number

packages/richtext-lexical/src/lexical/plugins/handles/utils/getNodeCloseToPoint.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { LexicalEditor, LexicalNode } from 'lexical'
 
 import { $getNodeByKey } from 'lexical'

packages/richtext-lexical/src/lexical/plugins/handles/utils/getTopLevelNodeKeys.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { LexicalEditor } from 'lexical'
 
 import { $getRoot } from 'lexical'

packages/richtext-lexical/src/lexical/plugins/handles/utils/isOnHandleElement.ts

@@ -1,3 +1,4 @@
+'use client'
 export function isOnHandleElement(element: HTMLElement, handleElementClassName: string): boolean {
   return !!element.closest(`.${handleElementClassName}`)
 }

packages/richtext-lexical/src/lexical/plugins/handles/utils/setHandlePosition.ts

@@ -1,3 +1,4 @@
+'use client'
 import { doesLineHeightAffectElement } from './doesLineHeightAffectElement.js'
 
 export function setHandlePosition(

packages/richtext-lexical/src/lexical/utils/canUseDOM.ts

@@ -1,3 +1,4 @@
+'use client'
 export const CAN_USE_DOM: boolean =
   typeof window !== 'undefined' &&
   typeof window.document !== 'undefined' &&

packages/richtext-lexical/src/lexical/utils/environment.ts

@@ -1,3 +1,4 @@
+'use client'
 import { CAN_USE_DOM } from './canUseDOM.js'
 
 declare global {

packages/richtext-lexical/src/lexical/utils/getDOMRangeRect.ts

@@ -1,3 +1,4 @@
+'use client'
 export function getDOMRangeRect(nativeSelection: Selection, rootElement: HTMLElement): DOMRect {
   const domRange = nativeSelection.getRangeAt(0)
 

packages/richtext-lexical/src/lexical/utils/getSelectedNode.ts

@@ -1,3 +1,4 @@
+'use client'
 import type { ElementNode, RangeSelection, TextNode } from 'lexical'
 
 import { $isAtNodeEnd } from '@lexical/selection'

packages/richtext-lexical/src/lexical/utils/guard.ts

@@ -1,3 +1,4 @@
+'use client'
 export function isHTMLElement(x: unknown): x is HTMLElement {
   return x instanceof HTMLElement
 }

packages/richtext-lexical/src/lexical/utils/joinClasses.ts

@@ -1,3 +1,4 @@
+'use client'
 export function joinClasses(...args: Array<boolean | null | string | undefined>): string {
   return args.filter(Boolean).join(' ')
 }

packages/richtext-lexical/src/lexical/utils/point.ts

@@ -1,3 +1,4 @@
+'use client'
 export class Point {
   private readonly _x: number
 

packages/richtext-lexical/src/lexical/utils/rect.ts

@@ -1,3 +1,4 @@
+'use client'
 import { type Point, isPoint } from './point.js'
 
 interface ContainsPointReturn {

packages/richtext-lexical/src/lexical/utils/setFloatingElemPosition.ts

@@ -1,3 +1,4 @@
+'use client'
 const VERTICAL_GAP = 10
 const HORIZONTAL_OFFSET = 5
 

packages/richtext-lexical/src/lexical/utils/setFloatingElemPositionForLinkEditor.ts

@@ -1,3 +1,4 @@
+'use client'
 const VERTICAL_GAP = 10
 const HORIZONTAL_OFFSET = 5
 

packages/richtext-lexical/src/lexical/utils/swipe.ts

@@ -1,3 +1,4 @@
+'use client'
 type Force = [number, number]
 type Listener = (force: Force, e: TouchEvent) => void
 interface ElementValues {