@uva-glass/component-library 3.30.1 → 3.31.0

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

@@ -1,14 +1,14 @@
-import { jsx as k, jsxs as X } from "react/jsx-runtime";
-import { o as W } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
-import { c as Y } from "../../../../clsx-OuTLNxxd.js";
-import { p as U, k as G, v as J } from "../../../../LexicalLink.prod-Bsa9J7L-.js";
-import { useRef as a, useState as Q, useEffect as m } from "react";
-import { _ as Z, N as f, q as $, aq as tt, c as N, L as et, m as ot, X as rt } from "../../../../Lexical.prod-UwAbgYpF.js";
-import { A as nt } from "../../../../TablePlugin-NmJsn2fm.js";
-import { e as it } from "../../../../helpers-DZIm3MiJ.js";
-import { LinkContextMenu as st } from "./LinkContextMenu/LinkContextMenu.js";
-import { useFlyout as ct } from "../../hooks/useFlyout.js";
-import { Icon as lt } from "../../../Icon/Icon.js";
+import { jsx as k, jsxs as q } from "react/jsx-runtime";
+import { o as X } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
+import { c as W } from "../../../../clsx-OuTLNxxd.js";
+import { p as O, k as Y, v as G } from "../../../../LexicalLink.prod-DoU9RL94.js";
+import { useRef as a, useState as J, useEffect as m } from "react";
+import { _ as Q, N as f, q as Z, aq as $, c as N, L as tt, m as et, X as ot } from "../../../../Lexical.prod-B84LhBo3.js";
+import { A as rt } from "../../../../TablePlugin-Dmy98Epb.js";
+import { e as nt } from "../../../../helpers-CMG0anwr.js";
+import { LinkContextMenu as it } from "./LinkContextMenu/LinkContextMenu.js";
+import { useFlyout as st } from "../../hooks/useFlyout.js";
+import { Icon as ct } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -22,27 +22,27 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router";
-import { setScrollableContainers as z, removeScrollableContainers as at } from "../../helpers.js";
+import { setScrollableContainers as B, removeScrollableContainers as lt } from "../../helpers.js";
 import { s as h } from "../../../../RteEditor.module-B_3uFnFu.js";
-import { useTranslation as ut } from "../../hooks/useTranslation.js";
+import { useTranslation as at } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
-import "../../../../index-DllfJcv4.js";
+import "../../../../index-nrPtQ1dv.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-CwX1lFMa.js";
-const mt = 200, I = (p) => {
+import "../../../../SortableProvider-C2T7b-pm.js";
+const ut = 200, z = (p) => {
   let n = p;
   for (; n; ) {
-    if (U(n))
+    if (O(n))
       return n;
     n = n.getParent();
   }
   return null;
-}, O = (p) => {
+}, I = (p) => {
   let n = p;
   for (; n; ) {
-    if (U(n))
+    if (O(n))
       return {
         active: !0,
         url: n.getURL(),
@@ -51,133 +51,124 @@ const mt = 200, I = (p) => {
     n = n.getParent();
   }
   return !1;
-}, qt = ({ parentScrollPosition: p }) => {
-  const n = ut(), [c] = W(), { flyout: A, showFlyout: E, hideFlyout: C, isVisible: u } = ct(), d = a(void 0), w = a(!1), L = a(""), g = a(""), [v, H] = Q({ active: !1, url: "", linktext: "" }), P = a(u), x = a(null), S = a(null), T = a(void 0), y = () => {
+}, jt = ({ parentScrollPosition: p }) => {
+  const n = at(), [c] = X(), { flyout: U, showFlyout: E, hideFlyout: C, isVisible: u } = st(), d = a(void 0), w = a(!1), L = a(""), g = a(""), [v, A] = J({ active: !1, url: "", linktext: "" }), P = a(u), x = a(null), S = a(null), T = a(void 0), y = () => {
     c.update(() => {
-      const e = f();
-      x.current = e;
+      const o = f();
+      x.current = o;
     });
   }, R = () => {
     c.update(() => {
-      x.current && ot(x.current);
+      x.current && et(x.current);
     });
-  }, M = (e, t) => {
+  }, H = (o, t) => {
     E({
       position: t,
       children: /* @__PURE__ */ k(
-        st,
+        it,
         {
-          url: e,
-          onSave: (o) => K(o, ""),
-          onDelete: () => V(),
+          url: o,
+          onSave: (e) => K(e, ""),
+          onDelete: () => M(),
           onClose: D,
           ref: T
         }
       )
     });
   }, D = () => {
-    var e;
-    (e = T.current) == null || e.clearForm(), C(), R();
+    T.current?.clearForm(), C(), R();
   }, F = () => {
-    var t;
-    const e = (t = S.current) == null ? void 0 : t.getBoundingClientRect();
-    !w.current && e && (y(), E({ position: { top: e.bottom, left: e.left }, ...j }), setTimeout(() => {
-      var o;
-      return (o = d.current) == null ? void 0 : o.setDefaults("", g.current);
-    }, 0));
+    const o = S.current?.getBoundingClientRect();
+    !w.current && o && (y(), E({ position: { top: o.bottom, left: o.left }, ...V }), setTimeout(() => d.current?.setDefaults("", g.current), 0));
   }, b = () => {
     C(), R();
-  }, K = (e, t) => {
+  }, K = (o, t) => {
     c.update(() => {
-      const o = f();
-      if (N(o)) {
-        const i = o.anchor.getNode(), s = I(i);
+      const e = f();
+      if (N(e)) {
+        const i = e.anchor.getNode(), s = z(i);
         if (t && t !== "") {
           if (s) {
-            const l = rt(t);
+            const l = ot(t);
             s.replace(l), l.select();
           }
           if (t !== L.current && L.current === "") {
-            const { anchor: l, focus: _ } = o;
-            o.insertText(t), l.offset -= t.length, _.offset = l.offset + t.length;
+            const { anchor: l, focus: _ } = e;
+            e.insertText(t), l.offset -= t.length, _.offset = l.offset + t.length;
           }
         }
-        J(it(e), { target: "_blank" });
+        G(nt(o), { target: "_blank" });
       }
       b();
     });
-  }, V = () => {
-    c.dispatchCommand(G, null), D();
-  }, j = {
+  }, M = () => {
+    c.dispatchCommand(Y, null), D();
+  }, V = {
     children: /* @__PURE__ */ k(
-      nt,
+      rt,
       {
         isLink: v,
         onCloseHandler: b,
-        onSaveHandler: (e, t) => K(e, t),
+        onSaveHandler: (o, t) => K(o, t),
         ref: d
       }
     )
   };
   return m(() => {
-    var e, t;
-    u ? (w.current = !0, (t = d.current) == null || t.focusFirstField()) : ((e = d.current) == null || e.clearForm(), L.current = g.current = "", setTimeout(() => w.current = !1, mt));
+    u ? (w.current = !0, d.current?.focusFirstField()) : (d.current?.clearForm(), L.current = g.current = "", setTimeout(() => w.current = !1, ut));
   }, [d, u]), m(() => {
-    const e = (r) => {
+    const o = (r) => {
       if (N(r) && r.isCollapsed()) {
-        const i = O(r.anchor.getNode());
+        const i = I(r.anchor.getNode());
         if (i) {
           const s = c.getElementByKey(r.anchor.getNode().getKey()), l = s ? { top: s.getBoundingClientRect().bottom, left: s.getBoundingClientRect().left } : { top: 0, left: 0 };
-          return M(i.url, l), !0;
+          return H(i.url, l), !0;
         }
       }
       return !1;
     }, t = c.registerCommand(
-      Z,
+      Q,
       () => {
         const r = f();
-        return g.current = (r == null ? void 0 : r.getTextContent()) ?? "", e(r), !1;
+        return g.current = r?.getTextContent() ?? "", o(r), !1;
       },
       0
-    ), o = c.registerCommand(
-      $,
+    ), e = c.registerCommand(
+      Z,
       (r) => {
         const i = f();
-        return y(), r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), e(i), !1;
+        return y(), r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), o(i), !1;
       },
       0
     );
     return () => {
-      o(), t();
+      e(), t();
     };
   }, [c]), m(() => {
-    const e = c.registerCommand(
-      tt,
-      (o) => {
-        if (o.ctrlKey && o.shiftKey && o.key === "U") {
+    const o = c.registerCommand(
+      $,
+      (e) => {
+        if (e.ctrlKey && e.shiftKey && e.key === "U") {
           const r = f();
           if (y(), !N(r))
             return !1;
-          const i = O(r.anchor.getNode()), s = (_ = "", q = "") => {
-            F(), setTimeout(() => {
-              var B;
-              return (B = d.current) == null ? void 0 : B.setDefaults(_, q);
-            }, 0);
+          const i = I(r.anchor.getNode()), s = (_ = "", j = "") => {
+            F(), setTimeout(() => d.current?.setDefaults(_, j), 0);
           };
           if (i)
-            return o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), L.current = i.linktext, s(i.url, i.linktext), !0;
+            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), L.current = i.linktext, s(i.url, i.linktext), !0;
           const l = r.getTextContent();
           return l !== "" ? (g.current = l, s("", g.current), !0) : (F(), !0);
         }
         return !1;
       },
-      et
-    ), t = c.registerUpdateListener(({ editorState: o }) => {
-      H(
-        o.read(() => {
+      tt
+    ), t = c.registerUpdateListener(({ editorState: e }) => {
+      A(
+        e.read(() => {
           const r = f();
           if (y(), N(r)) {
-            const i = r.anchor.getNode(), s = I(i);
+            const i = r.anchor.getNode(), s = z(i);
             if (s)
               return {
                 active: !0,
@@ -194,31 +185,30 @@ const mt = 200, I = (p) => {
       );
     });
     return () => {
-      e(), t();
+      o(), t();
     };
   }, [c]), m(() => {
-    var e;
-    P.current = u, u || (e = T.current) == null || e.clearForm();
+    P.current = u, u || T.current?.clearForm();
   }, [u]), m(() => {
     u && b();
   }, [p]), m(() => {
     v.active || C();
   }, [v]), m(() => {
-    const e = (o) => (z(t), o.key === "Escape" && P.current && (o.preventDefault(), o.stopPropagation(), b()), !0);
-    window.addEventListener("keydown", e, { capture: !0 });
+    const o = (e) => (B(t), e.key === "Escape" && P.current && (e.preventDefault(), e.stopPropagation(), b()), !0);
+    window.addEventListener("keydown", o, { capture: !0 });
     const t = () => {
       C();
     };
-    return z(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
-      window.removeEventListener("keydown", e), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), at(t);
+    return B(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+      window.removeEventListener("keydown", o), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), lt(t);
     };
-  }, []), /* @__PURE__ */ k("div", { className: h["editor__toolbar-button-group"], children: /* @__PURE__ */ X("div", { className: h["editor__toolbar-button-flyoutwrapper"], children: [
+  }, []), /* @__PURE__ */ k("div", { className: h["editor__toolbar-button-group"], children: /* @__PURE__ */ q("div", { className: h["editor__toolbar-button-flyoutwrapper"], children: [
     /* @__PURE__ */ k(
       "button",
       {
         onClick: F,
         title: n.links.linkTooltip,
-        className: Y(
+        className: W(
           h["editor__toolbar-button"],
           h["editor__toolbar-button--link"],
           v.active && h["editor__toolbar-button--active"]
@@ -227,14 +217,14 @@ const mt = 200, I = (p) => {
         "aria-keyshortcuts": n.aria.keyshortcuts.link,
         type: "button",
         ref: S,
-        children: /* @__PURE__ */ k(lt, { name: "Link", size: 20 })
+        children: /* @__PURE__ */ k(ct, { name: "Link", size: 20 })
       }
     ),
-    A
+    U
   ] }) });
 };
 export {
-  qt as LinkPlugin,
-  O as getLinkNodeTag
+  jt as LinkPlugin,
+  I 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 { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\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, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkForm/AddLinkFrom';\nimport type { linkFormMethods } from './LinkContextMenu/LinkContextMenu';\n\nimport { AddLinkForm } from './AddLinkForm/AddLinkFrom';\nimport { ensureHttps } from './helpers';\nimport { LinkContextMenu } from './LinkContextMenu/LinkContextMenu';\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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\ntype Position = {\n  top: number;\n  left: number;\n};\n\ninterface LinkPluginProps {\n  parentScrollPosition: number;\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 = ({ parentScrollPosition }: LinkPluginProps) => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>(undefined);\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n  const isVisibleRef = useRef(isVisible);\n  const storedSelection = useRef<BaseSelection | null>(null);\n  const linkButtonRef = useRef<HTMLButtonElement>(null);\n  const editLinkForm = useRef<linkFormMethods>(undefined);\n\n  const storeCursorPosition = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      storedSelection.current = selection;\n    });\n  };\n\n  const rePositionCursor = () => {\n    editor.update(() => {\n      if (storedSelection.current) {\n        $setSelection(storedSelection.current);\n      }\n    });\n  };\n\n  const openContextMenu = (url: string, position: Position) => {\n    showFlyout({\n      position,\n      children: (\n        <LinkContextMenu\n          url={url}\n          onSave={(url) => insertLink(url, '')}\n          onDelete={() => removeLink()}\n          onClose={closeContextMenu}\n          ref={editLinkForm}\n        />\n      ),\n    });\n  };\n\n  const closeContextMenu = () => {\n    editLinkForm.current?.clearForm();\n    hideFlyout();\n    rePositionCursor();\n  };\n\n  const openFlyout = () => {\n    const rect = linkButtonRef.current?.getBoundingClientRect();\n    if (!preventOpen.current && rect) {\n      storeCursorPosition();\n      showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n      setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n    }\n  };\n\n  const closeFlyout = () => {\n    hideFlyout();\n    rePositionCursor();\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        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    closeContextMenu();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, linktext) => insertLink(url, linktext)}\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 handleSelectionClickOrChange = (selection: BaseSelection | null) => {\n      if ($isRangeSelection(selection) && selection.isCollapsed()) {\n        const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n        if (node) {\n          const domNode = editor.getElementByKey(selection.anchor.getNode().getKey());\n          const position = domNode\n            ? { top: domNode.getBoundingClientRect().bottom, left: domNode.getBoundingClientRect().left }\n            : { top: 0, left: 0 };\n          openContextMenu(node.url, position);\n          return true;\n        }\n      }\n      return false;\n    };\n\n    const unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    const unregisterClick = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        storeCursorPosition();\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregisterClick();\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          storeCursorPosition();\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            openFlyout();\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          openFlyout();\n          return true;\n        }\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          storeCursorPosition();\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    isVisibleRef.current = isVisible;\n    if (!isVisible) editLinkForm.current?.clearForm();\n  }, [isVisible]);\n\n  useEffect(() => {\n    if (isVisible) {\n      closeFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  useEffect(() => {\n    if (!isLink.active) {\n      hideFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLink]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent): boolean => {\n      setScrollableContainers(handleResizeScroll);\n\n      if (event.key === 'Escape' && isVisibleRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n      return true;\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    const handleResizeScroll = () => {\n      hideFlyout();\n    };\n\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\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          type=\"button\"\n          ref={linkButtonRef}\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","parentScrollPosition","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","linkButtonRef","editLinkForm","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openContextMenu","url","position","jsx","LinkContextMenu","insertLink","removeLink","closeContextMenu","_a","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","_b","handleSelectionClickOrChange","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","styles","jsxs","clsx","Icon"],"mappings":"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"}
+{"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  $setSelection,\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, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkForm/AddLinkFrom';\nimport type { linkFormMethods } from './LinkContextMenu/LinkContextMenu';\n\nimport { AddLinkForm } from './AddLinkForm/AddLinkFrom';\nimport { ensureHttps } from './helpers';\nimport { LinkContextMenu } from './LinkContextMenu/LinkContextMenu';\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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  linktext: string;\n}\n\ntype Position = {\n  top: number;\n  left: number;\n};\n\ninterface LinkPluginProps {\n  parentScrollPosition: number;\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 = ({ parentScrollPosition }: LinkPluginProps) => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n  const addLinkForm = useRef<addLinkFormMethods>(undefined);\n  const preventOpen = useRef(false);\n  const previousLinkText = useRef('');\n  const selectedText = useRef('');\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n  const isVisibleRef = useRef(isVisible);\n  const storedSelection = useRef<BaseSelection | null>(null);\n  const linkButtonRef = useRef<HTMLButtonElement>(null);\n  const editLinkForm = useRef<linkFormMethods>(undefined);\n\n  const storeCursorPosition = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      storedSelection.current = selection;\n    });\n  };\n\n  const rePositionCursor = () => {\n    editor.update(() => {\n      if (storedSelection.current) {\n        $setSelection(storedSelection.current);\n      }\n    });\n  };\n\n  const openContextMenu = (url: string, position: Position) => {\n    showFlyout({\n      position,\n      children: (\n        <LinkContextMenu\n          url={url}\n          onSave={(url) => insertLink(url, '')}\n          onDelete={() => removeLink()}\n          onClose={closeContextMenu}\n          ref={editLinkForm}\n        />\n      ),\n    });\n  };\n\n  const closeContextMenu = () => {\n    editLinkForm.current?.clearForm();\n    hideFlyout();\n    rePositionCursor();\n  };\n\n  const openFlyout = () => {\n    const rect = linkButtonRef.current?.getBoundingClientRect();\n    if (!preventOpen.current && rect) {\n      storeCursorPosition();\n      showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n      setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n    }\n  };\n\n  const closeFlyout = () => {\n    hideFlyout();\n    rePositionCursor();\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        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    closeContextMenu();\n  };\n\n  const flyoutOptions = {\n    children: (\n      <AddLinkForm\n        isLink={isLink}\n        onCloseHandler={closeFlyout}\n        onSaveHandler={(url, linktext) => insertLink(url, linktext)}\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 handleSelectionClickOrChange = (selection: BaseSelection | null) => {\n      if ($isRangeSelection(selection) && selection.isCollapsed()) {\n        const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n        if (node) {\n          const domNode = editor.getElementByKey(selection.anchor.getNode().getKey());\n          const position = domNode\n            ? { top: domNode.getBoundingClientRect().bottom, left: domNode.getBoundingClientRect().left }\n            : { top: 0, left: 0 };\n          openContextMenu(node.url, position);\n          return true;\n        }\n      }\n      return false;\n    };\n\n    const unregisterSelect = editor.registerCommand(\n      SELECTION_CHANGE_COMMAND,\n      () => {\n        const selection = $getSelection();\n        selectedText.current = selection?.getTextContent() ?? '';\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    const unregisterClick = editor.registerCommand(\n      CLICK_COMMAND,\n      (event) => {\n        const selection = $getSelection();\n        storeCursorPosition();\n        event.preventDefault();\n        event.stopPropagation();\n        event.stopImmediatePropagation();\n        handleSelectionClickOrChange(selection);\n        return false;\n      },\n      0\n    );\n\n    return () => {\n      unregisterClick();\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          storeCursorPosition();\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            openFlyout();\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          openFlyout();\n          return true;\n        }\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          storeCursorPosition();\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    isVisibleRef.current = isVisible;\n    if (!isVisible) editLinkForm.current?.clearForm();\n  }, [isVisible]);\n\n  useEffect(() => {\n    if (isVisible) {\n      closeFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parentScrollPosition]);\n\n  useEffect(() => {\n    if (!isLink.active) {\n      hideFlyout();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLink]);\n\n  useEffect(() => {\n    const removeKeydown = (event: KeyboardEvent): boolean => {\n      setScrollableContainers(handleResizeScroll);\n\n      if (event.key === 'Escape' && isVisibleRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        closeFlyout();\n      }\n      return true;\n    };\n\n    window.addEventListener('keydown', removeKeydown, { capture: true });\n\n    const handleResizeScroll = () => {\n      hideFlyout();\n    };\n\n    setScrollableContainers(handleResizeScroll);\n\n    window.addEventListener('scroll', handleResizeScroll);\n    window.addEventListener('resize', handleResizeScroll);\n\n    return () => {\n      window.removeEventListener('keydown', removeKeydown);\n      window.removeEventListener('scroll', handleResizeScroll);\n      window.removeEventListener('resize', handleResizeScroll);\n      removeScrollableContainers(handleResizeScroll);\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          type=\"button\"\n          ref={linkButtonRef}\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","parentScrollPosition","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","linkButtonRef","editLinkForm","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openContextMenu","url","position","jsx","LinkContextMenu","insertLink","removeLink","closeContextMenu","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","handleSelectionClickOrChange","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","styles","jsxs","clsx","Icon"],"mappings":"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"}

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

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

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

@@ -1,10 +1,10 @@
 import { jsx as d } from "react/jsx-runtime";
 import { o as D } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
-import { m as C, p as P, f as v, Z as K, o as f, s as y } from "../../../../LexicalList.prod-jxGuZd4b.js";
-import { _ as x } from "../../../../LexicalSelection.prod-xk5MiZnZ.js";
+import { m as C, p as P, f as v, Z as K, o as f, s as y } from "../../../../LexicalList.prod-Cw2TK1jY.js";
+import { _ as x } from "../../../../LexicalSelection.prod-TB5pn9xc.js";
 import { useState as p, useEffect as I } from "react";
 import { c as O } from "../../../../clsx-OuTLNxxd.js";
-import { aq as U, L as w, Y as B, N as b, c as h, I as E, P as Y } from "../../../../Lexical.prod-UwAbgYpF.js";
+import { aq as U, L as w, Y as B, N as b, c as h, I as E, P as Y } from "../../../../Lexical.prod-B84LhBo3.js";
 import { Icon as $ } from "../../../Icon/Icon.js";
 import { s as l } from "../../../../RteEditor.module-B_3uFnFu.js";
 import { useTranslation as j } from "../../hooks/useTranslation.js";

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

@@ -1,9 +1,9 @@
 import { o as m } from "../../../../LexicalComposerContext.prod-DLlRM5wP.js";
 import { useEffect as c } from "react";
-import { ae as f, G as p, N as u } from "../../../../Lexical.prod-UwAbgYpF.js";
-import { L as i } from "../../../../LexicalUtils.prod-cQutjKA3.js";
-import { D as d } from "../../../../LexicalClipboard.prod-DHIGjydG.js";
-import { d as D } from "../../../../index-DllfJcv4.js";
+import { ae as f, G as p, N as u } from "../../../../Lexical.prod-B84LhBo3.js";
+import { L as i } from "../../../../LexicalUtils.prod-CD3xGFhm.js";
+import { D as d } from "../../../../LexicalClipboard.prod-DLgWWXys.js";
+import { d as D } from "../../../../index-nrPtQ1dv.js";
 const N = () => {
   const [e] = m(), l = (t) => {
     t.preventDefault(), e.update(() => {

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as B } from "../../../../TablePlugin-NmJsn2fm.js";
+import { b as B } from "../../../../TablePlugin-Dmy98Epb.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -21,11 +21,11 @@ import "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
-import "../../../../index-DllfJcv4.js";
+import "../../../../index-nrPtQ1dv.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
-import "../../../../SortableProvider-CwX1lFMa.js";
+import "../../../../SortableProvider-C2T7b-pm.js";
 export {
   B as AddTableForm
 };

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

@@ -12,23 +12,23 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
   "context-menu__item": "_context-menu__item_6m871_43",
   "context-menu__item-divider": "_context-menu__item-divider_6m871_57",
   "context-menu__wrapper--hidden": "_context-menu__wrapper--hidden_6m871_61"
-}, O = 25, N = 10, f = 4, A = 25, M = (a) => {
-  const r = a.cloneNode(!0);
+}, 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 b = r.getBoundingClientRect().height;
   return document.body.removeChild(r), b;
-}, W = ({ position: a, parentScrollPosition: r, onAction: b }) => {
-  const t = H(), [T, p] = _(!1), [E, x] = _(!1), [c, B] = _({ xPos: 0, yPos: 0, height: 0 }), [m, I] = _(0), C = d(0), i = d(null), s = d(null), o = d(null), [v] = $(), u = (l) => {
+}, W = ({ position: u, parentScrollPosition: r, onAction: b }) => {
+  const t = H(), [T, p] = _(!1), [E, x] = _(!1), [i, B] = _({ xPos: 0, yPos: 0, height: 0 }), [m, I] = _(0), C = d(0), c = d(null), s = d(null), o = d(null), [P] = $(), a = (l) => {
     b(l), p(!1);
   }, g = () => {
-    const l = i.current ? i.current.getBoundingClientRect().width : 0;
-    s.current && i.current && o.current && (c.xPos < l && s.current ? (s.current.style.left = `${l - c.xPos + N}px`, o.current.style.right = `${l - c.xPos + f + N}px`) : (s.current.style.left = "0px", o.current.style.right = `${f}px`), m || I(M(i.current)), m > document.documentElement.clientHeight - c.yPos ? (s.current.style.top = `-${m + c.height}px`, o.current.style.top = `${m + f}px`, o.current.style.transform = "rotate(180deg)") : (s.current.style.top = "0px", o.current.style.top = `-${A}px`, o.current.style.transform = "none"));
-  }, P = () => (g(), `translate(${((c == null ? void 0 : c.xPos) ?? 0) - (i.current ? i.current.getBoundingClientRect().width : 0)}px, ${c.yPos - (r - C.current)}px)`);
+    const l = c.current ? c.current.getBoundingClientRect().width : 0;
+    s.current && c.current && o.current && (i.xPos < l && s.current ? (s.current.style.left = `${l - i.xPos + N}px`, o.current.style.right = `${l - i.xPos + f + N}px`) : (s.current.style.left = "0px", o.current.style.right = `${f}px`), m || I(M(c.current)), m > document.documentElement.clientHeight - i.yPos ? (s.current.style.top = `-${m + i.height}px`, o.current.style.top = `${m + f}px`, o.current.style.transform = "rotate(180deg)") : (s.current.style.top = "0px", o.current.style.top = `-${A}px`, o.current.style.transform = "none"));
+  }, v = () => (g(), `translate(${(i?.xPos ?? 0) - (c.current ? c.current.getBoundingClientRect().width : 0)}px, ${i.yPos - (r - C.current)}px)`);
   return R(() => {
-    B(a), a && (C.current = r), p(!1), x(!1);
-  }, [a]), R(() => {
+    B(u), u && (C.current = r), p(!1), x(!1);
+  }, [u]), R(() => {
     if (o.current) {
-      const l = o.current.getBoundingClientRect(), h = v.getRootElement();
+      const l = o.current.getBoundingClientRect(), h = P.getRootElement();
       if (!h) return;
       l.top - h.getBoundingClientRect().top <= 0 || l.top - h.getBoundingClientRect().bottom + O >= 0 ? x(!0) : x(!1), g();
     }
@@ -37,7 +37,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
     {
       className: w(n["context-menu__wrapper"], [E && n["context-menu__wrapper--hidden"]]),
       style: {
-        transform: `${P()}`
+        transform: `${v()}`
       },
       ref: s,
       children: [
@@ -51,12 +51,12 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             children: /* @__PURE__ */ e(k, { name: "CheveronDown", size: 16 })
           }
         ),
-        /* @__PURE__ */ y("ul", { ref: i, className: w(n["context-menu"], T && n["context-menu--open"]), children: [
+        /* @__PURE__ */ y("ul", { ref: c, className: w(n["context-menu"], T && n["context-menu--open"]), children: [
           /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: () => u("insertRowAbove"),
+              onClick: () => a("insertRowAbove"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableInsertRowAbove,
               children: t.table.insertRowAbove
@@ -66,7 +66,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             "button",
             {
               type: "button",
-              onClick: () => u("insertRowBelow"),
+              onClick: () => a("insertRowBelow"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableInsertRowBelow,
               children: t.table.insertRowBelow
@@ -76,7 +76,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             "button",
             {
               type: "button",
-              onClick: () => u("deleteRow"),
+              onClick: () => a("deleteRow"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableDeleteRow,
               children: t.table.deleteRow
@@ -86,7 +86,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             "button",
             {
               type: "button",
-              onClick: () => u("insertColumnLeft"),
+              onClick: () => a("insertColumnLeft"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableInsertColumnLeft,
               children: t.table.insertColumnLeft
@@ -96,7 +96,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             "button",
             {
               type: "button",
-              onClick: () => u("insertColumnRight"),
+              onClick: () => a("insertColumnRight"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableInsertColumnRight,
               children: t.table.insertColumnRight
@@ -106,7 +106,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             "button",
             {
               type: "button",
-              onClick: () => u("deleteColumn"),
+              onClick: () => a("deleteColumn"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableDeleteColumn,
               children: t.table.deleteColumn
@@ -116,7 +116,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
             "button",
             {
               type: "button",
-              onClick: () => u("deleteTable"),
+              onClick: () => a("deleteTable"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableDeleteTable,
               children: t.table.deleteTable