npm - @uva-glass/component-library - Versions diffs - 1.61.0 → 1.61.2 - Mend

@uva-glass/component-library 1.61.0 → 1.61.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

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

@@ -2,9 +2,9 @@ import { jsx as h, jsxs as S } from "react/jsx-runtime";
 import { u as U } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import { c as H } from "../../../../clsx-OuTLNxxd.js";
 import { g as P, m as I, e as K, U as O } from "../../../../helpers-BB6Byf50.js";
-import { useRef as L, useState as j, useEffect as x } from "react";
-import { e as V, A as f, r as z, x as y, _ as W, L as Y, l as q } from "../../../../Lexical.prod-qM_1BY0u.js";
-import { A as B } from "../../../../TablePlugin-CLPV2OjO.js";
+import { useRef as L, useState as j, useEffect as y } from "react";
+import { e as V, A as f, r as z, x, _ as W, L as Y, l as q } from "../../../../Lexical.prod-qM_1BY0u.js";
+import { A as B } from "../../../../TablePlugin-BvwAKpcu.js";
 import { useFlyout as G } from "../../hooks/useFlyout.js";
 import { Icon as J } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import { s as p } from "../../../../RteEditor.module-Cku3JY-0.js";
+import { s as p } from "../../../../RteEditor.module-BwAtWRHo.js";
 import { useTranslation as M } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
@@ -47,7 +47,7 @@ const Q = 200, C = (u) => {
   }
   return !1;
 }, Ct = () => {
-  const u = M(), [t] = U(), { flyout: w, showFlyout: d, closeFlyout: g, isVisible: b } = G(), a = L(), T = L(!1), m = L(""), l = L(""), [v, D] = j({ active: !1, url: "", linktext: "" }), E = () => {
+  const u = M(), [t] = U(), { flyout: w, showFlyout: d, closeFlyout: g, isVisible: N } = G(), a = L(), T = L(!1), m = L(""), l = L(""), [v, D] = j({ active: !1, url: "", linktext: "" }), E = () => {
     T.current || (d(k), l.current !== "" && setTimeout(() => {
       var o;
       return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
@@ -55,7 +55,7 @@ const Q = 200, C = (u) => {
   }, A = (o, r) => {
     t.update(() => {
       const e = f();
-      if (y(e)) {
+      if (x(e)) {
         const n = e.anchor.getNode(), i = C(n);
         if (r && r !== "") {
           if (i) {
@@ -63,8 +63,8 @@ const Q = 200, C = (u) => {
             i.replace(c), c.select();
           }
           if (r !== m.current && m.current === "") {
-            const { anchor: c, focus: N } = e;
-            e.insertText(r), c.offset -= r.length, N.offset = c.offset + r.length;
+            const { anchor: c, focus: b } = e;
+            e.insertText(r), c.offset -= r.length, b.offset = c.offset + r.length;
           }
         }
         I(K(o), { target: "_blank" });
@@ -85,10 +85,10 @@ const Q = 200, C = (u) => {
       }
     )
   };
-  return x(() => {
+  return y(() => {
     var o, r;
-    b ? (T.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), m.current = l.current = "", setTimeout(() => T.current = !1, Q));
-  }, [a, b]), x(() => {
+    N ? (T.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), m.current = l.current = "", setTimeout(() => T.current = !1, Q));
+  }, [a, N]), y(() => {
     const o = t.registerCommand(
       V,
       () => {
@@ -100,7 +100,7 @@ const Q = 200, C = (u) => {
       z,
       (e) => {
         const s = f();
-        if (y(s)) {
+        if (x(s)) {
           const n = F(s.anchor.getNode());
           if (n)
             return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), d(k), m.current = n.linktext, setTimeout(() => {
@@ -117,18 +117,18 @@ const Q = 200, C = (u) => {
     return () => {
       r(), o();
     };
-  }, [t]), x(() => {
+  }, [t]), y(() => {
     const o = t.registerCommand(
       W,
       (e) => {
         if (e.ctrlKey && e.shiftKey && e.key === "U") {
           const s = f();
-          if (!y(s))
+          if (!x(s))
             return !1;
-          const n = F(s.anchor.getNode()), i = (N = "", R = "") => {
+          const n = F(s.anchor.getNode()), i = (b = "", R = "") => {
             d(k), setTimeout(() => {
               var _;
-              return (_ = a.current) == null ? void 0 : _.setDefaults(N, R);
+              return (_ = a.current) == null ? void 0 : _.setDefaults(b, R);
             }, 0);
           };
           if (n)
@@ -143,7 +143,7 @@ const Q = 200, C = (u) => {
       D(
         e.read(() => {
           const s = f();
-          if (y(s)) {
+          if (x(s)) {
             const n = s.anchor.getNode(), i = C(n);
             if (i)
               return {
@@ -163,7 +163,7 @@ const Q = 200, C = (u) => {
     return () => {
       o(), r();
     };
-  }, [t]), x(() => {
+  }, [t]), y(() => {
     const o = (r) => {
       r.key === "Escape" && (r.preventDefault(), g());
     };
@@ -183,6 +183,7 @@ const Q = 200, C = (u) => {
         ),
         "aria-label": u.aria.labels.link,
         "aria-keyshortcuts": u.aria.keyshortcuts.link,
+        type: "button",
         children: /* @__PURE__ */ h(J, { name: "Link", size: 20 })
       }
     ),

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

	@@ -1 +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 CLICK_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n KEY_DOWN_COMMAND,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n active: boolean;\n url: string;\n linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode \| null): ElementNode \| null => {\n let currentNode: TextNode \| ElementNode \| null = node;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return currentNode;\n }\n currentNode = currentNode.getParent();\n }\n\n return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode \| TextNode): boolean \| LinkType => {\n let currentNode: TextNode \| ElementNode \| null = anchorNode;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return {\n active: true,\n url: currentNode.getURL(),\n linktext: currentNode.getTextContent(),\n };\n }\n currentNode = currentNode.getParent();\n }\n\n return false;\n};\n\nexport const LinkPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n const addLinkForm = useRef<addLinkFormMethods>();\n const preventOpen = useRef(false);\n const previousLinkText = useRef('');\n const selectedText = useRef('');\n const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n\n const openFlyout = () => {\n if (!preventOpen.current) {\n showFlyout(flyoutOptions);\n if (selectedText.current !== '') {\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n }\n };\n\n const insertLink = (url: string, linktext: string) => {\n editor.update(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchor = selection.anchor;\n const node = anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(node);\n\n if (linktext && linktext !== '') {\n if (linkNode) {\n const newTextNode = $createTextNode(linktext);\n linkNode.replace(newTextNode);\n newTextNode.select();\n }\n if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n const { anchor, focus } = selection;\n selection.insertText(linktext);\n anchor.offset -= linktext.length;\n focus.offset = anchor.offset + linktext.length;\n }\n }\n $toggleLink(ensureHttps(url), { target: '_blank' });\n }\n\n closeFlyout();\n });\n };\n\n const removeLink = (): void => {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n closeFlyout();\n };\n\n const flyoutOptions = {\n children: (\n <AddLinkForm\n isLink={isLink}\n onCloseHandler={closeFlyout}\n onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n onRemoveHandler={removeLink}\n ref={addLinkForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addLinkForm.current?.clearForm();\n previousLinkText.current = selectedText.current = '';\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addLinkForm.current?.focusFirstField();\n }\n }, [addLinkForm, isVisible]);\n\n useEffect(() => {\n const unregisterSelect = editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n const selection = $getSelection();\n selectedText.current = selection?.getTextContent() ?? '';\n return false;\n },\n 0\n );\n\n const unregister = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n showFlyout(flyoutOptions);\n previousLinkText.current = node.linktext;\n setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n return true;\n } else if (selection.getTextContent() !== '') {\n selectedText.current = selection.getTextContent();\n return true;\n }\n }\n return false;\n },\n 0\n );\n\n return () => {\n unregister();\n unregisterSelect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n const selection = $getSelection();\n\n if (!$isRangeSelection(selection)) {\n return false;\n }\n\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n const openFlyoutWithDefaults = (url = '', linkText = '') => {\n showFlyout(flyoutOptions);\n setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n };\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n\n previousLinkText.current = node.linktext;\n openFlyoutWithDefaults(node.url, node.linktext);\n\n return true;\n }\n\n const selectedTextContent = selection.getTextContent();\n if (selectedTextContent !== '') {\n selectedText.current = selectedTextContent;\n openFlyoutWithDefaults('', selectedText.current);\n\n return true;\n }\n\n showFlyout(flyoutOptions);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n setIsLink(\n editorState.read(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n if (linkNode) {\n return {\n active: true,\n url: linkNode.getURL(),\n linktext: linkNode.getTextContent(),\n };\n }\n }\n\n return {\n active: false,\n url: '',\n linktext: '',\n };\n })\n );\n });\n\n return () => {\n removeKeyboardShortcut();\n removeStatusListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown);\n\n return () => {\n document.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n <button\n onClick={openFlyout}\n title={t.links.linkTooltip}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--link`],\n isLink.active && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.link}\n >\n <Icon name=\"Link\" size={20} />\n </button>\n {flyout}\n </div>\n </div>\n );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","openFlyout","flyoutOptions","_a","insertLink","url","linktext","selection","$getSelection","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregister","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}
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 CLICK_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n KEY_DOWN_COMMAND,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n active: boolean;\n url: string;\n linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode \| null): ElementNode \| null => {\n let currentNode: TextNode \| ElementNode \| null = node;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return currentNode;\n }\n currentNode = currentNode.getParent();\n }\n\n return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode \| TextNode): boolean \| LinkType => {\n let currentNode: TextNode \| ElementNode \| null = anchorNode;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return {\n active: true,\n url: currentNode.getURL(),\n linktext: currentNode.getTextContent(),\n };\n }\n currentNode = currentNode.getParent();\n }\n\n return false;\n};\n\nexport const LinkPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, closeFlyout, isVisible } = useFlyout();\n const addLinkForm = useRef<addLinkFormMethods>();\n const preventOpen = useRef(false);\n const previousLinkText = useRef('');\n const selectedText = useRef('');\n const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n\n const openFlyout = () => {\n if (!preventOpen.current) {\n showFlyout(flyoutOptions);\n if (selectedText.current !== '') {\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n }\n };\n\n const insertLink = (url: string, linktext: string) => {\n editor.update(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchor = selection.anchor;\n const node = anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(node);\n\n if (linktext && linktext !== '') {\n if (linkNode) {\n const newTextNode = $createTextNode(linktext);\n linkNode.replace(newTextNode);\n newTextNode.select();\n }\n if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n const { anchor, focus } = selection;\n selection.insertText(linktext);\n anchor.offset -= linktext.length;\n focus.offset = anchor.offset + linktext.length;\n }\n }\n $toggleLink(ensureHttps(url), { target: '_blank' });\n }\n\n closeFlyout();\n });\n };\n\n const removeLink = (): void => {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n closeFlyout();\n };\n\n const flyoutOptions = {\n children: (\n <AddLinkForm\n isLink={isLink}\n onCloseHandler={closeFlyout}\n onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n onRemoveHandler={removeLink}\n ref={addLinkForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addLinkForm.current?.clearForm();\n previousLinkText.current = selectedText.current = '';\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addLinkForm.current?.focusFirstField();\n }\n }, [addLinkForm, isVisible]);\n\n useEffect(() => {\n const unregisterSelect = editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n const selection = $getSelection();\n selectedText.current = selection?.getTextContent() ?? '';\n return false;\n },\n 0\n );\n\n const unregister = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n showFlyout(flyoutOptions);\n previousLinkText.current = node.linktext;\n setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n return true;\n } else if (selection.getTextContent() !== '') {\n selectedText.current = selection.getTextContent();\n return true;\n }\n }\n return false;\n },\n 0\n );\n\n return () => {\n unregister();\n unregisterSelect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n const selection = $getSelection();\n\n if (!$isRangeSelection(selection)) {\n return false;\n }\n\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n const openFlyoutWithDefaults = (url = '', linkText = '') => {\n showFlyout(flyoutOptions);\n setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n };\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n\n previousLinkText.current = node.linktext;\n openFlyoutWithDefaults(node.url, node.linktext);\n\n return true;\n }\n\n const selectedTextContent = selection.getTextContent();\n if (selectedTextContent !== '') {\n selectedText.current = selectedTextContent;\n openFlyoutWithDefaults('', selectedText.current);\n\n return true;\n }\n\n showFlyout(flyoutOptions);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n setIsLink(\n editorState.read(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n if (linkNode) {\n return {\n active: true,\n url: linkNode.getURL(),\n linktext: linkNode.getTextContent(),\n };\n }\n }\n\n return {\n active: false,\n url: '',\n linktext: '',\n };\n })\n );\n });\n\n return () => {\n removeKeyboardShortcut();\n removeStatusListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown);\n\n return () => {\n document.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n <button\n onClick={openFlyout}\n title={t.links.linkTooltip}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--link`],\n isLink.active && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.link}\n type=\"button\"\n >\n <Icon name=\"Link\" size={20} />\n </button>\n {flyout}\n </div>\n </div>\n );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","openFlyout","flyoutOptions","_a","insertLink","url","linktext","selection","$getSelection","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregister","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAqB,KAQrBC,IAAc,CAACC,MAAiD;AACpE,MAAIC,IAA6CD;AAEjD,SAAOC,KAAa;AACd,QAAAC,EAAYD,CAAW;AAClB,aAAAA;AAET,IAAAA,IAAcA,EAAY;EAC5B;AAEO,SAAA;AACT,GAEaE,IAAiB,CAACC,MAA2D;AACxF,MAAIH,IAA6CG;AAEjD,SAAOH,KAAa;AACd,QAAAC,EAAYD,CAAW;AAClB,aAAA;AAAA,QACL,QAAQ;AAAA,QACR,KAAKA,EAAY,OAAO;AAAA,QACxB,UAAUA,EAAY,eAAe;AAAA,MAAA;AAGzC,IAAAA,IAAcA,EAAY;EAC5B;AAEO,SAAA;AACT,GAEaI,KAAa,MAAM;AAC9B,QAAMC,IAAIC,KACJ,CAACC,CAAM,IAAIC,KACX,EAAE,QAAAC,GAAQ,YAAAC,GAAY,aAAAC,GAAa,WAAAC,EAAA,IAAcC,KACjDC,IAAcC,KACdC,IAAcD,EAAO,EAAK,GAC1BE,IAAmBF,EAAO,EAAE,GAC5BG,IAAeH,EAAO,EAAE,GACxB,CAACI,GAAQC,CAAS,IAAIC,EAAmB,EAAE,QAAQ,IAAO,KAAK,IAAI,UAAU,GAAI,CAAA,GAEjFC,IAAa,MAAM;AACnB,IAACN,EAAY,YACfN,EAAWa,CAAa,GACpBL,EAAa,YAAY,MAChB,WAAA,MAAA;;AAAM,cAAAM,IAAAV,EAAY,YAAZ,gBAAAU,EAAqB,YAAY,IAAIN,EAAa;AAAA,OAAU,CAAC;AAAA,EAElF,GAGIO,IAAa,CAACC,GAAaC,MAAqB;AACpD,IAAApB,EAAO,OAAO,MAAM;AAClB,YAAMqB,IAAYC;AAEd,UAAAC,EAAkBF,CAAS,GAAG;AAE1B,cAAA7B,IADS6B,EAAU,OACL,WACdG,IAAWjC,EAAYC,CAAI;AAE7B,YAAA4B,KAAYA,MAAa,IAAI;AAC/B,cAAII,GAAU;AACN,kBAAAC,IAAcC,EAAgBN,CAAQ;AAC5C,YAAAI,EAAS,QAAQC,CAAW,GAC5BA,EAAY,OAAO;AAAA,UACrB;AACA,cAAIL,MAAaV,EAAiB,WAAWA,EAAiB,YAAY,IAAI;AAC5E,kBAAM,EAAE,QAAAiB,GAAQ,OAAAC,EAAA,IAAUP;AAC1B,YAAAA,EAAU,WAAWD,CAAQ,GAC7BO,EAAO,UAAUP,EAAS,QACpBQ,EAAA,SAASD,EAAO,SAASP,EAAS;AAAA,UAC1C;AAAA,QACF;AACAS,QAAAA,EAAYC,EAAYX,CAAG,GAAG,EAAE,QAAQ,UAAU;AAAA,MACpD;AAEY,MAAAf;IAAA,CACb;AAAA,EAAA,GAQGY,IAAgB;AAAA,IACpB,UACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAApB;AAAA,QACA,gBAAgBR;AAAA,QAChB,eAAe,CAACe,GAAKC,MAAaF,EAAWC,GAAKC,CAAQ;AAAA,QAC1D,iBAXa,MAAY;AACtB,UAAApB,EAAA,gBAAgBiC,GAAqB,IAAI,GACpC7B;QAAA;AAAA,QAUR,KAAKG;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAIJ,SAAA2B,EAAU,MAAM;;AACd,IAAK7B,KAKHI,EAAY,UAAU,KACtB0B,IAAA5B,EAAY,YAAZ,QAAA4B,EAAqB,uBALrBlB,IAAAV,EAAY,YAAZ,QAAAU,EAAqB,aACJP,EAAA,UAAUC,EAAa,UAAU,IAClD,WAAW,MAAOF,EAAY,UAAU,IAAQnB,CAAkB;AAAA,EAIpE,GACC,CAACiB,GAAaF,CAAS,CAAC,GAE3B6B,EAAU,MAAM;AACd,UAAME,IAAmBpC,EAAO;AAAA,MAC9BqC;AAAAA,MACA,MAAM;AACJ,cAAMhB,IAAYC;AACL,eAAAX,EAAA,WAAUU,KAAA,gBAAAA,EAAW,qBAAoB,IAC/C;AAAA,MACT;AAAA,MACA;AAAA,IAAA,GAGIiB,IAAatC,EAAO;AAAA,MACxBuC;AAAAA,MACA,CAACC,MAAU;AACT,cAAMnB,IAAYC;AACd,YAAAC,EAAkBF,CAAS,GAAG;AAChC,gBAAM7B,IAAOG,EAAe0B,EAAU,OAAO,QAAS,CAAA;AAEtD,cAAI7B;AACF,mBAAAgD,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBA,EAAM,yBAAyB,GAC/BrC,EAAWa,CAAa,GACxBN,EAAiB,UAAUlB,EAAK,UACrB,WAAA,MAAM;;AAAA,sBAAAyB,IAAAV,EAAY,YAAZ,gBAAAU,EAAqB,YAAYzB,EAAK,KAAKA,EAAK;AAAA,eAAW,CAAC,GACtE;AACE,cAAA6B,EAAU,eAAe,MAAM;AAC3B,mBAAAV,EAAA,UAAUU,EAAU,kBAC1B;AAAA,QAEX;AACO,eAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAGF,WAAO,MAAM;AACA,MAAAiB,KACMF;IAAA;AAAA,EACnB,GAEC,CAACpC,CAAM,CAAC,GAEXkC,EAAU,MAAM;AACd,UAAMO,IAAyBzC,EAAO;AAAA,MACpC0C;AAAAA,MACA,CAACF,MAAyB;AACxB,YAAIA,EAAM,WAAWA,EAAM,YAAYA,EAAM,QAAQ,KAAK;AACxD,gBAAMnB,IAAYC;AAEd,cAAA,CAACC,EAAkBF,CAAS;AACvB,mBAAA;AAGT,gBAAM7B,IAAOG,EAAe0B,EAAU,OAAO,QAAS,CAAA,GAEhDsB,IAAyB,CAACxB,IAAM,IAAIyB,IAAW,OAAO;AAC1D,YAAAzC,EAAWa,CAAa,GACxB,WAAW,MAAA;;AAAM,sBAAAC,IAAAV,EAAY,YAAZ,gBAAAU,EAAqB,YAAYE,GAAKyB;AAAA,eAAW,CAAC;AAAA,UAAA;AAGrE,cAAIpD;AACF,mBAAAgD,EAAM,eAAe,GACrBA,EAAM,gBAAgB,GACtBA,EAAM,yBAAyB,GAE/B9B,EAAiB,UAAUlB,EAAK,UACTmD,EAAAnD,EAAK,KAAKA,EAAK,QAAQ,GAEvC;AAGH,gBAAAqD,IAAsBxB,EAAU;AACtC,iBAAIwB,MAAwB,MAC1BlC,EAAa,UAAUkC,GACAF,EAAA,IAAIhC,EAAa,OAAO,GAExC,OAGTR,EAAWa,CAAa,GACjB;AAAA,QACT;AACO,eAAA;AAAA,MACT;AAAA,MACA8B;AAAAA,IAAA,GAGIC,IAAuB/C,EAAO,uBAAuB,CAAC,EAAE,aAAAgD,QAAkB;AAC9E,MAAAnC;AAAA,QACEmC,EAAY,KAAK,MAAM;AACrB,gBAAM3B,IAAYC;AAEd,cAAAC,EAAkBF,CAAS,GAAG;AAC1B,kBAAAzB,IAAayB,EAAU,OAAO,QAAQ,GACtCG,IAAWjC,EAAYK,CAAU;AAEvC,gBAAI4B;AACK,qBAAA;AAAA,gBACL,QAAQ;AAAA,gBACR,KAAKA,EAAS,OAAO;AAAA,gBACrB,UAAUA,EAAS,eAAe;AAAA,cAAA;AAAA,UAGxC;AAEO,iBAAA;AAAA,YACL,QAAQ;AAAA,YACR,KAAK;AAAA,YACL,UAAU;AAAA,UAAA;AAAA,QACZ,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,WAAO,MAAM;AACY,MAAAiB,KACFM;IAAA;AAAA,EACvB,GAEC,CAAC/C,CAAM,CAAC,GAEXkC,EAAU,MAAM;AACR,UAAAe,IAAgB,CAACT,MAAyB;AAC1C,MAAAA,EAAM,QAAQ,aAChBA,EAAM,eAAe,GACTpC;IACd;AAGO,oBAAA,iBAAiB,WAAW6C,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa;AAAA,IAAA;AAAA,EAGzD,GAAG,CAAE,CAAA,GAGH,gBAAAlB,EAAC,OAAI,EAAA,WAAWmB,EAAO,8BAA8B,GACnD,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,sCAAsC,GAC3D,UAAA;AAAA,IAAA,gBAAAnB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAShB;AAAA,QACT,OAAOjB,EAAE,MAAM;AAAA,QACf,WAAWsD;AAAA,UACTF,EAAO,wBAAwB;AAAA,UAC/BA,EAAO,8BAA8B;AAAA,UACrCtC,EAAO,UAAUsC,EAAO,gCAAgC;AAAA,QAC1D;AAAA,QACA,cAAYpD,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,MAAK;AAAA,QAEL,UAAC,gBAAAiC,EAAAsB,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9B;AAAA,IACCnD;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ;"}

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

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { L as f } from "../../../../ListPlugin-Bhkh3IBK.js";
+import { L as f } from "../../../../ListPlugin-BLefaGXG.js";
 import "react";
 import "../../../../clsx-OuTLNxxd.js";
 import "../../../../Lexical.prod-qM_1BY0u.js";
 import "../../../Icon/Icon.js";
-import "../../../../RteEditor.module-Cku3JY-0.js";
+import "../../../../RteEditor.module-BwAtWRHo.js";
 import "../../hooks/useTranslation.js";
 export {
   f as ListPlugin

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

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

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

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

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

@@ -15,17 +15,17 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
 }, O = 25, N = 10, f = 4, A = 25, M = (u) => {
   const r = u.cloneNode(!0);
   r.style.height = "auto", r.style.left = "-3000px", document.body.appendChild(r);
-  const h = r.getBoundingClientRect().height;
-  return document.body.removeChild(r), h;
-}, W = ({ position: u, parentScrollPosition: r, onAction: h }) => {
-  const t = H(), [T, b] = _(!1), [E, x] = _(!1), [c, B] = _({ xPos: 0, yPos: 0, height: 0 }), [m, I] = _(0), y = d(0), i = d(null), s = d(null), l = d(null), [v] = $(), a = (o) => {
-    h(o), b(!1);
+  const b = r.getBoundingClientRect().height;
+  return document.body.removeChild(r), b;
+}, W = ({ position: u, parentScrollPosition: r, onAction: b }) => {
+  const t = H(), [T, h] = _(!1), [E, x] = _(!1), [c, B] = _({ xPos: 0, yPos: 0, height: 0 }), [m, I] = _(0), y = d(0), i = d(null), s = d(null), l = d(null), [v] = $(), a = (o) => {
+    b(o), h(!1);
   }, C = () => {
     const o = i.current ? i.current.getBoundingClientRect().width : 0;
     s.current && i.current && l.current && (c.xPos < o && s.current ? (s.current.style.left = `${o - c.xPos + N}px`, l.current.style.right = `${o - c.xPos + f + N}px`) : (s.current.style.left = "0px", l.current.style.right = `${f}px`), m || I(M(i.current)), m > document.documentElement.clientHeight - c.yPos ? (s.current.style.top = `-${m + c.height}px`, l.current.style.top = `${m + f}px`, l.current.style.transform = "rotate(180deg)") : (s.current.style.top = "0px", l.current.style.top = `-${A}px`, l.current.style.transform = "none"));
   }, P = () => (C(), `translate(${((c == null ? void 0 : c.xPos) ?? 0) - (i.current ? i.current.getBoundingClientRect().width : 0)}px, ${c.yPos - (r - y.current)}px)`);
   return R(() => {
-    B(u), u && (y.current = r), b(!1), x(!1);
+    B(u), u && (y.current = r), h(!1), x(!1);
   }, [u]), R(() => {
     if (l.current) {
       const o = l.current.getBoundingClientRect(), p = v.getRootElement();
@@ -41,7 +41,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
       },
       ref: s,
       children: [
-        /* @__PURE__ */ e("button", { onClick: () => b((o) => !o), className: n["context-menu__button"], ref: l, children: /* @__PURE__ */ e(k, { name: "CheveronDown", size: 16 }) }),
+        /* @__PURE__ */ e("button", { onClick: () => h((o) => !o), className: n["context-menu__button"], ref: l, children: /* @__PURE__ */ e(k, { name: "CheveronDown", size: 16 }) }),
         /* @__PURE__ */ g("ul", { ref: i, className: w(n["context-menu"], T && n["context-menu--open"]), children: [
           /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
             "button",
@@ -94,6 +94,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
               onClick: () => a("deleteColumn"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableDeleteColumn,
+              type: "button",
               children: t.table.deleteColumn
             }
           ) }),
@@ -103,6 +104,7 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
               onClick: () => a("deleteTable"),
               className: n["context-menu__item"],
               "aria-label": t.aria.labels.tableDeleteTable,
+              type: "button",
               children: t.table.deleteTable
             }
           ) })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n \| 'insertRowAbove'\n \| 'insertRowBelow'\n \| 'deleteRow'\n \| 'deleteTable'\n \| 'insertColumnLeft'\n \| 'insertColumnRight'\n \| 'deleteColumn';\ninterface TableCellContextMenuProps {\n position: Position;\n parentScrollPosition: number;\n onAction: (action: Actions) => void;\n}\n\nconst CONTEXT_MENU_OFFSET = 25;\nconst WHITE_SPACE = 10;\nconst BUTTON_SHIFT = 4;\nconst BUTTON_RESET = 25;\n\nconst mesureElement = (srcElement: HTMLElement) => {\n const mesureElement = srcElement.cloneNode(true) as HTMLElement;\n mesureElement.style.height = 'auto';\n mesureElement.style.left = '-3000px';\n document.body.appendChild(mesureElement);\n const height = mesureElement.getBoundingClientRect().height;\n document.body.removeChild(mesureElement);\n return height;\n};\n\nexport const TableCellContextMenu = ({ position, parentScrollPosition, onAction }: TableCellContextMenuProps) => {\n const t = useTranslation();\n const [isOpen, setIsOpen] = useState(false);\n const [isHidden, setIsHidden] = useState(false);\n const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0, height: 0 });\n const [menuHeight, setMenuHeight] = useState(0);\n const startScrollPosition = useRef(0);\n const menuRef = useRef<HTMLUListElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const [editor] = useLexicalComposerContext();\n\n const handleAction = (action: Actions) => {\n onAction(action);\n setIsOpen(false);\n };\n\n const flipMenuIfNotInViewpoort = () => {\n const menuWidth = menuRef.current ? menuRef.current.getBoundingClientRect().width : 0;\n\n if (containerRef.current && menuRef.current && buttonRef.current) {\n if (localPosition.xPos < menuWidth && containerRef.current) {\n containerRef.current.style.left = `${menuWidth - localPosition.xPos + WHITE_SPACE}px`;\n buttonRef.current.style.right = `${menuWidth - localPosition.xPos + BUTTON_SHIFT + WHITE_SPACE}px`;\n } else {\n containerRef.current.style.left = '0px';\n buttonRef.current.style.right = `${BUTTON_SHIFT}px`;\n }\n\n if (!menuHeight) {\n setMenuHeight(mesureElement(menuRef.current));\n }\n\n if (menuHeight > document.documentElement.clientHeight - localPosition.yPos) {\n containerRef.current.style.top = `-${menuHeight + localPosition.height}px`;\n buttonRef.current.style.top = `${menuHeight + BUTTON_SHIFT}px`;\n buttonRef.current.style.transform = 'rotate(180deg)';\n } else {\n containerRef.current.style.top = '0px';\n buttonRef.current.style.top = `-${BUTTON_RESET}px`;\n buttonRef.current.style.transform = 'none';\n }\n }\n };\n\n const setMenuPosition = () => {\n flipMenuIfNotInViewpoort();\n return `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos - (parentScrollPosition - startScrollPosition.current)}px)`;\n };\n\n useEffect(() => {\n setLocalPosition(position);\n if (position) {\n startScrollPosition.current = parentScrollPosition;\n }\n setIsOpen(false);\n setIsHidden(false);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [position]);\n\n useEffect(() => {\n if (buttonRef.current) {\n const rect = buttonRef.current.getBoundingClientRect();\n const rootElement = editor.getRootElement();\n if (!rootElement) return;\n if (\n rect.top - rootElement.getBoundingClientRect().top <= 0 \|\|\n rect.top - rootElement.getBoundingClientRect().bottom + CONTEXT_MENU_OFFSET >= 0\n ) {\n setIsHidden(true);\n } else {\n setIsHidden(false);\n }\n flipMenuIfNotInViewpoort();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [parentScrollPosition]);\n\n return (\n <div\n className={clsx(styles['context-menu__wrapper'], [isHidden && styles['context-menu__wrapper--hidden']])}\n style={{\n transform: `${setMenuPosition()}`,\n }}\n ref={containerRef}\n >\n <button onClick={() => setIsOpen((prev) => !prev)} className={styles['context-menu__button']} ref={buttonRef}>\n <Icon name=\"CheveronDown\" size={16} />\n </button>\n <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n <li>\n <button\n onClick={() => handleAction('insertRowAbove')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertRowAbove}\n >\n {t.table.insertRowAbove}\n </button>\n </li>\n <li>\n <button\n onClick={() => handleAction('insertRowBelow')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertRowBelow}\n >\n {t.table.insertRowBelow}\n </button>\n </li>\n <li className={styles['context-menu__item-divider']}>\n <button\n onClick={() => handleAction('deleteRow')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableDeleteRow}\n >\n {t.table.deleteRow}\n </button>\n </li>\n\n <li>\n <button\n onClick={() => handleAction('insertColumnLeft')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertColumnLeft}\n >\n {t.table.insertColumnLeft}\n </button>\n </li>\n <li>\n <button\n onClick={() => handleAction('insertColumnRight')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertColumnRight}\n >\n {t.table.insertColumnRight}\n </button>\n </li>\n <li className={styles['context-menu__item-divider']}>\n <button\n onClick={() => handleAction('deleteColumn')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableDeleteColumn}\n >\n {t.table.deleteColumn}\n </button>\n </li>\n\n <li>\n <button\n onClick={() => handleAction('deleteTable')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableDeleteTable}\n >\n {t.table.deleteTable}\n </button>\n </li>\n </ul>\n </div>\n );\n};\n"],"names":["CONTEXT_MENU_OFFSET","WHITE_SPACE","BUTTON_SHIFT","BUTTON_RESET","mesureElement","srcElement","height","TableCellContextMenu","position","parentScrollPosition","onAction","useTranslation","isOpen","setIsOpen","useState","isHidden","setIsHidden","localPosition","setLocalPosition","menuHeight","setMenuHeight","startScrollPosition","useRef","menuRef","containerRef","buttonRef","editor","useLexicalComposerContext","handleAction","action","flipMenuIfNotInViewpoort","menuWidth","setMenuPosition","useEffect","rect","rootElement","jsxs","clsx","styles","jsx","prev","Icon"],"mappings":"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"}
1	+ {"version":3,"file":"TableCellContextMenu.js","sources":["../../../../../../src/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\n\nimport type { Position } from 'components/RteEditor/Plugins/ToolbarPlugin';\n\nimport styles from './TableCellContextMenu.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport type Actions =\n \| 'insertRowAbove'\n \| 'insertRowBelow'\n \| 'deleteRow'\n \| 'deleteTable'\n \| 'insertColumnLeft'\n \| 'insertColumnRight'\n \| 'deleteColumn';\ninterface TableCellContextMenuProps {\n position: Position;\n parentScrollPosition: number;\n onAction: (action: Actions) => void;\n}\n\nconst CONTEXT_MENU_OFFSET = 25;\nconst WHITE_SPACE = 10;\nconst BUTTON_SHIFT = 4;\nconst BUTTON_RESET = 25;\n\nconst mesureElement = (srcElement: HTMLElement) => {\n const mesureElement = srcElement.cloneNode(true) as HTMLElement;\n mesureElement.style.height = 'auto';\n mesureElement.style.left = '-3000px';\n document.body.appendChild(mesureElement);\n const height = mesureElement.getBoundingClientRect().height;\n document.body.removeChild(mesureElement);\n return height;\n};\n\nexport const TableCellContextMenu = ({ position, parentScrollPosition, onAction }: TableCellContextMenuProps) => {\n const t = useTranslation();\n const [isOpen, setIsOpen] = useState(false);\n const [isHidden, setIsHidden] = useState(false);\n const [localPosition, setLocalPosition] = useState<Position>({ xPos: 0, yPos: 0, height: 0 });\n const [menuHeight, setMenuHeight] = useState(0);\n const startScrollPosition = useRef(0);\n const menuRef = useRef<HTMLUListElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const [editor] = useLexicalComposerContext();\n\n const handleAction = (action: Actions) => {\n onAction(action);\n setIsOpen(false);\n };\n\n const flipMenuIfNotInViewpoort = () => {\n const menuWidth = menuRef.current ? menuRef.current.getBoundingClientRect().width : 0;\n\n if (containerRef.current && menuRef.current && buttonRef.current) {\n if (localPosition.xPos < menuWidth && containerRef.current) {\n containerRef.current.style.left = `${menuWidth - localPosition.xPos + WHITE_SPACE}px`;\n buttonRef.current.style.right = `${menuWidth - localPosition.xPos + BUTTON_SHIFT + WHITE_SPACE}px`;\n } else {\n containerRef.current.style.left = '0px';\n buttonRef.current.style.right = `${BUTTON_SHIFT}px`;\n }\n\n if (!menuHeight) {\n setMenuHeight(mesureElement(menuRef.current));\n }\n\n if (menuHeight > document.documentElement.clientHeight - localPosition.yPos) {\n containerRef.current.style.top = `-${menuHeight + localPosition.height}px`;\n buttonRef.current.style.top = `${menuHeight + BUTTON_SHIFT}px`;\n buttonRef.current.style.transform = 'rotate(180deg)';\n } else {\n containerRef.current.style.top = '0px';\n buttonRef.current.style.top = `-${BUTTON_RESET}px`;\n buttonRef.current.style.transform = 'none';\n }\n }\n };\n\n const setMenuPosition = () => {\n flipMenuIfNotInViewpoort();\n return `translate(${(localPosition?.xPos ?? 0) - (menuRef.current ? menuRef.current.getBoundingClientRect().width : 0)}px, ${localPosition.yPos - (parentScrollPosition - startScrollPosition.current)}px)`;\n };\n\n useEffect(() => {\n setLocalPosition(position);\n if (position) {\n startScrollPosition.current = parentScrollPosition;\n }\n setIsOpen(false);\n setIsHidden(false);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [position]);\n\n useEffect(() => {\n if (buttonRef.current) {\n const rect = buttonRef.current.getBoundingClientRect();\n const rootElement = editor.getRootElement();\n if (!rootElement) return;\n if (\n rect.top - rootElement.getBoundingClientRect().top <= 0 \|\|\n rect.top - rootElement.getBoundingClientRect().bottom + CONTEXT_MENU_OFFSET >= 0\n ) {\n setIsHidden(true);\n } else {\n setIsHidden(false);\n }\n flipMenuIfNotInViewpoort();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [parentScrollPosition]);\n\n return (\n <div\n className={clsx(styles['context-menu__wrapper'], [isHidden && styles['context-menu__wrapper--hidden']])}\n style={{\n transform: `${setMenuPosition()}`,\n }}\n ref={containerRef}\n >\n <button onClick={() => setIsOpen((prev) => !prev)} className={styles['context-menu__button']} ref={buttonRef}>\n <Icon name=\"CheveronDown\" size={16} />\n </button>\n <ul ref={menuRef} className={clsx(styles['context-menu'], isOpen && styles['context-menu--open'])}>\n <li>\n <button\n onClick={() => handleAction('insertRowAbove')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertRowAbove}\n >\n {t.table.insertRowAbove}\n </button>\n </li>\n <li>\n <button\n onClick={() => handleAction('insertRowBelow')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertRowBelow}\n >\n {t.table.insertRowBelow}\n </button>\n </li>\n <li className={styles['context-menu__item-divider']}>\n <button\n onClick={() => handleAction('deleteRow')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableDeleteRow}\n >\n {t.table.deleteRow}\n </button>\n </li>\n\n <li>\n <button\n onClick={() => handleAction('insertColumnLeft')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertColumnLeft}\n >\n {t.table.insertColumnLeft}\n </button>\n </li>\n <li>\n <button\n onClick={() => handleAction('insertColumnRight')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableInsertColumnRight}\n >\n {t.table.insertColumnRight}\n </button>\n </li>\n <li className={styles['context-menu__item-divider']}>\n <button\n onClick={() => handleAction('deleteColumn')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableDeleteColumn}\n type=\"button\"\n >\n {t.table.deleteColumn}\n </button>\n </li>\n\n <li>\n <button\n onClick={() => handleAction('deleteTable')}\n className={styles['context-menu__item']}\n aria-label={t.aria.labels.tableDeleteTable}\n type=\"button\"\n >\n {t.table.deleteTable}\n </button>\n </li>\n </ul>\n </div>\n );\n};\n"],"names":["CONTEXT_MENU_OFFSET","WHITE_SPACE","BUTTON_SHIFT","BUTTON_RESET","mesureElement","srcElement","height","TableCellContextMenu","position","parentScrollPosition","onAction","useTranslation","isOpen","setIsOpen","useState","isHidden","setIsHidden","localPosition","setLocalPosition","menuHeight","setMenuHeight","startScrollPosition","useRef","menuRef","containerRef","buttonRef","editor","useLexicalComposerContext","handleAction","action","flipMenuIfNotInViewpoort","menuWidth","setMenuPosition","useEffect","rect","rootElement","jsxs","clsx","styles","jsx","prev","Icon"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ import "../../../../clsx-OuTLNxxd.js";
 import "../../../../helpers-D9T1Tgkj.js";
 import "../../../../Lexical.prod-qM_1BY0u.js";
 import "react";
-import { T as B } from "../../../../TablePlugin-CLPV2OjO.js";
+import { T as B } from "../../../../TablePlugin-BvwAKpcu.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../RteEditor.module-Cku3JY-0.js";
+import "../../../../RteEditor.module-BwAtWRHo.js";
 import "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";

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

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

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

@@ -4,12 +4,12 @@ import { A as d, x as b } from "../../../../Lexical.prod-qM_1BY0u.js";
 import { useState as P, useRef as x, useCallback as T, useEffect as y } from "react";
 import { g as A } from "../../../../helpers-D9T1Tgkj.js";
 import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as C } from "../../../../ListPlugin-Bhkh3IBK.js";
+import { L as C } from "../../../../ListPlugin-BLefaGXG.js";
 import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as k } from "../../../../TablePlugin-CLPV2OjO.js";
+import { T as k } from "../../../../TablePlugin-BvwAKpcu.js";
 import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { s as v } from "../../../../RteEditor.module-Cku3JY-0.js";
+import { s as v } from "../../../../RteEditor.module-BwAtWRHo.js";
 const D = ({ editorScrollPosition: u }) => {
   const [e] = h(), [r, s] = P(null), l = x(null), a = T(() => {
     const o = d();

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

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

package/dist/components/RteEditor/RteEditor.js CHANGED Viewed

@@ -2,18 +2,18 @@ import { jsx as y, jsxs as F, Fragment as Fe } from "react/jsx-runtime";
 import { l as Xe, o as Ye, u as R } from "../../LexicalComposerContext.prod-Dyvim1tK.js";
 import { ak as Ie, w as A, F as fe, A as v, k as q, b as W, D as Qe, c as P, x as C, al as Ke, am as Ze, L as p, a7 as Ge, S as I, E as et, an as tt, ao as nt, ap as rt, Q as re, aq as ot, ar as it, af as st, ah as at, ac as lt, a1 as ct, as as ut, at as ge, o as he, a6 as dt, a4 as ie, a5 as ft, n as Ae, au as ve, a0 as mt, Y as pt, R as gt, X as Ce, W as ht, av as vt, aw as Ct, ax as yt, u as Et, a8 as wt, d as bt, ay as $t, a9 as St, a3 as _t, a2 as xt, r as kt, t as Lt, O as ye, az as Nt, j as Dt, K as V, $ as X, aA as Tt, aB as Pt, g as Rt, h as Mt, ae as Ot } from "../../Lexical.prod-qM_1BY0u.js";
 import * as se from "react";
-import { useMemo as H, useLayoutEffect as U, useEffect as x, useRef as Ft, useState as M, Suspense as It, forwardRef as ze, useCallback as Kt } from "react";
+import { useMemo as H, useLayoutEffect as U, useEffect as k, useRef as Ft, useState as M, Suspense as It, forwardRef as ze, useCallback as Kt } from "react";
 import { L as z, i as K, e as At, t as me, r as zt, u as Ut } from "../../LexicalUtils.prod-BFSPHHi1.js";
 import { r as Ee } from "../../index-DsprzSCj.js";
 import { _ as we, O as be, L as $e, $ as Se, u as te, f as ne, h as Ue, K as Bt, n as _e, r as jt, j as qt, k as Wt, l as Ht, F as Jt, m as xe, o as Vt, U as Xt, p as Yt, q as Qt } from "../../helpers-D9T1Tgkj.js";
-import { J as Be, D as je, Z as Zt } from "../../ListPlugin-Bhkh3IBK.js";
+import { J as Be, D as je, Z as Zt } from "../../ListPlugin-BLefaGXG.js";
 import { a as qe, U as ke, m as ae, g as Gt, b as en, F as tn, M as nn, f as rn } from "../../helpers-BB6Byf50.js";
 import { c as on } from "../../clsx-OuTLNxxd.js";
-import { s as T } from "../../RteEditor.module-Cku3JY-0.js";
+import { s as T } from "../../RteEditor.module-BwAtWRHo.js";
 import { ToolBarPlugin as sn } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
 import { Icon as an } from "../Icon/Icon.js";
 import { useTranslation as ln } from "./hooks/useTranslation.js";
-import "../../TablePlugin-CLPV2OjO.js";
+import "../../TablePlugin-BvwAKpcu.js";
 import "./hooks/components/Flyout.js";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
@@ -34,7 +34,7 @@ import "../../SortableProvider-BUsvniX7.js";
 import { UvaTheme as cn } from "./UvaTheme/UvaTheme.js";
 import { EditorHeader as un } from "./EditorHeader/EditorHeader.js";
 import { useLanguage as dn, LanguageProvider as fn } from "./Providers/LanguageProvider.js";
-const We = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, mn = We ? U : x, Y = { tag: "history-merge" };
+const We = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0, mn = We ? U : k, Y = { tag: "history-merge" };
 function pn({ initialConfig: e, children: t }) {
   const n = H(() => {
     const { theme: r, namespace: i, nodes: o, onError: s, editorState: a, html: l } = e, c = Ye(null, r), u = Ie({ editable: e.editable, html: l, namespace: i, nodes: o, onError: (d) => s(d, u), theme: r });
@@ -71,7 +71,7 @@ function pn({ initialConfig: e, children: t }) {
     i.setEditable(r === void 0 || r);
   }, []), y(Xe.Provider, { value: n, children: t });
 }
-const gn = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : x;
+const gn = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : k;
 function hn(e) {
   return { initialValueFn: () => e.isEditable(), subscribe: (t) => e.registerEditableListener(t) };
 }
@@ -370,7 +370,7 @@ function Nn(e) {
     }(t, e), !0);
   }, p));
 }
-const le = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : x;
+const le = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : k;
 function Te(e) {
   return e.getEditorState().read(He(e.isComposing()));
 }
@@ -381,7 +381,7 @@ function Dn({ contentEditable: e, placeholder: t = null, ErrorBoundary: n }) {
       Ee.flushSync(() => {
         l(c);
       });
-    }), [o]), x(() => {
+    }), [o]), k(() => {
       l(o.getDecorators());
     }, [o]), H(() => {
       const c = [], u = Object.keys(a);
@@ -413,8 +413,8 @@ function Tn({ content: e }) {
   }(t), r = vn();
   return n ? typeof e == "function" ? e(r) : e : null;
 }
-const Je = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : x;
-function Pn({ editor: e, ariaActiveDescendant: t, ariaAutoComplete: n, ariaControls: r, ariaDescribedBy: i, ariaErrorMessage: o, ariaExpanded: s, ariaInvalid: a, ariaLabel: l, ariaLabelledBy: c, ariaMultiline: u, ariaOwns: d, ariaRequired: f, autoCapitalize: m, className: g, id: h, role: $ = "textbox", spellCheck: E = !0, style: b, tabIndex: w, "data-testid": _, ...L }, k) {
+const Je = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : k;
+function Pn({ editor: e, ariaActiveDescendant: t, ariaAutoComplete: n, ariaControls: r, ariaDescribedBy: i, ariaErrorMessage: o, ariaExpanded: s, ariaInvalid: a, ariaLabel: l, ariaLabelledBy: c, ariaMultiline: u, ariaOwns: d, ariaRequired: f, autoCapitalize: m, className: g, id: h, role: $ = "textbox", spellCheck: E = !0, style: b, tabIndex: w, "data-testid": _, ...L }, x) {
   const [S, N] = M(e.isEditable()), j = Kt((O) => {
     O && O.ownerDocument && O.ownerDocument.defaultView ? e.setRootElement(O) : e.setRootElement(null);
   }, [e]), oe = H(() => /* @__PURE__ */ function(...O) {
@@ -423,7 +423,7 @@ function Pn({ editor: e, ariaActiveDescendant: t, ariaAutoComplete: n, ariaContr
         typeof J == "function" ? J(pe) : J != null && (J.current = pe);
       });
     };
-  }(k, j), [j, k]);
+  }(x, j), [j, x]);
   return Je(() => (N(e.isEditable()), e.registerEditableListener((O) => {
     N(O);
   })), [e]), y("div", { ...L, "aria-activedescendant": S ? t : void 0, "aria-autocomplete": S ? n : "none", "aria-controls": S ? r : void 0, "aria-describedby": i, ...o != null ? { "aria-errormessage": o } : {}, "aria-expanded": S && $ === "combobox" ? !!s : void 0, ...a != null ? { "aria-invalid": a } : {}, "aria-label": l, "aria-labelledby": c, "aria-multiline": u, "aria-owns": S ? d : void 0, "aria-readonly": !S || void 0, "aria-required": f, autoCapitalize: m, className: g, contentEditable: S, "data-testid": _, id: h, ref: oe, role: S ? $ : void 0, spellCheck: E, style: b, tabIndex: w });
@@ -501,7 +501,7 @@ var Re = { error: null }, In = function(e) {
 function Kn({ children: e, onError: t }) {
   return y(In, { fallback: y("div", { style: { border: "1px solid #f00", color: "#f00", padding: "8px" }, children: "An error was thrown." }), onError: t, children: e });
 }
-const An = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : x;
+const An = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? U : k;
 function zn({ ignoreHistoryMergeTagChange: e = !0, ignoreSelectionChange: t = !1, onChange: n }) {
   const [r] = R();
   return An(() => {
@@ -512,15 +512,15 @@ function zn({ ignoreHistoryMergeTagChange: e = !0, ignoreSelectionChange: t = !1
 }
 function Un() {
   const [e] = R();
-  return x(() => {
+  return k(() => {
     if (!e.hasNodes([Be, je])) throw new Error("ListPlugin: ListNode and/or ListItemNode not registered on editor");
   }, [e]), function(t) {
-    x(() => Zt(t), [t]);
+    k(() => Zt(t), [t]);
   }(e), null;
 }
 function Bn({ validateUrl: e, attributes: t }) {
   const [n] = R();
-  return x(() => {
+  return k(() => {
     if (!n.hasNodes([qe])) throw new Error("LinkPlugin: LinkNode not registered on editor");
     return z(n.registerCommand(ke, (r) => {
       if (r === null) return ae(r), !0;
@@ -542,7 +542,7 @@ function Bn({ validateUrl: e, attributes: t }) {
 }
 function jn({ newTab: e = !0, disabled: t = !1 }) {
   const [n] = R();
-  return x(() => {
+  return k(() => {
     const r = (o) => {
       const s = o.target;
       if (!(s instanceof Node)) return;
@@ -587,13 +587,13 @@ function Jn(e, t, n, r, i) {
   if (!(C(o) && C(s) && s.isCollapsed() && o.isCollapsed())) return D;
   const a = function(E, b, w) {
     const _ = E._nodeMap, L = [];
-    for (const k of b) {
-      const S = _.get(k);
+    for (const x of b) {
+      const S = _.get(x);
       S !== void 0 && L.push(S);
     }
-    for (const [k, S] of w) {
+    for (const [x, S] of w) {
       if (!S) continue;
-      const N = _.get(k);
+      const N = _.get(x);
       N === void 0 || Ae(N) || L.push(N);
     }
     return L;
@@ -623,8 +623,8 @@ function Vn(e, t) {
       if (i === null) return ue;
       const h = o._selection;
       return a.size > 0 || l.size > 0 ? g === !1 && d !== D && d === r && u < n + t && m || a.size === 1 && function($, E, b) {
-        const w = E._nodeMap.get($), _ = b._nodeMap.get($), L = E._selection, k = b._selection;
-        return !(C(L) && C(k) && L.anchor.type === "element" && L.focus.type === "element" && k.anchor.type === "text" && k.focus.type === "text" || !P(w) || !P(_) || w.__parent !== _.__parent) && JSON.stringify(E.read(() => w.exportJSON())) === JSON.stringify(b.read(() => _.exportJSON()));
+        const w = E._nodeMap.get($), _ = b._nodeMap.get($), L = E._selection, x = b._selection;
+        return !(C(L) && C(x) && L.anchor.type === "element" && L.focus.type === "element" && x.anchor.type === "text" && x.focus.type === "text" || !P(w) || !P(_) || w.__parent !== _.__parent) && JSON.stringify(E.read(() => w.exportJSON())) === JSON.stringify(b.read(() => _.exportJSON()));
       }(Array.from(a)[0], i, o) ? G : ue : h !== null ? G : de;
     })();
     return n = u, r = d, f;
@@ -665,7 +665,7 @@ function Qn({ delay: e, externalHistoryState: t }) {
   const [n] = R();
   return function(r, i, o = 1e3) {
     const s = H(() => i || Yn(), [i]);
-    x(() => Xn(r, s, o), [o, r, s]);
+    k(() => Xn(r, s, o), [o, r, s]);
   }(n, t, e), null;
 }
 function Zn(e) {
@@ -679,7 +679,7 @@ var ee = Zn(function(e) {
 });
 function Gn({ hasCellMerge: e = !0, hasCellBackgroundColor: t = !0, hasTabHandler: n = !0 }) {
   const [r] = R();
-  return x(() => (r.hasNodes([te, ne, Ue]) || ee(10), z(r.registerCommand(jt, ({ columns: i, rows: o, includeHeaders: s }) => {
+  return k(() => (r.hasNodes([te, ne, Ue]) || ee(10), z(r.registerCommand(jt, ({ columns: i, rows: o, includeHeaders: s }) => {
     const a = qt(Number(o), Number(i), s);
     zt(a);
     const l = a.getFirstDescendant();
@@ -695,7 +695,7 @@ function Gn({ hasCellMerge: e = !0, hasCellBackgroundColor: t = !0, hasTabHandle
         f.append(fe()), c.append(f);
       }
     }
-  }))), [r]), x(() => {
+  }))), [r]), k(() => {
     const i = /* @__PURE__ */ new Map(), o = (a, l, c) => {
       const u = c, d = Xt(a, u, r, n);
       i.set(l, [d, u]);
@@ -715,7 +715,7 @@ function Gn({ hasCellMerge: e = !0, hasCellBackgroundColor: t = !0, hasTabHandle
       s();
       for (const [, [a]] of i) a.removeListeners();
     };
-  }, [r, n]), x(() => {
+  }, [r, n]), k(() => {
     if (!e) return r.registerNodeTransform(ne, (i) => {
       if (i.getColSpan() > 1 || i.getRowSpan() > 1) {
         const [, , o] = Ht(i), [s] = Jt(o, i, i), a = s.length, l = s[0].length;
@@ -738,7 +738,7 @@ function Gn({ hasCellMerge: e = !0, hasCellBackgroundColor: t = !0, hasTabHandle
         for (const d of u) d.setColSpan(1), d.setRowSpan(1);
       }
     });
-  }, [r, e]), x(() => {
+  }, [r, e]), k(() => {
     if (!t) return r.registerNodeTransform(ne, (i) => {
       i.getBackgroundColor() !== null && i.setBackgroundColor(null);
     });
@@ -765,27 +765,26 @@ const Ve = 200, er = (e) => /^<(b|i|u|strong|em|mark|small|del|ins|sub|sup|div|p
     },
     nodes: [Be, je, qe, rn, ne, Ue, te],
     editorState: (w) => {
-      const L = new DOMParser().parseFromString(t, "text/html"), k = Yt(w, L), S = A();
+      const L = new DOMParser().parseFromString(t, "text/html"), x = Yt(w, L), S = A();
       if (S.clear(), er(t))
-        k.forEach((N) => {
+        x.forEach((N) => {
           S.append(N);
         });
       else {
         const N = fe();
-        k.forEach((j, oe) => {
+        x.forEach((j, oe) => {
           oe === 0 ? (N.append(j), S.append(N)) : S.append(j);
         });
       }
     }
   }, b = (w, _) => {
     w.read(() => {
-      const L = A().getTextContent().replace(/\s+/g, " ").trim();
-      g(L.split(" ").length);
-      const k = Qt(_);
-      c(k);
+      let L = "";
+      const x = A().getTextContent().replace(/\s+/g, " ").trim();
+      x.trim().length === 0 ? g(0) : (g(x.split(" ").length), L = Qt(_)), c(L);
     });
   };
-  return x(() => {
+  return k(() => {
     u(e.toLocaleLowerCase());
   }, [e, u]), /* @__PURE__ */ F("div", { className: T.editor__container, children: [
     /* @__PURE__ */ F("div", { className: T.editor__header, children: [