@payloadcms/richtext-lexical 3.0.0-beta.9 → 3.0.0-beta.90

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

@@ -0,0 +1,250 @@
+'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 * as React from 'react';
+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(t0) {
+  const $ = _c(14);
+  const {
+    anchorElem
+  } = t0;
+  const [editor] = useLexicalComposerContext();
+  const editorConfig = useEditorConfigContext();
+  const [isShownRow, setShownRow] = useState(false);
+  const [isShownColumn, setShownColumn] = useState(false);
+  const [shouldListenMouseMove, setShouldListenMouseMove] = useState(false);
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [position, setPosition] = useState(t1);
+  let t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = new Set();
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const codeSetRef = useRef(t2);
+  const tableDOMNodeRef = useRef(null);
+  const debouncedOnMouseMove = useDebounce(event => {
+    const {
+      isOutside,
+      tableDOMNode
+    } = getMouseInfo(event, editorConfig.editorConfig?.lexical);
+    if (isOutside) {
+      setShownRow(false);
+      setShownColumn(false);
+      return;
+    }
+    if (!tableDOMNode) {
+      return;
+    }
+    tableDOMNodeRef.current = tableDOMNode;
+    let hoveredRowNode;
+    hoveredRowNode = null;
+    let hoveredColumnNode;
+    hoveredColumnNode = null;
+    let tableDOMElement;
+    tableDOMElement = null;
+    editor.update(() => {
+      const maybeTableCell = $getNearestNodeFromDOMNode(tableDOMNode);
+      if ($isTableCellNode(maybeTableCell)) {
+        const table = $findMatchingParent(maybeTableCell, node => $isTableNode(node));
+        if (!$isTableNode(table)) {
+          return;
+        }
+        tableDOMElement = 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 (tableDOMElement) {
+      const {
+        bottom: tableElemBottom,
+        height: tableElemHeight,
+        right: tableElemRight,
+        width: tableElemWidth,
+        x: tableElemX,
+        y: tableElemY
+      } = tableDOMElement.getBoundingClientRect();
+      const {
+        left: editorElemLeft,
+        y: editorElemY
+      } = anchorElem.getBoundingClientRect();
+      if (hoveredRowNode) {
+        setShownColumn(false);
+        setShownRow(true);
+        setPosition({
+          height: BUTTON_WIDTH_PX,
+          left: tableElemX - editorElemLeft,
+          top: tableElemBottom - editorElemY + 5,
+          width: tableElemWidth
+        });
+      } else {
+        if (hoveredColumnNode) {
+          setShownColumn(true);
+          setShownRow(false);
+          setPosition({
+            height: tableElemHeight,
+            left: tableElemRight - editorElemLeft + 5,
+            top: tableElemY - editorElemY,
+            width: BUTTON_WIDTH_PX
+          });
+        }
+      }
+    }
+  }, 50, 250);
+  let t3;
+  let t4;
+  if ($[2] !== shouldListenMouseMove || $[3] !== debouncedOnMouseMove) {
+    t3 = () => {
+      if (!shouldListenMouseMove) {
+        return;
+      }
+      document.addEventListener("mousemove", debouncedOnMouseMove);
+      return () => {
+        setShownRow(false);
+        setShownColumn(false);
+        document.removeEventListener("mousemove", debouncedOnMouseMove);
+      };
+    };
+    t4 = [shouldListenMouseMove, debouncedOnMouseMove];
+    $[2] = shouldListenMouseMove;
+    $[3] = debouncedOnMouseMove;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t3 = $[4];
+    t4 = $[5];
+  }
+  useEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[6] !== editor) {
+    t5 = () => mergeRegister(editor.registerMutationListener(TableNode, mutations => {
+      editor.getEditorState().read(() => {
+        for (const [key, type] of mutations) {
+          bb61: switch (type) {
+            case "created":
+              {
+                codeSetRef.current.add(key);
+                setShouldListenMouseMove(codeSetRef.current.size > 0);
+                break bb61;
+              }
+            case "destroyed":
+              {
+                codeSetRef.current.delete(key);
+                setShouldListenMouseMove(codeSetRef.current.size > 0);
+                break bb61;
+              }
+            default:
+              {}
+          }
+        }
+      });
+    }, {
+      skipInitialization: false
+    }));
+    t6 = [editor];
+    $[6] = editor;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  useEffect(t5, t6);
+  const insertAction = insertRow => {
+    editor.update(() => {
+      if (tableDOMNodeRef.current) {
+        const maybeTableNode = $getNearestNodeFromDOMNode(tableDOMNodeRef.current);
+        maybeTableNode?.selectEnd();
+        if (insertRow) {
+          $insertTableRow__EXPERIMENTAL();
+          setShownRow(false);
+        } else {
+          $insertTableColumn__EXPERIMENTAL();
+          setShownColumn(false);
+        }
+      }
+    });
+  };
+  const t7 = _jsxs;
+  const t8 = _Fragment;
+  const t9 = isShownRow && _jsx("button", {
+    className: editorConfig.editorConfig.lexical.theme.tableAddRows,
+    onClick: () => insertAction(true),
+    style: {
+      ...position
+    }
+  });
+  const t10 = isShownColumn && _jsx("button", {
+    className: editorConfig.editorConfig.lexical.theme.tableAddColumns,
+    onClick: () => insertAction(false),
+    style: {
+      ...position
+    }
+  });
+  let t11;
+  if ($[9] !== t9 || $[10] !== t10 || $[11] !== t7 || $[12] !== t8) {
+    t11 = t7(t8, {
+      children: [t9, t10]
+    });
+    $[9] = t9;
+    $[10] = t10;
+    $[11] = t7;
+    $[12] = t8;
+    $[13] = t11;
+  } else {
+    t11 = $[13];
+  }
+  return t11;
+}
+function getMouseInfo(event, editorConfig) {
+  const target = event.target;
+  if (target && target instanceof HTMLElement) {
+    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({
+  anchorElem = document.body
+}) {
+  return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(TableHoverActionsContainer, {
+    anchorElem: anchorElem
+  }), anchorElem);
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$getTableColumnIndexFromTableCellNode","$getTableRowIndexFromTableCellNode","$insertTableColumn__EXPERIMENTAL","$insertTableRow__EXPERIMENTAL","$isTableCellNode","$isTableNode","TableNode","$findMatchingParent","mergeRegister","$getNearestNodeFromDOMNode","useEffect","useRef","useState","React","createPortal","useEditorConfigContext","useDebounce","BUTTON_WIDTH_PX","TableHoverActionsContainer","t0","$","anchorElem","editor","editorConfig","isShownRow","setShownRow","isShownColumn","setShownColumn","shouldListenMouseMove","setShouldListenMouseMove","t1","Symbol","for","position","setPosition","t2","Set","codeSetRef","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","t3","t4","document","addEventListener","removeEventListener","t5","t6","registerMutationListener","mutations","getEditorState","read","key","type","bb61","add","size","delete","skipInitialization","insertAction","insertRow","maybeTableNode","selectEnd","_jsxs","_Fragment","t9","_jsx","className","theme","tableAddRows","onClick","style","t10","tableAddColumns","t11","children","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":[]}

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

@@ -0,0 +1,24 @@
+import type { EditorThemeClasses, Klass, LexicalCommand, LexicalEditor, LexicalNode } from 'lexical';
+import type { JSX } from 'react';
+import * as React from 'react';
+import type { PluginComponent } from '../../../../typesClient.js';
+import './index.scss';
+export type CellContextShape = {
+    cellEditorConfig: CellEditorConfig | null;
+    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null;
+    set: (cellEditorConfig: CellEditorConfig | null, cellEditorPlugins: Array<JSX.Element> | JSX.Element | null) => void;
+};
+export type CellEditorConfig = Readonly<{
+    namespace: string;
+    nodes?: ReadonlyArray<Klass<LexicalNode>>;
+    onError: (error: Error, editor: LexicalEditor) => void;
+    readOnly?: boolean;
+    theme?: EditorThemeClasses;
+}>;
+export declare const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}>;
+export declare const CellContext: React.Context<CellContextShape>;
+export declare function TableContext({ children }: {
+    children: JSX.Element;
+}): JSX.Element;
+export declare const TablePlugin: PluginComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,150 @@
+'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 { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin';
+import { INSERT_TABLE_COMMAND, TableNode } from '@lexical/table';
+import { mergeRegister } from '@lexical/utils';
+import { formatDrawerSlug, useEditDepth, useModal } from '@payloadcms/ui';
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import * as React from 'react';
+import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
+import { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js';
+export const OPEN_TABLE_DRAWER_COMMAND = createCommand('OPEN_EMBED_DRAWER_COMMAND');
+export const CellContext = /*#__PURE__*/createContext({
+  cellEditorConfig: null,
+  cellEditorPlugins: null,
+  set: () => {
+    // Empty
+  }
+});
+export function TableContext({
+  children
+}) {
+  const [contextValue, setContextValue] = useState({
+    cellEditorConfig: null,
+    cellEditorPlugins: null
+  });
+  return /*#__PURE__*/_jsx(CellContext.Provider, {
+    value: useMemo(() => ({
+      cellEditorConfig: contextValue.cellEditorConfig,
+      cellEditorPlugins: contextValue.cellEditorPlugins,
+      set: (cellEditorConfig, cellEditorPlugins) => {
+        setContextValue({
+          cellEditorConfig,
+          cellEditorPlugins
+        });
+      }
+    }), [contextValue.cellEditorConfig, contextValue.cellEditorPlugins]),
+    children: children
+  });
+}
+export const TablePlugin = () => {
+  const $ = _c(18);
+  const [editor] = useLexicalComposerContext();
+  const cellContext = useContext(CellContext);
+  const {
+    closeModal,
+    toggleModal
+  } = useModal();
+  const editDepth = useEditDepth();
+  const {
+    uuid
+  } = useEditorConfigContext();
+  const t0 = "lexical-table-create-" + uuid;
+  let t1;
+  if ($[0] !== t0 || $[1] !== editDepth) {
+    t1 = formatDrawerSlug({
+      slug: t0,
+      depth: editDepth
+    });
+    $[0] = t0;
+    $[1] = editDepth;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const drawerSlug = t1;
+  let t2;
+  if ($[3] !== editor || $[4] !== toggleModal || $[5] !== drawerSlug) {
+    t2 = () => {
+      if (!editor.hasNodes([TableNode])) {
+        throw new Error("TablePlugin: TableNode is not registered on editor");
+      }
+      return mergeRegister(editor.registerCommand(OPEN_TABLE_DRAWER_COMMAND, () => {
+        let rangeSelection;
+        rangeSelection = null;
+        editor.getEditorState().read(() => {
+          const selection = $getSelection();
+          if ($isRangeSelection(selection)) {
+            rangeSelection = selection;
+          }
+        });
+        if (rangeSelection) {
+          toggleModal(drawerSlug);
+        }
+        return true;
+      }, COMMAND_PRIORITY_EDITOR));
+    };
+    $[3] = editor;
+    $[4] = toggleModal;
+    $[5] = drawerSlug;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== cellContext || $[8] !== editor || $[9] !== toggleModal) {
+    t3 = [cellContext, editor, toggleModal];
+    $[7] = cellContext;
+    $[8] = editor;
+    $[9] = toggleModal;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[11] !== closeModal || $[12] !== drawerSlug || $[13] !== editor) {
+    t4 = (_fields, data) => {
+      closeModal(drawerSlug);
+      if (!data.columns || !data.rows) {
+        return;
+      }
+      editor.dispatchCommand(INSERT_TABLE_COMMAND, {
+        columns: String(data.columns),
+        rows: String(data.rows)
+      });
+    };
+    $[11] = closeModal;
+    $[12] = drawerSlug;
+    $[13] = editor;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== drawerSlug || $[16] !== t4) {
+    t5 = _jsxs(React.Fragment, {
+      children: [_jsx(FieldsDrawer, {
+        drawerSlug,
+        drawerTitle: "Create Table",
+        featureKey: "experimental_table",
+        handleDrawerSubmit: t4,
+        schemaPathSuffix: "fields"
+      }), _jsx(LexicalReactTablePlugin, {
+        hasCellBackgroundColor: false,
+        hasCellMerge: true
+      })]
+    });
+    $[15] = drawerSlug;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","TablePlugin","LexicalReactTablePlugin","INSERT_TABLE_COMMAND","TableNode","mergeRegister","formatDrawerSlug","useEditDepth","useModal","$getSelection","$isRangeSelection","COMMAND_PRIORITY_EDITOR","createCommand","createContext","useContext","useEffect","useMemo","useState","React","useEditorConfigContext","FieldsDrawer","OPEN_TABLE_DRAWER_COMMAND","CellContext","cellEditorConfig","cellEditorPlugins","set","TableContext","children","contextValue","setContextValue","_jsx","Provider","value","$","editor","cellContext","closeModal","toggleModal","editDepth","uuid","t0","t1","slug","depth","drawerSlug","t2","hasNodes","Error","registerCommand","rangeSelection","getEditorState","read","selection","t3","t4","_fields","data","columns","rows","dispatchCommand","String","t5","_jsxs","Fragment","drawerTitle","featureKey","handleDrawerSubmit","schemaPathSuffix","hasCellBackgroundColor","hasCellMerge"],"sources":["../../../../../../src/features/experimental_table/client/plugins/TablePlugin/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  EditorThemeClasses,\n  Klass,\n  LexicalCommand,\n  LexicalEditor,\n  LexicalNode,\n  RangeSelection,\n} from 'lexical'\nimport type { JSX } from 'react'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { TablePlugin as LexicalReactTablePlugin } from '@lexical/react/LexicalTablePlugin'\nimport { INSERT_TABLE_COMMAND, TableNode } from '@lexical/table'\nimport { mergeRegister } from '@lexical/utils'\nimport { formatDrawerSlug, useEditDepth, useModal } from '@payloadcms/ui'\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport * as React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js'\nimport './index.scss'\n\nexport type CellContextShape = {\n  cellEditorConfig: CellEditorConfig | null\n  cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  set: (\n    cellEditorConfig: CellEditorConfig | null,\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null,\n  ) => void\n}\n\nexport type CellEditorConfig = Readonly<{\n  namespace: string\n  nodes?: ReadonlyArray<Klass<LexicalNode>>\n  onError: (error: Error, editor: LexicalEditor) => void\n  readOnly?: boolean\n  theme?: EditorThemeClasses\n}>\n\nexport const OPEN_TABLE_DRAWER_COMMAND: LexicalCommand<{}> = createCommand(\n  'OPEN_EMBED_DRAWER_COMMAND',\n)\n\nexport const CellContext = createContext<CellContextShape>({\n  cellEditorConfig: null,\n  cellEditorPlugins: null,\n  set: () => {\n    // Empty\n  },\n})\n\nexport function TableContext({ children }: { children: JSX.Element }) {\n  const [contextValue, setContextValue] = useState<{\n    cellEditorConfig: CellEditorConfig | null\n    cellEditorPlugins: Array<JSX.Element> | JSX.Element | null\n  }>({\n    cellEditorConfig: null,\n    cellEditorPlugins: null,\n  })\n  return (\n    <CellContext.Provider\n      value={useMemo(\n        () => ({\n          cellEditorConfig: contextValue.cellEditorConfig,\n          cellEditorPlugins: contextValue.cellEditorPlugins,\n          set: (cellEditorConfig, cellEditorPlugins) => {\n            setContextValue({ cellEditorConfig, cellEditorPlugins })\n          },\n        }),\n        [contextValue.cellEditorConfig, contextValue.cellEditorPlugins],\n      )}\n    >\n      {children}\n    </CellContext.Provider>\n  )\n}\n\nexport const TablePlugin: PluginComponent = () => {\n  const [editor] = useLexicalComposerContext()\n  const cellContext = useContext(CellContext)\n  const { closeModal, toggleModal } = useModal()\n  const editDepth = useEditDepth()\n  const { uuid } = useEditorConfigContext()\n\n  const drawerSlug = formatDrawerSlug({\n    slug: 'lexical-table-create-' + uuid,\n    depth: editDepth,\n  })\n\n  useEffect(() => {\n    if (!editor.hasNodes([TableNode])) {\n      throw new Error('TablePlugin: TableNode is not registered on editor')\n    }\n\n    return mergeRegister(\n      editor.registerCommand(\n        OPEN_TABLE_DRAWER_COMMAND,\n        () => {\n          let rangeSelection: RangeSelection | null = null\n\n          editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            if ($isRangeSelection(selection)) {\n              rangeSelection = selection\n            }\n          })\n\n          if (rangeSelection) {\n            toggleModal(drawerSlug)\n          }\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n    )\n  }, [cellContext, editor, toggleModal])\n\n  return (\n    <React.Fragment>\n      <FieldsDrawer\n        drawerSlug={drawerSlug}\n        drawerTitle=\"Create Table\"\n        featureKey=\"experimental_table\"\n        handleDrawerSubmit={(_fields, data) => {\n          closeModal(drawerSlug)\n\n          if (!data.columns || !data.rows) {\n            return\n          }\n\n          editor.dispatchCommand(INSERT_TABLE_COMMAND, {\n            columns: String(data.columns),\n            rows: String(data.rows),\n          })\n        }}\n        schemaPathSuffix=\"fields\"\n      />\n      <LexicalReactTablePlugin hasCellBackgroundColor={false} hasCellMerge />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/features/experimental_table/client/utils/debounce.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+declare function debounce(func: any, wait: any, options: any): {
+    (): any;
+    cancel: () => void;
+    flush: () => any;
+};
+export default debounce;
+//# sourceMappingURL=debounce.d.ts.map

package/dist/features/experimental_table/client/utils/debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../../../src/features/experimental_table/client/utils/debounce.ts"],"names":[],"mappings":"AA6DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,iBAAS,QAAQ,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,EAAE,OAAO,KAAA;;;;EA+HpC;AAED,eAAe,QAAQ,CAAA"}