@uva-glass/component-library 3.41.0 → 3.42.0

package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js

@@ -1,17 +1,17 @@
 import { jsx as d } from "react/jsx-runtime";
 import { o as I } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
-import { T as N, C as P, y as v, n as K, a as f, c as S } from "../../../../LexicalList.prod-nl__pKjG.js";
-import { _ as B } from "../../../../LexicalSelection.prod-CB_xP0pP.js";
+import { T as N, C as P, y as v, n as K, a as f, c as S } from "../../../../LexicalList.prod-7DmvPZ_J.js";
+import { _ as B } from "../../../../LexicalSelection.prod-Dmiwka3x.js";
 import { useState as p, useEffect as k } from "react";
 import { c as $ } from "../../../../clsx-OuTLNxxd.js";
-import { ar as w, J as x, X as O, P as b, _ as h, $ as U, B as E } from "../../../../Lexical.prod-7x3WP3vd.js";
+import { as as w, J as x, a0 as O, P as b, _ as h, $ as U, B as E } from "../../../../Lexical.prod-C1B_JvcI.js";
 import { Icon as J } from "../../../Icon/Icon.js";
-import { s as l } from "../../../../RteEditor.module-B_3uFnFu.js";
+import { s as l } from "../../../../RteEditor.module-dE9wQTC9.js";
 import { useTranslation as T } from "../../hooks/useTranslation.js";
 const j = {
   bullet: "BulletList",
   number: "NumberedList"
-}, z = ["bullet", "number"], V = () => {
+}, z = ["bullet", "number"], W = () => {
   const u = T(), [e] = I(), [g, s] = p("paragraph"), [c, _] = p(!1), [m, L] = p(!1), y = () => {
     e.update(() => {
       const t = b();
@@ -90,6 +90,6 @@ const j = {
   )) });
 };
 export {
-  V as ListPlugin
+  W as ListPlugin
 };
 //# sourceMappingURL=ListPlugin.js.map

package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js

@@ -1,8 +1,8 @@
 import { o as m } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
 import { useEffect as c } from "react";
-import { af as f, V as p, P as u } from "../../../../Lexical.prod-7x3WP3vd.js";
-import { L as i } from "../../../../LexicalUtils.prod-CtYaCJNB.js";
-import { A as d } from "../../../../LexicalClipboard.prod-BMLLh6JL.js";
+import { af as f, V as p, P as u } from "../../../../Lexical.prod-C1B_JvcI.js";
+import { L as i } from "../../../../LexicalUtils.prod-w0fZ_Z8S.js";
+import { A as d } from "../../../../LexicalClipboard.prod-Dd64YQH0.js";
 import { d as D } from "../../../../index-nrPtQ1dv.js";
 const w = () => {
   const [e] = m(), l = (t) => {

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.d.ts

@@ -0,0 +1,2 @@
+import { ReactPortal } from 'react';
+export declare const TableCellResizerPlugin: () => null | ReactPortal;

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
+import { T } from "../../../../TableCellResizerPlugin-D6jjhYoD.js";
+import "../../../../LexicalTable.prod-iqHmKv_G.js";
+import "../../../../LexicalUtils.prod-w0fZ_Z8S.js";
+import "../../../../Lexical.prod-C1B_JvcI.js";
+import "react-dom";
+import "../../nodes/TableWrapperNode/TableWrapperNode.js";
+export {
+  T as TableCellResizerPlugin
+};
+//# sourceMappingURL=TableCellResizerPlugin.js.map

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellResizerPlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from './TableCellResizerPlugin';

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.js

@@ -0,0 +1,5 @@
+import { T as r } from "../../../../TableCellResizerPlugin-D6jjhYoD.js";
+export {
+  r as TableCellResizerPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as C } from "../../../../TablePlugin-DNGtPPjq.js";
+import { b as D } from "../../../../TablePlugin-cMMBdz-x.js";
 import "../../../Accordion/Accordion.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
@@ -21,13 +21,14 @@ import "../../helpers.js";
 import "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../hooks/components/Flyout.js";
-import "../../Providers/LanguageProvider.js";
+import "react-dom";
 import "../../../../index-nrPtQ1dv.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-l8-7ClBJ.js";
 export {
-  C as AddTableForm
+  D as AddTableForm
 };
 //# sourceMappingURL=AddTableFrom.js.map

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddTableFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddTableFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js

@@ -1,11 +1,13 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../LexicalTable.prod-CwkGGOke.js";
-import "../../../../Lexical.prod-7x3WP3vd.js";
+import "../../../../LexicalTable.prod-iqHmKv_G.js";
+import "../../../../Lexical.prod-C1B_JvcI.js";
+import "../../../../LexicalUtils.prod-w0fZ_Z8S.js";
 import "react";
-import { T as G } from "../../../../TablePlugin-DNGtPPjq.js";
+import { T as J } from "../../../../TablePlugin-cMMBdz-x.js";
 import "./helpers.js";
+import "../../nodes/TableWrapperNode/TableWrapperNode.js";
 import "../../hooks/useFlyout.js";
 import "../../../Accordion/Accordion.js";
 import "../../../Icon/Icon.js";
@@ -22,16 +24,17 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import "../../../../RteEditor.module-B_3uFnFu.js";
+import "../../../../RteEditor.module-dE9wQTC9.js";
 import "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
-import "../../Providers/LanguageProvider.js";
+import "react-dom";
 import "../../../../index-nrPtQ1dv.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-l8-7ClBJ.js";
 export {
-  G as TablePlugin
+  J as TablePlugin
 };
 //# sourceMappingURL=TablePlugin.js.map

package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TablePlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/RteEditor/Plugins/TablePlugin/helpers.d.ts

@@ -1,7 +1,15 @@
-import { ElementNode } from 'lexical';
+import { TableCellNode } from '@lexical/table';
+import { ElementNode, LexicalEditor } from 'lexical';
+export declare const MIN_COLUMN_WIDTH = 32;
+export declare const DEFAULT_COL_WIDTH = 48;
+export declare const BORDER_WIDTHS = 1;
+export declare const PREVENT_OPEN_DELAY = 200;
+export declare const DEFAULT_EDITOR_WIDTH = 320;
 export declare const createTable: (nrOfRows: number, nrOfColumns: number) => ElementNode;
 export declare const deleteRow: (selectedNode: ElementNode) => void;
 export declare const deleteTable: (selectedNode: ElementNode) => void;
 export declare const insertRow: (selectedNode: ElementNode, position: "insertRowAbove" | "insertRowBelow") => void;
 export declare const insertColumn: (selectedNode: ElementNode, position: "insertColumnLeft" | "insertColumnRight") => void;
 export declare const deleteColumn: (selectedNode: ElementNode) => void;
+export declare const getEditorContentWidth: (editor: LexicalEditor) => number;
+export declare const getEditorParrentCellWidth: (node: TableCellNode | null, nrOfColumns: number, editor: LexicalEditor) => number;

package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js

@@ -1,65 +1,82 @@
-import { H as d, R as h, B as m, Z as x, z as w, P as S, v as C, K as p, L as E } from "../../../../LexicalTable.prod-CwkGGOke.js";
-import { B as u } from "../../../../Lexical.prod-7x3WP3vd.js";
-const b = 100, D = (e, n) => {
-  const t = E(0, 0, !1);
-  for (let o = 0; o < e; o++) {
-    const s = p();
-    for (let l = 0; l < n; l++) {
-      const r = C(0, void 0, b / n);
-      r.append(u()), s.append(r);
+import { V as h, R as a, H as w, n as T, B as u, P as b, b as E, z as R, K as g, Y as D, L as I, v as S } from "../../../../LexicalTable.prod-iqHmKv_G.js";
+import { B as N } from "../../../../Lexical.prod-C1B_JvcI.js";
+import { TableWrapperNode as W } from "../../nodes/TableWrapperNode/TableWrapperNode.js";
+const B = 32, c = 48, L = 1, O = 200, P = 320, F = (t, e) => {
+  const n = I(0, 0, !1);
+  for (let o = 0; o < t; o++) {
+    const r = g();
+    for (let l = 0; l < e; l++) {
+      const s = S(0, void 0, void 0);
+      s.append(N()), r.append(s);
     }
-    t.append(s);
+    n.append(r);
   }
-  return t;
-}, P = (e) => {
-  const n = w(e), t = n.getNextSibling() || n.getPreviousSibling(), o = n.getParentOrThrow();
-  if (o.getChildrenSize() > 1 ? n.remove() : o.remove(), t !== null) {
-    const s = t.getFirstDescendant();
-    s && s.select();
+  return n;
+}, H = (t) => {
+  const e = R(t), n = e.getNextSibling() || e.getPreviousSibling(), o = e.getParentOrThrow();
+  if (o.getChildrenSize() > 1 ? e.remove() : o.remove(), n !== null) {
+    const r = n.getFirstDescendant();
+    r && r.select();
   }
-}, I = (e) => {
-  d(e).remove();
-}, A = (e, n) => {
-  const t = p(), o = w(e), s = o.getChildrenSize();
-  for (let r = 0; r < s; r++) {
-    const c = C(0);
-    c.append(u()), t.append(c);
-  }
-  n === "insertRowAbove" ? o.insertBefore(t) : o.insertAfter(t);
-  const l = t.getFirstDescendant();
-  l && l.select();
-}, L = (e, n) => {
-  const t = w(e);
-  if (!h(e))
+}, v = (t) => {
+  const e = h(t);
+  if (!e)
     throw new Error("Selected node is not a TableCellNode");
-  const o = S(e), s = t.getChildren().length, l = d(e);
-  let r = m(e);
-  const c = l.getChildren(), R = c.length;
-  for (let i = 0; i < R; i++) {
-    const a = C(0);
-    a.append(u());
-    const f = c[i].getChildren()[r];
-    f && (n === "insertColumnLeft" ? f.insertBefore(a) : f.insertAfter(a)), c.forEach((T) => {
-      T.getChildren().forEach((v) => {
-        v.setWidth(b / s);
-      });
-    });
-  }
-  r = n === "insertColumnLeft" ? r : r + 1;
-  const g = c[o].getChildren()[r];
-  g && g.select();
-}, O = (e) => {
-  if (!h(e))
+  const n = e.getParent();
+  n instanceof W ? n.remove() : e.remove();
+}, z = (t, e) => {
+  if (!a(t))
+    throw new Error("Selected node is not a TableCellNode");
+  const n = g();
+  D(e === "insertRowBelow");
+  const o = n.getFirstDescendant();
+  o && o.select();
+}, K = (t, e) => {
+  if (!a(t))
+    throw new Error("Selected node is not a TableCellNode");
+  const n = w(t);
+  let o = u(t);
+  const r = n.getChildren(), l = b(t), s = E(e === "insertColumnLeft");
+  if (!s) return;
+  const d = u(s);
+  if (d === -1) return;
+  const i = n.getColWidths();
+  if (!i) return;
+  const m = i.map(
+    (C, p) => p === d ? c : C - Math.ceil(c / (i.length - 1))
+  );
+  n.setColWidths(m), o = e === "insertColumnLeft" ? o : o + 1;
+  const f = r[l].getChildren()[o];
+  f && f.select();
+}, M = (t) => {
+  if (!a(t))
     throw new Error("Selected node is not a TableCellNode");
-  const n = d(e), t = n.getFirstChild()?.getChildrenSize() || 0, o = m(e);
-  t === 1 ? I(e) : x(n, o);
+  (w(t).getFirstChild()?.getChildrenSize() || 0) === 1 ? v(t) : T();
+}, V = (t) => {
+  const e = t.getRootElement();
+  if (!e || typeof window > "u") return 0;
+  const n = e.getBoundingClientRect(), o = window.getComputedStyle(e), r = parseFloat(o.paddingLeft || "0") + parseFloat(o.paddingRight || "0") + c;
+  return Math.max(0, n.width - r);
+}, A = (t, e, n) => {
+  if (!t) return 0;
+  const o = n.getElementByKey(t.getKey());
+  if (!o) return 0;
+  const r = window.getComputedStyle(o);
+  return parseInt(r.width) - e * L - 1;
 };
 export {
-  D as createTable,
-  O as deleteColumn,
-  P as deleteRow,
-  I as deleteTable,
-  L as insertColumn,
-  A as insertRow
+  L as BORDER_WIDTHS,
+  c as DEFAULT_COL_WIDTH,
+  P as DEFAULT_EDITOR_WIDTH,
+  B as MIN_COLUMN_WIDTH,
+  O as PREVENT_OPEN_DELAY,
+  F as createTable,
+  M as deleteColumn,
+  H as deleteRow,
+  v as deleteTable,
+  V as getEditorContentWidth,
+  A as getEditorParrentCellWidth,
+  K as insertColumn,
+  z as insertRow
 };
 //# sourceMappingURL=helpers.js.map

package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../src/components/RteEditor/Plugins/TablePlugin/helpers.ts"],"sourcesContent":["import {\n  $createTableNodeWithDimensions,\n  $createTableRowNode,\n  $createTableCellNode,\n  $deleteTableColumn,\n  $isTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowNodeFromTableCellNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $getTableColumnIndexFromTableCellNode,\n} from '@lexical/table';\nimport { type TextNode, type ElementNode, $createParagraphNode } from 'lexical';\n\nimport type { TableCellNode } from '@lexical/table';\n\nconst PERCENTAGE = 100;\n\nexport const createTable = (nrOfRows: number, nrOfColumns: number): ElementNode => {\n  const tableNode = $createTableNodeWithDimensions(0, 0, false);\n  for (let rowIndex = 0; rowIndex < nrOfRows; rowIndex++) {\n    const rowNode = $createTableRowNode();\n    for (let colIndex = 0; colIndex < nrOfColumns; colIndex++) {\n      const cellNode = $createTableCellNode(0, undefined, PERCENTAGE / nrOfColumns);\n      cellNode.append($createParagraphNode());\n      rowNode.append(cellNode);\n    }\n    tableNode.append(rowNode);\n  }\n  return tableNode;\n};\n\nexport const deleteRow = (selectedNode: ElementNode) => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nextRow = currentRow.getNextSibling() || currentRow.getPreviousSibling();\n  const currentTable = currentRow.getParentOrThrow();\n  currentTable.getChildrenSize() > 1 ? currentRow.remove() : currentTable.remove();\n\n  if (nextRow !== null) {\n    const firstDescendant = (nextRow as ElementNode).getFirstDescendant();\n    if (firstDescendant) {\n      (firstDescendant as TextNode).select();\n    }\n  }\n};\n\nexport const deleteTable = (selectedNode: ElementNode) => {\n  $getTableNodeFromLexicalNodeOrThrow(selectedNode).remove();\n};\n\nexport const insertRow = (selectedNode: ElementNode, position: 'insertRowAbove' | 'insertRowBelow') => {\n  const newRow = $createTableRowNode();\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nrOfCols = currentRow.getChildrenSize();\n  for (let rowCount = 0; rowCount < nrOfCols; rowCount++) {\n    const newCell = $createTableCellNode(0);\n    newCell.append($createParagraphNode());\n    newRow.append(newCell);\n  }\n  position === 'insertRowAbove' ? currentRow.insertBefore(newRow) : currentRow.insertAfter(newRow);\n  const firstDescendant = newRow.getFirstDescendant();\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const insertColumn = (selectedNode: ElementNode, position: 'insertColumnLeft' | 'insertColumnRight') => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const rowIndex = $getTableRowIndexFromTableCellNode(selectedNode);\n  const nrOfCols = currentRow.getChildren().length;\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  let columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n  const rowsInTable: TableCellNode[] = currentTable.getChildren();\n  const nrOfRows = rowsInTable.length;\n\n  for (let rowCount = 0; rowCount < nrOfRows; rowCount++) {\n    const newCell = $createTableCellNode(0);\n    newCell.append($createParagraphNode());\n    const cellInSelectedColumn = rowsInTable[rowCount].getChildren()[columnIndex];\n    if (cellInSelectedColumn) {\n      if (position === 'insertColumnLeft') {\n        cellInSelectedColumn.insertBefore(newCell);\n      } else {\n        cellInSelectedColumn.insertAfter(newCell);\n      }\n    }\n\n    rowsInTable.forEach((row) => {\n      row.getChildren().forEach((cell) => {\n        (cell as TableCellNode).setWidth(PERCENTAGE / nrOfCols);\n      });\n    });\n  }\n\n  columnIndex = position === 'insertColumnLeft' ? columnIndex : columnIndex + 1;\n  const firstDescendant = rowsInTable[rowIndex].getChildren()[columnIndex];\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const deleteColumn = (selectedNode: ElementNode) => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  const numberOfColumns = (currentTable.getFirstChild() as ElementNode)?.getChildrenSize() || 0;\n  const columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n\n  if (numberOfColumns === 1) {\n    deleteTable(selectedNode);\n  } else {\n    $deleteTableColumn(currentTable, columnIndex);\n  }\n};\n"],"names":["PERCENTAGE","createTable","nrOfRows","nrOfColumns","tableNode","$createTableNodeWithDimensions","rowIndex","rowNode","$createTableRowNode","colIndex","cellNode","$createTableCellNode","$createParagraphNode","deleteRow","selectedNode","currentRow","$getTableRowNodeFromTableCellNodeOrThrow","nextRow","currentTable","firstDescendant","deleteTable","$getTableNodeFromLexicalNodeOrThrow","insertRow","position","newRow","nrOfCols","rowCount","newCell","insertColumn","$isTableCellNode","$getTableRowIndexFromTableCellNode","columnIndex","$getTableColumnIndexFromTableCellNode","rowsInTable","cellInSelectedColumn","row","cell","deleteColumn","numberOfColumns","$deleteTableColumn"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/RteEditor/Plugins/TablePlugin/helpers.ts"],"sourcesContent":["import {\n  $createTableNodeWithDimensions,\n  $createTableRowNode,\n  $createTableCellNode,\n  $deleteTableColumnAtSelection,\n  $isTableCellNode,\n  $getTableNodeFromLexicalNodeOrThrow,\n  $getTableRowNodeFromTableCellNodeOrThrow,\n  $getTableRowIndexFromTableCellNode,\n  $getTableColumnIndexFromTableCellNode,\n  $insertTableColumnAtSelection,\n  $insertTableRowAtSelection,\n  $findTableNode,\n} from '@lexical/table';\nimport { $createParagraphNode } from 'lexical';\n\nimport type { TableCellNode } from '@lexical/table';\nimport type { TextNode, ElementNode, LexicalEditor } from 'lexical';\nimport { TableWrapperNode } from 'components/RteEditor/nodes';\n\nexport const MIN_COLUMN_WIDTH = 32;\nexport const DEFAULT_COL_WIDTH = 48;\nexport const BORDER_WIDTHS = 1;\nexport const PREVENT_OPEN_DELAY = 200;\nexport const DEFAULT_EDITOR_WIDTH = 320;\n\nexport const createTable = (nrOfRows: number, nrOfColumns: number): ElementNode => {\n  const tableNode = $createTableNodeWithDimensions(0, 0, false);\n  for (let rowIndex = 0; rowIndex < nrOfRows; rowIndex++) {\n    const rowNode = $createTableRowNode();\n    for (let colIndex = 0; colIndex < nrOfColumns; colIndex++) {\n      const cellNode = $createTableCellNode(0, undefined, undefined);\n      cellNode.append($createParagraphNode());\n      rowNode.append(cellNode);\n    }\n    tableNode.append(rowNode);\n  }\n  return tableNode;\n};\n\nexport const deleteRow = (selectedNode: ElementNode) => {\n  const currentRow = $getTableRowNodeFromTableCellNodeOrThrow(selectedNode);\n  const nextRow = currentRow.getNextSibling() || currentRow.getPreviousSibling();\n  const currentTable = currentRow.getParentOrThrow();\n  currentTable.getChildrenSize() > 1 ? currentRow.remove() : currentTable.remove();\n\n  if (nextRow !== null) {\n    const firstDescendant = (nextRow as ElementNode).getFirstDescendant();\n    if (firstDescendant) {\n      (firstDescendant as TextNode).select();\n    }\n  }\n};\n\nexport const deleteTable = (selectedNode: ElementNode) => {\n  const tableNode = $findTableNode(selectedNode);\n  if (!tableNode) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n\n  const wrapperNode = tableNode.getParent();\n  if (wrapperNode instanceof TableWrapperNode) {\n    wrapperNode.remove();\n  } else {\n    tableNode.remove();\n  }\n};\n\nexport const insertRow = (selectedNode: ElementNode, position: 'insertRowAbove' | 'insertRowBelow') => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const newRow = $createTableRowNode();\n\n  $insertTableRowAtSelection(position === 'insertRowBelow');\n\n  const firstDescendant = newRow.getFirstDescendant();\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const insertColumn = (selectedNode: ElementNode, position: 'insertColumnLeft' | 'insertColumnRight') => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  let columnIndex = $getTableColumnIndexFromTableCellNode(selectedNode);\n  const rowsInTable: TableCellNode[] = currentTable.getChildren();\n  const rowIndex = $getTableRowIndexFromTableCellNode(selectedNode);\n  const insertedCellNode = $insertTableColumnAtSelection(position === 'insertColumnLeft');\n\n  if (!insertedCellNode) return;\n  const insertedColumnIndex = $getTableColumnIndexFromTableCellNode(insertedCellNode);\n\n  if (insertedColumnIndex === -1) return;\n  const colWidths = currentTable.getColWidths();\n\n  if (!colWidths) return;\n  const newColWidths = colWidths.map((width, index) =>\n    index === insertedColumnIndex ? DEFAULT_COL_WIDTH : width - Math.ceil(DEFAULT_COL_WIDTH / (colWidths.length - 1))\n  );\n\n  currentTable.setColWidths(newColWidths);\n\n  columnIndex = position === 'insertColumnLeft' ? columnIndex : columnIndex + 1;\n  const firstDescendant = rowsInTable[rowIndex].getChildren()[columnIndex];\n  if (firstDescendant) {\n    (firstDescendant as TextNode).select();\n  }\n};\n\nexport const deleteColumn = (selectedNode: ElementNode) => {\n  if (!$isTableCellNode(selectedNode)) {\n    throw new Error('Selected node is not a TableCellNode');\n  }\n  const currentTable = $getTableNodeFromLexicalNodeOrThrow(selectedNode);\n  const numberOfColumns = (currentTable.getFirstChild() as ElementNode)?.getChildrenSize() || 0;\n\n  if (numberOfColumns === 1) {\n    deleteTable(selectedNode);\n  } else {\n    $deleteTableColumnAtSelection();\n  }\n};\n\nexport const getEditorContentWidth = (editor: LexicalEditor): number => {\n  const rootEl = editor.getRootElement();\n  if (!rootEl || typeof window === 'undefined') return 0;\n  const rect = rootEl.getBoundingClientRect();\n  const styles = window.getComputedStyle(rootEl);\n  const insertX = parseFloat(styles.paddingLeft || '0') + parseFloat(styles.paddingRight || '0') + DEFAULT_COL_WIDTH;\n  return Math.max(0, rect.width - insertX);\n};\n\nexport const getEditorParrentCellWidth = (\n  node: TableCellNode | null,\n  nrOfColumns: number,\n  editor: LexicalEditor\n): number => {\n  if (!node) return 0;\n\n  const cell = editor.getElementByKey(node.getKey());\n  if (!cell) return 0;\n\n  const computedStyles = window.getComputedStyle(cell);\n  return parseInt(computedStyles.width) - nrOfColumns * BORDER_WIDTHS - 1;\n};\n"],"names":["MIN_COLUMN_WIDTH","DEFAULT_COL_WIDTH","BORDER_WIDTHS","PREVENT_OPEN_DELAY","DEFAULT_EDITOR_WIDTH","createTable","nrOfRows","nrOfColumns","tableNode","$createTableNodeWithDimensions","rowIndex","rowNode","$createTableRowNode","colIndex","cellNode","$createTableCellNode","$createParagraphNode","deleteRow","selectedNode","currentRow","$getTableRowNodeFromTableCellNodeOrThrow","nextRow","currentTable","firstDescendant","deleteTable","$findTableNode","wrapperNode","TableWrapperNode","insertRow","position","$isTableCellNode","newRow","$insertTableRowAtSelection","insertColumn","$getTableNodeFromLexicalNodeOrThrow","columnIndex","$getTableColumnIndexFromTableCellNode","rowsInTable","$getTableRowIndexFromTableCellNode","insertedCellNode","$insertTableColumnAtSelection","insertedColumnIndex","colWidths","newColWidths","width","index","deleteColumn","$deleteTableColumnAtSelection","getEditorContentWidth","editor","rootEl","rect","styles","insertX","getEditorParrentCellWidth","node","cell","computedStyles"],"mappings":"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"}

package/dist/components/RteEditor/Plugins/TablePlugin/index.js

@@ -1,4 +1,4 @@
-import { T as o } from "../../../../TablePlugin-DNGtPPjq.js";
+import { T as o } from "../../../../TablePlugin-cMMBdz-x.js";
 import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
 export {
   t as TableCellContextMenu,

package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js

@@ -1,23 +1,25 @@
 import { jsxs as P, jsx as n } from "react/jsx-runtime";
 import { o as y } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
-import { P as p, _ as h, M as C } from "../../../../Lexical.prod-7x3WP3vd.js";
+import { P as f, _ as h, M as C } from "../../../../Lexical.prod-C1B_JvcI.js";
 import { useState as L, useRef as E, useCallback as T, useEffect as c } from "react";
-import { W as g } from "../../../../LexicalTable.prod-CwkGGOke.js";
+import { W as g } from "../../../../LexicalTable.prod-iqHmKv_G.js";
 import { BlockFormatPlugin as N } from "../BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as k } from "../ListPlugin/ListPlugin.js";
 import { LinkPlugin as x } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as B } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as S } from "../../../../TablePlugin-DNGtPPjq.js";
+import { T as S } from "../../../../TablePlugin-cMMBdz-x.js";
 import { TableCellContextMenu as _ } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { s as z } from "../../../../RteEditor.module-B_3uFnFu.js";
+import "react-dom";
+import "../../../../index-nrPtQ1dv.js";
+import { s as z } from "../../../../RteEditor.module-dE9wQTC9.js";
 import { setScrollableContainers as b, removeScrollableContainers as A } from "../../helpers.js";
-const O = ({ editorScrollPosition: m }) => {
+const V = ({ editorScrollPosition: m }) => {
   const [t] = y(), [r, i] = L(null), d = E(null), u = T(() => {
-    const e = p();
+    const e = f();
     if (h(e)) {
       const s = e.anchor.getNode(), l = g(s);
       if (l) {
-        const f = t.getElementByKey(l.getKey()), a = f ? f.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };
+        const p = t.getElementByKey(l.getKey()), a = p ? p.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };
         i({ xPos: a.right, yPos: a.bottom, height: a.height });
       } else
         i(null);
@@ -26,7 +28,7 @@ const O = ({ editorScrollPosition: m }) => {
     d.current?.mutateTable(e);
   }, o = () => {
     t.update(() => {
-      const e = p();
+      const e = f();
       if (h(e)) {
         const s = e.anchor.getNode();
         g(s) && (C(null), i(null));
@@ -65,6 +67,6 @@ const O = ({ editorScrollPosition: m }) => {
   ] });
 };
 export {
-  O as ToolBarPlugin
+  V as ToolBarPlugin
 };
 //# sourceMappingURL=ToolbarPlugin.js.map

package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection, $setSelection } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $getTableCellNodeFromLexicalNode } from '@lexical/table';\n\nimport type { JSX } from 'react';\nimport type { Actions } from 'components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu';\nimport type { TableMutation } from 'components/RteEditor/Plugins/TablePlugin/TablePlugin';\n\nimport {\n  LinkPlugin,\n  BlockFormatPlugin,\n  ListPlugin,\n  HistoryPlugin,\n  TablePlugin,\n  TableCellContextMenu,\n} from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nexport type Position = {\n  xPos: number;\n  yPos: number;\n  height: number;\n};\n\ninterface ToolBarProps {\n  editorScrollPosition: number;\n}\n\nexport const ToolBarPlugin = ({ editorScrollPosition }: ToolBarProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [position, setPosition] = useState<Position | null>(null);\n  const tableref = useRef<TableMutation>(null);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor;\n      const anchorNode = anchor.getNode();\n\n      const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n      if (tableCell) {\n        const domNode = editor.getElementByKey(tableCell.getKey());\n        const position = domNode ? domNode.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };\n        setPosition({ xPos: position.right, yPos: position.bottom, height: position.height });\n      } else {\n        setPosition(null);\n      }\n    }\n  }, [editor]);\n\n  const handleTableAction = (action: Actions) => {\n    tableref.current?.mutateTable(action);\n  };\n\n  const handleResizeScroll = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const anchorNode = anchor.getNode();\n\n        const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n        if (tableCell) {\n          $setSelection(null);\n          setPosition(null);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  useEffect(() => {\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = () => {\n      setScrollableContainers(handleResizeScroll);\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin />\n      <ListPlugin />\n      <TablePlugin isActive={Boolean(position)} ref={tableref} />\n      {position && (\n        <TableCellContextMenu\n          position={position}\n          parentScrollPosition={editorScrollPosition}\n          onAction={handleTableAction}\n        />\n      )}\n      <LinkPlugin parentScrollPosition={editorScrollPosition} />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["ToolBarPlugin","editorScrollPosition","editor","useLexicalComposerContext","position","setPosition","useState","tableref","useRef","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchorNode","tableCell","$getTableCellNodeFromLexicalNode","domNode","handleTableAction","action","handleResizeScroll","$setSelection","useEffect","editorState","setScrollableContainers","removeScrollableContainers","removeKeydown","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;;AA8BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AACpF,QAAM,CAACC,CAAM,IAAIC,EAAA,GACX,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC,EAAA;AAClB,QAAIC,EAAkBF,CAAS,GAAG;AAEhC,YAAMG,IADSH,EAAU,OACC,QAAA,GAEpBI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,QAAQ,GACnDX,IAAWa,IAAUA,EAAQ,sBAAA,IAA0B,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAA;AAC5F,QAAAZ,EAAY,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAA,CAAQ;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAClB;AAAA,EACF,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;AAC7C,IAAAZ,EAAS,SAAS,YAAYY,CAAM;AAAA,EAAA,GAGhCC,IAAqB,MAAM;AAC/B,IAAAlB,EAAO,OAAO,MAAM;AAClB,YAAMS,IAAYC,EAAA;AAElB,UAAIC,EAAkBF,CAAS,GAAG;AAEhC,cAAMG,IADSH,EAAU,OACC,QAAA;AAG1B,QADkBK,EAAiCF,CAAU,MAE3DO,EAAc,IAAI,GAClBhB,EAAY,IAAI;AAAA,MAClB;AAAA,IACF,CACD;AAAA,EAAA;AAGH,SAAAiB,EAAU,MAAM;AACd,IAAApB,EAAO,uBAAuB,CAAC,EAAE,aAAAqB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACrB,QAAAd,EAAA;AAAA,MAAc,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAE1Ba,EAAU,OACRE,EAAwBJ,CAAkB,GAE1C,OAAO,iBAAiB,UAAUA,CAAkB,GACpD,OAAO,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACX,WAAO,oBAAoB,UAAUA,CAAkB,GACvD,OAAO,oBAAoB,UAAUA,CAAkB,GACvDK,EAA2BL,CAAkB;AAAA,EAAA,IAG9C,CAAClB,CAAM,CAAC,GAEXoB,EAAU,MAAM;AACd,UAAMI,IAAgB,MAAM;AAC1B,MAAAF,EAAwBJ,CAAkB;AAAA,IAAA;AAG5C,kBAAO,iBAAiB,WAAWM,GAAe,EAAE,SAAS,IAAM,GAE5D,MAAM;AACX,aAAO,oBAAoB,WAAWA,CAAa;AAAA,IAAA;AAAA,EACrD,GAEC,EAAE,GAGH,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB;AAAA,sBAClBC,GAAA,EAAW;AAAA,sBACXC,GAAA,EAAY,UAAU,EAAQ5B,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAAyB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAA7B;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd,gBAAAW,EAACK,GAAA,EAAW,sBAAsBjC,EAAA,CAAsB;AAAA,sBACvDkC,GAAA,CAAA,CAAc;AAAA,EAAA,GACjB;AAEJ;"}
+{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection, $setSelection } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $getTableCellNodeFromLexicalNode } from '@lexical/table';\n\nimport type { JSX } from 'react';\nimport type { Actions } from 'components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu';\nimport type { TableMutation } from 'components/RteEditor/Plugins/TablePlugin/TablePlugin';\n\nimport {\n  LinkPlugin,\n  BlockFormatPlugin,\n  ListPlugin,\n  HistoryPlugin,\n  TablePlugin,\n  TableCellContextMenu,\n} from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nexport type Position = {\n  xPos: number;\n  yPos: number;\n  height: number;\n};\n\ninterface ToolBarProps {\n  editorScrollPosition: number;\n}\n\nexport const ToolBarPlugin = ({ editorScrollPosition }: ToolBarProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [position, setPosition] = useState<Position | null>(null);\n  const tableref = useRef<TableMutation>(null);\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      const anchor = selection.anchor;\n      const anchorNode = anchor.getNode();\n\n      const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n      if (tableCell) {\n        const domNode = editor.getElementByKey(tableCell.getKey());\n        const position = domNode ? domNode.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };\n        setPosition({ xPos: position.right, yPos: position.bottom, height: position.height });\n      } else {\n        setPosition(null);\n      }\n    }\n  }, [editor]);\n\n  const handleTableAction = (action: Actions) => {\n    tableref.current?.mutateTable(action);\n  };\n\n  const handleResizeScroll = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const anchorNode = anchor.getNode();\n\n        const tableCell = $getTableCellNodeFromLexicalNode(anchorNode);\n        if (tableCell) {\n          $setSelection(null);\n          setPosition(null);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  useEffect(() => {\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = () => {\n      setScrollableContainers(handleResizeScroll);\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin />\n      <ListPlugin />\n      <TablePlugin isActive={Boolean(position)} ref={tableref} />\n      {position && (\n        <TableCellContextMenu\n          position={position}\n          parentScrollPosition={editorScrollPosition}\n          onAction={handleTableAction}\n        />\n      )}\n      <LinkPlugin parentScrollPosition={editorScrollPosition} />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["ToolBarPlugin","editorScrollPosition","editor","useLexicalComposerContext","position","setPosition","useState","tableref","useRef","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","anchorNode","tableCell","$getTableCellNodeFromLexicalNode","domNode","handleTableAction","action","handleResizeScroll","$setSelection","useEffect","editorState","setScrollableContainers","removeScrollableContainers","removeKeydown","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;;;;AA8BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AACpF,QAAM,CAACC,CAAM,IAAIC,EAAA,GACX,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC,EAAA;AAClB,QAAIC,EAAkBF,CAAS,GAAG;AAEhC,YAAMG,IADSH,EAAU,OACC,QAAA,GAEpBI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,QAAQ,GACnDX,IAAWa,IAAUA,EAAQ,sBAAA,IAA0B,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAA;AAC5F,QAAAZ,EAAY,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAA,CAAQ;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAClB;AAAA,EACF,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;AAC7C,IAAAZ,EAAS,SAAS,YAAYY,CAAM;AAAA,EAAA,GAGhCC,IAAqB,MAAM;AAC/B,IAAAlB,EAAO,OAAO,MAAM;AAClB,YAAMS,IAAYC,EAAA;AAElB,UAAIC,EAAkBF,CAAS,GAAG;AAEhC,cAAMG,IADSH,EAAU,OACC,QAAA;AAG1B,QADkBK,EAAiCF,CAAU,MAE3DO,EAAc,IAAI,GAClBhB,EAAY,IAAI;AAAA,MAClB;AAAA,IACF,CACD;AAAA,EAAA;AAGH,SAAAiB,EAAU,MAAM;AACd,IAAApB,EAAO,uBAAuB,CAAC,EAAE,aAAAqB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACrB,QAAAd,EAAA;AAAA,MAAc,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAE1Ba,EAAU,OACRE,EAAwBJ,CAAkB,GAE1C,OAAO,iBAAiB,UAAUA,CAAkB,GACpD,OAAO,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACX,WAAO,oBAAoB,UAAUA,CAAkB,GACvD,OAAO,oBAAoB,UAAUA,CAAkB,GACvDK,EAA2BL,CAAkB;AAAA,EAAA,IAG9C,CAAClB,CAAM,CAAC,GAEXoB,EAAU,MAAM;AACd,UAAMI,IAAgB,MAAM;AAC1B,MAAAF,EAAwBJ,CAAkB;AAAA,IAAA;AAG5C,kBAAO,iBAAiB,WAAWM,GAAe,EAAE,SAAS,IAAM,GAE5D,MAAM;AACX,aAAO,oBAAoB,WAAWA,CAAa;AAAA,IAAA;AAAA,EACrD,GAEC,EAAE,GAGH,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAkB;AAAA,sBAClBC,GAAA,EAAW;AAAA,sBACXC,GAAA,EAAY,UAAU,EAAQ5B,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAAyB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAA7B;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd,gBAAAW,EAACK,GAAA,EAAW,sBAAsBjC,EAAA,CAAsB;AAAA,sBACvDkC,GAAA,CAAA,CAAc;AAAA,EAAA,GACjB;AAEJ;"}

package/dist/components/RteEditor/Plugins/index.d.ts

@@ -4,3 +4,5 @@ export * from './ListPlugin';
 export * from './LinkPlugin';
 export * from './HistoryPlugin';
 export * from './TablePlugin';
+export * from './TableCellResizerPlugin';
+export * from './PasteHandlerPlugin';

package/dist/components/RteEditor/Plugins/index.js

@@ -1,18 +1,22 @@
 import { ToolBarPlugin as e } from "./ToolbarPlugin/ToolbarPlugin.js";
-import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
+import { BlockFormatPlugin as t } from "./BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
-import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
-import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as a } from "../../../TablePlugin-DNGtPPjq.js";
+import { LinkPlugin as g, getLinkNodeTag as m } from "./LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
+import { T as u } from "../../../TablePlugin-cMMBdz-x.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
+import { T as b } from "../../../TableCellResizerPlugin-D6jjhYoD.js";
+import { PasteHandlerPlugin as C } from "./PasteHandlerPlugin/PasteHandlerPlugin.js";
 export {
-  l as BlockFormatPlugin,
-  p as HistoryPlugin,
-  m as LinkPlugin,
+  t as BlockFormatPlugin,
+  f as HistoryPlugin,
+  g as LinkPlugin,
   n as ListPlugin,
+  C as PasteHandlerPlugin,
   T as TableCellContextMenu,
-  a as TablePlugin,
+  b as TableCellResizerPlugin,
+  u as TablePlugin,
   e as ToolBarPlugin,
-  x as getLinkNodeTag
+  m as getLinkNodeTag
 };
 //# sourceMappingURL=index.js.map

package/dist/components/RteEditor/Plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}