@uniformdev/design-system 20.35.1-alpha.228 → 20.35.1-alpha.238

package/dist/esm/index.js

@@ -13648,7 +13648,7 @@ import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPl
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { TablePlugin } from "@lexical/react/LexicalTablePlugin";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
-import { TableCellNode as TableCellNode3, TableNode, TableRowNode as TableRowNode2 } from "@lexical/table";
+import { TableCellNode as TableCellNode3, TableNode, TableRowNode } from "@lexical/table";
 
 // ../richtext/dist/index.mjs
 function isRichTextNode(node) {
@@ -14859,22 +14859,22 @@ import { css as css98 } from "@emotion/react";
 import { useLexicalComposerContext as useLexicalComposerContext5 } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
 import {
-  $deleteTableColumn__EXPERIMENTAL,
-  $deleteTableRow__EXPERIMENTAL,
+  $computeTableMapSkipCellCheck,
+  $deleteTableColumnAtSelection,
+  $deleteTableRowAtSelection,
   $getTableCellNodeFromLexicalNode,
   $getTableColumnIndexFromTableCellNode,
   $getTableNodeFromLexicalNodeOrThrow,
   $getTableRowIndexFromTableCellNode,
-  $insertTableColumn__EXPERIMENTAL,
-  $insertTableRow__EXPERIMENTAL,
-  $isTableCellNode,
-  $isTableRowNode,
+  $insertTableColumnAtSelection,
+  $insertTableRowAtSelection,
   $isTableSelection,
+  getTableElement,
   getTableObserverFromTableElement,
   TableCellHeaderStates,
   TableCellNode
 } from "@lexical/table";
-import { $getRoot as $getRoot2, $getSelection as $getSelection3, $isRangeSelection as $isRangeSelection3 } from "lexical";
+import { $getSelection as $getSelection3, $isRangeSelection as $isRangeSelection3, $setSelection } from "lexical";
 import { forwardRef as forwardRef27, useCallback as useCallback10, useEffect as useEffect21, useLayoutEffect, useState as useState18 } from "react";
 import { jsx as jsx133, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
 function computeSelectionCount(selection) {
@@ -14959,46 +14959,42 @@ function TableActionMenu({
     editor.update(() => {
       if (tableCellNode.isAttached()) {
         const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
-        const tableElement2 = editor.getElementByKey(
-          tableNode.getKey()
-        );
-        if (!tableElement2) {
-          throw new Error("Expected to find tableElement in DOM");
+        const tableElement2 = getTableElement(tableNode, editor.getElementByKey(tableNode.getKey()));
+        if (tableElement2 === null) {
+          throw new Error("TableActionMenu: Expected to find tableElement in DOM");
         }
-        const tableSelection = getTableObserverFromTableElement(tableElement2);
-        if (tableSelection !== null) {
-          tableSelection.clearHighlight();
+        const tableObserver = getTableObserverFromTableElement(tableElement2);
+        if (tableObserver !== null) {
+          tableObserver.$clearHighlight();
         }
-        tableNode.markDirty();
         updateTableCellNode(tableCellNode.getLatest());
       }
-      const rootNode = $getRoot2();
-      rootNode.selectStart();
+      $setSelection(null);
     });
   }, [editor, tableCellNode]);
   const insertTableRowAtSelection = useCallback10(
     (shouldInsertAfter) => {
       editor.update(() => {
-        $insertTableRow__EXPERIMENTAL(shouldInsertAfter);
+        for (let i = 0; i < selectionCounts.rows; i++) {
+          $insertTableRowAtSelection(shouldInsertAfter);
+        }
       });
-      incrementMenuTriggerKey();
     },
-    [editor]
+    [editor, selectionCounts.rows]
   );
   const insertTableColumnAtSelection = useCallback10(
     (shouldInsertAfter) => {
       editor.update(() => {
         for (let i = 0; i < selectionCounts.columns; i++) {
-          $insertTableColumn__EXPERIMENTAL(shouldInsertAfter);
+          $insertTableColumnAtSelection(shouldInsertAfter);
         }
       });
-      incrementMenuTriggerKey();
     },
     [editor, selectionCounts.columns]
   );
   const deleteTableRowAtSelection = useCallback10(() => {
     editor.update(() => {
-      $deleteTableRow__EXPERIMENTAL();
+      $deleteTableRowAtSelection();
     });
     incrementMenuTriggerKey();
   }, [editor]);
@@ -15011,7 +15007,7 @@ function TableActionMenu({
   }, [editor, tableCellNode, clearTableSelection]);
   const deleteTableColumnAtSelection = useCallback10(() => {
     editor.update(() => {
-      $deleteTableColumn__EXPERIMENTAL();
+      $deleteTableColumnAtSelection();
     });
     incrementMenuTriggerKey();
   }, [editor]);
@@ -15019,20 +15015,19 @@ function TableActionMenu({
     editor.update(() => {
       const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
       const tableRowIndex = $getTableRowIndexFromTableCellNode(tableCellNode);
-      const tableRows = tableNode.getChildren();
-      if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {
-        throw new Error("Expected table cell to be inside of table row.");
-      }
-      const tableRow2 = tableRows[tableRowIndex];
-      if (!$isTableRowNode(tableRow2)) {
-        throw new Error("Expected table row");
-      }
-      tableRow2.getChildren().forEach((tableCell) => {
-        if (!$isTableCellNode(tableCell)) {
-          throw new Error("Expected table cell");
+      const [gridMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
+      const rowCells = /* @__PURE__ */ new Set();
+      const newStyle = tableCellNode.getHeaderStyles() ^ TableCellHeaderStates.ROW;
+      for (let col = 0; col < gridMap[tableRowIndex].length; col++) {
+        const mapCell = gridMap[tableRowIndex][col];
+        if (!(mapCell == null ? void 0 : mapCell.cell)) {
+          continue;
         }
-        tableCell.toggleHeaderStyle(TableCellHeaderStates.ROW);
-      });
+        if (!rowCells.has(mapCell.cell)) {
+          rowCells.add(mapCell.cell);
+          mapCell.cell.setHeaderStyles(newStyle, TableCellHeaderStates.ROW);
+        }
+      }
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
@@ -15040,25 +15035,18 @@ function TableActionMenu({
     editor.update(() => {
       const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
       const tableColumnIndex = $getTableColumnIndexFromTableCellNode(tableCellNode);
-      const tableRows = tableNode.getChildren();
-      const maxRowsLength = Math.max(...tableRows.map((row) => row.getChildren().length));
-      if (tableColumnIndex >= maxRowsLength || tableColumnIndex < 0) {
-        throw new Error("Expected table cell to be inside of table row.");
-      }
-      for (let r = 0; r < tableRows.length; r++) {
-        const tableRow2 = tableRows[r];
-        if (!$isTableRowNode(tableRow2)) {
-          throw new Error("Expected table row");
-        }
-        const tableCells = tableRow2.getChildren();
-        if (tableColumnIndex >= tableCells.length) {
+      const [gridMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
+      const columnCells = /* @__PURE__ */ new Set();
+      const newStyle = tableCellNode.getHeaderStyles() ^ TableCellHeaderStates.COLUMN;
+      for (let row = 0; row < gridMap.length; row++) {
+        const mapCell = gridMap[row][tableColumnIndex];
+        if (!(mapCell == null ? void 0 : mapCell.cell)) {
           continue;
         }
-        const tableCell = tableCells[tableColumnIndex];
-        if (!$isTableCellNode(tableCell)) {
-          throw new Error("Expected table cell");
+        if (!columnCells.has(mapCell.cell)) {
+          columnCells.add(mapCell.cell);
+          mapCell.cell.setHeaderStyles(newStyle, TableCellHeaderStates.COLUMN);
         }
-        tableCell.toggleHeaderStyle(TableCellHeaderStates.COLUMN);
       }
       clearTableSelection();
     });
@@ -15169,7 +15157,7 @@ function TableCellActionMenuContainer({
         return;
       }
       const tableCellParentNodeDOM = editor.getElementByKey(tableCellNodeFromSelection.getKey());
-      if (tableCellParentNodeDOM == null) {
+      if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {
         setTableMenuCellNode(null);
         setTableMenuCellNodeElem(null);
         return;
@@ -15187,7 +15175,7 @@ function TableCellActionMenuContainer({
         $moveMenu();
       });
     });
-  });
+  }, [editor, $moveMenu]);
   return tableCellNode != null && tableCellNodeEl != null && tableCellMenuPortalEl != null && /* @__PURE__ */ jsx133(
     TableActionMenu,
     {
@@ -15212,11 +15200,11 @@ import { css as css99 } from "@emotion/react";
 import { useLexicalComposerContext as useLexicalComposerContext6 } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as useLexicalEditable2 } from "@lexical/react/useLexicalEditable";
 import {
-  $computeTableMapSkipCellCheck,
+  $computeTableMapSkipCellCheck as $computeTableMapSkipCellCheck2,
   $getTableNodeFromLexicalNodeOrThrow as $getTableNodeFromLexicalNodeOrThrow2,
   $getTableRowIndexFromTableCellNode as $getTableRowIndexFromTableCellNode2,
-  $isTableCellNode as $isTableCellNode2,
-  $isTableRowNode as $isTableRowNode2
+  $isTableCellNode,
+  $isTableRowNode
 } from "@lexical/table";
 import { calculateZoomLevel } from "@lexical/utils";
 import { $getNearestNodeFromDOMNode } from "lexical";
@@ -15340,7 +15328,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
       editor.update(
         () => {
           const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
-          if (!$isTableCellNode2(tableCellNode)) {
+          if (!$isTableCellNode(tableCellNode)) {
             throw new Error("TableCellResizer: Table cell node not found.");
           }
           const tableNode = $getTableNodeFromLexicalNodeOrThrow2(tableCellNode);
@@ -15350,7 +15338,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
             throw new Error("Expected table cell to be inside of table row.");
           }
           const tableRow2 = tableRows[tableRowIndex];
-          if (!$isTableRowNode2(tableRow2)) {
+          if (!$isTableRowNode(tableRow2)) {
             throw new Error("Expected table row");
           }
           let height = tableRow2.getHeight();
@@ -15402,11 +15390,11 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
       editor.update(
         () => {
           const tableCellNode = $getNearestNodeFromDOMNode(activeCell.elem);
-          if (!$isTableCellNode2(tableCellNode)) {
+          if (!$isTableCellNode(tableCellNode)) {
             throw new Error("TableCellResizer: Table cell node not found.");
           }
           const tableNode = $getTableNodeFromLexicalNodeOrThrow2(tableCellNode);
-          const [tableMap] = $computeTableMapSkipCellCheck(tableNode, null, null);
+          const [tableMap] = $computeTableMapSkipCellCheck2(tableNode, null, null);
           const columnIndex = getCellColumnIndex(tableCellNode, tableMap);
           if (columnIndex === void 0) {
             throw new Error("TableCellResizer: Table column not found.");
@@ -15560,7 +15548,7 @@ import { $findCellNode } from "@lexical/table";
 import {
   $getSelection as $getSelection4,
   $isRangeSelection as $isRangeSelection4,
-  $setSelection,
+  $setSelection as $setSelection2,
   COMMAND_PRIORITY_NORMAL as COMMAND_PRIORITY_NORMAL2,
   SELECTION_CHANGE_COMMAND as SELECTION_CHANGE_COMMAND2
 } from "lexical";
@@ -15599,7 +15587,7 @@ var TableSelectionPlugin = () => {
         event.preventDefault();
         editor.update(() => {
           const selection = closestTableCellNode.select(0, closestTableCellNode.getChildrenSize());
-          $setSelection(selection);
+          $setSelection2(selection);
         });
       }
     };
@@ -16278,7 +16266,7 @@ var ParameterRichTextInner = ({
       CustomCodeNode,
       TableNode,
       TableCellNode3,
-      TableRowNode2,
+      TableRowNode,
       ...customNodes != null ? customNodes : []
     ],
     theme: {

package/dist/index.js

@@ -16852,46 +16852,42 @@ function TableActionMenu({
     editor.update(() => {
       if (tableCellNode.isAttached()) {
         const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
-        const tableElement2 = editor.getElementByKey(
-          tableNode.getKey()
-        );
-        if (!tableElement2) {
-          throw new Error("Expected to find tableElement in DOM");
+        const tableElement2 = (0, import_table.getTableElement)(tableNode, editor.getElementByKey(tableNode.getKey()));
+        if (tableElement2 === null) {
+          throw new Error("TableActionMenu: Expected to find tableElement in DOM");
         }
-        const tableSelection = (0, import_table.getTableObserverFromTableElement)(tableElement2);
-        if (tableSelection !== null) {
-          tableSelection.clearHighlight();
+        const tableObserver = (0, import_table.getTableObserverFromTableElement)(tableElement2);
+        if (tableObserver !== null) {
+          tableObserver.$clearHighlight();
         }
-        tableNode.markDirty();
         updateTableCellNode(tableCellNode.getLatest());
       }
-      const rootNode = (0, import_lexical6.$getRoot)();
-      rootNode.selectStart();
+      (0, import_lexical6.$setSelection)(null);
     });
   }, [editor, tableCellNode]);
   const insertTableRowAtSelection = (0, import_react160.useCallback)(
     (shouldInsertAfter) => {
       editor.update(() => {
-        (0, import_table.$insertTableRow__EXPERIMENTAL)(shouldInsertAfter);
+        for (let i = 0; i < selectionCounts.rows; i++) {
+          (0, import_table.$insertTableRowAtSelection)(shouldInsertAfter);
+        }
       });
-      incrementMenuTriggerKey();
     },
-    [editor]
+    [editor, selectionCounts.rows]
   );
   const insertTableColumnAtSelection = (0, import_react160.useCallback)(
     (shouldInsertAfter) => {
       editor.update(() => {
         for (let i = 0; i < selectionCounts.columns; i++) {
-          (0, import_table.$insertTableColumn__EXPERIMENTAL)(shouldInsertAfter);
+          (0, import_table.$insertTableColumnAtSelection)(shouldInsertAfter);
         }
       });
-      incrementMenuTriggerKey();
     },
     [editor, selectionCounts.columns]
   );
   const deleteTableRowAtSelection = (0, import_react160.useCallback)(() => {
     editor.update(() => {
-      (0, import_table.$deleteTableRow__EXPERIMENTAL)();
+      (0, import_table.$deleteTableRowAtSelection)();
     });
     incrementMenuTriggerKey();
   }, [editor]);
@@ -16904,7 +16900,7 @@ function TableActionMenu({
   }, [editor, tableCellNode, clearTableSelection]);
   const deleteTableColumnAtSelection = (0, import_react160.useCallback)(() => {
     editor.update(() => {
-      (0, import_table.$deleteTableColumn__EXPERIMENTAL)();
+      (0, import_table.$deleteTableColumnAtSelection)();
     });
     incrementMenuTriggerKey();
   }, [editor]);
@@ -16912,20 +16908,19 @@ function TableActionMenu({
     editor.update(() => {
       const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
       const tableRowIndex = (0, import_table.$getTableRowIndexFromTableCellNode)(tableCellNode);
-      const tableRows = tableNode.getChildren();
-      if (tableRowIndex >= tableRows.length || tableRowIndex < 0) {
-        throw new Error("Expected table cell to be inside of table row.");
-      }
-      const tableRow2 = tableRows[tableRowIndex];
-      if (!(0, import_table.$isTableRowNode)(tableRow2)) {
-        throw new Error("Expected table row");
-      }
-      tableRow2.getChildren().forEach((tableCell) => {
-        if (!(0, import_table.$isTableCellNode)(tableCell)) {
-          throw new Error("Expected table cell");
+      const [gridMap] = (0, import_table.$computeTableMapSkipCellCheck)(tableNode, null, null);
+      const rowCells = /* @__PURE__ */ new Set();
+      const newStyle = tableCellNode.getHeaderStyles() ^ import_table.TableCellHeaderStates.ROW;
+      for (let col = 0; col < gridMap[tableRowIndex].length; col++) {
+        const mapCell = gridMap[tableRowIndex][col];
+        if (!(mapCell == null ? void 0 : mapCell.cell)) {
+          continue;
         }
-        tableCell.toggleHeaderStyle(import_table.TableCellHeaderStates.ROW);
-      });
+        if (!rowCells.has(mapCell.cell)) {
+          rowCells.add(mapCell.cell);
+          mapCell.cell.setHeaderStyles(newStyle, import_table.TableCellHeaderStates.ROW);
+        }
+      }
       clearTableSelection();
     });
   }, [editor, tableCellNode, clearTableSelection]);
@@ -16933,25 +16928,18 @@ function TableActionMenu({
     editor.update(() => {
       const tableNode = (0, import_table.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
       const tableColumnIndex = (0, import_table.$getTableColumnIndexFromTableCellNode)(tableCellNode);
-      const tableRows = tableNode.getChildren();
-      const maxRowsLength = Math.max(...tableRows.map((row) => row.getChildren().length));
-      if (tableColumnIndex >= maxRowsLength || tableColumnIndex < 0) {
-        throw new Error("Expected table cell to be inside of table row.");
-      }
-      for (let r = 0; r < tableRows.length; r++) {
-        const tableRow2 = tableRows[r];
-        if (!(0, import_table.$isTableRowNode)(tableRow2)) {
-          throw new Error("Expected table row");
-        }
-        const tableCells = tableRow2.getChildren();
-        if (tableColumnIndex >= tableCells.length) {
+      const [gridMap] = (0, import_table.$computeTableMapSkipCellCheck)(tableNode, null, null);
+      const columnCells = /* @__PURE__ */ new Set();
+      const newStyle = tableCellNode.getHeaderStyles() ^ import_table.TableCellHeaderStates.COLUMN;
+      for (let row = 0; row < gridMap.length; row++) {
+        const mapCell = gridMap[row][tableColumnIndex];
+        if (!(mapCell == null ? void 0 : mapCell.cell)) {
           continue;
         }
-        const tableCell = tableCells[tableColumnIndex];
-        if (!(0, import_table.$isTableCellNode)(tableCell)) {
-          throw new Error("Expected table cell");
+        if (!columnCells.has(mapCell.cell)) {
+          columnCells.add(mapCell.cell);
+          mapCell.cell.setHeaderStyles(newStyle, import_table.TableCellHeaderStates.COLUMN);
         }
-        tableCell.toggleHeaderStyle(import_table.TableCellHeaderStates.COLUMN);
       }
       clearTableSelection();
     });
@@ -17062,7 +17050,7 @@ function TableCellActionMenuContainer({
         return;
       }
       const tableCellParentNodeDOM = editor.getElementByKey(tableCellNodeFromSelection.getKey());
-      if (tableCellParentNodeDOM == null) {
+      if (tableCellParentNodeDOM == null || !tableCellNodeFromSelection.isAttached()) {
         setTableMenuCellNode(null);
         setTableMenuCellNodeElem(null);
         return;
@@ -17080,7 +17068,7 @@ function TableCellActionMenuContainer({
         $moveMenu();
       });
     });
-  });
+  }, [editor, $moveMenu]);
   return tableCellNode != null && tableCellNodeEl != null && tableCellMenuPortalEl != null && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     TableActionMenu,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "20.35.1-alpha.228+26f6f414c9",
+  "version": "20.35.1-alpha.238+9863606d41",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "exports": {
@@ -38,8 +38,8 @@
     "@storybook/theming": "^8.3.3",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@uniformdev/canvas": "^20.35.1-alpha.228+26f6f414c9",
-    "@uniformdev/richtext": "^20.35.1-alpha.228+26f6f414c9",
+    "@uniformdev/canvas": "^20.35.1-alpha.238+9863606d41",
+    "@uniformdev/richtext": "^20.35.1-alpha.238+9863606d41",
     "autoprefixer": "10.4.21",
     "hygen": "6.2.11",
     "jsdom": "20.0.3",
@@ -59,19 +59,19 @@
     "@emotion/css": "11.13.5",
     "@emotion/react": "11.14.0",
     "@internationalized/date": "^3.10.0",
-    "@lexical/code": "0.37.0",
-    "@lexical/link": "0.37.0",
-    "@lexical/list": "0.37.0",
-    "@lexical/markdown": "0.37.0",
-    "@lexical/react": "0.37.0",
-    "@lexical/rich-text": "0.37.0",
-    "@lexical/selection": "0.37.0",
-    "@lexical/table": "0.37.0",
-    "@lexical/utils": "0.37.0",
+    "@lexical/code": "0.39.0",
+    "@lexical/link": "0.39.0",
+    "@lexical/list": "0.39.0",
+    "@lexical/markdown": "0.39.0",
+    "@lexical/react": "0.39.0",
+    "@lexical/rich-text": "0.39.0",
+    "@lexical/selection": "0.39.0",
+    "@lexical/table": "0.39.0",
+    "@lexical/utils": "0.39.0",
     "@monaco-editor/react": "4.7.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
     "fast-equals": "^5.3.2",
-    "lexical": "0.37.0",
+    "lexical": "0.39.0",
     "monaco-editor": "0.54.0",
     "react-aria-components": "^1.13.0",
     "react-hotkeys-hook": "5.2.1",
@@ -91,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "26f6f414c9725e8e36785bcf51e62e8b15331f2e"
+  "gitHead": "9863606d41f4248fa790dbf7da6db6a755bda19a"
 }