@payloadcms/richtext-lexical 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1,4 +1,5 @@
 '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';
@@ -306,76 +307,312 @@ function TableActionMenu({ cellMerge, contextRef, onClose, setIsMenuOpen, tableC
     let mergeCellButton = null;
     if (cellMerge) {
         if (canMergeCells) {
-            mergeCellButton = <button className="item" data-test-id="table-merge-cells" onClick={()=>mergeTableCellsAtSelection()} type="button">
-          <span className="text">Merge cells</span>
-        </button>;
+            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);
         } else if (canUnmergeCell) {
-            mergeCellButton = <button className="item" data-test-id="table-unmerge-cells" onClick={()=>unmergeTableCellsAtSelection()} type="button">
-          <span className="text">Unmerge cells</span>
-        </button>;
+            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);
         }
     }
-    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);
+    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);
 }
 function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
     const [editor] = useLexicalComposerContext();
@@ -483,21 +720,62 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
         prevTableCellDOM,
         tableCellNode
     ]);
-    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>;
+    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);
 }
 export const TableActionMenuPlugin = ({ anchorElem })=>{
     const isEditable = useLexicalEditable();
-    return createPortal(isEditable ? <TableCellActionMenuContainer anchorElem={anchorElem ?? document.body} cellMerge/> : null, anchorElem ?? document.body);
+    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);
 };
 
 //# sourceMappingURL=index.js.map