@payloadcms/richtext-lexical 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

package/dist/features/experimental_table/client/plugins/TableCellResizerPlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$isTableCellNode","$isTableRowNode","getDOMCellFromTarget","getTableElement","TableNode","calculateZoomLevel","mergeRegister","$getNearestNodeFromDOMNode","isHTMLElement","SKIP_SCROLL_INTO_VIEW_TAG","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","useEditorConfigContext","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","TableCellResizer","editor","targetRef","resizerRef","tableRectRef","hasTable","setHasTable","editorConfig","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","current","isMouseDownOnEvent","event","buttons","tableKeys","Set","registerMutationListener","nodeMutations","nodeKey","mutation","delete","add","size","registerNodeTransform","tableNode","getColWidths","numColumns","getColumnCount","columnWidth","setColWidths","Array","fill","onMouseMove","target","x","clientX","y","clientY","contains","cell","getEditorState","read","tableCellNode","elem","Error","tableElement","getElementByKey","getKey","getBoundingClientRect","onMouseDown","onMouseUp","removeRootListener","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isHeightChanging","direction","updateRowHeight","heightChange","update","baseRowIndex","tableRows","getChildren","isFullRowMerge","getColSpan","tableRowIndex","getRowSpan","length","tableRow","height","getHeight","undefined","rowCells","Math","min","map","getCellNodeHeight","Infinity","newHeight","max","setHeight","tag","activeEditor","domCellNode","clientHeight","getCellColumnIndex","tableMap","columnIndex","forEach","row","columnIndexInner","updateColumnWidth","widthChange","colWidths","width","newColWidths","newWidth","mouseUpHandler","handler","preventDefault","stopPropagation","zoom","document","toggleResize","resizerStyles","setResizerStyles","bottom","left","right","top","zoneWidth","styles","backgroundColor","cursor","window","scrollX","scrollY","tableRect","_jsx","ref","_jsxs","Fragment","className","lexical","theme","tableCellResizer","style","TableCellResizerPlugin","$","isEditable","t0"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TableCellResizerPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableDOMCell, TableMapType } from '@lexical/table'\nimport type { LexicalEditor, NodeKey } from 'lexical'\nimport type { JSX, MouseEventHandler } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  $computeTableMapSkipCellCheck,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $isTableCellNode,\n  $isTableRowNode,\n  getDOMCellFromTarget,\n  getTableElement,\n  TableNode,\n} from '@lexical/table'\nimport { calculateZoomLevel, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG } from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\n\ntype MousePosition = {\n  x: number\n  y: number\n}\n\ntype MouseDraggingDirection = 'bottom' | 'right'\n\nconst MIN_ROW_HEIGHT = 33\nconst MIN_COLUMN_WIDTH = 92\n\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\n  const targetRef = useRef<HTMLElement | null>(null)\n  const resizerRef = useRef<HTMLDivElement | null>(null)\n  const tableRectRef = useRef<ClientRect | null>(null)\n  const [hasTable, setHasTable] = useState(false)\n  const editorConfig = useEditorConfigContext()\n\n  const mouseStartPosRef = useRef<MousePosition | null>(null)\n  const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null)\n\n  const [activeCell, updateActiveCell] = useState<null | TableDOMCell>(null)\n  const [isMouseDown, updateIsMouseDown] = useState<boolean>(false)\n  const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection | null>(null)\n\n  const resetState = useCallback(() => {\n    updateActiveCell(null)\n    targetRef.current = null\n    updateDraggingDirection(null)\n    mouseStartPosRef.current = null\n    tableRectRef.current = null\n  }, [])\n\n  const isMouseDownOnEvent = (event: MouseEvent) => {\n    return (event.buttons & 1) === 1\n  }\n\n  useEffect(() => {\n    const tableKeys = new Set<NodeKey>()\n    return mergeRegister(\n      editor.registerMutationListener(TableNode, (nodeMutations) => {\n        for (const [nodeKey, mutation] of nodeMutations) {\n          if (mutation === 'destroyed') {\n            tableKeys.delete(nodeKey)\n          } else {\n            tableKeys.add(nodeKey)\n          }\n        }\n        setHasTable(tableKeys.size > 0)\n      }),\n      editor.registerNodeTransform(TableNode, (tableNode) => {\n        if (tableNode.getColWidths()) {\n          return tableNode\n        }\n\n        const numColumns = tableNode.getColumnCount()\n        const columnWidth = MIN_COLUMN_WIDTH\n\n        tableNode.setColWidths(Array(numColumns).fill(columnWidth))\n        return tableNode\n      }),\n    )\n  }, [editor])\n\n  useEffect(() => {\n    if (!hasTable) {\n      return\n    }\n\n    const onMouseMove = (event: MouseEvent) => {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      if (draggingDirection) {\n        updateMouseCurrentPos({\n          x: event.clientX,\n          y: event.clientY,\n        })\n        return\n      }\n      updateIsMouseDown(isMouseDownOnEvent(event))\n      if (resizerRef.current && resizerRef.current.contains(target)) {\n        return\n      }\n\n      if (targetRef.current !== target) {\n        targetRef.current = target\n        const cell = getDOMCellFromTarget(target)\n\n        if (cell && activeCell !== cell) {\n          editor.getEditorState().read(\n            () => {\n              const tableCellNode = $getNearestNodeFromDOMNode(cell.elem)\n\n              if (!tableCellNode) {\n                throw new Error('TableCellResizer: Table cell node not found.')\n              }\n\n              const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n              const tableElement = getTableElement(\n                tableNode,\n                editor.getElementByKey(tableNode.getKey()),\n              )\n              if (!tableElement) {\n                throw new Error('TableCellResizer: Table element not found.')\n              }\n\n              targetRef.current = target\n              tableRectRef.current = tableElement.getBoundingClientRect()\n              updateActiveCell(cell)\n            },\n            { editor },\n          )\n        } else if (cell == null) {\n          resetState()\n        }\n      }\n    }\n\n    const onMouseDown = (event: MouseEvent) => {\n      updateIsMouseDown(true)\n    }\n\n    const onMouseUp = (event: MouseEvent) => {\n      updateIsMouseDown(false)\n    }\n\n    const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\n      prevRootElement?.removeEventListener('mousemove', onMouseMove)\n      prevRootElement?.removeEventListener('mousedown', onMouseDown)\n      prevRootElement?.removeEventListener('mouseup', onMouseUp)\n      rootElement?.addEventListener('mousemove', onMouseMove)\n      rootElement?.addEventListener('mousedown', onMouseDown)\n      rootElement?.addEventListener('mouseup', onMouseUp)\n    })\n\n    return () => {\n      removeRootListener()\n    }\n  }, [activeCell, draggingDirection, editor, hasTable, resetState])\n\n  const isHeightChanging = (direction: MouseDraggingDirection) => {\n    if (direction === 'bottom') {\n      return true\n    }\n    return false\n  }\n\n  const updateRowHeight = useCallback(\n    (heightChange: number) => {\n      if (!activeCell) {\n        throw new Error('TableCellResizer: Expected active cell.')\n      }\n\n      editor.update(\n        () => {\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n          if (!$isTableCellNode(tableCellNode)) {\n            throw new Error('TableCellResizer: Table cell node not found.')\n          }\n\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n          const baseRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n          const tableRows = tableNode.getChildren()\n\n          // Determine if this is a full row merge by checking colspan\n          const isFullRowMerge = tableCellNode.getColSpan() === tableNode.getColumnCount()\n\n          // For full row merges, apply to first row. For partial merges, apply to last row\n          const tableRowIndex = isFullRowMerge\n            ? baseRowIndex\n            : baseRowIndex + tableCellNode.getRowSpan() - 1\n\n          if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {\n            throw new Error('Expected table cell to be inside of table row.')\n          }\n\n          const tableRow = tableRows[tableRowIndex]\n\n          if (!$isTableRowNode(tableRow)) {\n            throw new Error('Expected table row')\n          }\n\n          let height = tableRow.getHeight()\n          if (height === undefined) {\n            const rowCells = tableRow.getChildren<TableCellNode>()\n            height = Math.min(\n              ...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity),\n            )\n          }\n\n          const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT)\n          tableRow.setHeight(newHeight)\n        },\n        { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n      )\n    },\n    [activeCell, editor],\n  )\n\n  const getCellNodeHeight = (\n    cell: TableCellNode,\n    activeEditor: LexicalEditor,\n  ): number | undefined => {\n    const domCellNode = activeEditor.getElementByKey(cell.getKey())\n    return domCellNode?.clientHeight\n  }\n\n  const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\n    let columnIndex: number | undefined\n    tableMap.forEach((row) => {\n      row.forEach((cell, columnIndexInner) => {\n        if (cell.cell === tableCellNode) {\n          columnIndex = columnIndexInner\n        }\n      })\n    })\n    return columnIndex\n  }\n\n  const updateColumnWidth = useCallback(\n    (widthChange: number) => {\n      if (!activeCell) {\n        throw new Error('TableCellResizer: Expected active cell.')\n      }\n      editor.update(\n        () => {\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n          if (!$isTableCellNode(tableCellNode)) {\n            throw new Error('TableCellResizer: Table cell node not found.')\n          }\n\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n          const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n          const columnIndex = getCellColumnIndex(tableCellNode, tableMap)\n          if (columnIndex === undefined) {\n            throw new Error('TableCellResizer: Table column not found.')\n          }\n\n          const colWidths = tableNode.getColWidths()\n          if (!colWidths) {\n            return\n          }\n          const width = colWidths[columnIndex]\n          if (width === undefined) {\n            return\n          }\n          const newColWidths = [...colWidths]\n          const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH)\n          newColWidths[columnIndex] = newWidth\n          tableNode.setColWidths(newColWidths)\n        },\n        { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n      )\n    },\n    [activeCell, editor],\n  )\n\n  const mouseUpHandler = useCallback(\n    (direction: MouseDraggingDirection) => {\n      const handler = (event: MouseEvent) => {\n        event.preventDefault()\n        event.stopPropagation()\n\n        if (!activeCell) {\n          throw new Error('TableCellResizer: Expected active cell.')\n        }\n\n        if (mouseStartPosRef.current) {\n          const { x, y } = mouseStartPosRef.current\n\n          if (activeCell === null) {\n            return\n          }\n          const zoom = calculateZoomLevel(event.target as Element)\n\n          if (isHeightChanging(direction)) {\n            const heightChange = (event.clientY - y) / zoom\n            updateRowHeight(heightChange)\n          } else {\n            const widthChange = (event.clientX - x) / zoom\n            updateColumnWidth(widthChange)\n          }\n\n          resetState()\n          document.removeEventListener('mouseup', handler)\n        }\n      }\n      return handler\n    },\n    [activeCell, resetState, updateColumnWidth, updateRowHeight],\n  )\n\n  const toggleResize = useCallback(\n    (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\n      (event) => {\n        event.preventDefault()\n        event.stopPropagation()\n\n        if (!activeCell) {\n          throw new Error('TableCellResizer: Expected active cell.')\n        }\n\n        mouseStartPosRef.current = {\n          x: event.clientX,\n          y: event.clientY,\n        }\n        updateMouseCurrentPos(mouseStartPosRef.current)\n        updateDraggingDirection(direction)\n\n        document.addEventListener('mouseup', mouseUpHandler(direction))\n      },\n    [activeCell, mouseUpHandler],\n  )\n\n  const [resizerStyles, setResizerStyles] = useState<{\n    bottom?: null | React.CSSProperties\n    left?: null | React.CSSProperties\n    right?: null | React.CSSProperties\n    top?: null | React.CSSProperties\n  }>({\n    bottom: null,\n    left: null,\n    right: null,\n    top: null,\n  })\n\n  useEffect(() => {\n    if (activeCell) {\n      const { height, left, top, width } = activeCell.elem.getBoundingClientRect()\n      const zoom = calculateZoomLevel(activeCell.elem)\n      const zoneWidth = 10 // Pixel width of the zone where you can drag the edge\n      const styles = {\n        bottom: {\n          backgroundColor: 'none',\n          cursor: 'row-resize',\n          height: `${zoneWidth}px`,\n          left: `${window.scrollX + left}px`,\n          top: `${window.scrollY + top + height - zoneWidth / 2}px`,\n          width: `${width}px`,\n        },\n        right: {\n          backgroundColor: 'none',\n          cursor: 'col-resize',\n          height: `${height}px`,\n          left: `${window.scrollX + left + width - zoneWidth / 2}px`,\n          top: `${window.scrollY + top}px`,\n          width: `${zoneWidth}px`,\n        },\n      }\n\n      const tableRect = tableRectRef.current\n\n      if (draggingDirection && mouseCurrentPos && tableRect) {\n        if (isHeightChanging(draggingDirection)) {\n          styles[draggingDirection].left = `${window.scrollX + tableRect.left}px`\n          styles[draggingDirection].top = `${window.scrollY + mouseCurrentPos.y / zoom}px`\n          styles[draggingDirection].height = '3px'\n          styles[draggingDirection].width = `${tableRect.width}px`\n        } else {\n          styles[draggingDirection].top = `${window.scrollY + tableRect.top}px`\n          styles[draggingDirection].left = `${window.scrollX + mouseCurrentPos.x / zoom}px`\n          styles[draggingDirection].width = '3px'\n          styles[draggingDirection].height = `${tableRect.height}px`\n        }\n\n        styles[draggingDirection].backgroundColor = '#adf'\n      }\n\n      setResizerStyles(styles)\n    } else {\n      setResizerStyles({\n        bottom: null,\n        left: null,\n        right: null,\n        top: null,\n      })\n    }\n  }, [activeCell, draggingDirection, mouseCurrentPos])\n\n  return (\n    <div ref={resizerRef}>\n      {activeCell != null && !isMouseDown && (\n        <React.Fragment>\n          <div\n            className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n            onMouseDown={toggleResize('right')}\n            style={resizerStyles.right || undefined}\n          />\n          <div\n            className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n            onMouseDown={toggleResize('bottom')}\n            style={resizerStyles.bottom || undefined}\n          />\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const TableCellResizerPlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  return useMemo(\n    () => (isEditable ? createPortal(<TableCellResizer editor={editor} />, document.body) : null),\n    [editor, isEditable],\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/experimental_table/client/plugins/TableCellResizerPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableDOMCell, TableMapType } from '@lexical/table'\nimport type { LexicalEditor, NodeKey } from 'lexical'\nimport type { JSX, MouseEventHandler } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport {\n  $computeTableMapSkipCellCheck,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $isTableCellNode,\n  $isTableRowNode,\n  getDOMCellFromTarget,\n  getTableElement,\n  TableNode,\n} from '@lexical/table'\nimport { calculateZoomLevel, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode, isHTMLElement, SKIP_SCROLL_INTO_VIEW_TAG } from 'lexical'\nimport * as React from 'react'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport './index.scss'\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\n\ntype MousePosition = {\n  x: number\n  y: number\n}\n\ntype MouseDraggingDirection = 'bottom' | 'right'\n\nconst MIN_ROW_HEIGHT = 33\nconst MIN_COLUMN_WIDTH = 92\n\nfunction TableCellResizer({ editor }: { editor: LexicalEditor }): JSX.Element {\n  const targetRef = useRef<HTMLElement | null>(null)\n  const resizerRef = useRef<HTMLDivElement | null>(null)\n  const tableRectRef = useRef<ClientRect | null>(null)\n  const [hasTable, setHasTable] = useState(false)\n  const editorConfig = useEditorConfigContext()\n\n  const mouseStartPosRef = useRef<MousePosition | null>(null)\n  const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null)\n\n  const [activeCell, updateActiveCell] = useState<null | TableDOMCell>(null)\n  const [isMouseDown, updateIsMouseDown] = useState<boolean>(false)\n  const [draggingDirection, updateDraggingDirection] = useState<MouseDraggingDirection | null>(null)\n\n  const resetState = useCallback(() => {\n    updateActiveCell(null)\n    targetRef.current = null\n    updateDraggingDirection(null)\n    mouseStartPosRef.current = null\n    tableRectRef.current = null\n  }, [])\n\n  const isMouseDownOnEvent = (event: MouseEvent) => {\n    return (event.buttons & 1) === 1\n  }\n\n  useEffect(() => {\n    const tableKeys = new Set<NodeKey>()\n    return mergeRegister(\n      editor.registerMutationListener(TableNode, (nodeMutations) => {\n        for (const [nodeKey, mutation] of nodeMutations) {\n          if (mutation === 'destroyed') {\n            tableKeys.delete(nodeKey)\n          } else {\n            tableKeys.add(nodeKey)\n          }\n        }\n        setHasTable(tableKeys.size > 0)\n      }),\n      editor.registerNodeTransform(TableNode, (tableNode) => {\n        if (tableNode.getColWidths()) {\n          return tableNode\n        }\n\n        const numColumns = tableNode.getColumnCount()\n        const columnWidth = MIN_COLUMN_WIDTH\n\n        tableNode.setColWidths(Array(numColumns).fill(columnWidth))\n        return tableNode\n      }),\n    )\n  }, [editor])\n\n  useEffect(() => {\n    if (!hasTable) {\n      return\n    }\n\n    const onMouseMove = (event: MouseEvent) => {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      if (draggingDirection) {\n        updateMouseCurrentPos({\n          x: event.clientX,\n          y: event.clientY,\n        })\n        return\n      }\n      updateIsMouseDown(isMouseDownOnEvent(event))\n      if (resizerRef.current && resizerRef.current.contains(target)) {\n        return\n      }\n\n      if (targetRef.current !== target) {\n        targetRef.current = target\n        const cell = getDOMCellFromTarget(target)\n\n        if (cell && activeCell !== cell) {\n          editor.getEditorState().read(\n            () => {\n              const tableCellNode = $getNearestNodeFromDOMNode(cell.elem)\n\n              if (!tableCellNode) {\n                throw new Error('TableCellResizer: Table cell node not found.')\n              }\n\n              const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n              const tableElement = getTableElement(\n                tableNode,\n                editor.getElementByKey(tableNode.getKey()),\n              )\n              if (!tableElement) {\n                throw new Error('TableCellResizer: Table element not found.')\n              }\n\n              targetRef.current = target\n              tableRectRef.current = tableElement.getBoundingClientRect()\n              updateActiveCell(cell)\n            },\n            { editor },\n          )\n        } else if (cell == null) {\n          resetState()\n        }\n      }\n    }\n\n    const onMouseDown = (event: MouseEvent) => {\n      updateIsMouseDown(true)\n    }\n\n    const onMouseUp = (event: MouseEvent) => {\n      updateIsMouseDown(false)\n    }\n\n    const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\n      prevRootElement?.removeEventListener('mousemove', onMouseMove)\n      prevRootElement?.removeEventListener('mousedown', onMouseDown)\n      prevRootElement?.removeEventListener('mouseup', onMouseUp)\n      rootElement?.addEventListener('mousemove', onMouseMove)\n      rootElement?.addEventListener('mousedown', onMouseDown)\n      rootElement?.addEventListener('mouseup', onMouseUp)\n    })\n\n    return () => {\n      removeRootListener()\n    }\n  }, [activeCell, draggingDirection, editor, hasTable, resetState])\n\n  const isHeightChanging = (direction: MouseDraggingDirection) => {\n    if (direction === 'bottom') {\n      return true\n    }\n    return false\n  }\n\n  const updateRowHeight = useCallback(\n    (heightChange: number) => {\n      if (!activeCell) {\n        throw new Error('TableCellResizer: Expected active cell.')\n      }\n\n      editor.update(\n        () => {\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n          if (!$isTableCellNode(tableCellNode)) {\n            throw new Error('TableCellResizer: Table cell node not found.')\n          }\n\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n\n          const baseRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n          const tableRows = tableNode.getChildren()\n\n          // Determine if this is a full row merge by checking colspan\n          const isFullRowMerge = tableCellNode.getColSpan() === tableNode.getColumnCount()\n\n          // For full row merges, apply to first row. For partial merges, apply to last row\n          const tableRowIndex = isFullRowMerge\n            ? baseRowIndex\n            : baseRowIndex + tableCellNode.getRowSpan() - 1\n\n          if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {\n            throw new Error('Expected table cell to be inside of table row.')\n          }\n\n          const tableRow = tableRows[tableRowIndex]\n\n          if (!$isTableRowNode(tableRow)) {\n            throw new Error('Expected table row')\n          }\n\n          let height = tableRow.getHeight()\n          if (height === undefined) {\n            const rowCells = tableRow.getChildren<TableCellNode>()\n            height = Math.min(\n              ...rowCells.map((cell) => getCellNodeHeight(cell, editor) ?? Infinity),\n            )\n          }\n\n          const newHeight = Math.max(height + heightChange, MIN_ROW_HEIGHT)\n          tableRow.setHeight(newHeight)\n        },\n        { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n      )\n    },\n    [activeCell, editor],\n  )\n\n  const getCellNodeHeight = (\n    cell: TableCellNode,\n    activeEditor: LexicalEditor,\n  ): number | undefined => {\n    const domCellNode = activeEditor.getElementByKey(cell.getKey())\n    return domCellNode?.clientHeight\n  }\n\n  const getCellColumnIndex = (tableCellNode: TableCellNode, tableMap: TableMapType) => {\n    let columnIndex: number | undefined\n    tableMap.forEach((row) => {\n      row.forEach((cell, columnIndexInner) => {\n        if (cell.cell === tableCellNode) {\n          columnIndex = columnIndexInner\n        }\n      })\n    })\n    return columnIndex\n  }\n\n  const updateColumnWidth = useCallback(\n    (widthChange: number) => {\n      if (!activeCell) {\n        throw new Error('TableCellResizer: Expected active cell.')\n      }\n      editor.update(\n        () => {\n          const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem)\n          if (!$isTableCellNode(tableCellNode)) {\n            throw new Error('TableCellResizer: Table cell node not found.')\n          }\n\n          const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode)\n          const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null)\n          const columnIndex = getCellColumnIndex(tableCellNode, tableMap)\n          if (columnIndex === undefined) {\n            throw new Error('TableCellResizer: Table column not found.')\n          }\n\n          const colWidths = tableNode.getColWidths()\n          if (!colWidths) {\n            return\n          }\n          const width = colWidths[columnIndex]\n          if (width === undefined) {\n            return\n          }\n          const newColWidths = [...colWidths]\n          const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH)\n          newColWidths[columnIndex] = newWidth\n          tableNode.setColWidths(newColWidths)\n        },\n        { tag: SKIP_SCROLL_INTO_VIEW_TAG },\n      )\n    },\n    [activeCell, editor],\n  )\n\n  const mouseUpHandler = useCallback(\n    (direction: MouseDraggingDirection) => {\n      const handler = (event: MouseEvent) => {\n        event.preventDefault()\n        event.stopPropagation()\n\n        if (!activeCell) {\n          throw new Error('TableCellResizer: Expected active cell.')\n        }\n\n        if (mouseStartPosRef.current) {\n          const { x, y } = mouseStartPosRef.current\n\n          if (activeCell === null) {\n            return\n          }\n          const zoom = calculateZoomLevel(event.target as Element)\n\n          if (isHeightChanging(direction)) {\n            const heightChange = (event.clientY - y) / zoom\n            updateRowHeight(heightChange)\n          } else {\n            const widthChange = (event.clientX - x) / zoom\n            updateColumnWidth(widthChange)\n          }\n\n          resetState()\n          document.removeEventListener('mouseup', handler)\n        }\n      }\n      return handler\n    },\n    [activeCell, resetState, updateColumnWidth, updateRowHeight],\n  )\n\n  const toggleResize = useCallback(\n    (direction: MouseDraggingDirection): MouseEventHandler<HTMLDivElement> =>\n      (event) => {\n        event.preventDefault()\n        event.stopPropagation()\n\n        if (!activeCell) {\n          throw new Error('TableCellResizer: Expected active cell.')\n        }\n\n        mouseStartPosRef.current = {\n          x: event.clientX,\n          y: event.clientY,\n        }\n        updateMouseCurrentPos(mouseStartPosRef.current)\n        updateDraggingDirection(direction)\n\n        document.addEventListener('mouseup', mouseUpHandler(direction))\n      },\n    [activeCell, mouseUpHandler],\n  )\n\n  const [resizerStyles, setResizerStyles] = useState<{\n    bottom?: null | React.CSSProperties\n    left?: null | React.CSSProperties\n    right?: null | React.CSSProperties\n    top?: null | React.CSSProperties\n  }>({\n    bottom: null,\n    left: null,\n    right: null,\n    top: null,\n  })\n\n  useEffect(() => {\n    if (activeCell) {\n      const { height, left, top, width } = activeCell.elem.getBoundingClientRect()\n      const zoom = calculateZoomLevel(activeCell.elem)\n      const zoneWidth = 10 // Pixel width of the zone where you can drag the edge\n      const styles = {\n        bottom: {\n          backgroundColor: 'none',\n          cursor: 'row-resize',\n          height: `${zoneWidth}px`,\n          left: `${window.scrollX + left}px`,\n          top: `${window.scrollY + top + height - zoneWidth / 2}px`,\n          width: `${width}px`,\n        },\n        right: {\n          backgroundColor: 'none',\n          cursor: 'col-resize',\n          height: `${height}px`,\n          left: `${window.scrollX + left + width - zoneWidth / 2}px`,\n          top: `${window.scrollY + top}px`,\n          width: `${zoneWidth}px`,\n        },\n      }\n\n      const tableRect = tableRectRef.current\n\n      if (draggingDirection && mouseCurrentPos && tableRect) {\n        if (isHeightChanging(draggingDirection)) {\n          styles[draggingDirection].left = `${window.scrollX + tableRect.left}px`\n          styles[draggingDirection].top = `${window.scrollY + mouseCurrentPos.y / zoom}px`\n          styles[draggingDirection].height = '3px'\n          styles[draggingDirection].width = `${tableRect.width}px`\n        } else {\n          styles[draggingDirection].top = `${window.scrollY + tableRect.top}px`\n          styles[draggingDirection].left = `${window.scrollX + mouseCurrentPos.x / zoom}px`\n          styles[draggingDirection].width = '3px'\n          styles[draggingDirection].height = `${tableRect.height}px`\n        }\n\n        styles[draggingDirection].backgroundColor = '#adf'\n      }\n\n      setResizerStyles(styles)\n    } else {\n      setResizerStyles({\n        bottom: null,\n        left: null,\n        right: null,\n        top: null,\n      })\n    }\n  }, [activeCell, draggingDirection, mouseCurrentPos])\n\n  return (\n    <div ref={resizerRef}>\n      {activeCell != null && !isMouseDown && (\n        <React.Fragment>\n          <div\n            className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n            onMouseDown={toggleResize('right')}\n            style={resizerStyles.right || undefined}\n          />\n          <div\n            className={`${editorConfig.editorConfig.lexical.theme.tableCellResizer} TableCellResizer__ui`}\n            onMouseDown={toggleResize('bottom')}\n            style={resizerStyles.bottom || undefined}\n          />\n        </React.Fragment>\n      )}\n    </div>\n  )\n}\n\nexport const TableCellResizerPlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const isEditable = useLexicalEditable()\n\n  return useMemo(\n    () => (isEditable ? createPortal(<TableCellResizer editor={editor} />, document.body) : null),\n    [editor, isEditable],\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$isTableCellNode","$isTableRowNode","getDOMCellFromTarget","getTableElement","TableNode","calculateZoomLevel","mergeRegister","$getNearestNodeFromDOMNode","isHTMLElement","SKIP_SCROLL_INTO_VIEW_TAG","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","useEditorConfigContext","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","TableCellResizer","editor","targetRef","resizerRef","tableRectRef","hasTable","setHasTable","editorConfig","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","current","isMouseDownOnEvent","event","buttons","tableKeys","Set","registerMutationListener","nodeMutations","nodeKey","mutation","delete","add","size","registerNodeTransform","tableNode","getColWidths","numColumns","getColumnCount","columnWidth","setColWidths","Array","fill","onMouseMove","target","x","clientX","y","clientY","contains","cell","getEditorState","read","tableCellNode","elem","Error","tableElement","getElementByKey","getKey","getBoundingClientRect","onMouseDown","onMouseUp","removeRootListener","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isHeightChanging","direction","updateRowHeight","heightChange","update","baseRowIndex","tableRows","getChildren","isFullRowMerge","getColSpan","tableRowIndex","getRowSpan","length","tableRow","height","getHeight","undefined","rowCells","Math","min","map","getCellNodeHeight","Infinity","newHeight","max","setHeight","tag","activeEditor","domCellNode","clientHeight","getCellColumnIndex","tableMap","columnIndex","forEach","row","columnIndexInner","updateColumnWidth","widthChange","colWidths","width","newColWidths","newWidth","mouseUpHandler","handler","preventDefault","stopPropagation","zoom","document","toggleResize","resizerStyles","setResizerStyles","bottom","left","right","top","zoneWidth","styles","backgroundColor","cursor","window","scrollX","scrollY","tableRect","div","ref","Fragment","className","lexical","theme","tableCellResizer","style","TableCellResizerPlugin","isEditable","body"],"mappings":"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"}

package/dist/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.js

@@ -1,6 +1,4 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
@@ -13,235 +11,215 @@ import { createPortal } from 'react-dom';
 import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
 import { useDebounce } from '../../utils/useDebounce.js';
 const BUTTON_WIDTH_PX = 20;
-function TableHoverActionsContainer({
-  anchorElem
-}) {
-  const [editor] = useLexicalComposerContext();
-  const isEditable = useLexicalEditable();
-  const editorConfig = useEditorConfigContext();
-  const [isShownRow, setShownRow] = useState(false);
-  const [isShownColumn, setShownColumn] = useState(false);
-  const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
-  const [position, setPosition] = useState({});
-  const tableSetRef = useRef(new Set());
-  const tableCellDOMNodeRef = useRef(null);
-  const debouncedOnMouseMove = useDebounce(event => {
-    const {
-      isOutside,
-      tableDOMNode
-    } = getMouseInfo(event, editorConfig.editorConfig?.lexical);
-    if (isOutside) {
-      setShownRow(false);
-      setShownColumn(false);
-      return;
-    }
-    if (!tableDOMNode) {
-      return;
-    }
-    tableCellDOMNodeRef.current = tableDOMNode;
-    let hoveredRowNode = null;
-    let hoveredColumnNode = null;
-    let tableDOMElement = null;
-    editor.getEditorState().read(() => {
-      const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode);
-      if ($isTableCellNode(maybeTableCell)) {
-        const table = $findMatchingParent(maybeTableCell, node => $isTableNode(node));
-        if (!$isTableNode(table)) {
-          return;
+function TableHoverActionsContainer({ anchorElem }) {
+    const [editor] = useLexicalComposerContext();
+    const isEditable = useLexicalEditable();
+    const editorConfig = useEditorConfigContext();
+    const [isShownRow, setShownRow] = useState(false);
+    const [isShownColumn, setShownColumn] = useState(false);
+    const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
+    const [position, setPosition] = useState({});
+    const tableSetRef = useRef(new Set());
+    const tableCellDOMNodeRef = useRef(null);
+    const debouncedOnMouseMove = useDebounce((event)=>{
+        const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical);
+        if (isOutside) {
+            setShownRow(false);
+            setShownColumn(false);
+            return;
         }
-        tableDOMElement = getTableElement(table, editor.getElementByKey(table.getKey()));
-        if (tableDOMElement) {
-          const rowCount = table.getChildrenSize();
-          const colCount = table.getChildAtIndex(0)?.getChildrenSize();
-          const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell);
-          const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell);
-          if (rowIndex === rowCount - 1) {
-            hoveredRowNode = maybeTableCell;
-          } else if (colIndex === colCount - 1) {
-            hoveredColumnNode = maybeTableCell;
-          }
+        if (!tableDOMNode) {
+            return;
         }
-      }
-    }, {
-      editor
-    });
-    if (!tableDOMElement) {
-      return;
-    }
-    // this is the scrollable div container of the table (in case of overflow)
-    const tableContainerElement = tableDOMElement.parentElement;
-    if (!tableContainerElement) {
-      return;
-    }
-    const {
-      bottom: tableElemBottom,
-      height: tableElemHeight,
-      left: tableElemLeft,
-      right: tableElemRight,
-      width: tableElemWidth,
-      y: tableElemY
-    } = tableDOMElement.getBoundingClientRect();
-    let tableHasScroll = false;
-    if (tableContainerElement && tableContainerElement.classList.contains('LexicalEditorTheme__tableScrollableWrapper')) {
-      tableHasScroll = tableContainerElement.scrollWidth > tableContainerElement.clientWidth;
-    }
-    const {
-      left: editorElemLeft,
-      y: editorElemY
-    } = anchorElem.getBoundingClientRect();
-    if (hoveredRowNode) {
-      setShownColumn(false);
-      setShownRow(true);
-      setPosition({
-        height: BUTTON_WIDTH_PX,
-        left: tableHasScroll && tableContainerElement ? tableContainerElement.offsetLeft : tableElemLeft - editorElemLeft,
-        top: tableElemBottom - editorElemY + 5,
-        width: tableHasScroll && tableContainerElement ? tableContainerElement.offsetWidth : tableElemWidth
-      });
-    } else if (hoveredColumnNode) {
-      setShownColumn(true);
-      setShownRow(false);
-      setPosition({
-        height: tableElemHeight,
-        left: tableElemRight - editorElemLeft + 5,
-        top: tableElemY - editorElemY,
-        width: BUTTON_WIDTH_PX
-      });
-    }
-  }, 50, 250);
-  // Hide the buttons on any table dimensions change to prevent last row cells
-  // overlap behind the 'Add Row' button when text entry changes cell height
-  const tableResizeObserver = useMemo(() => {
-    return new ResizeObserver(() => {
-      setShownRow(false);
-      setShownColumn(false);
-    });
-  }, []);
-  useEffect(() => {
-    if (!shouldListenMouseMove) {
-      return;
-    }
-    document.addEventListener('mousemove', debouncedOnMouseMove);
-    return () => {
-      setShownRow(false);
-      setShownColumn(false);
-      document.removeEventListener('mousemove', debouncedOnMouseMove);
-    };
-  }, [shouldListenMouseMove, debouncedOnMouseMove]);
-  useEffect(() => {
-    return mergeRegister(editor.registerMutationListener(TableNode, mutations => {
-      editor.getEditorState().read(() => {
-        let resetObserver = false;
-        for (const [key, type] of mutations) {
-          switch (type) {
-            case 'created':
-              {
-                tableSetRef.current.add(key);
-                resetObserver = true;
-                break;
-              }
-            case 'destroyed':
-              {
-                tableSetRef.current.delete(key);
-                resetObserver = true;
-                break;
-              }
-            default:
-              break;
-          }
+        tableCellDOMNodeRef.current = tableDOMNode;
+        let hoveredRowNode = null;
+        let hoveredColumnNode = null;
+        let tableDOMElement = null;
+        editor.getEditorState().read(()=>{
+            const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode);
+            if ($isTableCellNode(maybeTableCell)) {
+                const table = $findMatchingParent(maybeTableCell, (node)=>$isTableNode(node));
+                if (!$isTableNode(table)) {
+                    return;
+                }
+                tableDOMElement = getTableElement(table, editor.getElementByKey(table.getKey()));
+                if (tableDOMElement) {
+                    const rowCount = table.getChildrenSize();
+                    const colCount = table.getChildAtIndex(0)?.getChildrenSize();
+                    const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell);
+                    const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell);
+                    if (rowIndex === rowCount - 1) {
+                        hoveredRowNode = maybeTableCell;
+                    } else if (colIndex === colCount - 1) {
+                        hoveredColumnNode = maybeTableCell;
+                    }
+                }
+            }
+        }, {
+            editor
+        });
+        if (!tableDOMElement) {
+            return;
+        }
+        // this is the scrollable div container of the table (in case of overflow)
+        const tableContainerElement = tableDOMElement.parentElement;
+        if (!tableContainerElement) {
+            return;
+        }
+        const { bottom: tableElemBottom, height: tableElemHeight, left: tableElemLeft, right: tableElemRight, width: tableElemWidth, y: tableElemY } = tableDOMElement.getBoundingClientRect();
+        let tableHasScroll = false;
+        if (tableContainerElement && tableContainerElement.classList.contains('LexicalEditorTheme__tableScrollableWrapper')) {
+            tableHasScroll = tableContainerElement.scrollWidth > tableContainerElement.clientWidth;
         }
-        if (resetObserver) {
-          // Reset resize observers
-          tableResizeObserver.disconnect();
-          for (const tableKey of tableSetRef.current) {
-            const {
-              tableElement
-            } = $getTableAndElementByKey(tableKey);
-            tableResizeObserver.observe(tableElement);
-          }
-          setShouldListenMouseMove(tableSetRef.current.size > 0);
+        const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect();
+        if (hoveredRowNode) {
+            setShownColumn(false);
+            setShownRow(true);
+            setPosition({
+                height: BUTTON_WIDTH_PX,
+                left: tableHasScroll && tableContainerElement ? tableContainerElement.offsetLeft : tableElemLeft - editorElemLeft,
+                top: tableElemBottom - editorElemY + 5,
+                width: tableHasScroll && tableContainerElement ? tableContainerElement.offsetWidth : tableElemWidth
+            });
+        } else if (hoveredColumnNode) {
+            setShownColumn(true);
+            setShownRow(false);
+            setPosition({
+                height: tableElemHeight,
+                left: tableElemRight - editorElemLeft + 5,
+                top: tableElemY - editorElemY,
+                width: BUTTON_WIDTH_PX
+            });
         }
-      }, {
-        editor
-      });
-    }, {
-      skipInitialization: false
-    }));
-  }, [editor, tableResizeObserver]);
-  const insertAction = insertRow => {
-    editor.update(() => {
-      if (tableCellDOMNodeRef.current) {
-        const maybeTableNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current);
-        maybeTableNode?.selectEnd();
-        if (insertRow) {
-          $insertTableRowAtSelection();
-          setShownRow(false);
-        } else {
-          $insertTableColumnAtSelection();
-          setShownColumn(false);
+    }, 50, 250);
+    // Hide the buttons on any table dimensions change to prevent last row cells
+    // overlap behind the 'Add Row' button when text entry changes cell height
+    const tableResizeObserver = useMemo(()=>{
+        return new ResizeObserver(()=>{
+            setShownRow(false);
+            setShownColumn(false);
+        });
+    }, []);
+    useEffect(()=>{
+        if (!shouldListenMouseMove) {
+            return;
         }
-      }
+        document.addEventListener('mousemove', debouncedOnMouseMove);
+        return ()=>{
+            setShownRow(false);
+            setShownColumn(false);
+            document.removeEventListener('mousemove', debouncedOnMouseMove);
+        };
+    }, [
+        shouldListenMouseMove,
+        debouncedOnMouseMove
+    ]);
+    useEffect(()=>{
+        return mergeRegister(editor.registerMutationListener(TableNode, (mutations)=>{
+            editor.getEditorState().read(()=>{
+                let resetObserver = false;
+                for (const [key, type] of mutations){
+                    switch(type){
+                        case 'created':
+                            {
+                                tableSetRef.current.add(key);
+                                resetObserver = true;
+                                break;
+                            }
+                        case 'destroyed':
+                            {
+                                tableSetRef.current.delete(key);
+                                resetObserver = true;
+                                break;
+                            }
+                        default:
+                            break;
+                    }
+                }
+                if (resetObserver) {
+                    // Reset resize observers
+                    tableResizeObserver.disconnect();
+                    for (const tableKey of tableSetRef.current){
+                        const { tableElement } = $getTableAndElementByKey(tableKey);
+                        tableResizeObserver.observe(tableElement);
+                    }
+                    setShouldListenMouseMove(tableSetRef.current.size > 0);
+                }
+            }, {
+                editor
+            });
+        }, {
+            skipInitialization: false
+        }));
+    }, [
+        editor,
+        tableResizeObserver
+    ]);
+    const insertAction = (insertRow)=>{
+        editor.update(()=>{
+            if (tableCellDOMNodeRef.current) {
+                const maybeTableNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current);
+                maybeTableNode?.selectEnd();
+                if (insertRow) {
+                    $insertTableRowAtSelection();
+                    setShownRow(false);
+                } else {
+                    $insertTableColumnAtSelection();
+                    setShownColumn(false);
+                }
+            }
+        });
+    };
+    if (!isEditable) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            isShownRow && /*#__PURE__*/ _jsx("button", {
+                "aria-label": "Add Row",
+                className: editorConfig.editorConfig.lexical.theme.tableAddRows,
+                onClick: ()=>insertAction(true),
+                style: {
+                    ...position
+                },
+                type: "button"
+            }),
+            isShownColumn && /*#__PURE__*/ _jsx("button", {
+                "aria-label": "Add Column",
+                className: editorConfig.editorConfig.lexical.theme.tableAddColumns,
+                onClick: ()=>insertAction(false),
+                style: {
+                    ...position
+                },
+                type: "button"
+            })
+        ]
     });
-  };
-  if (!isEditable) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isShownRow && /*#__PURE__*/_jsx("button", {
-      "aria-label": "Add Row",
-      className: editorConfig.editorConfig.lexical.theme.tableAddRows,
-      onClick: () => insertAction(true),
-      style: {
-        ...position
-      },
-      type: "button"
-    }), isShownColumn && /*#__PURE__*/_jsx("button", {
-      "aria-label": "Add Column",
-      className: editorConfig.editorConfig.lexical.theme.tableAddColumns,
-      onClick: () => insertAction(false),
-      style: {
-        ...position
-      },
-      type: "button"
-    })]
-  });
 }
 function getMouseInfo(event, editorConfig) {
-  const target = event.target;
-  if (isHTMLElement(target)) {
-    const tableDOMNode = target.closest(`td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`);
-    const isOutside = !(tableDOMNode || target.closest(`button.${editorConfig.theme.tableAddRows}`) || target.closest(`button.${editorConfig.theme.tableAddColumns}`) || target.closest(`div.${editorConfig.theme.tableCellResizer}`));
-    return {
-      isOutside,
-      tableDOMNode
-    };
-  } else {
-    return {
-      isOutside: true,
-      tableDOMNode: null
-    };
-  }
+    const target = event.target;
+    if (isHTMLElement(target)) {
+        const tableDOMNode = target.closest(`td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`);
+        const isOutside = !(tableDOMNode || target.closest(`button.${editorConfig.theme.tableAddRows}`) || target.closest(`button.${editorConfig.theme.tableAddColumns}`) || target.closest(`div.${editorConfig.theme.tableCellResizer}`));
+        return {
+            isOutside,
+            tableDOMNode
+        };
+    } else {
+        return {
+            isOutside: true,
+            tableDOMNode: null
+        };
+    }
 }
-export function TableHoverActionsPlugin(t0) {
-  const $ = _c(2);
-  const {
-    anchorElem: t1
-  } = t0;
-  const anchorElem = t1 === undefined ? document.body : t1;
-  const isEditable = useLexicalEditable();
-  if (!isEditable) {
-    return null;
-  }
-  let t2;
-  if ($[0] !== anchorElem) {
-    t2 = createPortal(_jsx(TableHoverActionsContainer, {
-      anchorElem
+export function TableHoverActionsPlugin({ anchorElem = document.body }) {
+    const isEditable = useLexicalEditable();
+    if (!isEditable) {
+        return null;
+    }
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx(TableHoverActionsContainer, {
+        anchorElem: anchorElem
     }), anchorElem);
-    $[0] = anchorElem;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  return t2;
 }
+
 //# sourceMappingURL=index.js.map