@payloadcms/richtext-lexical 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -9,6 +9,7 @@ import { $getSelection, $isElementNode, $isRangeSelection, $isTextNode, $setSele
 import * as React from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
+import './index.scss';
 import { MeatballsIcon } from '../../../../../lexical/ui/icons/Meatballs/index.js';
 function computeSelectionCount(selection) {
     const selectionShape = selection.getShape();
@@ -306,98 +307,158 @@ function TableActionMenu({ cellMerge, contextRef, onClose, setIsMenuOpen, tableC
     let mergeCellButton = null;
     if (cellMerge) {
         if (canMergeCells) {
-            mergeCellButton = /*#__PURE__*/ _jsx("button", {
+            mergeCellButton = /*#__PURE__*/ _jsxDEV("button", {
                 className: "item",
                 "data-test-id": "table-merge-cells",
                 onClick: ()=>mergeTableCellsAtSelection(),
                 type: "button",
-                children: /*#__PURE__*/ _jsx("span", {
+                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 = /*#__PURE__*/ _jsx("button", {
+            mergeCellButton = /*#__PURE__*/ _jsxDEV("button", {
                 className: "item",
                 "data-test-id": "table-unmerge-cells",
                 onClick: ()=>unmergeTableCellsAtSelection(),
                 type: "button",
-                children: /*#__PURE__*/ _jsx("span", {
+                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 /*#__PURE__*/ createPortal(// eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-    /*#__PURE__*/ _jsxs("div", {
+    /*#__PURE__*/ _jsxDEV("div", {
         className: "table-action-menu-dropdown",
         onClick: (e)=>{
             e.stopPropagation();
         },
         ref: dropDownRef,
         children: [
-            mergeCellButton ? /*#__PURE__*/ _jsxs(React.Fragment, {
+            mergeCellButton ? /*#__PURE__*/ _jsxDEV(React.Fragment, {
                 children: [
                     mergeCellButton,
-                    /*#__PURE__*/ _jsx("hr", {})
+                    /*#__PURE__*/ _jsxDEV("hr", {}, void 0, false, {
+                        fileName: "src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.tsx",
+                        lineNumber: 413,
+                        columnNumber: 11
+                    }, this)
                 ]
-            }) : null,
-            /*#__PURE__*/ _jsx("button", {
+            }, 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__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: "Toggle Row Striping"
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: "Toggle First Column Freeze"
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsxs("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: [
                         "Insert ",
                         selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`,
                         " above"
                     ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsxs("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: [
                         "Insert ",
                         selectionCounts.rows === 1 ? 'row' : `${selectionCounts.rows} rows`,
                         " below"
                     ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("hr", {}),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsxs("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: [
                         "Insert ",
@@ -405,14 +466,22 @@ function TableActionMenu({ cellMerge, contextRef, onClose, setIsMenuOpen, tableC
                         ' ',
                         "left"
                     ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsxs("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: [
                         "Insert ",
@@ -420,70 +489,130 @@ function TableActionMenu({ cellMerge, contextRef, onClose, setIsMenuOpen, tableC
                         ' ',
                         "right"
                     ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("hr", {}),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: "Delete column"
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: "Delete row"
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsx("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: "Delete table"
-                })
-            }),
-            /*#__PURE__*/ _jsx("hr", {}),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsxs("span", {
+                children: /*#__PURE__*/ _jsxDEV("span", {
                     className: "text",
                     children: [
                         (tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? 'Remove' : 'Add',
                         ' ',
                         "row header"
                     ]
-                })
-            }),
-            /*#__PURE__*/ _jsx("button", {
+                }, 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__*/ _jsxs("span", {
+                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)
         ]
-    }), document.body);
+    }, 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();
@@ -591,12 +720,12 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
         prevTableCellDOM,
         tableCellNode
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "table-cell-action-button-container",
         ref: menuButtonRef,
-        children: tableCellNode != null && /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: tableCellNode != null && /*#__PURE__*/ _jsxDEV(React.Fragment, {
             children: [
-                /*#__PURE__*/ _jsx("button", {
+                /*#__PURE__*/ _jsxDEV("button", {
                     className: "table-cell-action-button",
                     onClick: (e)=>{
                         e.stopPropagation();
@@ -604,25 +733,49 @@ function TableCellActionMenuContainer({ anchorElem, cellMerge }) {
                     },
                     ref: menuRootRef,
                     type: "button",
-                    children: /*#__PURE__*/ _jsx(MeatballsIcon, {})
-                }),
-                isMenuOpen && /*#__PURE__*/ _jsx(TableActionMenu, {
+                    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 /*#__PURE__*/ createPortal(isEditable ? /*#__PURE__*/ _jsx(TableCellActionMenuContainer, {
+    return /*#__PURE__*/ createPortal(isEditable ? /*#__PURE__*/ _jsxDEV(TableCellActionMenuContainer, {
         anchorElem: anchorElem ?? document.body,
         cellMerge: true
-    }) : null, anchorElem ?? document.body);
+    }, 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