@uva-glass/component-library 1.55.1 → 1.57.0

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

@@ -1,11 +1,12 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { u as F } from "../../../../Lexical.prod-BiuZHlIm.js";
-import { c as p } from "../../../../clsx-OuTLNxxd.js";
-import { U as u } from "../../../../helpers-CJF7fErD.js";
-import { useRef as d, useEffect as y } from "react";
-import { A as L } from "../../../../AddTableFrom-u1gSA461.js";
-import { useFlyout as N } from "../../hooks/useFlyout.js";
-import { Icon as f } from "../../../Icon/Icon.js";
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { u as y } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { c as L } from "../../../../clsx-OuTLNxxd.js";
+import { g as N, U as b } from "../../../../helpers-Ec7CfNnA.js";
+import { useRef as _, useEffect as g } from "react";
+import { r as C, I as E, m as P } from "../../../../Lexical.prod-CO0gPAfo.js";
+import { A as x } from "../../../../TablePlugin-1L5UZfDH.js";
+import { useFlyout as I } from "../../hooks/useFlyout.js";
+import { Icon as T } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -18,62 +19,75 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import { s as o } from "../../../../RteEditor.module-BBbfV1rk.js";
+import { s as e } from "../../../../RteEditor.module-Dz9a8vaK.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-BMm77PpY.js";
-const C = 200, W = ({ isLink: l = { active: !1, url: "", target: "_self" } }) => {
-  const [m] = F(), { flyout: b, showFlyout: _, closeFlyout: s, isVisible: a } = N(), e = d(), n = d(!1), k = (t, r) => {
-    m.dispatchCommand(u, {
-      url: t,
-      target: r
+import "../../../../SortableProvider-i4PDjRS_.js";
+const A = 200, st = ({
+  isLink: l = { active: !1, url: "", target: "_self" },
+  isLinkable: k = !1
+}) => {
+  const [i] = y(), { flyout: v, showFlyout: p, closeFlyout: s, isVisible: c } = I(), r = _(), m = _(!1), F = (o, t) => {
+    i.dispatchCommand(b, {
+      url: o,
+      target: t
     }), s();
-  }, h = () => {
-    m.dispatchCommand(u, null);
-  }, v = {
-    children: /* @__PURE__ */ i(
-      L,
+  }, u = {
+    children: /* @__PURE__ */ n(
+      x,
       {
         isLink: l,
         onCloseHandler: s,
-        onSaveHandler: (t, r) => k(t, r),
-        ref: e
+        onSaveHandler: (o, t) => F(o, t),
+        onRemoveHandler: () => {
+          i.dispatchCommand(b, null), s();
+        },
+        ref: r
       }
     )
   };
-  return y(() => {
-    var t, r;
-    a ? (n.current = !0, (r = e.current) == null || r.focusFirstField()) : ((t = e.current) == null || t.clearForm(), setTimeout(() => n.current = !1, C));
-  }, [e, a]), /* @__PURE__ */ c("div", { className: o["editor__toolbar-button-group"], children: [
-    /* @__PURE__ */ c("div", { className: o["editor__toolbar-button-flyoutwrapper"], children: [
-      /* @__PURE__ */ i(
-        "button",
-        {
-          onClick: () => !n.current && _(v),
-          className: p(
-            o["editor__toolbar-button"],
-            o["editor__toolbar-button--link"],
-            l.active && o["editor__toolbar-button--active"]
-          ),
-          "aria-label": "Format link",
-          children: /* @__PURE__ */ i(f, { name: "Link", size: 20 })
+  return g(() => {
+    var o, t;
+    c ? (m.current = !0, (t = r.current) == null || t.focusFirstField()) : ((o = r.current) == null || o.clearForm(), setTimeout(() => m.current = !1, A));
+  }, [r, c]), g(() => {
+    const o = i.registerCommand(
+      C,
+      (t) => {
+        const d = E();
+        if (P(d)) {
+          const a = N(d.anchor.getNode(), "a");
+          if (a)
+            return t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation(), p(u), setTimeout(() => {
+              var f;
+              return (f = r.current) == null ? void 0 : f.setDefaults(a.url, a.target === "_blank");
+            }, 0), !0;
         }
-      ),
-      b
-    ] }),
-    /* @__PURE__ */ i(
+        return !1;
+      },
+      0
+    );
+    return () => o();
+  }, [i]), /* @__PURE__ */ n("div", { className: e["editor__toolbar-button-group"], children: /* @__PURE__ */ h("div", { className: e["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ n(
       "button",
       {
-        onClick: h,
-        className: p(o["editor__toolbar-button"], o["editor__toolbar-button--link"]),
-        "aria-label": "Remove link",
-        children: /* @__PURE__ */ i(f, { name: "LinkSlash", size: 20 })
+        onClick: () => !m.current && p(u),
+        className: L(
+          e["editor__toolbar-button"],
+          e["editor__toolbar-button--link"],
+          l.active && e["editor__toolbar-button--active"]
+        ),
+        disabled: !k,
+        "aria-label": "Format link",
+        children: /* @__PURE__ */ n(T, { name: "Link", size: 20 })
       }
-    )
-  ] });
+    ),
+    v
+  ] }) });
 };
 export {
-  W as LinkPlugin
+  st as LinkPlugin
 };
 //# sourceMappingURL=LinkPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef } from 'react';\n\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\n\nimport { useFlyout } from 'components/RteEditor/hooks';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\ninterface LinkPluginProps {\n  isLink: LinkType;\n}\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport const LinkPlugin = ({ isLink = { active: false, url: '', target: '_self' } }: LinkPluginProps) => {\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n\n  const insertLink = (url: string, target: string) => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n      url,\n      target,\n    });\n\n    closeFlyout();\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, target) => insertLink(url, target)}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addLinkForm.current?.focusFirstField();\n    }\n  }, [addLinkForm, isVisible]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={() => !preventOpen.current && showFlyout(flyoutOptions)}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format link`}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n      <button\n        onClick={removeLink}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--link`])}\n        aria-label={`Remove link`}\n      >\n        <Icon name=\"LinkSlash\" size={20} />\n      </button>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","LinkPlugin","isLink","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","insertLink","url","target","TOGGLE_LINK_COMMAND","removeLink","flyoutOptions","jsx","AddLinkForm","useEffect","_b","_a","jsxs","styles","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAqB,KAEdC,IAAa,CAAC,EAAE,QAAAC,IAAS,EAAE,QAAQ,IAAO,KAAK,IAAI,QAAQ,QAAQ,QAAyB;AACjG,QAAA,CAACC,CAAM,IAAIC,KACX,EAAE,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,GAAa,WAAAC,EAAA,IAAcC,KACjDC,IAAcC,KACdC,IAAcD,EAAO,EAAK,GAE1BE,IAAa,CAACC,GAAaC,MAAmB;AAClD,IAAAZ,EAAO,gBAAgBa,GAAqB;AAAA,MAC1C,KAAAF;AAAA,MACA,QAAAC;AAAA,IAAA,CACD,GAEWR;EAAA,GAGRU,IAAa,MAAY;AACtB,IAAAd,EAAA,gBAAgBa,GAAqB,IAAI;AAAA,EAAA,GAG5CE,IAAgB;AAAA,IACpB,UACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAAlB;AAAA,QACA,gBAAgBK;AAAA,QAChB,eAAe,CAACO,GAAKC,MAAWF,EAAWC,GAAKC,CAAM;AAAA,QACtD,KAAKL;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAIJ,SAAAW,EAAU,MAAM;;AACd,IAAKb,KAIHI,EAAY,UAAU,KACtBU,IAAAZ,EAAY,YAAZ,QAAAY,EAAqB,uBAJrBC,IAAAb,EAAY,YAAZ,QAAAa,EAAqB,aACrB,WAAW,MAAOX,EAAY,UAAU,IAAQZ,CAAkB;AAAA,EAIpE,GACC,CAACU,GAAaF,CAAS,CAAC,GAGxB,gBAAAgB,EAAA,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GACnD,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAI,EAAA,WAAWC,EAAO,sCAAsC,GAC3D,UAAA;AAAA,MAAA,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,CAACP,EAAY,WAAWN,EAAWY,CAAa;AAAA,UAC/D,WAAWQ;AAAA,YACTD,EAAO,wBAAwB;AAAA,YAC/BA,EAAO,8BAA8B;AAAA,YACrCvB,EAAO,UAAUuB,EAAO,gCAAgC;AAAA,UAC1D;AAAA,UACA,cAAY;AAAA,UAEZ,UAAC,gBAAAN,EAAAQ,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,QAAA;AAAA,MAC9B;AAAA,MACCtB;AAAA,IAAA,GACH;AAAA,IACA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASF;AAAA,QACT,WAAWS,EAAKD,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAY;AAAA,QAEZ,UAAC,gBAAAN,EAAAQ,GAAA,EAAK,MAAK,aAAY,MAAM,IAAI;AAAA,MAAA;AAAA,IACnC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef } from 'react';\nimport { $getSelection, $isRangeSelection, CLICK_COMMAND } from 'lexical';\n\nimport type { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { getNodeTag } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\ninterface LinkPluginProps {\n  isLink: LinkType;\n  isLinkable: boolean;\n}\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport const LinkPlugin = ({\n  isLink = { active: false, url: '', target: '_self' },\n  isLinkable = false,\n}: LinkPluginProps) => {\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n\n  const insertLink = (url: string, target: string) => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n      url,\n      target,\n    });\n\n    closeFlyout();\n  };\n\n  const removeLink = (): void => {\n    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n    closeFlyout();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, target) => insertLink(url, target)}\n        onRemoveHandler={removeLink}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n    } else {\n      preventOpen.current = true;\n      addLinkForm.current?.focusFirstField();\n    }\n  }, [addLinkForm, isVisible]);\n\n  useEffect(() => {\n    const unregister = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          const node = getNodeTag(selection.anchor.getNode(), 'a') as LinkType;\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n            showFlyout(flyoutOptions);\n            setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.target === '_blank'), 0);\n            return true;\n          }\n        }\n        return false;\n      },\n      0\n    );\n\n    return () => unregister();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={() => !preventOpen.current && showFlyout(flyoutOptions)}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--link`],\n            isLink.active && styles['editor__toolbar-button--active']\n          )}\n          disabled={!isLinkable}\n          aria-label={`Format link`}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","LinkPlugin","isLink","isLinkable","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","insertLink","url","target","TOGGLE_LINK_COMMAND","flyoutOptions","jsx","AddLinkForm","useEffect","_b","_a","unregister","CLICK_COMMAND","event","selection","$getSelection","$isRangeSelection","node","getNodeTag","styles","jsxs","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,IAAqB,KAEdC,KAAa,CAAC;AAAA,EACzB,QAAAC,IAAS,EAAE,QAAQ,IAAO,KAAK,IAAI,QAAQ,QAAQ;AAAA,EACnD,YAAAC,IAAa;AACf,MAAuB;AACf,QAAA,CAACC,CAAM,IAAIC,KACX,EAAE,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,GAAa,WAAAC,EAAA,IAAcC,KACjDC,IAAcC,KACdC,IAAcD,EAAO,EAAK,GAE1BE,IAAa,CAACC,GAAaC,MAAmB;AAClD,IAAAZ,EAAO,gBAAgBa,GAAqB;AAAA,MAC1C,KAAAF;AAAA,MACA,QAAAC;AAAA,IAAA,CACD,GAEWR;EAAA,GAQRU,IAAgB;AAAA,IACpB,UACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAAlB;AAAA,QACA,gBAAgBM;AAAA,QAChB,eAAe,CAACO,GAAKC,MAAWF,EAAWC,GAAKC,CAAM;AAAA,QACtD,iBAXa,MAAY;AACtB,UAAAZ,EAAA,gBAAgBa,GAAqB,IAAI,GACpCT;QAAA;AAAA,QAUR,KAAKG;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAIJ,SAAAU,EAAU,MAAM;;AACd,IAAKZ,KAIHI,EAAY,UAAU,KACtBS,IAAAX,EAAY,YAAZ,QAAAW,EAAqB,uBAJrBC,IAAAZ,EAAY,YAAZ,QAAAY,EAAqB,aACrB,WAAW,MAAOV,EAAY,UAAU,IAAQb,CAAkB;AAAA,EAIpE,GACC,CAACW,GAAaF,CAAS,CAAC,GAE3BY,EAAU,MAAM;AACd,UAAMG,IAAapB,EAAO;AAAA,MACxBqB;AAAAA,MACA,CAACC,MAAU;AACT,cAAMC,IAAYC;AACd,YAAAC,EAAkBF,CAAS,GAAG;AAChC,gBAAMG,IAAOC,EAAWJ,EAAU,OAAO,QAAA,GAAW,GAAG;AAEvD,cAAIG;AACF,mBAAAJ,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBA,EAAM,yBAAyB,GAC/BnB,EAAWW,CAAa,GACb,WAAA,MAAM;;AAAA,sBAAAK,IAAAZ,EAAY,YAAZ,gBAAAY,EAAqB,YAAYO,EAAK,KAAKA,EAAK,WAAW;AAAA,eAAW,CAAC,GACjF;AAAA,QAEX;AACO,eAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGF,WAAO,MAAMN,EAAW;AAAA,EAAA,GAEvB,CAACpB,CAAM,CAAC,GAGT,gBAAAe,EAAC,OAAI,EAAA,WAAWa,EAAO,8BAA8B,GACnD,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,sCAAsC,GAC3D,UAAA;AAAA,IAAA,gBAAAb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM,CAACN,EAAY,WAAWN,EAAWW,CAAa;AAAA,QAC/D,WAAWgB;AAAA,UACTF,EAAO,wBAAwB;AAAA,UAC/BA,EAAO,8BAA8B;AAAA,UACrC9B,EAAO,UAAU8B,EAAO,gCAAgC;AAAA,QAC1D;AAAA,QACA,UAAU,CAAC7B;AAAA,QACX,cAAY;AAAA,QAEZ,UAAC,gBAAAgB,EAAAgB,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9B;AAAA,IACC7B;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ;"}

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

@@ -1,3 +1,5 @@
+import { ElementNode, TextNode } from 'lexical';
+import { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin';
 export declare const validateUrl: (url: string) => boolean;
 export declare const validateUrlWithProtocol: (url: string) => boolean;
 export declare const MATCHERS: ((text: string) => {
@@ -6,3 +8,4 @@ export declare const MATCHERS: ((text: string) => {
     text: string;
     url: string;
 } | null)[];
+export declare const getNodeTag: (anchorNode: ElementNode | TextNode, tagToMatch: string) => boolean | LinkType;

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

@@ -1,7 +1,9 @@
-import { M as o, b as r, v as t } from "../../../../helpers-CJF7fErD.js";
+import { M as r, g as e, c as l, v as i } from "../../../../helpers-Ec7CfNnA.js";
+import "../../../../LexicalList.prod-BceA-cJD.js";
 export {
-  o as MATCHERS,
-  r as validateUrl,
-  t as validateUrlWithProtocol
+  r as MATCHERS,
+  e as getNodeTag,
+  l as validateUrl,
+  i as validateUrlWithProtocol
 };
 //# sourceMappingURL=helpers.js.map

package/dist/components/RteEditor/Plugins/LinkPlugin/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/ListPlugin/ListPlugin.js

@@ -1,11 +1,34 @@
-import "react/jsx-runtime";
-import "../../../../Lexical.prod-BiuZHlIm.js";
-import { L as a } from "../../../../ListPlugin-DFFbKLaN.js";
-import "react";
-import "../../../../clsx-OuTLNxxd.js";
-import "../../../Icon/Icon.js";
-import "../../../../RteEditor.module-BBbfV1rk.js";
+import { jsx as a } from "react/jsx-runtime";
+import { u as b } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { Q as s, G as u, Y as c } from "../../../../LexicalList.prod-BceA-cJD.js";
+import { useState as d } from "react";
+import { c as p } from "../../../../clsx-OuTLNxxd.js";
+import { Icon as f } from "../../../Icon/Icon.js";
+import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
+const _ = {
+  bullet: "BulletList",
+  number: "NumberedList"
+}, h = ["bullet", "number"], I = ({ isOList: i = !1, isUList: l = !1 }) => {
+  const [r] = b(), [m, e] = d("paragraph"), n = (o) => {
+    o === "number" && m !== "number" ? (r.dispatchCommand(s, void 0), e("number")) : o === "bullet" && m !== "bullet" ? (r.dispatchCommand(u, void 0), e("bullet")) : (r.dispatchCommand(c, void 0), e("paragraph"));
+  };
+  return /* @__PURE__ */ a("div", { className: t["editor__toolbar-button-group"], children: h.map((o) => /* @__PURE__ */ a(
+    "button",
+    {
+      onClick: () => n(o),
+      className: p(
+        t["editor__toolbar-button"],
+        t[`editor__toolbar-button--${o}`],
+        o === "bullet" && l && t["editor__toolbar-button--active"],
+        o === "number" && i && t["editor__toolbar-button--active"]
+      ),
+      "aria-label": `Format ${o}`,
+      children: /* @__PURE__ */ a(f, { name: _[o], size: 24 })
+    },
+    o
+  )) });
+};
 export {
-  a as ListPlugin
+  I as ListPlugin
 };
 //# sourceMappingURL=ListPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListPlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"ListPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ListPlugin/ListPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, REMOVE_LIST_COMMAND } from '@lexical/list';\nimport { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\ninterface ListPluginProps {\n  isOList: boolean;\n  isUList: boolean;\n}\n\ntype ListTypesType = 'bullet' | 'number' | 'paragraph';\nconst LIST_TYPE_ICONS = {\n  bullet: 'BulletList',\n  number: 'NumberedList',\n};\n\nconst ListTypes = ['bullet', 'number'];\n\nexport const ListPlugin = ({ isOList = false, isUList = false }: ListPluginProps) => {\n  const [editor] = useLexicalComposerContext();\n  const [blockType, setBlockType] = useState<ListTypesType>('paragraph');\n\n  const formatList = (listType: ListTypesType): void => {\n    if (listType === 'number' && blockType !== 'number') {\n      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n      setBlockType('number');\n    } else if (listType === 'bullet' && blockType !== 'bullet') {\n      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n      setBlockType('bullet');\n    } else {\n      editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n      setBlockType('paragraph');\n    }\n  };\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {ListTypes.map((listType) => (\n        <button\n          onClick={() => formatList(listType as ListTypesType)}\n          key={listType}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${listType}`],\n            listType === 'bullet' && isUList && styles['editor__toolbar-button--active'],\n            listType === 'number' && isOList && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format ${listType}`}\n        >\n          <Icon name={LIST_TYPE_ICONS[listType as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["LIST_TYPE_ICONS","ListTypes","ListPlugin","isOList","isUList","editor","useLexicalComposerContext","blockType","setBlockType","useState","formatList","listType","INSERT_ORDERED_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","REMOVE_LIST_COMMAND","jsx","styles","clsx","Icon"],"mappings":";;;;;;;AAcA,MAAMA,IAAkB;AAAA,EACtB,QAAQ;AAAA,EACR,QAAQ;AACV,GAEMC,IAAY,CAAC,UAAU,QAAQ,GAExBC,IAAa,CAAC,EAAE,SAAAC,IAAU,IAAO,SAAAC,IAAU,SAA6B;AAC7E,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAWC,CAAY,IAAIC,EAAwB,WAAW,GAE/DC,IAAa,CAACC,MAAkC;AAChD,IAAAA,MAAa,YAAYJ,MAAc,YAClCF,EAAA,gBAAgBO,GAA6B,MAAS,GAC7DJ,EAAa,QAAQ,KACZG,MAAa,YAAYJ,MAAc,YACzCF,EAAA,gBAAgBQ,GAA+B,MAAS,GAC/DL,EAAa,QAAQ,MAEdH,EAAA,gBAAgBS,GAAqB,MAAS,GACrDN,EAAa,WAAW;AAAA,EAC1B;AAIA,SAAA,gBAAAO,EAAC,SAAI,WAAWC,EAAO,8BAA8B,GAClD,UAAAf,EAAU,IAAI,CAACU,MACd,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAML,EAAWC,CAAyB;AAAA,MAEnD,WAAWM;AAAA,QACTD,EAAO,wBAAwB;AAAA,QAC/BA,EAAO,2BAA2BL,CAAQ,EAAE;AAAA,QAC5CA,MAAa,YAAYP,KAAWY,EAAO,gCAAgC;AAAA,QAC3EL,MAAa,YAAYR,KAAWa,EAAO,gCAAgC;AAAA,MAC7E;AAAA,MACA,cAAY,UAAUL,CAAQ;AAAA,MAE9B,4BAACO,GAAK,EAAA,MAAMlB,EAAgBW,CAA6B,GAAG,MAAM,IAAI;AAAA,IAAA;AAAA,IATjEA;AAAA,EAWR,CAAA,EACH,CAAA;AAEJ;"}

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

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

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as n } from "../../../../AddTableFrom-u1gSA461.js";
+import { b as v } from "../../../../TablePlugin-1L5UZfDH.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -15,11 +15,14 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
+import "../../hooks/components/Flyout.js";
+import "../../hooks/useTranslation.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-BMm77PpY.js";
+import "../../../../SortableProvider-i4PDjRS_.js";
 export {
-  n as AddTableForm
+  v 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/TableCellContextMenu/TableCellContextMenu.d.ts

@@ -0,0 +1,8 @@
+import { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';
+export type Actions = 'insertRowAbove' | 'insertRowBelow' | 'deleteRow' | 'deleteTable' | 'insertColumnLeft' | 'insertColumnRight' | 'deleteColumn';
+interface TableCellContextMenuProps {
+    position: Position;
+    onAction: (action: Actions) => void;
+}
+export declare const TableCellContextMenu: ({ position, onAction }: TableCellContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,44 @@
+import { jsxs as _, jsx as e } from "react/jsx-runtime";
+import { useState as m, useRef as h, useEffect as p } from "react";
+import { c as C } from "../../../../../clsx-OuTLNxxd.js";
+import { Icon as f } from "../../../../Icon/Icon.js";
+import { useTranslation as w } from "../../../hooks/useTranslation.js";
+import '../../../../../assets/TableCellContextMenu.css';const t = {
+  "context-menu__wrapper": "_context-menu__wrapper_1ygrn_1",
+  "context-menu__button": "_context-menu__button_1ygrn_9",
+  "context-menu": "_context-menu_1ygrn_1",
+  "context-menu--open": "_context-menu--open_1ygrn_37",
+  "context-menu__item": "_context-menu__item_1ygrn_42",
+  "context-menu__item-divider": "_context-menu__item-divider_1ygrn_56"
+}, v = ({ position: r, onAction: u }) => {
+  const n = w(), [a, c] = m(!1), [l, d] = m({ xPos: 0, yPos: 0 }), i = h(null), [x, b] = m(0), o = (s) => {
+    u(s), c(!1);
+  };
+  return p(() => {
+    d(r), c(!1), b(window.scrollY);
+  }, [r]), /* @__PURE__ */ _(
+    "div",
+    {
+      className: t["context-menu__wrapper"],
+      style: {
+        transform: `translate(${((l == null ? void 0 : l.xPos) ?? 0) - (i.current ? i.current.getBoundingClientRect().width : 0)}px, ${l.yPos + x}px)`
+      },
+      children: [
+        /* @__PURE__ */ e("button", { onClick: () => c((s) => !s), className: t["context-menu__button"], children: /* @__PURE__ */ e(f, { name: "CheveronDown", size: 16 }) }),
+        /* @__PURE__ */ _("ul", { ref: i, className: C(t["context-menu"], a && t["context-menu--open"]), children: [
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { onClick: () => o("insertRowAbove"), className: t["context-menu__item"], children: n.table.insertRowAbove }) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { onClick: () => o("insertRowBelow"), className: t["context-menu__item"], children: n.table.insertRowBelow }) }),
+          /* @__PURE__ */ e("li", { className: t["context-menu__item-divider"], children: /* @__PURE__ */ e("button", { onClick: () => o("deleteRow"), className: t["context-menu__item"], children: n.table.deleteRow }) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { onClick: () => o("insertColumnLeft"), className: t["context-menu__item"], children: n.table.insertColumnLeft }) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { onClick: () => o("insertColumnRight"), className: t["context-menu__item"], children: n.table.insertColumnRight }) }),
+          /* @__PURE__ */ e("li", { className: t["context-menu__item-divider"], children: /* @__PURE__ */ e("button", { onClick: () => o("deleteColumn"), className: t["context-menu__item"], children: n.table.deleteColumn }) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { onClick: () => o("deleteTable"), className: t["context-menu__item"], children: n.table.deleteTable }) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  v as TableCellContextMenu
+};
+//# sourceMappingURL=TableCellContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n  | 'insertRowAbove'\n  | 'insertRowBelow'\n  | 'deleteRow'\n  | 'deleteTable'\n  | 'insertColumnLeft'\n  | 'insertColumnRight'\n  | 'deleteColumn';\ninterface TableCellContextMenuProps {\n  position: Position;\n  onAction: (action: Actions) => void;\n}\n\nexport const TableCellContextMenu = ({ position, onAction }: TableCellContextMenuProps) => {\n  const t = useTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0 });\n  const menuRef = useRef<HTMLUListElement>(null);\n  const [scrollTopPosition, setScrollTopPosition] = useState(0);\n\n  const handleAction = (action: Actions) => {\n    onAction(action);\n    setIsOpen(false);\n  };\n\n  useEffect(() => {\n    setLocalPosition(position);\n    setIsOpen(false);\n    setScrollTopPosition(window.scrollY);\n  }, [position]);\n\n  return (\n    <div\n      className={styles['context-menu__wrapper']}\n      style={{\n        transform: `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos + scrollTopPosition}px)`,\n      }}\n    >\n      <button onClick={() => setIsOpen((prev) => !prev)} className={styles['context-menu__button']}>\n        <Icon name=\"CheveronDown\" size={16} />\n      </button>\n      <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n        <li>\n          <button onClick={() => handleAction('insertRowAbove')} className={styles['context-menu__item']}>\n            {t.table.insertRowAbove}\n          </button>\n        </li>\n        <li>\n          <button onClick={() => handleAction('insertRowBelow')} className={styles['context-menu__item']}>\n            {t.table.insertRowBelow}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button onClick={() => handleAction('deleteRow')} className={styles['context-menu__item']}>\n            {t.table.deleteRow}\n          </button>\n        </li>\n\n        <li>\n          <button onClick={() => handleAction('insertColumnLeft')} className={styles['context-menu__item']}>\n            {t.table.insertColumnLeft}\n          </button>\n        </li>\n        <li>\n          <button onClick={() => handleAction('insertColumnRight')} className={styles['context-menu__item']}>\n            {t.table.insertColumnRight}\n          </button>\n        </li>\n        <li className={styles['context-menu__item-divider']}>\n          <button onClick={() => handleAction('deleteColumn')} className={styles['context-menu__item']}>\n            {t.table.deleteColumn}\n          </button>\n        </li>\n\n        <li>\n          <button onClick={() => handleAction('deleteTable')} className={styles['context-menu__item']}>\n            {t.table.deleteTable}\n          </button>\n        </li>\n      </ul>\n    </div>\n  );\n};\n"],"names":["TableCellContextMenu","position","onAction","t","useTranslation","isOpen","setIsOpen","useState","localPosition","setLocalPosition","menuRef","useRef","scrollTopPosition","setScrollTopPosition","handleAction","action","useEffect","jsxs","styles","jsx","prev","Icon","clsx"],"mappings":";;;;;;;;;;;;GAuBaA,IAAuB,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAA0C;AACzF,QAAMC,IAAIC,KACJ,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAeC,CAAgB,IAAIF,EAAmB,EAAE,MAAM,GAAG,MAAM,EAAA,CAAG,GAC3EG,IAAUC,EAAyB,IAAI,GACvC,CAACC,GAAmBC,CAAoB,IAAIN,EAAS,CAAC,GAEtDO,IAAe,CAACC,MAAoB;AACxC,IAAAb,EAASa,CAAM,GACfT,EAAU,EAAK;AAAA,EAAA;AAGjB,SAAAU,EAAU,MAAM;AACd,IAAAP,EAAiBR,CAAQ,GACzBK,EAAU,EAAK,GACfO,EAAqB,OAAO,OAAO;AAAA,EAAA,GAClC,CAACZ,CAAQ,CAAC,GAGX,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO,uBAAuB;AAAA,MACzC,OAAO;AAAA,QACL,WAAW,eAAcV,KAAA,gBAAAA,EAAe,SAAQ,MAAME,EAAQ,UAAUA,EAAQ,QAAQ,wBAAwB,QAAQ,EAAE,OAAOF,EAAc,OAAOI,CAAiB;AAAA,MACzK;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAO,EAAC,YAAO,SAAS,MAAMb,EAAU,CAACc,MAAS,CAACA,CAAI,GAAG,WAAWF,EAAO,sBAAsB,GACzF,UAAC,gBAAAC,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,GAAI,CAAA,GACtC;AAAA,QACC,gBAAAJ,EAAA,MAAA,EAAG,KAAKP,GAAS,WAAWY,EAAKJ,EAAO,cAAc,GAAGb,KAAUa,EAAO,oBAAoB,CAAC,GAC9F,UAAA;AAAA,UAAA,gBAAAC,EAAC,MACC,EAAA,UAAA,gBAAAA,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,gBAAgB,GAAG,WAAWI,EAAO,oBAAoB,GAC1F,UAAEf,EAAA,MAAM,eACX,CAAA,GACF;AAAA,4BACC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,gBAAgB,GAAG,WAAWI,EAAO,oBAAoB,GAC1F,UAAEf,EAAA,MAAM,eACX,CAAA,GACF;AAAA,UACA,gBAAAgB,EAAC,QAAG,WAAWD,EAAO,4BAA4B,GAChD,UAAA,gBAAAC,EAAC,YAAO,SAAS,MAAML,EAAa,WAAW,GAAG,WAAWI,EAAO,oBAAoB,GACrF,UAAEf,EAAA,MAAM,UACX,CAAA,GACF;AAAA,4BAEC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,kBAAkB,GAAG,WAAWI,EAAO,oBAAoB,GAC5F,UAAEf,EAAA,MAAM,iBACX,CAAA,GACF;AAAA,4BACC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,mBAAmB,GAAG,WAAWI,EAAO,oBAAoB,GAC7F,UAAEf,EAAA,MAAM,kBACX,CAAA,GACF;AAAA,UACA,gBAAAgB,EAAC,QAAG,WAAWD,EAAO,4BAA4B,GAChD,UAAA,gBAAAC,EAAC,YAAO,SAAS,MAAML,EAAa,cAAc,GAAG,WAAWI,EAAO,oBAAoB,GACxF,UAAEf,EAAA,MAAM,aACX,CAAA,GACF;AAAA,4BAEC,MACC,EAAA,UAAA,gBAAAgB,EAAC,UAAO,EAAA,SAAS,MAAML,EAAa,aAAa,GAAG,WAAWI,EAAO,oBAAoB,GACvF,UAAEf,EAAA,MAAM,YACX,CAAA,GACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

@@ -0,0 +1,5 @@
+import { TableCellContextMenu as o } from "./TableCellContextMenu.js";
+export {
+  o as TableCellContextMenu
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1 +1,9 @@
-export declare const TablePlugin: () => import("react/jsx-runtime").JSX.Element;
+import { Actions } from './TableCellContextMenu';
+interface TablePluginProps {
+    isActive: boolean;
+}
+export interface TableMutation {
+    mutateTable: (type: Actions) => void;
+}
+export declare const TablePlugin: import('react').ForwardRefExoticComponent<TablePluginProps & import('react').RefAttributes<unknown>>;
+export {};

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

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
-import "../../../../Lexical.prod-BiuZHlIm.js";
+import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import "../../../../clsx-OuTLNxxd.js";
-import { T as y } from "../../../../TablePlugin-acQeRCt0.js";
+import "../../../../helpers-BewZrn6E.js";
+import "../../../../Lexical.prod-CO0gPAfo.js";
 import "react";
-import "../../../../AddTableFrom-u1gSA461.js";
+import { T as A } from "../../../../TablePlugin-1L5UZfDH.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -18,12 +19,13 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../RteEditor.module-BBbfV1rk.js";
+import "../../../../RteEditor.module-Dz9a8vaK.js";
+import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-BMm77PpY.js";
+import "../../../../SortableProvider-i4PDjRS_.js";
 export {
-  y as TablePlugin
+  A 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

@@ -0,0 +1,7 @@
+import { ElementNode } from 'lexical';
+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;

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

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

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

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

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

@@ -1 +1,2 @@
 export * from './TablePlugin';
+export * from './TableCellContextMenu';

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

@@ -1,5 +1,7 @@
-import { T as l } from "../../../../TablePlugin-acQeRCt0.js";
+import { T as o } from "../../../../TablePlugin-1L5UZfDH.js";
+import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
 export {
-  l as TablePlugin
+  t as TableCellContextMenu,
+  o as TablePlugin
 };
 //# sourceMappingURL=index.js.map

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

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

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

@@ -4,4 +4,8 @@ export interface LinkType {
     url: string;
     target: TargetType | string;
 }
+export type Position = {
+    xPos: number;
+    yPos: number;
+};
 export declare const ToolBarPlugin: () => JSX.Element;

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

@@ -1,47 +1,57 @@
-import { jsxs as _, jsx as r } from "react/jsx-runtime";
-import { u as I, I as P, m as b } from "../../../../Lexical.prod-BiuZHlIm.js";
-import { useState as o, useCallback as k, useEffect as N } from "react";
-import { L as B, H as h } from "../../../../ListPlugin-DFFbKLaN.js";
-import { g as v } from "../../../../helpers-CJF7fErD.js";
-import { BlockFormatPlugin as x } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { LinkPlugin as F } from "../LinkPlugin/LinkPlugin.js";
-import { HistoryPlugin as T } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as U } from "../../../../TablePlugin-acQeRCt0.js";
-import { s as j } from "../../../../RteEditor.module-BBbfV1rk.js";
-const n = (i, s) => {
-  let t = i, l;
-  for (; t !== null; ) {
-    if (s === "a" && v(t))
-      return { active: !0, url: t.__url, target: t.__target ? t.__target : "_self" };
-    if ((s === "ul" || s === "ol") && h(t))
-      return l = t.getTag(), l === s;
-    t = t.getParent();
+import { jsxs as N, jsx as n } from "react/jsx-runtime";
+import { u as x } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { I as C, m as R } from "../../../../Lexical.prod-CO0gPAfo.js";
+import { useState as o, useRef as v, useCallback as A, useEffect as F } from "react";
+import { n as S } from "../../../../helpers-BewZrn6E.js";
+import { g as f } from "../../../../helpers-Ec7CfNnA.js";
+import { BlockFormatPlugin as U } from "../BlockFormatPlugin/BlockFormatPlugin.js";
+import { ListPlugin as _ } from "../ListPlugin/ListPlugin.js";
+import { LinkPlugin as j } from "../LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as E } from "../HistoryPlugin/HistoryPlugin.js";
+import { T as K } from "../../../../TablePlugin-1L5UZfDH.js";
+import { TableCellContextMenu as M } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
+import { s as O } from "../../../../RteEditor.module-Dz9a8vaK.js";
+const w = (s, l) => {
+  let e = s;
+  for (; e !== null; ) {
+    if (S(e) && l) {
+      const r = l.getElementByKey(e.getKey());
+      if (r) {
+        const a = r.getBoundingClientRect();
+        return { xPos: a.right, yPos: a.bottom };
+      } else
+        return null;
+    }
+    e = e.getParent();
   }
-  return !1;
-}, D = () => {
-  const [i] = I(), [s, t] = o(!1), [l, f] = o(!1), [u, c] = o(!1), [g, d] = o(!1), [p, L] = o({ active: !1, url: "", target: "_self" }), m = k(() => {
-    const e = P();
-    if (b(e)) {
-      t(e.hasFormat("bold")), f(e.hasFormat("italic"));
-      const a = e.anchor.getNode();
-      c(n(a, "ul")), d(n(a, "ol")), L(n(a, "a"));
+  return null;
+}, tt = () => {
+  const [s] = x(), [l, e] = o(!1), [r, a] = o(!1), [d, p] = o(!1), [b, h] = o(!1), [I, L] = o({ active: !1, url: "", target: "_self" }), [P, T] = o(!1), [m, B] = o(null), u = v(null), g = A(() => {
+    const t = C();
+    if (R(t)) {
+      const i = t.anchor, c = i.getNode(), y = t.focus;
+      e(t.hasFormat("bold")), a(t.hasFormat("italic")), p(f(c, "ul")), h(f(c, "ol")), T(Math.abs(i.offset - y.offset) !== 0), L(f(c, "a")), B(w(c, s));
     }
-  }, []);
-  return N(() => {
-    i.registerUpdateListener(({ editorState: e }) => {
-      e.read(() => {
-        m();
+  }, [s]), k = (t) => {
+    var i;
+    (i = u.current) == null || i.mutateTable(t);
+  };
+  return F(() => {
+    s.registerUpdateListener(({ editorState: t }) => {
+      t.read(() => {
+        g();
       });
     });
-  }, [i, m]), /* @__PURE__ */ _("div", { className: j.editor__toolbar, children: [
-    /* @__PURE__ */ r(x, { isBold: s, isItalic: l }),
-    /* @__PURE__ */ r(B, { isUList: u, isOList: g }),
-    /* @__PURE__ */ r(F, { isLink: p }),
-    /* @__PURE__ */ r(U, {}),
-    /* @__PURE__ */ r(T, {})
+  }, [s, g]), /* @__PURE__ */ N("div", { className: O.editor__toolbar, children: [
+    /* @__PURE__ */ n(U, { isBold: l, isItalic: r }),
+    /* @__PURE__ */ n(_, { isUList: d, isOList: b }),
+    /* @__PURE__ */ n(K, { isActive: !!m, ref: u }),
+    m && /* @__PURE__ */ n(M, { position: m, onAction: k }),
+    /* @__PURE__ */ n(j, { isLink: I, isLinkable: P }),
+    /* @__PURE__ */ n(E, {})
   ] });
 };
 export {
-  D as ToolBarPlugin
+  tt as ToolBarPlugin
 };
 //# sourceMappingURL=ToolbarPlugin.js.map