@uva-glass/component-library 1.62.7 → 1.62.9

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

@@ -1,10 +1,10 @@
-import { jsx as T, jsxs as O } from "react/jsx-runtime";
+import { jsx as b, jsxs as A } from "react/jsx-runtime";
 import { u as V } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import { c as j } from "../../../../clsx-OuTLNxxd.js";
-import { g as D, m as z, e as W, U as Y } from "../../../../helpers-BD3Y_bqE.js";
-import { useRef as m, useState as q, useEffect as g } from "react";
-import { e as B, A as f, r as G, x as b, _ as J, L as M, l as Q, E as X } from "../../../../Lexical.prod-eo-UKDld.js";
-import { A as Z } from "../../../../TablePlugin-hmwPCCLn.js";
+import { g as D, m as M, e as z, U as W } from "../../../../helpers-C7Yo7VY3.js";
+import { useRef as m, useState as Y, useEffect as g } from "react";
+import { e as q, M as f, r as B, v as x, _ as G, O as J, c as Q, E as X } from "../../../../Lexical.prod-B6kL_nwF.js";
+import { A as Z } from "../../../../TablePlugin-DQR5VWGq.js";
 import { useFlyout as $ } from "../../hooks/useFlyout.js";
 import { Icon as tt } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -47,17 +47,17 @@ const rt = 200, F = (u) => {
   }
   return !1;
 }, Rt = () => {
-  const u = et(), [t] = V(), { flyout: R, showFlyout: h, hideFlyout: S, isVisible: p } = $(), a = m(), N = m(!1), d = m(""), l = m(""), [_, A] = q({ active: !1, url: "", linktext: "" }), w = m(p), C = m(null), y = () => {
+  const u = et(), [t] = V(), { flyout: R, showFlyout: h, hideFlyout: S, isVisible: p } = $(), a = m(), N = m(!1), d = m(""), l = m(""), [_, O] = Y({ active: !1, url: "", linktext: "" }), w = m(p), v = m(null), y = () => {
     t.update(() => {
       const o = f();
-      C.current = o;
+      v.current = o;
     });
   }, U = () => {
     t.update(() => {
-      C.current && X(C.current);
+      v.current && X(v.current);
     });
   }, H = () => {
-    N.current || (y(), h(x), l.current !== "" && setTimeout(() => {
+    N.current || (y(), h(T), l.current !== "" && setTimeout(() => {
       var o;
       return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
     }, 0));
@@ -66,7 +66,7 @@ const rt = 200, F = (u) => {
   }, I = (o, r) => {
     t.update(() => {
       const e = f();
-      if (b(e)) {
+      if (x(e)) {
         const n = e.anchor.getNode(), i = F(n);
         if (r && r !== "") {
           if (i) {
@@ -74,23 +74,23 @@ const rt = 200, F = (u) => {
             i.replace(c), c.select();
           }
           if (r !== d.current && d.current === "") {
-            const { anchor: c, focus: v } = e;
-            e.insertText(r), c.offset -= r.length, v.offset = c.offset + r.length;
+            const { anchor: c, focus: C } = e;
+            e.insertText(r), c.offset -= r.length, C.offset = c.offset + r.length;
           }
         }
-        z(W(o), { target: "_blank" });
+        M(z(o), { target: "_blank" });
       }
       L();
     });
-  }, x = {
-    children: /* @__PURE__ */ T(
+  }, T = {
+    children: /* @__PURE__ */ b(
       Z,
       {
         isLink: _,
         onCloseHandler: L,
         onSaveHandler: (o, r) => I(o, r),
         onRemoveHandler: () => {
-          t.dispatchCommand(Y, null), L();
+          t.dispatchCommand(W, null), L();
         },
         ref: a
       }
@@ -101,21 +101,21 @@ const rt = 200, F = (u) => {
     p ? (N.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), d.current = l.current = "", setTimeout(() => N.current = !1, rt));
   }, [a, p]), g(() => {
     const o = t.registerCommand(
-      B,
+      q,
       () => {
         const e = f();
         return l.current = (e == null ? void 0 : e.getTextContent()) ?? "", !1;
       },
       0
     ), r = t.registerCommand(
-      G,
+      B,
       (e) => {
         const s = f();
-        if (b(s)) {
+        if (x(s)) {
           y();
           const n = E(s.anchor.getNode());
           if (n)
-            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), h(x), d.current = n.linktext, setTimeout(() => {
+            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), h(T), d.current = n.linktext, setTimeout(() => {
               var i;
               return (i = a.current) == null ? void 0 : i.setDefaults(n.url, n.linktext);
             }, 0), !0;
@@ -131,31 +131,31 @@ const rt = 200, F = (u) => {
     };
   }, [t]), g(() => {
     const o = t.registerCommand(
-      J,
+      G,
       (e) => {
         if (e.ctrlKey && e.shiftKey && e.key === "U") {
           const s = f();
-          if (y(), !b(s))
+          if (y(), !x(s))
             return !1;
-          const n = E(s.anchor.getNode()), i = (v = "", K = "") => {
-            h(x), setTimeout(() => {
+          const n = E(s.anchor.getNode()), i = (C = "", K = "") => {
+            h(T), setTimeout(() => {
               var P;
-              return (P = a.current) == null ? void 0 : P.setDefaults(v, K);
+              return (P = a.current) == null ? void 0 : P.setDefaults(C, K);
             }, 0);
           };
           if (n)
             return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), d.current = n.linktext, i(n.url, n.linktext), !0;
           const c = s.getTextContent();
-          return c !== "" ? (l.current = c, i("", l.current), !0) : (h(x), !0);
+          return c !== "" ? (l.current = c, i("", l.current), !0) : (h(T), !0);
         }
         return !1;
       },
-      M
+      J
     ), r = t.registerUpdateListener(({ editorState: e }) => {
-      A(
+      O(
         e.read(() => {
           const s = f();
-          if (y(), b(s)) {
+          if (y(), x(s)) {
             const n = s.anchor.getNode(), i = F(n);
             if (i)
               return {
@@ -182,8 +182,8 @@ const rt = 200, F = (u) => {
     return window.addEventListener("keydown", o, { capture: !0 }), () => {
       window.removeEventListener("keydown", o);
     };
-  }, []), /* @__PURE__ */ T("div", { className: k["editor__toolbar-button-group"], children: /* @__PURE__ */ O("div", { className: k["editor__toolbar-button-flyoutwrapper"], children: [
-    /* @__PURE__ */ T(
+  }, []), /* @__PURE__ */ b("div", { className: k["editor__toolbar-button-group"], children: /* @__PURE__ */ A("div", { className: k["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ b(
       "button",
       {
         onClick: H,
@@ -196,7 +196,7 @@ const rt = 200, F = (u) => {
         "aria-label": u.aria.labels.link,
         "aria-keyshortcuts": u.aria.keyshortcuts.link,
         type: "button",
-        children: /* @__PURE__ */ T(tt, { name: "Link", size: 20 })
+        children: /* @__PURE__ */ b(tt, { name: "Link", size: 20 })
       }
     ),
     R

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

@@ -1,4 +1,4 @@
-import { M as e, e as r, b as s, v as l } from "../../../../helpers-BD3Y_bqE.js";
+import { M as e, e as r, b as s, v as l } from "../../../../helpers-C7Yo7VY3.js";
 export {
   e as MATCHERS,
   r as ensureHttps,

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { L as f } from "../../../../ListPlugin-DsPphjdE.js";
+import { L as f } from "../../../../ListPlugin-CpLcVKRP.js";
 import "react";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../Lexical.prod-eo-UKDld.js";
+import "../../../../Lexical.prod-B6kL_nwF.js";
 import "../../../Icon/Icon.js";
 import "../../../../RteEditor.module-CHbWzGpE.js";
 import "../../hooks/useTranslation.js";

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

@@ -1,4 +1,4 @@
-import { L as r } from "../../../../ListPlugin-DsPphjdE.js";
+import { L as r } from "../../../../ListPlugin-CpLcVKRP.js";
 export {
   r as ListPlugin
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as v } from "../../../../TablePlugin-hmwPCCLn.js";
+import { b as v } from "../../../../TablePlugin-DQR5VWGq.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../helpers-DONVwywj.js";
-import "../../../../Lexical.prod-eo-UKDld.js";
+import "../../../../helpers-CVB_4CnL.js";
+import "../../../../Lexical.prod-B6kL_nwF.js";
 import "react";
-import { T as B } from "../../../../TablePlugin-hmwPCCLn.js";
+import { T as B } from "../../../../TablePlugin-DQR5VWGq.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";

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

@@ -1,10 +1,11 @@
-import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-DONVwywj.js";
+import { e as t, a as l, b as o, d as r, i as d, c as i } from "../../../../helpers-CVB_4CnL.js";
+import "../../../../Lexical.prod-B6kL_nwF.js";
 export {
-  s as createTable,
+  t as createTable,
   l as deleteColumn,
-  t as deleteRow,
-  o as deleteTable,
-  r as insertColumn,
-  d as insertRow
+  o as deleteRow,
+  r as deleteTable,
+  d as insertColumn,
+  i as insertRow
 };
 //# sourceMappingURL=helpers.js.map

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

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

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

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

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

@@ -1,53 +1,66 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { A as d, x as b } from "../../../../Lexical.prod-eo-UKDld.js";
-import { useState as P, useRef as x, useCallback as T, useEffect as y } from "react";
-import { g as A } from "../../../../helpers-DONVwywj.js";
-import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as C } from "../../../../ListPlugin-DsPphjdE.js";
-import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
-import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as k } from "../../../../TablePlugin-hmwPCCLn.js";
-import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { s as v } from "../../../../RteEditor.module-CHbWzGpE.js";
-const D = ({ editorScrollPosition: u }) => {
-  const [e] = h(), [r, s] = P(null), l = x(null), a = T(() => {
-    const o = d();
-    if (b(o)) {
-      const g = o.anchor.getNode(), m = A(g);
-      if (m) {
-        const c = e.getElementByKey(m.getKey()), n = c ? c.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };
-        s({ xPos: n.right, yPos: n.bottom, height: n.height });
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import { u as P } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { M as u, v as f, E as w } from "../../../../Lexical.prod-B6kL_nwF.js";
+import { useState as E, useRef as L, useCallback as C, useEffect as g } from "react";
+import { g as h } from "../../../../helpers-CVB_4CnL.js";
+import { BlockFormatPlugin as T } from "../BlockFormatPlugin/BlockFormatPlugin.js";
+import { L as y } from "../../../../ListPlugin-CpLcVKRP.js";
+import { LinkPlugin as N } from "../LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as x } from "../HistoryPlugin/HistoryPlugin.js";
+import { T as B } from "../../../../TablePlugin-DQR5VWGq.js";
+import { TableCellContextMenu as k } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
+import { s as z } from "../../../../RteEditor.module-CHbWzGpE.js";
+const G = ({ editorScrollPosition: p }) => {
+  const [e] = P(), [i, s] = E(null), c = L(null), m = C(() => {
+    const o = u();
+    if (f(o)) {
+      const d = o.anchor.getNode(), r = h(d);
+      if (r) {
+        const l = e.getElementByKey(r.getKey()), a = l ? l.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };
+        s({ xPos: a.right, yPos: a.bottom, height: a.height });
       } else
         s(null);
     }
-  }, [e]), f = (o) => {
-    var i;
-    (i = l.current) == null || i.mutateTable(o);
+  }, [e]), b = (o) => {
+    var t;
+    (t = c.current) == null || t.mutateTable(o);
   };
-  return y(() => {
+  return g(() => {
     e.registerUpdateListener(({ editorState: o }) => {
       o.read(() => {
-        a();
+        m();
       });
     });
-  }, [e, a]), /* @__PURE__ */ p("div", { className: v.editor__toolbar, children: [
-    /* @__PURE__ */ t(B, {}),
-    /* @__PURE__ */ t(C, {}),
-    /* @__PURE__ */ t(k, { isActive: !!r, ref: l }),
-    r && /* @__PURE__ */ t(
-      j,
+  }, [e, m]), g(() => {
+    const o = () => {
+      e.update(() => {
+        const t = u();
+        if (f(t)) {
+          const r = t.anchor.getNode();
+          h(r) && (w(null), s(null));
+        }
+      });
+    };
+    return window.addEventListener("scroll", o), window.addEventListener("resize", o), () => {
+      window.removeEventListener("scroll", o), window.removeEventListener("resize", o);
+    };
+  }, [e]), /* @__PURE__ */ v("div", { className: z.editor__toolbar, children: [
+    /* @__PURE__ */ n(T, {}),
+    /* @__PURE__ */ n(y, {}),
+    /* @__PURE__ */ n(B, { isActive: !!i, ref: c }),
+    i && /* @__PURE__ */ n(
+      k,
       {
-        position: r,
-        parentScrollPosition: u,
-        onAction: f
+        position: i,
+        parentScrollPosition: p,
+        onAction: b
       }
     ),
-    /* @__PURE__ */ t(L, {}),
-    /* @__PURE__ */ t(N, {})
+    /* @__PURE__ */ n(N, {}),
+    /* @__PURE__ */ n(x, {})
   ] });
 };
 export {
-  D as ToolBarPlugin
+  G 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 } from 'lexical';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { $getTableCellNodeFromLexicalNode } from '@lexical/table';\n\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';\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  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\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 />\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","_a","useEffect","editorState","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;AA4BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AAC9E,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AAE1B,YAAAG,IADSH,EAAU,OACC,WAEpBI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,OAAQ,CAAA,GACnDX,IAAWa,IAAUA,EAAQ,sBAAsB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAE;AAClF,QAAAZ,EAAA,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAQ,CAAA;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAEpB;AAAA,EAAA,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;;AACpC,KAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,YAAYD;AAAA,EAAM;AAGtC,SAAAE,EAAU,MAAM;AACd,IAAAnB,EAAO,uBAAuB,CAAC,EAAE,aAAAoB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAb;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAGvB,gBAAAc,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA;AAAA,sBAClBC,GAAW,EAAA;AAAA,sBACXC,GAAY,EAAA,UAAU,EAAQxB,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAAqB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAAzB;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IACZ;AAAA,sBAEDY,GAAW,EAAA;AAAA,sBACXC,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;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 { 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';\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  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  useEffect(() => {\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    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n    };\n  }, [editor]);\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 />\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","_a","useEffect","editorState","handleResizeScroll","$setSelection","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","TablePlugin","TableCellContextMenu","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;;;;AA4BO,MAAMA,IAAgB,CAAC,EAAE,sBAAAC,QAAsD;AAC9E,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAUC,CAAW,IAAIC,EAA0B,IAAI,GACxDC,IAAWC,EAAsB,IAAI,GAErCC,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AAE1B,YAAAG,IADSH,EAAU,OACC,WAEpBI,IAAYC,EAAiCF,CAAU;AAC7D,UAAIC,GAAW;AACb,cAAME,IAAUf,EAAO,gBAAgBa,EAAU,OAAQ,CAAA,GACnDX,IAAWa,IAAUA,EAAQ,sBAAsB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,EAAE;AAClF,QAAAZ,EAAA,EAAE,MAAMD,EAAS,OAAO,MAAMA,EAAS,QAAQ,QAAQA,EAAS,OAAQ,CAAA;AAAA,MAAA;AAEpF,QAAAC,EAAY,IAAI;AAAA,IAEpB;AAAA,EAAA,GACC,CAACH,CAAM,CAAC,GAELgB,IAAoB,CAACC,MAAoB;;AACpC,KAAAC,IAAAb,EAAA,YAAA,QAAAa,EAAS,YAAYD;AAAA,EAAM;AAGtC,SAAAE,EAAU,MAAM;AACd,IAAAnB,EAAO,uBAAuB,CAAC,EAAE,aAAAoB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAb;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACP,GAAQO,CAAa,CAAC,GAE1BY,EAAU,MAAM;AACd,UAAME,IAAqB,MAAM;AAC/B,MAAArB,EAAO,OAAO,MAAM;AAClB,cAAMS,IAAYC;AAEd,YAAAC,EAAkBF,CAAS,GAAG;AAE1B,gBAAAG,IADSH,EAAU,OACC;AAG1B,UADkBK,EAAiCF,CAAU,MAE3DU,EAAc,IAAI,GAClBnB,EAAY,IAAI;AAAA,QAEpB;AAAA,MAAA,CACD;AAAA,IAAA;AAGI,kBAAA,iBAAiB,UAAUkB,CAAkB,GAC7C,OAAA,iBAAiB,UAAUA,CAAkB,GAE7C,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAkB,GAChD,OAAA,oBAAoB,UAAUA,CAAkB;AAAA,IAAA;AAAA,EACzD,GACC,CAACrB,CAAM,CAAC,GAGR,gBAAAuB,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAkB,EAAA;AAAA,sBAClBC,GAAW,EAAA;AAAA,sBACXC,GAAY,EAAA,UAAU,EAAQ1B,GAAW,KAAKG,GAAU;AAAA,IACxDH,KACC,gBAAAuB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,UAAA3B;AAAA,QACA,sBAAsBH;AAAA,QACtB,UAAUiB;AAAA,MAAA;AAAA,IACZ;AAAA,sBAEDc,GAAW,EAAA;AAAA,sBACXC,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}

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

@@ -1,9 +1,9 @@
 import { ToolBarPlugin as e } from "./ToolbarPlugin/ToolbarPlugin.js";
 import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as n } from "../../../ListPlugin-DsPphjdE.js";
+import { L as n } from "../../../ListPlugin-CpLcVKRP.js";
 import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as u } from "../../../TablePlugin-hmwPCCLn.js";
+import { T as u } from "../../../TablePlugin-DQR5VWGq.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   l as BlockFormatPlugin,

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

@@ -1,5 +1,5 @@
 export interface RteEditorProps {
-    /** current language setting for the editor labels NOT title ans label*/
+    /** current language setting for the editor labels NOT title ans label */
     currentLanguage?: 'NL' | 'EN';
     /** imported content to edit */
     initialValue?: string;