@payloadcms/richtext-lexical 3.68.0-internal-debug.35482da → 3.68.0-internal-debug.e9b66ee

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { $computeTableMapSkipCellCheck, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $getNodeTriplet, $getTableCellNodeFromLexicalNode, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableSelection, $mergeCells, $unmergeCell, getTableElement, getTableObserverFromTableElement, TableCellHeaderStates, TableCellNode } from '@lexical/table';
@@ -307,312 +306,76 @@ function TableActionMenu({ cellMerge, contextRef, onClose, setIsMenuOpen, tableC
     let mergeCellButton = null;
     if (cellMerge) {
         if (canMergeCells) {
-            mergeCellButton = /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-merge-cells",
-                onClick: ()=>mergeTableCellsAtSelection(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Merge cells"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 384,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 378,
-                columnNumber: 9
-            }, this);
+            mergeCellButton = <button className="item" data-test-id="table-merge-cells" onClick={()=>mergeTableCellsAtSelection()} type="button">
+          <span className="text">Merge cells</span>
+        </button>;
         } else if (canUnmergeCell) {
-            mergeCellButton = /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-unmerge-cells",
-                onClick: ()=>unmergeTableCellsAtSelection(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Unmerge cells"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 395,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 389,
-                columnNumber: 9
-            }, this);
+            mergeCellButton = <button className="item" data-test-id="table-unmerge-cells" onClick={()=>unmergeTableCellsAtSelection()} type="button">
+          <span className="text">Unmerge cells</span>
+        </button>;
         }
     }
-    return /*#__PURE__*/ createPortal(// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-    /*#__PURE__*/ _jsxDEV("div", {
-        className: "table-action-menu-dropdown",
-        onClick: (e)=>{
-            e.stopPropagation();
-        },
-        ref: dropDownRef,
-        children: [
-            mergeCellButton ? /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                children: [
-                    mergeCellButton,
-                    /*#__PURE__*/ _jsxDEV("hr", {}, void 0, false, {
-                        fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                        lineNumber: 413,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 411,
-                columnNumber: 9
-            }, this) : null,
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-row-striping",
-                onClick: ()=>toggleRowStriping(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Toggle Row Striping"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 423,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 417,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-freeze-first-column",
-                onClick: ()=>toggleFirstColumnFreeze(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Toggle First Column Freeze"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 431,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 425,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-insert-row-above",
-                onClick: ()=>insertTableRowAtSelection(false),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: [
-                        "Insert ",
-                        selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`,
-                        " above"
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 439,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 433,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-insert-row-below",
-                onClick: ()=>insertTableRowAtSelection(true),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: [
-                        "Insert ",
-                        selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`,
-                        " below"
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 449,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 443,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("hr", {}, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 453,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-insert-column-before",
-                onClick: ()=>insertTableColumnAtSelection(false),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: [
-                        "Insert ",
-                        selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`,
-                        ' ',
-                        "left"
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 460,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 454,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-insert-column-after",
-                onClick: ()=>insertTableColumnAtSelection(true),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: [
-                        "Insert ",
-                        selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`,
-                        ' ',
-                        "right"
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 471,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 465,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("hr", {}, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 476,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-delete-columns",
-                onClick: ()=>deleteTableColumnAtSelection(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Delete column"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 483,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 477,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-delete-rows",
-                onClick: ()=>deleteTableRowAtSelection(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Delete row"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 491,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 485,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-delete",
-                onClick: ()=>deleteTableAtSelection(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: "Delete table"
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 499,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 493,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("hr", {}, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 501,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-row-header",
-                onClick: ()=>toggleTableRowIsHeader(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: [
-                        (tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? 'Remove' : 'Add',
-                        ' ',
-                        "row header"
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 508,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 502,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("button", {
-                className: "item",
-                "data-test-id": "table-column-header",
-                onClick: ()=>toggleTableColumnIsHeader(),
-                type: "button",
-                children: /*#__PURE__*/ _jsxDEV("span", {
-                    className: "text",
-                    children: [
-                        (tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN ? 'Remove' : 'Add',
-                        ' ',
-                        "column header"
-                    ]
-                }, void 0, true, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 521,
-                    columnNumber: 9
-                }, this)
-            }, void 0, false, {
-                fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                lineNumber: 515,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-        lineNumber: 403,
-        columnNumber: 5
-    }, this), document.body);
+    return createPortal(<div className="table-action-menu-dropdown" onClick={(e)=>{
+        e.stopPropagation();
+    }} ref={dropDownRef}>
+      {mergeCellButton ? <React.Fragment>
+          {mergeCellButton}
+          <hr/>
+        </React.Fragment> : null}
+
+      <button className="item" data-test-id="table-row-striping" onClick={()=>toggleRowStriping()} type="button">
+        <span className="text">Toggle Row Striping</span>
+      </button>
+      <button className="item" data-test-id="table-freeze-first-column" onClick={()=>toggleFirstColumnFreeze()} type="button">
+        <span className="text">Toggle First Column Freeze</span>
+      </button>
+      <button className="item" data-test-id="table-insert-row-above" onClick={()=>insertTableRowAtSelection(false)} type="button">
+        <span className="text">
+          Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} above
+        </span>
+      </button>
+      <button className="item" data-test-id="table-insert-row-below" onClick={()=>insertTableRowAtSelection(true)} type="button">
+        <span className="text">
+          Insert {selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`} below
+        </span>
+      </button>
+      <hr/>
+      <button className="item" data-test-id="table-insert-column-before" onClick={()=>insertTableColumnAtSelection(false)} type="button">
+        <span className="text">
+          Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}
+          left
+        </span>
+      </button>
+      <button className="item" data-test-id="table-insert-column-after" onClick={()=>insertTableColumnAtSelection(true)} type="button">
+        <span className="text">
+          Insert {selectionCounts.columns === 1 ? 'column' : `${selectionCounts.columns} columns`}{' '}
+          right
+        </span>
+      </button>
+      <hr/>
+      <button className="item" data-test-id="table-delete-columns" onClick={()=>deleteTableColumnAtSelection()} type="button">
+        <span className="text">Delete column</span>
+      </button>
+      <button className="item" data-test-id="table-delete-rows" onClick={()=>deleteTableRowAtSelection()} type="button">
+        <span className="text">Delete row</span>
+      </button>
+      <button className="item" data-test-id="table-delete" onClick={()=>deleteTableAtSelection()} type="button">
+        <span className="text">Delete table</span>
+      </button>
+      <hr/>
+      <button className="item" data-test-id="table-row-header" onClick={()=>toggleTableRowIsHeader()} type="button">
+        <span className="text">
+          {(tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? 'Remove' : 'Add'}{' '}
+          row header
+        </span>
+      </button>
+      <button className="item" data-test-id="table-column-header" onClick={()=>toggleTableColumnIsHeader()} type="button">
+        <span className="text">
+          {(tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN ? 'Remove' : 'Add'}{' '}
+          column header
+        </span>
+      </button>
+    </div>, document.body);
 }
 function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
     const [editor] = useLexicalComposerContext();
@@ -720,62 +483,21 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
         prevTableCellDOM,
         tableCellNode
     ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: "table-cell-action-button-container",
-        ref: menuButtonRef,
-        children: tableCellNode != null && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-            children: [
-                /*#__PURE__*/ _jsxDEV("button", {
-                    className: "table-cell-action-button",
-                    onClick: (e)=>{
-                        e.stopPropagation();
-                        setIsMenuOpen(!isMenuOpen);
-                    },
-                    ref: menuRootRef,
-                    type: "button",
-                    children: /*#__PURE__*/ _jsxDEV(MeatballsIcon, {}, void 0, false, {
-                        fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                        lineNumber: 684,
-                        columnNumber: 13
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 675,
-                    columnNumber: 11
-                }, this),
-                isMenuOpen && /*#__PURE__*/ _jsxDEV(TableActionMenu, {
-                    cellMerge: cellMerge,
-                    contextRef: menuRootRef,
-                    onClose: ()=>setIsMenuOpen(false),
-                    setIsMenuOpen: setIsMenuOpen,
-                    tableCellNode: tableCellNode
-                }, void 0, false, {
-                    fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-                    lineNumber: 687,
-                    columnNumber: 13
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-            lineNumber: 674,
-            columnNumber: 9
-        }, this)
-    }, void 0, false, {
-        fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-        lineNumber: 672,
-        columnNumber: 5
-    }, this);
+    return <div className="table-cell-action-button-container" ref={menuButtonRef}>
+      {tableCellNode != null && <React.Fragment>
+          <button className="table-cell-action-button" onClick={(e)=>{
+        e.stopPropagation();
+        setIsMenuOpen(!isMenuOpen);
+    }} ref={menuRootRef} type="button">
+            <MeatballsIcon/>
+          </button>
+          {isMenuOpen && <TableActionMenu cellMerge={cellMerge} contextRef={menuRootRef} onClose={()=>setIsMenuOpen(false)} setIsMenuOpen={setIsMenuOpen} tableCellNode={tableCellNode}/>}
+        </React.Fragment>}
+    </div>;
 }
 export const TableActionMenuPlugin = ({ anchorElem })=>{
     const isEditable = useLexicalEditable();
-    return /*#__PURE__*/ createPortal(isEditable ? /*#__PURE__*/ _jsxDEV(TableCellActionMenuContainer, {
-        anchorElem: anchorElem ?? document.body,
-        cellMerge: true
-    }, void 0, false, {
-        fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
-        lineNumber: 705,
-        columnNumber: 7
-    }, this) : null, anchorElem ?? document.body);
+    return createPortal(isEditable ? <TableCellActionMenuContainer anchorElem={anchorElem ?? document.body} cellMerge/> : null, anchorElem ?? document.body);
 };
 
 //# sourceMappingURL=index.js.map