@payloadcms/richtext-lexical 3.0.0-canary.ff8c8fd → 3.0.0

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

@@ -1,9 +1,10 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
-import { $computeTableMapSkipCellCheck, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $isTableCellNode, $isTableRowNode, getDOMCellFromTarget } from '@lexical/table';
+import { $computeTableMapSkipCellCheck, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $isTableCellNode, $isTableRowNode, getDOMCellFromTarget, TableNode } from '@lexical/table';
 import { calculateZoomLevel } from '@lexical/utils';
 import { $getNearestNodeFromDOMNode } from 'lexical';
 import * as React from 'react';
@@ -11,7 +12,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
 const MIN_ROW_HEIGHT = 33;
-const MIN_COLUMN_WIDTH = 50;
+const MIN_COLUMN_WIDTH = 92;
 function TableCellResizer({
   editor
 }) {
@@ -34,6 +35,17 @@ function TableCellResizer({
   const isMouseDownOnEvent = event => {
     return (event.buttons & 1) === 1;
   };
+  useEffect(() => {
+    return editor.registerNodeTransform(TableNode, tableNode => {
+      if (tableNode.getColWidths()) {
+        return tableNode;
+      }
+      const numColumns = tableNode.getColumnCount();
+      const columnWidth = MIN_COLUMN_WIDTH;
+      tableNode.setColWidths(Array(numColumns).fill(columnWidth));
+      return tableNode;
+    });
+  }, [editor]);
   useEffect(() => {
     const onMouseMove = event_0 => {
       setTimeout(() => {
@@ -58,8 +70,8 @@ function TableCellResizer({
               if (!tableCellNode) {
                 throw new Error('TableCellResizer: Table cell node not found.');
               }
-              const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
-              const tableElement = editor.getElementByKey(tableNode.getKey());
+              const tableNode_0 = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
+              const tableElement = editor.getElementByKey(tableNode_0.getKey());
               if (!tableElement) {
                 throw new Error('TableCellResizer: Table element not found.');
               }
@@ -84,12 +96,12 @@ function TableCellResizer({
       }, 0);
     };
     const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {
-      rootElement?.addEventListener('mousemove', onMouseMove);
-      rootElement?.addEventListener('mousedown', onMouseDown);
-      rootElement?.addEventListener('mouseup', onMouseUp);
       prevRootElement?.removeEventListener('mousemove', onMouseMove);
       prevRootElement?.removeEventListener('mousedown', onMouseDown);
       prevRootElement?.removeEventListener('mouseup', onMouseUp);
+      rootElement?.addEventListener('mousemove', onMouseMove);
+      rootElement?.addEventListener('mousedown', onMouseDown);
+      rootElement?.addEventListener('mouseup', onMouseUp);
     });
     return () => {
       removeRootListener();
@@ -110,9 +122,9 @@ function TableCellResizer({
       if (!$isTableCellNode(tableCellNode_0)) {
         throw new Error('TableCellResizer: Table cell node not found.');
       }
-      const tableNode_0 = $getTableNodeFromLexicalNodeOrThrow(tableCellNode_0);
-      const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode_0);
-      const tableRows = tableNode_0.getChildren();
+      const tableNode_1 = $getTableNodeFromLexicalNodeOrThrow(tableCellNode_0);
+      const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode_0) + tableCellNode_0.getRowSpan() - 1;
+      const tableRows = tableNode_1.getChildren();
       if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {
         throw new Error('Expected table cell to be inside of table row.');
       }
@@ -131,21 +143,9 @@ function TableCellResizer({
       tag: 'skip-scroll-into-view'
     });
   }, [activeCell, editor]);
-  const getCellNodeWidth = (cell_1, activeEditor) => {
-    const width = cell_1.getWidth();
-    if (width !== undefined) {
-      return width;
-    }
+  const getCellNodeHeight = (cell_1, activeEditor) => {
     const domCellNode = activeEditor.getElementByKey(cell_1.getKey());
-    if (domCellNode == null) {
-      return undefined;
-    }
-    const computedStyle = getComputedStyle(domCellNode);
-    return domCellNode.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight);
-  };
-  const getCellNodeHeight = (cell_2, activeEditor_0) => {
-    const domCellNode_0 = activeEditor_0.getElementByKey(cell_2.getKey());
-    return domCellNode_0?.clientHeight;
+    return domCellNode?.clientHeight;
   };
   const getCellColumnIndex = (tableCellNode_1, tableMap) => {
     for (let row = 0; row < tableMap.length; row++) {
@@ -165,23 +165,24 @@ function TableCellResizer({
       if (!$isTableCellNode(tableCellNode_2)) {
         throw new Error('TableCellResizer: Table cell node not found.');
       }
-      const tableNode_1 = $getTableNodeFromLexicalNodeOrThrow(tableCellNode_2);
-      const [tableMap_0] = $computeTableMapSkipCellCheck(tableNode_1, null, null);
+      const tableNode_2 = $getTableNodeFromLexicalNodeOrThrow(tableCellNode_2);
+      const [tableMap_0] = $computeTableMapSkipCellCheck(tableNode_2, null, null);
       const columnIndex = getCellColumnIndex(tableCellNode_2, tableMap_0);
       if (columnIndex === undefined) {
         throw new Error('TableCellResizer: Table column not found.');
       }
-      for (let row_0 = 0; row_0 < tableMap_0.length; row_0++) {
-        const cell_3 = tableMap_0[row_0][columnIndex];
-        if (cell_3.startRow === row_0 && (columnIndex === tableMap_0[row_0].length - 1 || tableMap_0[row_0][columnIndex].cell !== tableMap_0[row_0][columnIndex + 1].cell)) {
-          const width_0 = getCellNodeWidth(cell_3.cell, editor);
-          if (width_0 === undefined) {
-            continue;
-          }
-          const newWidth = Math.max(width_0 + widthChange, MIN_COLUMN_WIDTH);
-          cell_3.cell.setWidth(newWidth);
-        }
+      const colWidths = tableNode_2.getColWidths();
+      if (!colWidths) {
+        return;
+      }
+      const width = colWidths[columnIndex];
+      if (width === undefined) {
+        return;
       }
+      const newColWidths = [...colWidths];
+      const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH);
+      newColWidths[columnIndex] = newWidth;
+      tableNode_2.setColWidths(newColWidths);
     }, {
       tag: 'skip-scroll-into-view'
     });
@@ -235,7 +236,7 @@ function TableCellResizer({
         height: height_0,
         left,
         top,
-        width: width_1
+        width: width_0
       } = activeCell.elem.getBoundingClientRect();
       const zoom_0 = calculateZoomLevel(activeCell.elem);
       const zoneWidth = 10 // Pixel width of the zone where you can drag the edge
@@ -247,13 +248,13 @@ function TableCellResizer({
           height: `${zoneWidth}px`,
           left: `${window.pageXOffset + left}px`,
           top: `${window.pageYOffset + top + height_0 - zoneWidth / 2}px`,
-          width: `${width_1}px`
+          width: `${width_0}px`
         },
         right: {
           backgroundColor: 'none',
           cursor: 'col-resize',
           height: `${height_0}px`,
-          left: `${window.pageXOffset + left + width_1 - zoneWidth / 2}px`,
+          left: `${window.pageXOffset + left + width_0 - zoneWidth / 2}px`,
           top: `${window.pageYOffset + top}px`,
           width: `${zoneWidth}px`
         }
@@ -299,10 +300,22 @@ function TableCellResizer({
   });
 }
 export const TableCellResizerPlugin = () => {
+  const $ = _c(3);
   const [editor] = useLexicalComposerContext();
   const isEditable = useLexicalEditable();
-  return useMemo(() => isEditable ? /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(TableCellResizer, {
-    editor: editor
-  }), document.body) : null, [editor, isEditable]);
+  let t0;
+  let t1;
+  if ($[0] !== isEditable || $[1] !== editor) {
+    t1 = isEditable ? createPortal(_jsx(TableCellResizer, {
+      editor
+    }), document.body) : null;
+    $[0] = isEditable;
+    $[1] = editor;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  t0 = t1;
+  return t0;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$isTableCellNode","$isTableRowNode","getDOMCellFromTarget","calculateZoomLevel","$getNearestNodeFromDOMNode","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","useEditorConfigContext","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","TableCellResizer","editor","targetRef","resizerRef","tableRectRef","editorConfig","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","current","isMouseDownOnEvent","event","buttons","onMouseMove","setTimeout","target","x","clientX","y","clientY","contains","cell","update","tableCellNode","elem","Error","tableNode","tableElement","getElementByKey","getKey","getBoundingClientRect","onMouseDown","onMouseUp","removeRootListener","registerRootListener","rootElement","prevRootElement","addEventListener","removeEventListener","isHeightChanging","direction","updateRowHeight","heightChange","tableRowIndex","tableRows","getChildren","length","tableRow","height","getHeight","undefined","rowCells","Math","min","map","getCellNodeHeight","Infinity","newHeight","max","setHeight","tag","getCellNodeWidth","activeEditor","width","getWidth","domCellNode","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","clientHeight","getCellColumnIndex","tableMap","row","column","updateColumnWidth","widthChange","columnIndex","startRow","newWidth","setWidth","mouseUpHandler","handler","preventDefault","stopPropagation","zoom","document","toggleResize","getResizers","left","top","zoneWidth","styles","bottom","backgroundColor","cursor","window","pageXOffset","pageYOffset","right","tableRect","resizerStyles","_jsx","ref","_jsxs","Fragment","className","lexical","theme","tableCellResizer","style","TableCellResizerPlugin","isEditable","body"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TableCellResizerPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableDOMCell, TableMapType, TableMapValueType } from '@lexical/table'\nimport type { LexicalEditor } 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} from '@lexical/table'\nimport { calculateZoomLevel } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode } 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 { 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 = 50\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 editorConfig = useEditorConfigContext()\n\n  const mouseStartPosRef = useRef<MousePosition | null>(null)\n  const [mouseCurrentPos, updateMouseCurrentPos] = useState<MousePosition | null>(null)\n\n  const [activeCell, updateActiveCell] = useState<TableDOMCell | null>(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 onMouseMove = (event: MouseEvent) => {\n      setTimeout(() => {\n        const target = event.target\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 as Node)) {\n          return\n        }\n\n        if (targetRef.current !== target) {\n          targetRef.current = target as HTMLElement\n          const cell = getDOMCellFromTarget(target as HTMLElement)\n\n          if (cell && activeCell !== cell) {\n            editor.update(() => {\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 = editor.getElementByKey(tableNode.getKey())\n\n              if (!tableElement) {\n                throw new Error('TableCellResizer: Table element not found.')\n              }\n\n              targetRef.current = target as HTMLElement\n              tableRectRef.current = tableElement.getBoundingClientRect()\n              updateActiveCell(cell)\n            })\n          } else if (cell == null) {\n            resetState()\n          }\n        }\n      }, 0)\n    }\n\n    const onMouseDown = (event: MouseEvent) => {\n      setTimeout(() => {\n        updateIsMouseDown(true)\n      }, 0)\n    }\n\n    const onMouseUp = (event: MouseEvent) => {\n      setTimeout(() => {\n        updateIsMouseDown(false)\n      }, 0)\n    }\n\n    const removeRootListener = editor.registerRootListener((rootElement, prevRootElement) => {\n      rootElement?.addEventListener('mousemove', onMouseMove)\n      rootElement?.addEventListener('mousedown', onMouseDown)\n      rootElement?.addEventListener('mouseup', onMouseUp)\n\n      prevRootElement?.removeEventListener('mousemove', onMouseMove)\n      prevRootElement?.removeEventListener('mousedown', onMouseDown)\n      prevRootElement?.removeEventListener('mouseup', onMouseUp)\n    })\n\n    return () => {\n      removeRootListener()\n    }\n  }, [activeCell, draggingDirection, editor, 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 tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode)\n\n          const tableRows = tableNode.getChildren()\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' },\n      )\n    },\n    [activeCell, editor],\n  )\n\n  const getCellNodeWidth = (\n    cell: TableCellNode,\n    activeEditor: LexicalEditor,\n  ): number | undefined => {\n    const width = cell.getWidth()\n    if (width !== undefined) {\n      return width\n    }\n\n    const domCellNode = activeEditor.getElementByKey(cell.getKey())\n    if (domCellNode == null) {\n      return undefined\n    }\n    const computedStyle = getComputedStyle(domCellNode)\n    return (\n      domCellNode.clientWidth -\n      parseFloat(computedStyle.paddingLeft) -\n      parseFloat(computedStyle.paddingRight)\n    )\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    for (let row = 0; row < tableMap.length; row++) {\n      for (let column = 0; column < tableMap[row].length; column++) {\n        if (tableMap[row][column].cell === tableCellNode) {\n          return column\n        }\n      }\n    }\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          for (let row = 0; row < tableMap.length; row++) {\n            const cell: TableMapValueType = tableMap[row][columnIndex]\n            if (\n              cell.startRow === row &&\n              (columnIndex === tableMap[row].length - 1 ||\n                tableMap[row][columnIndex].cell !== tableMap[row][columnIndex + 1].cell)\n            ) {\n              const width = getCellNodeWidth(cell.cell, editor)\n              if (width === undefined) {\n                continue\n              }\n              const newWidth = Math.max(width + widthChange, MIN_COLUMN_WIDTH)\n              cell.cell.setWidth(newWidth)\n            }\n          }\n        },\n        { tag: 'skip-scroll-into-view' },\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 getResizers = useCallback(() => {\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.pageXOffset + left}px`,\n          top: `${window.pageYOffset + 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.pageXOffset + left + width - zoneWidth / 2}px`,\n          top: `${window.pageYOffset + 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.pageXOffset + tableRect.left}px`\n          styles[draggingDirection].top = `${window.pageYOffset + mouseCurrentPos.y / zoom}px`\n          styles[draggingDirection].height = '3px'\n          styles[draggingDirection].width = `${tableRect.width}px`\n        } else {\n          styles[draggingDirection].top = `${window.pageYOffset + tableRect.top}px`\n          styles[draggingDirection].left = `${window.pageXOffset + 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      return styles\n    }\n\n    return {\n      bottom: null,\n      left: null,\n      right: null,\n      top: null,\n    }\n  }, [activeCell, draggingDirection, mouseCurrentPos])\n\n  const resizerStyles = getResizers()\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,"file":"index.js","names":["c","_c","useLexicalComposerContext","useLexicalEditable","$computeTableMapSkipCellCheck","$getTableNodeFromLexicalNodeOrThrow","$getTableRowIndexFromTableCellNode","$isTableCellNode","$isTableRowNode","getDOMCellFromTarget","TableNode","calculateZoomLevel","$getNearestNodeFromDOMNode","React","useCallback","useEffect","useMemo","useRef","useState","createPortal","useEditorConfigContext","MIN_ROW_HEIGHT","MIN_COLUMN_WIDTH","TableCellResizer","editor","targetRef","resizerRef","tableRectRef","editorConfig","mouseStartPosRef","mouseCurrentPos","updateMouseCurrentPos","activeCell","updateActiveCell","isMouseDown","updateIsMouseDown","draggingDirection","updateDraggingDirection","resetState","current","isMouseDownOnEvent","event","buttons","registerNodeTransform","tableNode","getColWidths","numColumns","getColumnCount","columnWidth","setColWidths","Array","fill","onMouseMove","setTimeout","target","x","clientX","y","clientY","contains","cell","update","tableCellNode","elem","Error","tableElement","getElementByKey","getKey","getBoundingClientRect","onMouseDown","onMouseUp","removeRootListener","registerRootListener","rootElement","prevRootElement","removeEventListener","addEventListener","isHeightChanging","direction","updateRowHeight","heightChange","tableRowIndex","getRowSpan","tableRows","getChildren","length","tableRow","height","getHeight","undefined","rowCells","Math","min","map","getCellNodeHeight","Infinity","newHeight","max","setHeight","tag","activeEditor","domCellNode","clientHeight","getCellColumnIndex","tableMap","row","column","updateColumnWidth","widthChange","columnIndex","colWidths","width","newColWidths","newWidth","mouseUpHandler","handler","preventDefault","stopPropagation","zoom","document","toggleResize","getResizers","left","top","zoneWidth","styles","bottom","backgroundColor","cursor","window","pageXOffset","pageYOffset","right","tableRect","resizerStyles","_jsx","ref","_jsxs","Fragment","className","lexical","theme","tableCellResizer","style","TableCellResizerPlugin","$","isEditable","t0","t1"],"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 } 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  TableNode,\n} from '@lexical/table'\nimport { calculateZoomLevel } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode } 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 { 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 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    return 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  }, [editor])\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      setTimeout(() => {\n        const target = event.target\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 as Node)) {\n          return\n        }\n\n        if (targetRef.current !== target) {\n          targetRef.current = target as HTMLElement\n          const cell = getDOMCellFromTarget(target as HTMLElement)\n\n          if (cell && activeCell !== cell) {\n            editor.update(() => {\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 = editor.getElementByKey(tableNode.getKey())\n\n              if (!tableElement) {\n                throw new Error('TableCellResizer: Table element not found.')\n              }\n\n              targetRef.current = target as HTMLElement\n              tableRectRef.current = tableElement.getBoundingClientRect()\n              updateActiveCell(cell)\n            })\n          } else if (cell == null) {\n            resetState()\n          }\n        }\n      }, 0)\n    }\n\n    const onMouseDown = (event: MouseEvent) => {\n      setTimeout(() => {\n        updateIsMouseDown(true)\n      }, 0)\n    }\n\n    const onMouseUp = (event: MouseEvent) => {\n      setTimeout(() => {\n        updateIsMouseDown(false)\n      }, 0)\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, 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 tableRowIndex =\n            $getTableRowIndexFromTableCellNode(tableCellNode) + tableCellNode.getRowSpan() - 1\n\n          const tableRows = tableNode.getChildren()\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' },\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    for (let row = 0; row < tableMap.length; row++) {\n      for (let column = 0; column < tableMap[row].length; column++) {\n        if (tableMap[row][column].cell === tableCellNode) {\n          return column\n        }\n      }\n    }\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' },\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 getResizers = useCallback(() => {\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.pageXOffset + left}px`,\n          top: `${window.pageYOffset + 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.pageXOffset + left + width - zoneWidth / 2}px`,\n          top: `${window.pageYOffset + 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.pageXOffset + tableRect.left}px`\n          styles[draggingDirection].top = `${window.pageYOffset + mouseCurrentPos.y / zoom}px`\n          styles[draggingDirection].height = '3px'\n          styles[draggingDirection].width = `${tableRect.width}px`\n        } else {\n          styles[draggingDirection].top = `${window.pageYOffset + tableRect.top}px`\n          styles[draggingDirection].left = `${window.pageXOffset + 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      return styles\n    }\n\n    return {\n      bottom: null,\n      left: null,\n      right: null,\n      top: null,\n    }\n  }, [activeCell, draggingDirection, mouseCurrentPos])\n\n  const resizerStyles = getResizers()\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":[]}

package/dist/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export declare function TableHoverActionsPlugin({ anchorElem, }: {
     anchorElem?: HTMLElement;
-}): React.ReactPortal | null;
+}): null | React.ReactPortal;
 //# sourceMappingURL=index.d.ts.map

package/dist/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmN9B,wBAAgB,uBAAuB,CAAC,EACtC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,KAAK,CAAC,WAAW,GAAG,IAAI,CAE3B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiP9B,wBAAgB,uBAAuB,CAAC,EACtC,UAA0B,GAC3B,EAAE;IACD,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAO3B"}

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

@@ -1,11 +1,12 @@
 '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 { $getTableColumnIndexFromTableCellNode, $getTableRowIndexFromTableCellNode, $insertTableColumn__EXPERIMENTAL, $insertTableRow__EXPERIMENTAL, $isTableCellNode, $isTableNode, TableNode } from '@lexical/table';
 import { $findMatchingParent, mergeRegister } from '@lexical/utils';
 import { $getNearestNodeFromDOMNode } from 'lexical';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
@@ -20,8 +21,8 @@ function TableHoverActionsContainer({
   const [isShownColumn, setShownColumn] = useState(false);
   const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
   const [position, setPosition] = useState({});
-  const codeSetRef = useRef(new Set());
-  const tableDOMNodeRef = useRef(null);
+  const tableSetRef = useRef(new Set());
+  const tableCellDOMNodeRef = useRef(null);
   const debouncedOnMouseMove = useDebounce(event => {
     const {
       isOutside,
@@ -35,7 +36,7 @@ function TableHoverActionsContainer({
     if (!tableDOMNode) {
       return;
     }
-    tableDOMNodeRef.current = tableDOMNode;
+    tableCellDOMNodeRef.current = tableDOMNode;
     let hoveredRowNode = null;
     let hoveredColumnNode = null;
     let tableDOMElement = null;
@@ -66,9 +67,9 @@ function TableHoverActionsContainer({
       const {
         bottom: tableElemBottom,
         height: tableElemHeight,
+        left: tableElemLeft,
         right: tableElemRight,
         width: tableElemWidth,
-        x: tableElemX,
         y: tableElemY
       } = tableDOMElement.getBoundingClientRect();
       const {
@@ -80,7 +81,7 @@ function TableHoverActionsContainer({
         setShownRow(true);
         setPosition({
           height: BUTTON_WIDTH_PX,
-          left: tableElemX - editorElemLeft,
+          left: tableElemLeft - editorElemLeft,
           top: tableElemBottom - editorElemY + 5,
           width: tableElemWidth
         });
@@ -96,6 +97,14 @@ function TableHoverActionsContainer({
       }
     }
   }, 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;
@@ -111,14 +120,26 @@ function TableHoverActionsContainer({
     return mergeRegister(editor.registerMutationListener(TableNode, mutations => {
       editor.getEditorState().read(() => {
         for (const [key, type] of mutations) {
+          const tableDOMElement_0 = editor.getElementByKey(key);
           switch (type) {
             case 'created':
-              codeSetRef.current.add(key);
-              setShouldListenMouseMove(codeSetRef.current.size > 0);
+              tableSetRef.current.add(key);
+              setShouldListenMouseMove(tableSetRef.current.size > 0);
+              if (tableDOMElement_0) {
+                tableResizeObserver.observe(tableDOMElement_0);
+              }
               break;
             case 'destroyed':
-              codeSetRef.current.delete(key);
-              setShouldListenMouseMove(codeSetRef.current.size > 0);
+              tableSetRef.current.delete(key);
+              setShouldListenMouseMove(tableSetRef.current.size > 0);
+              // Reset resize observers
+              tableResizeObserver.disconnect();
+              tableSetRef.current.forEach(tableKey => {
+                const tableElement = editor.getElementByKey(tableKey);
+                if (tableElement) {
+                  tableResizeObserver.observe(tableElement);
+                }
+              });
               break;
             default:
               break;
@@ -128,11 +149,11 @@ function TableHoverActionsContainer({
     }, {
       skipInitialization: false
     }));
-  }, [editor]);
+  }, [editor, tableResizeObserver]);
   const insertAction = insertRow => {
     editor.update(() => {
-      if (tableDOMNodeRef.current) {
-        const maybeTableNode = $getNearestNodeFromDOMNode(tableDOMNodeRef.current);
+      if (tableCellDOMNodeRef.current) {
+        const maybeTableNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current);
         maybeTableNode?.selectEnd();
         if (insertRow) {
           $insertTableRow__EXPERIMENTAL();
@@ -144,6 +165,9 @@ function TableHoverActionsContainer({
       }
     });
   };
+  if (!editor?.isEditable()) {
+    return null;
+  }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [isShownRow && /*#__PURE__*/_jsx("button", {
       className: editorConfig.editorConfig.lexical.theme.tableAddRows,
@@ -176,11 +200,26 @@ function getMouseInfo(event, editorConfig) {
     };
   }
 }
-export function TableHoverActionsPlugin({
-  anchorElem = document.body
-}) {
-  return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(TableHoverActionsContainer, {
-    anchorElem: anchorElem
-  }), anchorElem);
+export function TableHoverActionsPlugin(t0) {
+  const $ = _c(2);
+  const {
+    anchorElem: t1
+  } = t0;
+  const anchorElem = t1 === undefined ? document.body : t1;
+  const [editor] = useLexicalComposerContext();
+  if (!editor?.isEditable()) {
+    return null;
+  }
+  let t2;
+  if ($[0] !== anchorElem) {
+    t2 = createPortal(_jsx(TableHoverActionsContainer, {
+      anchorElem
+    }), anchorElem);
+    $[0] = anchorElem;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useLexicalComposerContext","$getTableColumnIndexFromTableCellNode","$getTableRowIndexFromTableCellNode","$insertTableColumn__EXPERIMENTAL","$insertTableRow__EXPERIMENTAL","$isTableCellNode","$isTableNode","TableNode","$findMatchingParent","mergeRegister","$getNearestNodeFromDOMNode","useEffect","useRef","useState","React","createPortal","useEditorConfigContext","useDebounce","BUTTON_WIDTH_PX","TableHoverActionsContainer","anchorElem","editor","editorConfig","isShownRow","setShownRow","isShownColumn","setShownColumn","shouldListenMouseMove","setShouldListenMouseMove","position","setPosition","codeSetRef","Set","tableDOMNodeRef","debouncedOnMouseMove","event","isOutside","tableDOMNode","getMouseInfo","lexical","current","hoveredRowNode","hoveredColumnNode","tableDOMElement","update","maybeTableCell","table","node","getElementByKey","getKey","rowCount","getChildrenSize","colCount","getChildAtIndex","rowIndex","colIndex","bottom","tableElemBottom","height","tableElemHeight","right","tableElemRight","width","tableElemWidth","x","tableElemX","y","tableElemY","getBoundingClientRect","left","editorElemLeft","editorElemY","top","document","addEventListener","removeEventListener","registerMutationListener","mutations","getEditorState","read","key","type","add","size","delete","skipInitialization","insertAction","insertRow","maybeTableNode","selectEnd","_jsxs","_Fragment","_jsx","className","theme","tableAddRows","onClick","style","tableAddColumns","target","HTMLElement","closest","tableCell","tableCellResizer","TableHoverActionsPlugin","body"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableRowNode } from '@lexical/table'\nimport type { EditorConfig, NodeKey } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport {\n  $getTableColumnIndexFromTableCellNode,\n  $getTableRowIndexFromTableCellNode,\n  $insertTableColumn__EXPERIMENTAL,\n  $insertTableRow__EXPERIMENTAL,\n  $isTableCellNode,\n  $isTableNode,\n  TableNode,\n} from '@lexical/table'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode } from 'lexical'\nimport { useEffect, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useDebounce } from '../../utils/useDebounce.js'\n\nconst BUTTON_WIDTH_PX = 20\n\nfunction TableHoverActionsContainer({ anchorElem }: { anchorElem: HTMLElement }): JSX.Element {\n  const [editor] = useLexicalComposerContext()\n  const editorConfig = useEditorConfigContext()\n  const [isShownRow, setShownRow] = useState<boolean>(false)\n  const [isShownColumn, setShownColumn] = useState<boolean>(false)\n  const [shouldListenMouseMove, setShouldListenMouseMove] = useState<boolean>(false)\n  const [position, setPosition] = useState({})\n  const codeSetRef = useRef<Set<NodeKey>>(new Set())\n  const tableDOMNodeRef = useRef<HTMLElement | null>(null)\n\n  const debouncedOnMouseMove = useDebounce(\n    (event: MouseEvent) => {\n      const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical)\n\n      if (isOutside) {\n        setShownRow(false)\n        setShownColumn(false)\n        return\n      }\n\n      if (!tableDOMNode) {\n        return\n      }\n\n      tableDOMNodeRef.current = tableDOMNode\n\n      let hoveredRowNode: TableCellNode | null = null\n      let hoveredColumnNode: TableCellNode | null = null\n      let tableDOMElement: HTMLElement | null = null\n\n      editor.update(() => {\n        const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode)\n\n        if ($isTableCellNode(maybeTableCell)) {\n          const table = $findMatchingParent(maybeTableCell, (node) => $isTableNode(node))\n          if (!$isTableNode(table)) {\n            return\n          }\n\n          tableDOMElement = editor.getElementByKey(table?.getKey())\n\n          if (tableDOMElement) {\n            const rowCount = table.getChildrenSize()\n            const colCount =\n              // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n              ((table as TableNode).getChildAtIndex(0) as TableRowNode)?.getChildrenSize()\n\n            const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell)\n            const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell)\n\n            if (rowIndex === rowCount - 1) {\n              hoveredRowNode = maybeTableCell\n            } else if (colIndex === colCount - 1) {\n              hoveredColumnNode = maybeTableCell\n            }\n          }\n        }\n      })\n\n      if (tableDOMElement) {\n        const {\n          bottom: tableElemBottom,\n          height: tableElemHeight,\n          right: tableElemRight,\n          width: tableElemWidth,\n          x: tableElemX,\n          y: tableElemY,\n        } = (tableDOMElement as HTMLTableElement).getBoundingClientRect()\n\n        const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect()\n\n        if (hoveredRowNode) {\n          setShownColumn(false)\n          setShownRow(true)\n          setPosition({\n            height: BUTTON_WIDTH_PX,\n            left: tableElemX - editorElemLeft,\n            top: tableElemBottom - editorElemY + 5,\n            width: tableElemWidth,\n          })\n        } else if (hoveredColumnNode) {\n          setShownColumn(true)\n          setShownRow(false)\n          setPosition({\n            height: tableElemHeight,\n            left: tableElemRight - editorElemLeft + 5,\n            top: tableElemY - editorElemY,\n            width: BUTTON_WIDTH_PX,\n          })\n        }\n      }\n    },\n    50,\n    250,\n  )\n\n  useEffect(() => {\n    if (!shouldListenMouseMove) {\n      return\n    }\n\n    document.addEventListener('mousemove', debouncedOnMouseMove)\n\n    return () => {\n      setShownRow(false)\n      setShownColumn(false)\n\n      document.removeEventListener('mousemove', debouncedOnMouseMove)\n    }\n  }, [shouldListenMouseMove, debouncedOnMouseMove])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerMutationListener(\n        TableNode,\n        (mutations) => {\n          editor.getEditorState().read(() => {\n            for (const [key, type] of mutations) {\n              switch (type) {\n                case 'created':\n                  codeSetRef.current.add(key)\n                  setShouldListenMouseMove(codeSetRef.current.size > 0)\n                  break\n\n                case 'destroyed':\n                  codeSetRef.current.delete(key)\n                  setShouldListenMouseMove(codeSetRef.current.size > 0)\n                  break\n\n                default:\n                  break\n              }\n            }\n          })\n        },\n        { skipInitialization: false },\n      ),\n    )\n  }, [editor])\n\n  const insertAction = (insertRow: boolean) => {\n    editor.update(() => {\n      if (tableDOMNodeRef.current) {\n        const maybeTableNode = $getNearestNodeFromDOMNode(tableDOMNodeRef.current)\n        maybeTableNode?.selectEnd()\n        if (insertRow) {\n          $insertTableRow__EXPERIMENTAL()\n          setShownRow(false)\n        } else {\n          $insertTableColumn__EXPERIMENTAL()\n          setShownColumn(false)\n        }\n      }\n    })\n  }\n\n  return (\n    <>\n      {isShownRow && (\n        <button\n          className={editorConfig.editorConfig.lexical.theme.tableAddRows}\n          onClick={() => insertAction(true)}\n          style={{ ...position }}\n        />\n      )}\n      {isShownColumn && (\n        <button\n          className={editorConfig.editorConfig.lexical.theme.tableAddColumns}\n          onClick={() => insertAction(false)}\n          style={{ ...position }}\n        />\n      )}\n    </>\n  )\n}\n\nfunction getMouseInfo(\n  event: MouseEvent,\n  editorConfig: EditorConfig,\n): {\n  isOutside: boolean\n  tableDOMNode: HTMLElement | null\n} {\n  const target = event.target\n\n  if (target && target instanceof HTMLElement) {\n    const tableDOMNode = target.closest<HTMLElement>(\n      `td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`,\n    )\n\n    const isOutside = !(\n      tableDOMNode ||\n      target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddRows}`) ||\n      target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddColumns}`) ||\n      target.closest<HTMLElement>(`div.${editorConfig.theme.tableCellResizer}`)\n    )\n\n    return { isOutside, tableDOMNode }\n  } else {\n    return { isOutside: true, tableDOMNode: null }\n  }\n}\n\nexport function TableHoverActionsPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactPortal | null {\n  return createPortal(<TableHoverActionsContainer anchorElem={anchorElem} />, anchorElem)\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getTableColumnIndexFromTableCellNode","$getTableRowIndexFromTableCellNode","$insertTableColumn__EXPERIMENTAL","$insertTableRow__EXPERIMENTAL","$isTableCellNode","$isTableNode","TableNode","$findMatchingParent","mergeRegister","$getNearestNodeFromDOMNode","useEffect","useMemo","useRef","useState","React","createPortal","useEditorConfigContext","useDebounce","BUTTON_WIDTH_PX","TableHoverActionsContainer","anchorElem","editor","editorConfig","isShownRow","setShownRow","isShownColumn","setShownColumn","shouldListenMouseMove","setShouldListenMouseMove","position","setPosition","tableSetRef","Set","tableCellDOMNodeRef","debouncedOnMouseMove","event","isOutside","tableDOMNode","getMouseInfo","lexical","current","hoveredRowNode","hoveredColumnNode","tableDOMElement","update","maybeTableCell","table","node","getElementByKey","getKey","rowCount","getChildrenSize","colCount","getChildAtIndex","rowIndex","colIndex","bottom","tableElemBottom","height","tableElemHeight","left","tableElemLeft","right","tableElemRight","width","tableElemWidth","y","tableElemY","getBoundingClientRect","editorElemLeft","editorElemY","top","tableResizeObserver","ResizeObserver","document","addEventListener","removeEventListener","registerMutationListener","mutations","getEditorState","read","key","type","add","size","observe","delete","disconnect","forEach","tableKey","tableElement","skipInitialization","insertAction","insertRow","maybeTableNode","selectEnd","isEditable","_jsxs","_Fragment","_jsx","className","theme","tableAddRows","onClick","style","tableAddColumns","target","HTMLElement","closest","tableCell","tableCellResizer","TableHoverActionsPlugin","t0","$","t1","undefined","body","t2"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TableHoverActionsPlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type { TableCellNode, TableRowNode } from '@lexical/table'\nimport type { EditorConfig, NodeKey } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport {\n  $getTableColumnIndexFromTableCellNode,\n  $getTableRowIndexFromTableCellNode,\n  $insertTableColumn__EXPERIMENTAL,\n  $insertTableRow__EXPERIMENTAL,\n  $isTableCellNode,\n  $isTableNode,\n  TableNode,\n} from '@lexical/table'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { $getNearestNodeFromDOMNode } from 'lexical'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { useDebounce } from '../../utils/useDebounce.js'\n\nconst BUTTON_WIDTH_PX = 20\n\nfunction TableHoverActionsContainer({\n  anchorElem,\n}: {\n  anchorElem: HTMLElement\n}): JSX.Element | null {\n  const [editor] = useLexicalComposerContext()\n  const editorConfig = useEditorConfigContext()\n  const [isShownRow, setShownRow] = useState<boolean>(false)\n  const [isShownColumn, setShownColumn] = useState<boolean>(false)\n  const [shouldListenMouseMove, setShouldListenMouseMove] = useState<boolean>(false)\n  const [position, setPosition] = useState({})\n  const tableSetRef = useRef<Set<NodeKey>>(new Set())\n  const tableCellDOMNodeRef = useRef<HTMLElement | null>(null)\n\n  const debouncedOnMouseMove = useDebounce(\n    (event: MouseEvent) => {\n      const { isOutside, tableDOMNode } = getMouseInfo(event, editorConfig.editorConfig?.lexical)\n\n      if (isOutside) {\n        setShownRow(false)\n        setShownColumn(false)\n        return\n      }\n\n      if (!tableDOMNode) {\n        return\n      }\n\n      tableCellDOMNodeRef.current = tableDOMNode\n\n      let hoveredRowNode: null | TableCellNode = null\n      let hoveredColumnNode: null | TableCellNode = null\n      let tableDOMElement: HTMLElement | null = null\n\n      editor.update(() => {\n        const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode)\n\n        if ($isTableCellNode(maybeTableCell)) {\n          const table = $findMatchingParent(maybeTableCell, (node) => $isTableNode(node))\n          if (!$isTableNode(table)) {\n            return\n          }\n\n          tableDOMElement = editor.getElementByKey(table?.getKey())\n\n          if (tableDOMElement) {\n            const rowCount = table.getChildrenSize()\n            const colCount =\n              // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n              ((table as TableNode).getChildAtIndex(0) as TableRowNode)?.getChildrenSize()\n\n            const rowIndex = $getTableRowIndexFromTableCellNode(maybeTableCell)\n            const colIndex = $getTableColumnIndexFromTableCellNode(maybeTableCell)\n\n            if (rowIndex === rowCount - 1) {\n              hoveredRowNode = maybeTableCell\n            } else if (colIndex === colCount - 1) {\n              hoveredColumnNode = maybeTableCell\n            }\n          }\n        }\n      })\n\n      if (tableDOMElement) {\n        const {\n          bottom: tableElemBottom,\n          height: tableElemHeight,\n          left: tableElemLeft,\n          right: tableElemRight,\n          width: tableElemWidth,\n          y: tableElemY,\n        } = (tableDOMElement as HTMLTableElement).getBoundingClientRect()\n\n        const { left: editorElemLeft, y: editorElemY } = anchorElem.getBoundingClientRect()\n\n        if (hoveredRowNode) {\n          setShownColumn(false)\n          setShownRow(true)\n          setPosition({\n            height: BUTTON_WIDTH_PX,\n            left: tableElemLeft - editorElemLeft,\n            top: tableElemBottom - editorElemY + 5,\n            width: tableElemWidth,\n          })\n        } else if (hoveredColumnNode) {\n          setShownColumn(true)\n          setShownRow(false)\n          setPosition({\n            height: tableElemHeight,\n            left: tableElemRight - editorElemLeft + 5,\n            top: tableElemY - editorElemY,\n            width: BUTTON_WIDTH_PX,\n          })\n        }\n      }\n    },\n    50,\n    250,\n  )\n\n  // Hide the buttons on any table dimensions change to prevent last row cells\n  // overlap behind the 'Add Row' button when text entry changes cell height\n  const tableResizeObserver = useMemo(() => {\n    return new ResizeObserver(() => {\n      setShownRow(false)\n      setShownColumn(false)\n    })\n  }, [])\n\n  useEffect(() => {\n    if (!shouldListenMouseMove) {\n      return\n    }\n\n    document.addEventListener('mousemove', debouncedOnMouseMove)\n\n    return () => {\n      setShownRow(false)\n      setShownColumn(false)\n\n      document.removeEventListener('mousemove', debouncedOnMouseMove)\n    }\n  }, [shouldListenMouseMove, debouncedOnMouseMove])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerMutationListener(\n        TableNode,\n        (mutations) => {\n          editor.getEditorState().read(() => {\n            for (const [key, type] of mutations) {\n              const tableDOMElement = editor.getElementByKey(key)\n\n              switch (type) {\n                case 'created':\n                  tableSetRef.current.add(key)\n                  setShouldListenMouseMove(tableSetRef.current.size > 0)\n                  if (tableDOMElement) {\n                    tableResizeObserver.observe(tableDOMElement)\n                  }\n                  break\n\n                case 'destroyed':\n                  tableSetRef.current.delete(key)\n                  setShouldListenMouseMove(tableSetRef.current.size > 0)\n                  // Reset resize observers\n                  tableResizeObserver.disconnect()\n                  tableSetRef.current.forEach((tableKey: NodeKey) => {\n                    const tableElement = editor.getElementByKey(tableKey)\n                    if (tableElement) {\n                      tableResizeObserver.observe(tableElement)\n                    }\n                  })\n                  break\n\n                default:\n                  break\n              }\n            }\n          })\n        },\n        { skipInitialization: false },\n      ),\n    )\n  }, [editor, tableResizeObserver])\n\n  const insertAction = (insertRow: boolean) => {\n    editor.update(() => {\n      if (tableCellDOMNodeRef.current) {\n        const maybeTableNode = $getNearestNodeFromDOMNode(tableCellDOMNodeRef.current)\n        maybeTableNode?.selectEnd()\n        if (insertRow) {\n          $insertTableRow__EXPERIMENTAL()\n          setShownRow(false)\n        } else {\n          $insertTableColumn__EXPERIMENTAL()\n          setShownColumn(false)\n        }\n      }\n    })\n  }\n\n  if (!editor?.isEditable()) {\n    return null\n  }\n\n  return (\n    <>\n      {isShownRow && (\n        <button\n          className={editorConfig.editorConfig.lexical.theme.tableAddRows}\n          onClick={() => insertAction(true)}\n          style={{ ...position }}\n        />\n      )}\n      {isShownColumn && (\n        <button\n          className={editorConfig.editorConfig.lexical.theme.tableAddColumns}\n          onClick={() => insertAction(false)}\n          style={{ ...position }}\n        />\n      )}\n    </>\n  )\n}\n\nfunction getMouseInfo(\n  event: MouseEvent,\n  editorConfig: EditorConfig,\n): {\n  isOutside: boolean\n  tableDOMNode: HTMLElement | null\n} {\n  const target = event.target\n\n  if (target && target instanceof HTMLElement) {\n    const tableDOMNode = target.closest<HTMLElement>(\n      `td.${editorConfig.theme.tableCell}, th.${editorConfig.theme.tableCell}`,\n    )\n\n    const isOutside = !(\n      tableDOMNode ||\n      target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddRows}`) ||\n      target.closest<HTMLElement>(`button.${editorConfig.theme.tableAddColumns}`) ||\n      target.closest<HTMLElement>(`div.${editorConfig.theme.tableCellResizer}`)\n    )\n\n    return { isOutside, tableDOMNode }\n  } else {\n    return { isOutside: true, tableDOMNode: null }\n  }\n}\n\nexport function TableHoverActionsPlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): null | React.ReactPortal {\n  const [editor] = useLexicalComposerContext()\n  if (!editor?.isEditable()) {\n    return null\n  }\n\n  return createPortal(<TableHoverActionsContainer anchorElem={anchorElem} />, anchorElem)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/experimental_table/client/plugins/TablePlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACL,cAAc,EACd,aAAa,EACb,WAAW,EAEZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAShC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAIjE,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC1D,GAAG,EAAE,CACH,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,EACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,KACvD,IAAI,CAAA;CACV,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;IACzC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B,CAAC,CAAA;AAEF,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,EAAE,CAExD,CAAA;AAED,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAwBnE;AAED,eAAO,MAAM,WAAW,EAAE,eA+DzB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACL,cAAc,EACd,aAAa,EACb,WAAW,EAEZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAShC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAKjE,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC1D,GAAG,EAAE,CACH,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,EACzC,iBAAiB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,KACvD,IAAI,CAAA;CACV,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;IACzC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC3B,CAAC,CAAA;AAEF,eAAO,MAAM,yBAAyB,EAAE,cAAc,CAAC,EAAE,CAExD,CAAA;AAED,eAAO,MAAM,WAAW,iCAMtB,CAAA;AAEF,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAwBnE;AAED,eAAO,MAAM,WAAW,EAAE,eAiEzB,CAAA"}