@uva-glass/component-library 1.59.3 → 1.61.0

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

@@ -1,12 +1,12 @@
-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-BRIyyVa6.js";
-import { useRef as _, useEffect as g } from "react";
-import { r as x, A, x as C } from "../../../../Lexical.prod-BhH9TCLN.js";
-import { A as E } from "../../../../TablePlugin-deK-rcE1.js";
-import { useFlyout as P } from "../../hooks/useFlyout.js";
-import { Icon as T } from "../../../Icon/Icon.js";
+import { jsx as h, jsxs as S } from "react/jsx-runtime";
+import { u as U } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { c as H } from "../../../../clsx-OuTLNxxd.js";
+import { g as P, m as I, e as K, U as O } from "../../../../helpers-BB6Byf50.js";
+import { useRef as L, useState as j, useEffect as x } from "react";
+import { e as V, A as f, r as z, x as y, _ as W, L as Y, l as q } from "../../../../Lexical.prod-qM_1BY0u.js";
+import { A as B } from "../../../../TablePlugin-CLPV2OjO.js";
+import { useFlyout as G } from "../../hooks/useFlyout.js";
+import { Icon as J } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -19,75 +19,178 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import { s as e } from "../../../../RteEditor.module-Dz9a8vaK.js";
+import { s as p } from "../../../../RteEditor.module-Cku3JY-0.js";
+import { useTranslation as M } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
-const D = 200, st = ({
-  isLink: l = { active: !1, url: "", target: "_self" },
-  isLinkable: k = !1
-}) => {
-  const [i] = y(), { flyout: v, showFlyout: p, closeFlyout: s, isVisible: c } = P(), r = _(), m = _(!1), F = (o, t) => {
-    i.dispatchCommand(b, {
-      url: o,
-      target: t
-    }), s();
-  }, u = {
-    children: /* @__PURE__ */ n(
-      E,
+const Q = 200, C = (u) => {
+  let t = u;
+  for (; t; ) {
+    if (P(t))
+      return t;
+    t = t.getParent();
+  }
+  return null;
+}, F = (u) => {
+  let t = u;
+  for (; t; ) {
+    if (P(t))
+      return {
+        active: !0,
+        url: t.getURL(),
+        linktext: t.getTextContent()
+      };
+    t = t.getParent();
+  }
+  return !1;
+}, Ct = () => {
+  const u = M(), [t] = U(), { flyout: w, showFlyout: d, closeFlyout: g, isVisible: b } = G(), a = L(), T = L(!1), m = L(""), l = L(""), [v, D] = j({ active: !1, url: "", linktext: "" }), E = () => {
+    T.current || (d(k), l.current !== "" && setTimeout(() => {
+      var o;
+      return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
+    }, 0));
+  }, A = (o, r) => {
+    t.update(() => {
+      const e = f();
+      if (y(e)) {
+        const n = e.anchor.getNode(), i = C(n);
+        if (r && r !== "") {
+          if (i) {
+            const c = q(r);
+            i.replace(c), c.select();
+          }
+          if (r !== m.current && m.current === "") {
+            const { anchor: c, focus: N } = e;
+            e.insertText(r), c.offset -= r.length, N.offset = c.offset + r.length;
+          }
+        }
+        I(K(o), { target: "_blank" });
+      }
+      g();
+    });
+  }, k = {
+    children: /* @__PURE__ */ h(
+      B,
       {
-        isLink: l,
-        onCloseHandler: s,
-        onSaveHandler: (o, t) => F(o, t),
+        isLink: v,
+        onCloseHandler: g,
+        onSaveHandler: (o, r) => A(o, r),
         onRemoveHandler: () => {
-          i.dispatchCommand(b, null), s();
+          t.dispatchCommand(O, null), g();
         },
-        ref: r
+        ref: a
       }
     )
   };
-  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, D));
-  }, [r, c]), g(() => {
-    const o = i.registerCommand(
-      x,
-      (t) => {
-        const d = A();
-        if (C(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");
+  return x(() => {
+    var o, r;
+    b ? (T.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), m.current = l.current = "", setTimeout(() => T.current = !1, Q));
+  }, [a, b]), x(() => {
+    const o = t.registerCommand(
+      V,
+      () => {
+        const e = f();
+        return l.current = (e == null ? void 0 : e.getTextContent()) ?? "", !1;
+      },
+      0
+    ), r = t.registerCommand(
+      z,
+      (e) => {
+        const s = f();
+        if (y(s)) {
+          const n = F(s.anchor.getNode());
+          if (n)
+            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), d(k), m.current = n.linktext, setTimeout(() => {
+              var i;
+              return (i = a.current) == null ? void 0 : i.setDefaults(n.url, n.linktext);
             }, 0), !0;
+          if (s.getTextContent() !== "")
+            return l.current = s.getTextContent(), !0;
         }
         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(
+    return () => {
+      r(), o();
+    };
+  }, [t]), x(() => {
+    const o = t.registerCommand(
+      W,
+      (e) => {
+        if (e.ctrlKey && e.shiftKey && e.key === "U") {
+          const s = f();
+          if (!y(s))
+            return !1;
+          const n = F(s.anchor.getNode()), i = (N = "", R = "") => {
+            d(k), setTimeout(() => {
+              var _;
+              return (_ = a.current) == null ? void 0 : _.setDefaults(N, R);
+            }, 0);
+          };
+          if (n)
+            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), m.current = n.linktext, i(n.url, n.linktext), !0;
+          const c = s.getTextContent();
+          return c !== "" ? (l.current = c, i("", l.current), !0) : (d(k), !0);
+        }
+        return !1;
+      },
+      Y
+    ), r = t.registerUpdateListener(({ editorState: e }) => {
+      D(
+        e.read(() => {
+          const s = f();
+          if (y(s)) {
+            const n = s.anchor.getNode(), i = C(n);
+            if (i)
+              return {
+                active: !0,
+                url: i.getURL(),
+                linktext: i.getTextContent()
+              };
+          }
+          return {
+            active: !1,
+            url: "",
+            linktext: ""
+          };
+        })
+      );
+    });
+    return () => {
+      o(), r();
+    };
+  }, [t]), x(() => {
+    const o = (r) => {
+      r.key === "Escape" && (r.preventDefault(), g());
+    };
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, []), /* @__PURE__ */ h("div", { className: p["editor__toolbar-button-group"], children: /* @__PURE__ */ S("div", { className: p["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ h(
       "button",
       {
-        onClick: () => !m.current && p(u),
-        className: L(
-          e["editor__toolbar-button"],
-          e["editor__toolbar-button--link"],
-          l.active && e["editor__toolbar-button--active"]
+        onClick: E,
+        title: u.links.linkTooltip,
+        className: H(
+          p["editor__toolbar-button"],
+          p["editor__toolbar-button--link"],
+          v.active && p["editor__toolbar-button--active"]
         ),
-        disabled: !k,
-        "aria-label": "Format link",
-        children: /* @__PURE__ */ n(T, { name: "Link", size: 20 })
+        "aria-label": u.aria.labels.link,
+        "aria-keyshortcuts": u.aria.keyshortcuts.link,
+        children: /* @__PURE__ */ h(J, { name: "Link", size: 20 })
       }
     ),
-    v
+    w
   ] }) });
 };
 export {
-  st as LinkPlugin
+  Ct as LinkPlugin,
+  F as getLinkNodeTag
 };
 //# 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';\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;"}
+{"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 { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_EDITOR,\n  KEY_DOWN_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n  let currentNode: TextNode | ElementNode | null = node;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return currentNode;\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n\n  while (currentNode) {\n    if ($isLinkNode(currentNode)) {\n      return {\n        active: true,\n        url: currentNode.getURL(),\n        linktext: currentNode.getTextContent(),\n      };\n    }\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const LinkPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>();\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n\n  const openFlyout = () => {\n    if (!preventOpen.current) {\n      showFlyout(flyoutOptions);\n      if (selectedText.current !== '') {\n        setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n      }\n    }\n  };\n\n  const insertLink = (url: string, linktext: string) => {\n    editor.update(() => {\n      const selection = $getSelection();\n\n      if ($isRangeSelection(selection)) {\n        const anchor = selection.anchor;\n        const node = anchor.getNode() as ElementNode;\n        const linkNode = getLinkNode(node);\n\n        if (linktext && linktext !== '') {\n          if (linkNode) {\n            const newTextNode = $createTextNode(linktext);\n            linkNode.replace(newTextNode);\n            newTextNode.select();\n          }\n          if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n            const { anchor, focus } = selection;\n            selection.insertText(linktext);\n            anchor.offset -= linktext.length;\n            focus.offset = anchor.offset + linktext.length;\n          }\n        }\n        $toggleLink(ensureHttps(url), { target: '_blank' });\n      }\n\n      closeFlyout();\n    });\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, linktext) => insertLink(url, linktext)}\n        onRemoveHandler={removeLink}\n        ref={addLinkForm}\n      />\n    ),\n  };\n\n  useEffect(() => {\n    if (!isVisible) {\n      addLinkForm.current?.clearForm();\n      previousLinkText.current = selectedText.current = '';\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 unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        return false;\n      },\n      0\n    );\n\n    const unregister = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n            showFlyout(flyoutOptions);\n            previousLinkText.current = node.linktext;\n            setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n            return true;\n          } else if (selection.getTextContent() !== '') {\n            selectedText.current = selection.getTextContent();\n            return true;\n          }\n        }\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregister();\n      unregisterSelect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n          const selection = $getSelection();\n\n          if (!$isRangeSelection(selection)) {\n            return false;\n          }\n\n          const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n          const openFlyoutWithDefaults = (url = '', linkText = '') => {\n            showFlyout(flyoutOptions);\n            setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n          };\n\n          if (node) {\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n\n            previousLinkText.current = node.linktext;\n            openFlyoutWithDefaults(node.url, node.linktext);\n\n            return true;\n          }\n\n          const selectedTextContent = selection.getTextContent();\n          if (selectedTextContent !== '') {\n            selectedText.current = selectedTextContent;\n            openFlyoutWithDefaults('', selectedText.current);\n\n            return true;\n          }\n\n          showFlyout(flyoutOptions);\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      setIsLink(\n        editorState.read(() => {\n          const selection = $getSelection();\n\n          if ($isRangeSelection(selection)) {\n            const anchorNode = selection.anchor.getNode() as ElementNode;\n            const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n            if (linkNode) {\n              return {\n                active: true,\n                url: linkNode.getURL(),\n                linktext: linkNode.getTextContent(),\n              };\n            }\n          }\n\n          return {\n            active: false,\n            url: '',\n            linktext: '',\n          };\n        })\n      );\n    });\n\n    return () => {\n      removeKeyboardShortcut();\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        closeFlyout();\n      }\n    };\n\n    document.addEventListener('keydown', removeKeydown);\n\n    return () => {\n      document.removeEventListener('keydown', removeKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n        <button\n          onClick={openFlyout}\n          title={t.links.linkTooltip}\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={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.link}\n        >\n          <Icon name=\"Link\" size={20} />\n        </button>\n        {flyout}\n      </div>\n    </div>\n  );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","openFlyout","flyoutOptions","_a","insertLink","url","linktext","selection","$getSelection","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregister","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}

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

@@ -1,5 +1,3 @@
-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) => {
@@ -8,4 +6,4 @@ export declare const MATCHERS: ((text: string) => {
     text: string;
     url: string;
 } | null)[];
-export declare const getNodeTag: (anchorNode: ElementNode | TextNode, tagToMatch: string) => boolean | LinkType;
+export declare const ensureHttps: (url: string) => string;

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

@@ -1,9 +1,8 @@
-import { M as r, g as e, c as l, v as i } from "../../../../helpers-BRIyyVa6.js";
-import "../../../../LexicalList.prod-Czb3Osbz.js";
+import { M as e, e as r, b as s, v as l } from "../../../../helpers-BB6Byf50.js";
 export {
-  r as MATCHERS,
-  e as getNodeTag,
-  l as validateUrl,
-  i as validateUrlWithProtocol
+  e as MATCHERS,
+  r as ensureHttps,
+  s as validateUrl,
+  l 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/LinkPlugin/index.js

@@ -1,5 +1,6 @@
-import { LinkPlugin as o } from "./LinkPlugin.js";
+import { LinkPlugin as i, getLinkNodeTag as n } from "./LinkPlugin.js";
 export {
-  o as LinkPlugin
+  i as LinkPlugin,
+  n as getLinkNodeTag
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1 @@
-interface ListPluginProps {
-    isOList: boolean;
-    isUList: boolean;
-}
-export declare const ListPlugin: ({ isOList, isUList }: ListPluginProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const ListPlugin: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,34 +1,13 @@
-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-Czb3Osbz.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
-  )) });
-};
+import "react/jsx-runtime";
+import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { L as f } from "../../../../ListPlugin-Bhkh3IBK.js";
+import "react";
+import "../../../../clsx-OuTLNxxd.js";
+import "../../../../Lexical.prod-qM_1BY0u.js";
+import "../../../Icon/Icon.js";
+import "../../../../RteEditor.module-Cku3JY-0.js";
+import "../../hooks/useTranslation.js";
 export {
-  I as ListPlugin
+  f as ListPlugin
 };
 //# sourceMappingURL=ListPlugin.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"ListPlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { ListPlugin as r } from "./ListPlugin.js";
+import { L as r } from "../../../../ListPlugin-Bhkh3IBK.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-deK-rcE1.js";
+import { b as v } from "../../../../TablePlugin-CLPV2OjO.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -15,8 +15,8 @@ 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 "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";

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

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

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

@@ -1,44 +1,117 @@
-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__ */ _(
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { useState as _, useRef as d, useEffect as R } from "react";
+import { c as w } from "../../../../../clsx-OuTLNxxd.js";
+import { u as $ } from "../../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { Icon as k } from "../../../../Icon/Icon.js";
+import { useTranslation as H } from "../../../hooks/useTranslation.js";
+import '../../../../../assets/TableCellContextMenu.css';const n = {
+  "context-menu__wrapper": "_context-menu__wrapper_y87hy_1",
+  "context-menu__button": "_context-menu__button_y87hy_10",
+  "context-menu": "_context-menu_y87hy_1",
+  "context-menu--open": "_context-menu--open_y87hy_38",
+  "context-menu__item": "_context-menu__item_y87hy_43",
+  "context-menu__item-divider": "_context-menu__item-divider_y87hy_57",
+  "context-menu__wrapper--hidden": "_context-menu__wrapper--hidden_y87hy_61"
+}, O = 25, N = 10, f = 4, A = 25, M = (u) => {
+  const r = u.cloneNode(!0);
+  r.style.height = "auto", r.style.left = "-3000px", document.body.appendChild(r);
+  const h = r.getBoundingClientRect().height;
+  return document.body.removeChild(r), h;
+}, W = ({ position: u, parentScrollPosition: r, onAction: h }) => {
+  const t = H(), [T, b] = _(!1), [E, x] = _(!1), [c, B] = _({ xPos: 0, yPos: 0, height: 0 }), [m, I] = _(0), y = d(0), i = d(null), s = d(null), l = d(null), [v] = $(), a = (o) => {
+    h(o), b(!1);
+  }, C = () => {
+    const o = i.current ? i.current.getBoundingClientRect().width : 0;
+    s.current && i.current && l.current && (c.xPos < o && s.current ? (s.current.style.left = `${o - c.xPos + N}px`, l.current.style.right = `${o - c.xPos + f + N}px`) : (s.current.style.left = "0px", l.current.style.right = `${f}px`), m || I(M(i.current)), m > document.documentElement.clientHeight - c.yPos ? (s.current.style.top = `-${m + c.height}px`, l.current.style.top = `${m + f}px`, l.current.style.transform = "rotate(180deg)") : (s.current.style.top = "0px", l.current.style.top = `-${A}px`, l.current.style.transform = "none"));
+  }, P = () => (C(), `translate(${((c == null ? void 0 : c.xPos) ?? 0) - (i.current ? i.current.getBoundingClientRect().width : 0)}px, ${c.yPos - (r - y.current)}px)`);
+  return R(() => {
+    B(u), u && (y.current = r), b(!1), x(!1);
+  }, [u]), R(() => {
+    if (l.current) {
+      const o = l.current.getBoundingClientRect(), p = v.getRootElement();
+      if (!p) return;
+      o.top - p.getBoundingClientRect().top <= 0 || o.top - p.getBoundingClientRect().bottom + O >= 0 ? x(!0) : x(!1), C();
+    }
+  }, [r]), /* @__PURE__ */ g(
     "div",
     {
-      className: t["context-menu__wrapper"],
+      className: w(n["context-menu__wrapper"], [E && n["context-menu__wrapper--hidden"]]),
       style: {
-        transform: `translate(${((l == null ? void 0 : l.xPos) ?? 0) - (i.current ? i.current.getBoundingClientRect().width : 0)}px, ${l.yPos + x}px)`
+        transform: `${P()}`
       },
+      ref: s,
       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 }) })
+        /* @__PURE__ */ e("button", { onClick: () => b((o) => !o), className: n["context-menu__button"], ref: l, children: /* @__PURE__ */ e(k, { name: "CheveronDown", size: 16 }) }),
+        /* @__PURE__ */ g("ul", { ref: i, className: w(n["context-menu"], T && n["context-menu--open"]), children: [
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("insertRowAbove"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableInsertRowAbove,
+              children: t.table.insertRowAbove
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("insertRowBelow"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableInsertRowBelow,
+              children: t.table.insertRowBelow
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { className: n["context-menu__item-divider"], children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("deleteRow"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableDeleteRow,
+              children: t.table.deleteRow
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("insertColumnLeft"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableInsertColumnLeft,
+              children: t.table.insertColumnLeft
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("insertColumnRight"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableInsertColumnRight,
+              children: t.table.insertColumnRight
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { className: n["context-menu__item-divider"], children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("deleteColumn"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableDeleteColumn,
+              children: t.table.deleteColumn
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => a("deleteTable"),
+              className: n["context-menu__item"],
+              "aria-label": t.aria.labels.tableDeleteTable,
+              children: t.table.deleteTable
+            }
+          ) })
         ] })
       ]
     }
   );
 };
 export {
-  v as TableCellContextMenu
+  W as TableCellContextMenu
 };
 //# sourceMappingURL=TableCellContextMenu.js.map