@uva-glass/component-library 3.54.3 → 3.55.1

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

@@ -1,9 +1,9 @@
-import { jsxs as u, Fragment as L, jsx as n } from "react/jsx-runtime";
-import { forwardRef as j, useState as d, useRef as K, useImperativeHandle as N, useLayoutEffect as T } from "react";
+import { jsxs as k, Fragment as K, jsx as n } from "react/jsx-runtime";
+import { forwardRef as j, useState as b, useRef as D, useImperativeHandle as N, useLayoutEffect as T } from "react";
 import { ensureHttps as g } from "../helpers.js";
-import { Icon as k } from "../../../../Icon/Icon.js";
+import { Icon as m } from "../../../../Icon/Icon.js";
 import { useTranslation as E } from "../../../hooks/useTranslation.js";
-import { Button as b } from "../../../../Buttons/Button.js";
+import { Button as f } from "../../../../Buttons/Button.js";
 import "../../../../Buttons/LinkButton.js";
 import "@react-aria/button";
 import '../../../../../assets/LinkContextMenu.css';const i = {
@@ -11,47 +11,51 @@ import '../../../../../assets/LinkContextMenu.css';const i = {
   "link-context-menu__input": "_link-context-menu__input_njt00_7",
   "link-context-menu__button": "_link-context-menu__button_njt00_25",
   "link-context-menu__actions": "_link-context-menu__actions_njt00_36"
-}, I = j(({ url: a, onSave: y, onDelete: f, onClose: h }, x) => {
-  const t = E(), [m, o] = d(a), [s, c] = d(!1), l = K(null), r = () => {
-    o(a), c(!1), l.current?.blur();
-  }, w = () => {
-    y(m), r();
-  }, _ = () => {
-    f(), o(""), r();
+}, O = j(({ url: a, onSave: y, onDelete: h, onClose: x }, w) => {
+  const t = E(), [_, o] = b(a), [c, u] = b(!1), l = D(null), r = () => {
+    o(a), u(!1), l.current?.blur();
   }, C = () => {
-    r(), h();
+    y(_), r();
+  }, d = () => {
+    h(), o(""), r();
+  }, L = () => {
+    r(), x();
   }, p = () => {
     window.open(g(a), "_blank");
   };
-  return N(x, () => ({
+  return N(w, () => ({
     clearForm: r
   })), T(() => {
-    o(a), window.addEventListener("keydown", (e) => {
-      e.ctrlKey && e.shiftKey && e.key === "L" && (c(!0), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.code === "Digit1" && (p(), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.key === "Q" && (_(), setTimeout(() => l.current?.focus(), 0));
-    });
-  }, [a]), /* @__PURE__ */ u(L, { children: [
-    /* @__PURE__ */ u("div", { className: i["link-context-menu__wrapper"], children: [
+    o(a);
+    const s = (e) => {
+      e.ctrlKey && e.shiftKey && e.key === "L" && (e.preventDefault(), u(!0), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.code === "Digit1" && (e.preventDefault(), p(), setTimeout(() => l.current?.focus(), 0)), e.ctrlKey && e.shiftKey && e.key === "Q" && (e.preventDefault(), d(), setTimeout(() => l.current?.focus(), 0));
+    };
+    return window.addEventListener("keydown", s), () => {
+      window.removeEventListener("keydown", s);
+    };
+  }, [a]), /* @__PURE__ */ k(K, { children: [
+    /* @__PURE__ */ k("div", { className: i["link-context-menu__wrapper"], children: [
       /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          value: m,
-          onChange: (e) => o(e.target.value),
+          value: _,
+          onChange: (s) => o(s.target.value),
           className: i["link-context-menu__input"],
-          disabled: !s,
+          disabled: !c,
           ref: l
         }
       ),
-      !s && /* @__PURE__ */ n(
+      !c && /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: i["link-context-menu__button"],
-          onClick: () => c(!0),
+          onClick: () => u(!0),
           title: t.links.linkEdittip,
           "aria-label": t.aria.labels.link,
           "aria-keyshortcuts": t.aria.keyshortcuts.editlink,
-          children: /* @__PURE__ */ n(k, { name: "Pencil", size: 20 })
+          children: /* @__PURE__ */ n(m, { name: "Pencil", size: 20 })
         }
       ),
       /* @__PURE__ */ n(
@@ -63,7 +67,7 @@ import '../../../../../assets/LinkContextMenu.css';const i = {
           title: t.links.linkTesttip,
           "aria-label": t.aria.labels.link,
           "aria-keyshortcuts": t.aria.keyshortcuts.testlink,
-          children: /* @__PURE__ */ n(k, { name: "ArrowTopRightOnSquare", size: 20 })
+          children: /* @__PURE__ */ n(m, { name: "ArrowTopRightOnSquare", size: 20 })
         }
       ),
       /* @__PURE__ */ n(
@@ -71,21 +75,21 @@ import '../../../../../assets/LinkContextMenu.css';const i = {
         {
           type: "button",
           className: i["link-context-menu__button"],
-          onClick: _,
+          onClick: d,
           title: t.links.linkDeletetip,
           "aria-label": t.aria.labels.link,
           "aria-keyshortcuts": t.aria.keyshortcuts.deletelink,
-          children: /* @__PURE__ */ n(k, { name: "LinkSlash", size: 20 })
+          children: /* @__PURE__ */ n(m, { name: "LinkSlash", size: 20 })
         }
       )
     ] }),
-    s && /* @__PURE__ */ u("div", { className: i["link-context-menu__actions"], children: [
-      /* @__PURE__ */ n(b, { variant: "secondary", onClick: C, "aria-label": t.common.cancel, type: "button", children: t.common.cancel }),
-      /* @__PURE__ */ n(b, { variant: "primary", onClick: w, "aria-label": t.aria.labels.linkOkButton, type: "button", children: t.links.addLink })
+    c && /* @__PURE__ */ k("div", { className: i["link-context-menu__actions"], children: [
+      /* @__PURE__ */ n(f, { variant: "secondary", onClick: L, "aria-label": t.common.cancel, type: "button", children: t.common.cancel }),
+      /* @__PURE__ */ n(f, { variant: "primary", onClick: C, "aria-label": t.aria.labels.linkOkButton, type: "button", children: t.links.addLink })
     ] })
   ] });
 });
 export {
-  I as LinkContextMenu
+  O as LinkContextMenu
 };
 //# sourceMappingURL=LinkContextMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n  url: string;\n  onSave: (url: string) => void;\n  onDelete: () => void;\n  onClose: () => void;\n}\n\nexport interface linkFormMethods {\n  clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n  const t = useTranslation();\n  const [link, setLink] = useState(url);\n  const [editable, setEditable] = useState(false);\n  const linkRef = useRef<HTMLInputElement>(null);\n\n  const reset = () => {\n    setLink(url);\n    setEditable(false);\n    linkRef.current?.blur();\n  };\n\n  const handleSave = () => {\n    onSave(link);\n    reset();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    setLink('');\n    reset();\n  };\n\n  const handleClose = () => {\n    reset();\n    onClose();\n  };\n\n  const handlePreview = () => {\n    window.open(ensureHttps(url), '_blank');\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: reset,\n  }));\n\n  useLayoutEffect(() => {\n    setLink(url);\n    window.addEventListener('keydown', (event) => {\n      if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n        setEditable(true);\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n        handlePreview();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n      if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n        handleDelete();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url]);\n\n  return (\n    <>\n      <div className={styles['link-context-menu__wrapper']}>\n        <input\n          type=\"text\"\n          value={link}\n          onChange={(event) => setLink(event.target.value)}\n          className={styles['link-context-menu__input']}\n          disabled={!editable}\n          ref={linkRef}\n        />\n        {!editable && (\n          <button\n            type=\"button\"\n            className={styles['link-context-menu__button']}\n            onClick={() => setEditable(true)}\n            title={t.links.linkEdittip}\n            aria-label={t.aria.labels.link}\n            aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n          >\n            <Icon name=\"Pencil\" size={20} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handlePreview}\n          title={t.links.linkTesttip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n        >\n          <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handleDelete}\n          title={t.links.linkDeletetip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n        >\n          <Icon name=\"LinkSlash\" size={20} />\n        </button>\n      </div>\n      {editable && (\n        <div className={styles['link-context-menu__actions']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      )}\n    </>\n  );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":"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"}
+{"version":3,"file":"LinkContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.tsx"],"sourcesContent":["import { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';\n\nimport styles from './LinkContextMenu.module.css';\n\nimport { ensureHttps } from 'components/RteEditor/Plugins/LinkPlugin/helpers';\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\nimport { Button } from 'components/Buttons';\n\ninterface LinkContextMenuProps {\n  url: string;\n  onSave: (url: string) => void;\n  onDelete: () => void;\n  onClose: () => void;\n}\n\nexport interface linkFormMethods {\n  clearForm: () => void;\n}\n\nexport const LinkContextMenu = forwardRef(({ url, onSave, onDelete, onClose }: LinkContextMenuProps, ref) => {\n  const t = useTranslation();\n  const [link, setLink] = useState(url);\n  const [editable, setEditable] = useState(false);\n  const linkRef = useRef<HTMLInputElement>(null);\n\n  const reset = () => {\n    setLink(url);\n    setEditable(false);\n    linkRef.current?.blur();\n  };\n\n  const handleSave = () => {\n    onSave(link);\n    reset();\n  };\n\n  const handleDelete = () => {\n    onDelete();\n    setLink('');\n    reset();\n  };\n\n  const handleClose = () => {\n    reset();\n    onClose();\n  };\n\n  const handlePreview = () => {\n    window.open(ensureHttps(url), '_blank');\n  };\n\n  useImperativeHandle(ref, () => ({\n    clearForm: reset,\n  }));\n\n  useLayoutEffect(() => {\n    setLink(url);\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.ctrlKey && event.shiftKey && event.key === 'L') {\n        event.preventDefault();\n        setEditable(true);\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n\n      if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {\n        event.preventDefault();\n        handlePreview();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n\n      if (event.ctrlKey && event.shiftKey && event.key === 'Q') {\n        event.preventDefault();\n        handleDelete();\n        setTimeout(() => linkRef.current?.focus(), 0);\n      }\n    };\n\n    window.addEventListener('keydown', handleKeydown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeydown);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [url]);\n\n  return (\n    <>\n      <div className={styles['link-context-menu__wrapper']}>\n        <input\n          type=\"text\"\n          value={link}\n          onChange={(event) => setLink(event.target.value)}\n          className={styles['link-context-menu__input']}\n          disabled={!editable}\n          ref={linkRef}\n        />\n        {!editable && (\n          <button\n            type=\"button\"\n            className={styles['link-context-menu__button']}\n            onClick={() => setEditable(true)}\n            title={t.links.linkEdittip}\n            aria-label={t.aria.labels.link}\n            aria-keyshortcuts={t.aria.keyshortcuts.editlink}\n          >\n            <Icon name=\"Pencil\" size={20} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handlePreview}\n          title={t.links.linkTesttip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.testlink}\n        >\n          <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n        </button>\n        <button\n          type=\"button\"\n          className={styles['link-context-menu__button']}\n          onClick={handleDelete}\n          title={t.links.linkDeletetip}\n          aria-label={t.aria.labels.link}\n          aria-keyshortcuts={t.aria.keyshortcuts.deletelink}\n        >\n          <Icon name=\"LinkSlash\" size={20} />\n        </button>\n      </div>\n      {editable && (\n        <div className={styles['link-context-menu__actions']}>\n          <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n            {t.common.cancel}\n          </Button>\n          <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n            {t.links.addLink}\n          </Button>\n        </div>\n      )}\n    </>\n  );\n});\n"],"names":["LinkContextMenu","forwardRef","url","onSave","onDelete","onClose","ref","useTranslation","link","setLink","useState","editable","setEditable","linkRef","useRef","reset","handleSave","handleDelete","handleClose","handlePreview","ensureHttps","useImperativeHandle","useLayoutEffect","handleKeydown","event","jsxs","Fragment","styles","jsx","Icon","Button"],"mappings":"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"}

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

@@ -1,16 +1,16 @@
-import { jsx as f, jsxs as $ } from "react/jsx-runtime";
+import { jsx as d, jsxs as q } from "react/jsx-runtime";
 import { o as Q } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { c as W } from "../../../../clsx-OuTLNxxd.js";
-import { E as b, j as Y, Z } from "../../../../LexicalLink.prod-Dp06n3Hn.js";
-import { useRef as a, useState as q, useEffect as u } from "react";
-import { ad as G, $ as p, B as J, aO as X, w, ap as tt, m as et, p as ot } from "../../../../Lexical.prod-A4JuKqM3.js";
-import { v as N } from "../../../../LexicalUtils.prod-CAsHFX57.js";
-import { A as rt } from "../../../../TablePlugin-CzmrXpxk.js";
-import { ensureHttps as nt } from "./helpers.js";
-import { LinkContextMenu as it } from "./LinkContextMenu/LinkContextMenu.js";
-import { useFlyout as st } from "../../hooks/useFlyout.js";
+import { E as N, j as Y, Z } from "../../../../LexicalLink.prod-DAVbKER8.js";
+import { useRef as a, useState as G, useEffect as u } from "react";
+import { ad as J, $ as p, B as X, ap as O, w as v, aq as tt, e as et, H as ot, m as rt, p as nt } from "../../../../Lexical.prod-o6Eq_uLx.js";
+import { v as T } from "../../../../LexicalUtils.prod-CF7x-KWm.js";
+import { A as st } from "../../../../TablePlugin-BRZcXq73.js";
+import { ensureHttps as it } from "./helpers.js";
+import { LinkContextMenu as ct } from "./LinkContextMenu/LinkContextMenu.js";
+import { useFlyout as at } from "../../hooks/useFlyout.js";
 import "../../../Accordion/Accordion.js";
-import { Icon as ct } from "../../../Icon/Icon.js";
+import { Icon as lt } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -24,9 +24,8 @@ 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 { s as g } from "../../../../RteEditor.module-DaBh86FK.js";
-import { useTranslation as lt } from "../../hooks/useTranslation.js";
+import { s as g } from "../../../../RteEditor.module-CoTOIw5i.js";
+import { useTranslation as ut } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "react-dom";
 import "../../../../index-yEhaxKq-.js";
@@ -36,124 +35,124 @@ import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BbwlEPIr.js";
 import "../../../WeekSelector/components/WeekSelectorOptionContainer.js";
-const ut = 200, Zt = ({ parentScrollPosition: O }) => {
-  const T = lt(), [i] = Q(), { flyout: U, showFlyout: S, hideFlyout: h, isVisible: l } = st(), m = a(void 0), x = a(!1), C = a(""), d = a(""), [k, I] = q({ active: !1, url: "", linktext: "" }), R = a(l), E = a(null), P = a(null), F = a(void 0), v = () => {
-    i.update(() => {
-      const r = p();
-      E.current = r;
+const mt = 200, Yt = ({ parentScrollPosition: U }) => {
+  const x = ut(), [s] = Q(), { flyout: I, showFlyout: P, hideFlyout: h, isVisible: l } = at(), m = a(void 0), F = a(!1), C = a(""), f = a(""), [k, j] = G({ active: !1, url: "", linktext: "" }), D = a(l), _ = a(null), E = a(null), R = a(void 0), y = () => {
+    s.update(() => {
+      const t = p();
+      _.current = t;
     });
-  }, D = () => {
-    i.update(() => {
-      E.current && et(E.current);
+  }, B = () => {
+    s.update(() => {
+      _.current && rt(_.current);
     });
-  }, j = (r, t) => {
-    S({
-      position: t,
-      children: /* @__PURE__ */ f(
-        it,
+  }, A = (t, o) => {
+    P({
+      position: o,
+      children: /* @__PURE__ */ d(
+        ct,
         {
-          url: r,
-          onSave: (e) => K(e, ""),
-          onDelete: () => A(),
-          onClose: B,
-          ref: F
+          url: t,
+          onSave: (r) => H(r, ""),
+          onDelete: () => M(),
+          onClose: w,
+          ref: R
         }
       )
     });
-  }, B = () => {
-    F.current?.clearForm(), h(), D();
-  }, _ = () => {
-    const r = P.current?.getBoundingClientRect();
-    !x.current && r && (v(), S({ position: { top: r.bottom, left: r.left }, ...H }), setTimeout(() => m.current?.setDefaults("", d.current), 0));
-  }, y = () => {
-    h(), D();
-  }, K = (r, t) => {
-    i.update(() => {
-      const e = p();
-      if (w(e)) {
-        const o = e.anchor.getNode(), s = N(o, b);
-        if (t && t !== "") {
-          if (s) {
-            const n = ot(t);
-            s.replace(n), n.select();
+  }, w = () => {
+    R.current?.clearForm(), h(), B();
+  }, S = () => {
+    const t = E.current?.getBoundingClientRect();
+    !F.current && t && (y(), P({ position: { top: t.bottom, left: t.left }, ...V }), setTimeout(() => m.current?.setDefaults("", f.current), 0));
+  }, b = () => {
+    h(), B();
+  }, H = (t, o) => {
+    s.update(() => {
+      const r = p();
+      if (v(r)) {
+        const e = r.anchor.getNode(), i = T(e, N);
+        if (o && o !== "") {
+          if (i) {
+            const n = nt(o);
+            i.replace(n), n.select();
           }
-          if (t !== C.current && C.current === "") {
-            const { anchor: n, focus: c } = e;
-            e.insertText(t), n.offset -= t.length, c.offset = n.offset + t.length;
+          if (o !== C.current && C.current === "") {
+            const { anchor: n, focus: c } = r;
+            r.insertText(o), n.offset -= o.length, c.offset = n.offset + o.length;
           }
         }
-        Z(nt(r), { target: "_blank" });
+        Z(it(t), { target: "_blank" });
       }
-      y();
+      b();
     });
-  }, A = () => {
-    i.dispatchCommand(Y, null), B();
-  }, H = {
-    children: /* @__PURE__ */ f(
-      rt,
+  }, M = () => {
+    s.dispatchCommand(Y, null), w();
+  }, V = {
+    children: /* @__PURE__ */ d(
+      st,
       {
         isLink: k,
-        onCloseHandler: y,
-        onSaveHandler: (r, t) => K(r, t),
+        onCloseHandler: b,
+        onSaveHandler: (t, o) => H(t, o),
         ref: m
       }
     )
   };
-  return u(() => {
-    l ? (x.current = !0, m.current?.focusFirstField()) : (m.current?.clearForm(), C.current = d.current = "", setTimeout(() => x.current = !1, ut));
+  u(() => {
+    l ? (F.current = !0, m.current?.focusFirstField()) : (m.current?.clearForm(), C.current = f.current = "", setTimeout(() => F.current = !1, mt));
   }, [m, l]), u(() => {
-    const r = (o) => {
-      if (w(o) && o.isCollapsed()) {
-        const s = o.anchor.getNode(), n = N(s, b);
+    const t = (e) => {
+      if (v(e) && e.isCollapsed()) {
+        const i = e.anchor.getNode(), n = T(i, N);
         if (n) {
-          const c = i.getElementByKey(o.anchor.getNode().getKey()), L = c ? { top: c.getBoundingClientRect().bottom, left: c.getBoundingClientRect().left } : { top: 0, left: 0 };
-          return j(n.getURL(), L), !0;
+          const c = s.getElementByKey(e.anchor.getNode().getKey()), L = c ? { top: c.getBoundingClientRect().bottom, left: c.getBoundingClientRect().left } : { top: 0, left: 0 };
+          return A(n.getURL(), L), !0;
         }
       }
       return !1;
-    }, t = i.registerCommand(
-      G,
+    }, o = s.registerCommand(
+      J,
       () => {
-        const o = p();
-        return d.current = o?.getTextContent() ?? "", r(o), !1;
+        const e = p();
+        return f.current = e?.getTextContent() ?? "", t(e), !1;
       },
       0
-    ), e = i.registerCommand(
-      J,
-      (o) => {
-        const s = p();
-        return v(), o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), r(s), !1;
+    ), r = s.registerCommand(
+      X,
+      (e) => {
+        const i = p();
+        return y(), e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), t(i), !1;
       },
       0
     );
     return () => {
-      e(), t();
+      r(), o();
     };
-  }, [i]), u(() => {
-    const r = i.registerCommand(
-      X,
-      (e) => {
-        if (e.ctrlKey && e.shiftKey && e.key === "U") {
-          const o = p();
-          if (v(), !w(o))
+  }, [s]), u(() => {
+    const t = s.registerCommand(
+      O,
+      (r) => {
+        if (r.ctrlKey && r.shiftKey && r.key === "U") {
+          const e = p();
+          if (y(), !v(e))
             return !1;
-          const s = o.anchor.getNode(), n = N(s, b), c = (M = "", V = "") => {
-            _(), setTimeout(() => m.current?.setDefaults(M, V), 0);
+          const i = e.anchor.getNode(), n = T(i, N), c = (z = "", $ = "") => {
+            S(), setTimeout(() => m.current?.setDefaults(z, $), 0);
           };
           if (n)
-            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), C.current = n.getTextContent(), c(n.getURL(), n.getTextContent()), !0;
-          const L = o.getTextContent();
-          return L !== "" ? (d.current = L, c("", d.current), !0) : (_(), !0);
+            return r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), C.current = n.getTextContent(), c(n.getURL(), n.getTextContent()), !0;
+          const L = e.getTextContent();
+          return L !== "" ? (f.current = L, c("", f.current), !0) : (S(), !0);
         }
         return !1;
       },
       tt
-    ), t = i.registerUpdateListener(({ editorState: e }) => {
-      I(
-        e.read(() => {
-          const o = p();
-          if (v(), w(o)) {
-            const s = o.anchor.getNode(), n = N(s, b);
+    ), o = s.registerUpdateListener(({ editorState: r }) => {
+      j(
+        r.read(() => {
+          const e = p();
+          if (y(), v(e)) {
+            const i = e.anchor.getNode(), n = T(i, N);
             if (n)
               return {
                 active: !0,
@@ -170,45 +169,49 @@ const ut = 200, Zt = ({ parentScrollPosition: O }) => {
       );
     });
     return () => {
-      r(), t();
+      t(), o();
     };
-  }, [i]), u(() => {
-    R.current = l, l || F.current?.clearForm();
+  }, [s]), u(() => {
+    D.current = l, l || R.current?.clearForm();
   }, [l]), u(() => {
-    l && y();
-  }, [O]), u(() => {
+    l && b();
+  }, [U]), u(() => {
     k.active || h();
-  }, [k]), u(() => {
-    const r = (e) => (z(t), e.key === "Escape" && R.current && (e.preventDefault(), e.stopPropagation(), y()), !0);
-    window.addEventListener("keydown", r, { capture: !0 });
-    const t = () => {
-      h();
-    };
-    return z(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
-      window.removeEventListener("keydown", r), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), at(t);
-    };
-  }, []), /* @__PURE__ */ f("div", { className: g["editor__toolbar-button-group"], children: /* @__PURE__ */ $("div", { className: g["editor__toolbar-button-flyoutwrapper"], children: [
-    /* @__PURE__ */ f(
+  }, [k]);
+  const K = () => {
+    h();
+  };
+  return u(() => et(
+    s.registerCommand(
+      O,
+      (t) => t.key === "Escape" && D.current ? (t.preventDefault(), b(), !0) : !1,
+      ot
+    ),
+    s.registerRootListener((t, o) => {
+      o && o.removeEventListener("scroll", K), t && t.addEventListener("scroll", K);
+    })
+  ), [s]), /* @__PURE__ */ d("div", { className: g["editor__toolbar-button-group"], children: /* @__PURE__ */ q("div", { className: g["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ d(
       "button",
       {
-        onClick: _,
-        title: T.links.linkTooltip,
+        onClick: S,
+        title: x.links.linkTooltip,
         className: W(
           g["editor__toolbar-button"],
           g["editor__toolbar-button--link"],
           k.active && g["editor__toolbar-button--active"]
         ),
-        "aria-label": T.aria.labels.link,
-        "aria-keyshortcuts": T.aria.keyshortcuts.link,
+        "aria-label": x.aria.labels.link,
+        "aria-keyshortcuts": x.aria.keyshortcuts.link,
         type: "button",
-        ref: P,
-        children: /* @__PURE__ */ f(ct, { name: "Link", size: 20 })
+        ref: E,
+        children: /* @__PURE__ */ d(lt, { name: "Link", size: 20 })
       }
     ),
-    U
+    I
   ] }) });
 };
 export {
-  Zt as LinkPlugin
+  Yt as LinkPlugin
 };
 //# sourceMappingURL=LinkPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { clsx } from 'clsx';\nimport { $toggleLink, TOGGLE_LINK_COMMAND, LinkNode } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_CRITICAL,\n  KEY_DOWN_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\nimport { $getNearestNodeOfType } from '@lexical/utils';\n\nimport type { ElementNode, 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\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 anchorNode = selection.anchor.getNode();\n        const linkNode = $getNearestNodeOfType(anchorNode, LinkNode);\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    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 anchorNode = selection.anchor.getNode() as ElementNode;\n        const node = $getNearestNodeOfType(anchorNode, LinkNode);\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.getURL(), 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 anchorNode = selection.anchor.getNode() as ElementNode;\n          const node = $getNearestNodeOfType(anchorNode, LinkNode);\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.getTextContent();\n            openFlyoutWithDefaults(node.getURL(), node.getTextContent());\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_CRITICAL\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 node = $getNearestNodeOfType(anchorNode, LinkNode);\n\n            if (node) {\n              return {\n                active: true,\n                url: node.getURL(),\n                linktext: node.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","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","anchorNode","linkNode","$getNearestNodeOfType","LinkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","handleSelectionClickOrChange","node","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_CRITICAL","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 { $toggleLink, TOGGLE_LINK_COMMAND, LinkNode } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  $createTextNode,\n  $getSelection,\n  $isRangeSelection,\n  $setSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_CRITICAL,\n  COMMAND_PRIORITY_LOW,\n  KEY_DOWN_COMMAND,\n  mergeRegister,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical';\nimport { $getNearestNodeOfType } from '@lexical/utils';\n\nimport type { ElementNode, 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';\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\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 anchorNode = selection.anchor.getNode();\n        const linkNode = $getNearestNodeOfType(anchorNode, LinkNode);\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    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 anchorNode = selection.anchor.getNode() as ElementNode;\n        const node = $getNearestNodeOfType(anchorNode, LinkNode);\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.getURL(), 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 anchorNode = selection.anchor.getNode() as ElementNode;\n          const node = $getNearestNodeOfType(anchorNode, LinkNode);\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.getTextContent();\n            openFlyoutWithDefaults(node.getURL(), node.getTextContent());\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_CRITICAL\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 node = $getNearestNodeOfType(anchorNode, LinkNode);\n\n            if (node) {\n              return {\n                active: true,\n                url: node.getURL(),\n                linktext: node.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  const handleOnScroll = () => {\n    hideFlyout();\n  };\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        KEY_DOWN_COMMAND,\n        (event: KeyboardEvent) => {\n          if (event.key === 'Escape' && isVisibleRef.current) {\n            event.preventDefault();\n            closeFlyout();\n            return true;\n          }\n          return false;\n        },\n        COMMAND_PRIORITY_LOW\n      ),\n\n      editor.registerRootListener((rootElement, prevRootElement) => {\n        if (prevRootElement) {\n          prevRootElement.removeEventListener('scroll', handleOnScroll);\n        }\n\n        if (rootElement) {\n          rootElement.addEventListener('scroll', handleOnScroll);\n        }\n      })\n    );\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={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","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","anchorNode","linkNode","$getNearestNodeOfType","LinkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","handleSelectionClickOrChange","node","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_CRITICAL","removeStatusListener","editorState","handleOnScroll","mergeRegister","COMMAND_PRIORITY_LOW","rootElement","prevRootElement","styles","jsxs","clsx","Icon"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { e as w } from "../../../../LexicalLink.prod-Dp06n3Hn.js";
+import { e as w } from "../../../../LexicalLink.prod-DAVbKER8.js";
 const a = /^(http|https):\/\//, s = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/, A = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/, z = /^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})?$/, e = (t) => t === "https://" || s.test(t), n = (t) => t === "https://" || z.test(t), o = [
   w(s, (t) => a.test(t) ? t : `//${t}`),
   w(A, (t) => `mailto:${t}`)