@uva-glass/component-library 1.64.2 → 1.64.4

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

@@ -1,6 +1,6 @@
 import { jsxs as c, Fragment as w, jsx as n } from "react/jsx-runtime";
 import { forwardRef as C, useState as u, useImperativeHandle as N, useLayoutEffect as L } from "react";
-import { e as g } from "../../../../../helpers-BuSJOvGF.js";
+import { e as g } from "../../../../../helpers-BKqr9jXh.js";
 import { Icon as s } from "../../../../Icon/Icon.js";
 import { useTranslation as S } from "../../../hooks/useTranslation.js";
 import { Button as _ } from "../../../../Buttons/Button.js";

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

@@ -1,11 +1,11 @@
 import { jsx as h, jsxs as Y } from "react/jsx-runtime";
-import { u as $ } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { c as q } from "../../../../clsx-OuTLNxxd.js";
-import { g as U, m as G, U as J } from "../../../../LexicalLink.prod-DWrTW8iE.js";
-import { useRef as a, useState as Q, useEffect as d } from "react";
-import { B as X, M as f, a1 as Z, $ as tt, v as b, a0 as et, F as rt, c as ot } from "../../../../Lexical.prod-DSqOWcE1.js";
-import { A as nt } from "../../../../TablePlugin-aDKhmuu7.js";
-import { e as it } from "../../../../helpers-BuSJOvGF.js";
+import { u as q } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { c as G } from "../../../../clsx-OuTLNxxd.js";
+import { g as U, m as J, U as Q } from "../../../../LexicalLink.prod-BvJo1BD4.js";
+import { useRef as a, useState as X, useEffect as d } from "react";
+import { B as Z, M as f, a4 as $, a2 as tt, v as b, a3 as et, F as rt, c as ot } from "../../../../Lexical.prod-RJB8n7sC.js";
+import { A as nt } from "../../../../TablePlugin-BVkwu1Gt.js";
+import { e as it } from "../../../../helpers-BKqr9jXh.js";
 import { LinkContextMenu as st } from "./LinkContextMenu/LinkContextMenu.js";
 import { useFlyout as ct } from "../../hooks/useFlyout.js";
 import { Icon as lt } from "../../../Icon/Icon.js";
@@ -22,7 +22,7 @@ import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
 import { setScrollableContainers as A, removeScrollableContainers as at } from "../../helpers.js";
-import { s as y } from "../../../../RteEditor.module-BeUn7GiA.js";
+import { s as y } from "../../../../RteEditor.module-oFMKEW6f.js";
 import { useTranslation as ut } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../../index-DPQ9bZx5.js";
@@ -51,7 +51,7 @@ const mt = 200, B = (p) => {
   }
   return !1;
 }, jt = ({ parentScrollPosition: p }) => {
-  const n = ut(), [c] = $(), { flyout: M, showFlyout: _, hideFlyout: g, isVisible: u } = ct(), m = a(), N = a(!1), C = a(""), k = a(""), [v, O] = Q({ active: !1, url: "", linktext: "" }), P = a(u), x = a(null), R = a(null), T = a(), w = () => {
+  const n = ut(), [c] = q(), { flyout: M, showFlyout: _, hideFlyout: g, isVisible: u } = ct(), m = a(), N = a(!1), C = a(""), k = a(""), [v, O] = X({ active: !1, url: "", linktext: "" }), P = a(u), x = a(null), R = a(null), T = a(), w = () => {
     c.update(() => {
       const r = f();
       x.current = r;
@@ -101,12 +101,12 @@ const mt = 200, B = (p) => {
             e.insertText(t), l.offset -= t.length, F.offset = l.offset + t.length;
           }
         }
-        G(it(r), { target: "_blank" });
+        J(it(r), { target: "_blank" });
       }
       L();
     });
   }, V = () => {
-    c.dispatchCommand(J, null), H();
+    c.dispatchCommand(Q, null), H();
   }, j = {
     children: /* @__PURE__ */ h(
       nt,
@@ -133,14 +133,14 @@ const mt = 200, B = (p) => {
       }
       return !1;
     }, t = c.registerCommand(
-      X,
+      Z,
       () => {
         const o = f();
         return k.current = (o == null ? void 0 : o.getTextContent()) ?? "", r(o), !1;
       },
       0
     ), e = c.registerCommand(
-      Z,
+      $,
       (o) => {
         const i = f();
         return o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), r(i), !1;
@@ -216,7 +216,7 @@ const mt = 200, B = (p) => {
       {
         onClick: E,
         title: n.links.linkTooltip,
-        className: q(
+        className: G(
           y["editor__toolbar-button"],
           y["editor__toolbar-button--link"],
           v.active && y["editor__toolbar-button--active"]

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

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

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

@@ -1,45 +1,68 @@
-import { jsx as u } from "react/jsx-runtime";
-import { u as N } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { Y as c, Q as _, G as L, H as k } from "../../../../LexicalList.prod-Cg8npow-.js";
-import { useState as d, useEffect as C } from "react";
-import { c as I } from "../../../../clsx-OuTLNxxd.js";
-import { $ as K, a0 as S, M as D, v as O } from "../../../../Lexical.prod-DSqOWcE1.js";
-import { Icon as x } from "../../../Icon/Icon.js";
-import { s } from "../../../../RteEditor.module-BeUn7GiA.js";
-import { useTranslation as y } from "../../hooks/useTranslation.js";
-const P = {
+import { jsx as d } from "react/jsx-runtime";
+import { u as K } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { Y as N, Q as v, G as D, V as S, H as f, q as y } from "../../../../LexicalList.prod-igdv32dp.js";
+import { b as O } from "../../../../LexicalSelection.prod-CL_DfdL6.js";
+import { useState as p, useEffect as I } from "react";
+import { c as x } from "../../../../clsx-OuTLNxxd.js";
+import { a2 as U, a3 as w, N as B, M as b, v as h, I as E, D as M } from "../../../../Lexical.prod-RJB8n7sC.js";
+import { Icon as Y } from "../../../Icon/Icon.js";
+import { s as l } from "../../../../RteEditor.module-oFMKEW6f.js";
+import { useTranslation as $ } from "../../hooks/useTranslation.js";
+const j = {
   bullet: "BulletList",
   number: "NumberedList"
-}, U = ["bullet", "number"], H = () => {
-  const n = y(), [o] = N(), [f, e] = d("paragraph"), [l, b] = d(!1), [m, p] = d(!1), v = (t) => {
-    t === "number" && f !== "number" ? (o.dispatchCommand(_, void 0), e("number")) : t === "bullet" && f !== "bullet" ? (o.dispatchCommand(L, void 0), e("bullet")) : (o.dispatchCommand(c, void 0), e("paragraph"));
+}, q = ["bullet", "number"], W = () => {
+  const u = $(), [e] = K(), [g, s] = p("paragraph"), [c, L] = p(!1), [m, _] = p(!1), P = () => {
+    e.update(() => {
+      const t = b();
+      h(t) && O(t, () => M());
+    });
+  }, k = (t) => {
+    t === "number" && g !== "number" ? (e.dispatchCommand(v, void 0), s("number")) : t === "bullet" && g !== "bullet" ? (e.dispatchCommand(D, void 0), s("bullet")) : (P(), s("paragraph"));
   };
-  return C(() => {
-    const t = o.registerCommand(
-      K,
-      (r) => r.ctrlKey && r.shiftKey && r.code === "Digit7" ? (r.preventDefault(), m ? o.dispatchCommand(c, void 0) : o.dispatchCommand(_, void 0), !0) : r.ctrlKey && r.shiftKey && r.code === "Digit8" ? (r.preventDefault(), l ? o.dispatchCommand(c, void 0) : o.dispatchCommand(L, void 0), !0) : !1,
-      S
+  return I(() => {
+    const t = e.registerCommand(
+      U,
+      (r) => r.ctrlKey && r.shiftKey && r.code === "Digit7" ? (r.preventDefault(), m ? e.dispatchCommand(N, void 0) : e.dispatchCommand(v, void 0), !0) : r.ctrlKey && r.shiftKey && r.code === "Digit8" ? (r.preventDefault(), c ? e.dispatchCommand(N, void 0) : e.dispatchCommand(D, void 0), !0) : !1,
+      w
     );
     return () => {
       t();
     };
-  }, [o, m, l]), C(() => {
-    const t = o.registerUpdateListener(({ editorState: r }) => {
+  }, [e, m, c]), I(() => {
+    e.registerCommand(
+      B,
+      (r) => (r.preventDefault(), e.update(() => {
+        const n = b();
+        if (!h(n))
+          return;
+        const o = n.anchor.getNode(), i = o.getParent();
+        if (!S(i))
+          return;
+        const a = i.getParent();
+        if (f(a)) {
+          const C = y(f(a) ? a.getListType() : "bullet");
+          i.append(C), C.append(o);
+        }
+      }), !0),
+      E
+    );
+    const t = e.registerUpdateListener(({ editorState: r }) => {
       r.read(() => {
-        const h = D();
-        if (O(h)) {
-          let a = h.anchor.getNode();
-          for (; a !== null; ) {
-            if (k(a)) {
-              const i = a.getTag();
-              b(i === "ul"), p(i === "ol"), i === "ul" && e("bullet"), i === "ol" && e("number");
+        const n = b();
+        if (h(n)) {
+          let o = n.anchor.getNode();
+          for (; o !== null; ) {
+            if (f(o)) {
+              const a = o.getTag();
+              L(a === "ul"), _(a === "ol"), a === "ul" && s("bullet"), a === "ol" && s("number");
               return;
             }
-            const g = a.getParent();
-            if (g === null) break;
-            a = g;
+            const i = o.getParent();
+            if (i === null) break;
+            o = i;
           }
-          b(!1), p(!1), e("paragraph");
+          L(!1), _(!1), s("paragraph");
         }
         return !1;
       });
@@ -47,26 +70,26 @@ const P = {
     return () => {
       t();
     };
-  }, [o]), /* @__PURE__ */ u("div", { className: s["editor__toolbar-button-group"], children: U.map((t) => /* @__PURE__ */ u(
+  }, [e]), /* @__PURE__ */ d("div", { className: l["editor__toolbar-button-group"], children: q.map((t) => /* @__PURE__ */ d(
     "button",
     {
-      onClick: () => v(t),
-      title: n.format[`${t}Tooltip`],
-      className: I(
-        s["editor__toolbar-button"],
-        s[`editor__toolbar-button--${t}`],
-        t === "bullet" && l && s["editor__toolbar-button--active"],
-        t === "number" && m && s["editor__toolbar-button--active"]
+      onClick: () => k(t),
+      title: u.format[`${t}Tooltip`],
+      className: x(
+        l["editor__toolbar-button"],
+        l[`editor__toolbar-button--${t}`],
+        t === "bullet" && c && l["editor__toolbar-button--active"],
+        t === "number" && m && l["editor__toolbar-button--active"]
       ),
-      "aria-label": n.aria.labels[t],
-      "aria-keyshortcuts": n.aria.keyshortcuts[t],
+      "aria-label": u.aria.labels[t],
+      "aria-keyshortcuts": u.aria.keyshortcuts[t],
       type: "button",
-      children: /* @__PURE__ */ u(x, { name: P[t], size: 24 })
+      children: /* @__PURE__ */ d(Y, { name: j[t], size: 24 })
     },
     t
   )) });
 };
 export {
-  H as ListPlugin
+  W as ListPlugin
 };
 //# sourceMappingURL=ListPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ListPlugin/ListPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  $isListNode,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  REMOVE_LIST_COMMAND,\n} from '@lexical/list';\nimport { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, KEY_DOWN_COMMAND } from 'lexical';\n\nimport type { ElementNode } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype ListTypesType = 'bullet' | 'number' | 'paragraph';\nconst LIST_TYPE_ICONS = {\n  bullet: 'BulletList',\n  number: 'NumberedList',\n};\n\nconst ListTypes = ['bullet', 'number'];\n\nexport const ListPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [blockType, setBlockType] = useState<ListTypesType>('paragraph');\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n\n  const formatList = (listType: ListTypesType): void => {\n    if (listType === 'number' && blockType !== 'number') {\n      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n      setBlockType('number');\n    } else if (listType === 'bullet' && blockType !== 'bullet') {\n      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n      setBlockType('bullet');\n    } else {\n      editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n      setBlockType('paragraph');\n    }\n  };\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit7') {\n          event.preventDefault();\n          if (isOList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit8') {\n          event.preventDefault();\n          if (isUList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n  }, [editor, isOList, isUList]);\n\n  useEffect(() => {\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          let anchorNode = selection.anchor.getNode() as ElementNode;\n          while (anchorNode !== null) {\n            if ($isListNode(anchorNode)) {\n              const tag = anchorNode.getTag();\n              setIsUList(tag === 'ul');\n              setIsOList(tag === 'ol');\n              if (tag === 'ul') {\n                setBlockType('bullet');\n              }\n              if (tag === 'ol') {\n                setBlockType('number');\n              }\n              return;\n            }\n            const parentNode = anchorNode.getParent();\n            if (parentNode === null) break;\n            anchorNode = parentNode;\n          }\n          setIsUList(false);\n          setIsOList(false);\n          setBlockType('paragraph');\n        }\n        return false;\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {ListTypes.map((listType) => (\n        <button\n          onClick={() => formatList(listType as ListTypesType)}\n          key={listType}\n          title={t.format[`${listType}Tooltip` as keyof typeof t.format]}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${listType}`],\n            listType === 'bullet' && isUList && styles['editor__toolbar-button--active'],\n            listType === 'number' && isOList && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels[listType as keyof typeof t.aria.labels]}\n          aria-keyshortcuts={t.aria.keyshortcuts[listType as keyof typeof t.aria.keyshortcuts]}\n          type=\"button\"\n        >\n          <Icon name={LIST_TYPE_ICONS[listType as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["LIST_TYPE_ICONS","ListTypes","ListPlugin","t","useTranslation","editor","useLexicalComposerContext","blockType","setBlockType","useState","isUList","setIsUList","isOList","setIsOList","formatList","listType","INSERT_ORDERED_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","REMOVE_LIST_COMMAND","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","selection","$getSelection","$isRangeSelection","anchorNode","$isListNode","tag","parentNode","jsx","styles","clsx","Icon"],"mappings":"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"}
+{"version":3,"file":"ListPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ListPlugin/ListPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n  $createListNode,\n  $isListItemNode,\n  $isListNode,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  REMOVE_LIST_COMMAND,\n} from '@lexical/list';\nimport { $setBlocksType } from '@lexical/selection';\nimport { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isRangeSelection,\n  COMMAND_PRIORITY_EDITOR,\n  COMMAND_PRIORITY_LOW,\n  KEY_DOWN_COMMAND,\n  KEY_TAB_COMMAND,\n} from 'lexical';\n\nimport type { ElementNode, RangeSelection } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype ListTypesType = 'bullet' | 'number' | 'paragraph';\nconst LIST_TYPE_ICONS = {\n  bullet: 'BulletList',\n  number: 'NumberedList',\n};\n\nconst ListTypes = ['bullet', 'number'];\n\nexport const ListPlugin = () => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [blockType, setBlockType] = useState<ListTypesType>('paragraph');\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n\n  const formatParagraph = () => {\n    editor.update(() => {\n      const selection = $getSelection();\n      if ($isRangeSelection(selection)) {\n        $setBlocksType(selection, () => $createParagraphNode());\n      }\n    });\n  };\n\n  const formatList = (listType: ListTypesType): void => {\n    if (listType === 'number' && blockType !== 'number') {\n      editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n      setBlockType('number');\n    } else if (listType === 'bullet' && blockType !== 'bullet') {\n      editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n      setBlockType('bullet');\n    } else {\n      formatParagraph();\n      setBlockType('paragraph');\n    }\n  };\n\n  useEffect(() => {\n    const removeKeyboardShortcut = editor.registerCommand(\n      KEY_DOWN_COMMAND,\n      (event: KeyboardEvent) => {\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit7') {\n          event.preventDefault();\n          if (isOList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        if (event.ctrlKey && event.shiftKey && event.code === 'Digit8') {\n          event.preventDefault();\n          if (isUList) {\n            editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n          } else {\n            editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n          }\n          return true;\n        }\n        return false;\n      },\n      COMMAND_PRIORITY_EDITOR\n    );\n\n    return () => {\n      removeKeyboardShortcut();\n    };\n  }, [editor, isOList, isUList]);\n\n  useEffect(() => {\n    editor.registerCommand(\n      KEY_TAB_COMMAND,\n      (event) => {\n        event.preventDefault();\n        editor.update(() => {\n          const selection = $getSelection() as RangeSelection;\n          if (!$isRangeSelection(selection)) {\n            return;\n          }\n\n          const currentNode = selection.anchor.getNode();\n          const parent = currentNode.getParent();\n          if (!$isListItemNode(parent)) {\n            return;\n          }\n\n          const listParent = parent.getParent();\n          if ($isListNode(listParent)) {\n            const newList = $createListNode($isListNode(listParent) ? listParent.getListType() : 'bullet');\n            parent.append(newList);\n            newList.append(currentNode);\n          }\n        });\n        return true;\n      },\n      COMMAND_PRIORITY_LOW\n    );\n\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          let anchorNode = selection.anchor.getNode() as ElementNode;\n          while (anchorNode !== null) {\n            if ($isListNode(anchorNode)) {\n              const tag = anchorNode.getTag();\n              setIsUList(tag === 'ul');\n              setIsOList(tag === 'ol');\n              if (tag === 'ul') {\n                setBlockType('bullet');\n              }\n              if (tag === 'ol') {\n                setBlockType('number');\n              }\n              return;\n            }\n            const parentNode = anchorNode.getParent();\n            if (parentNode === null) break;\n            anchorNode = parentNode;\n          }\n          setIsUList(false);\n          setIsOList(false);\n          setBlockType('paragraph');\n        }\n        return false;\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {ListTypes.map((listType) => (\n        <button\n          onClick={() => formatList(listType as ListTypesType)}\n          key={listType}\n          title={t.format[`${listType}Tooltip` as keyof typeof t.format]}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${listType}`],\n            listType === 'bullet' && isUList && styles['editor__toolbar-button--active'],\n            listType === 'number' && isOList && styles['editor__toolbar-button--active']\n          )}\n          aria-label={t.aria.labels[listType as keyof typeof t.aria.labels]}\n          aria-keyshortcuts={t.aria.keyshortcuts[listType as keyof typeof t.aria.keyshortcuts]}\n          type=\"button\"\n        >\n          <Icon name={LIST_TYPE_ICONS[listType as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["LIST_TYPE_ICONS","ListTypes","ListPlugin","t","useTranslation","editor","useLexicalComposerContext","blockType","setBlockType","useState","isUList","setIsUList","isOList","setIsOList","formatParagraph","selection","$getSelection","$isRangeSelection","$setBlocksType","$createParagraphNode","formatList","listType","INSERT_ORDERED_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","REMOVE_LIST_COMMAND","COMMAND_PRIORITY_EDITOR","KEY_TAB_COMMAND","currentNode","parent","$isListItemNode","listParent","$isListNode","newList","$createListNode","COMMAND_PRIORITY_LOW","removeStatusListener","editorState","anchorNode","tag","parentNode","jsx","styles","clsx","Icon"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { u as m } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import { useEffect as c } from "react";
-import { Y as f, z as u, M as d } from "../../../../Lexical.prod-DSqOWcE1.js";
-import { i } from "../../../../LexicalUtils.prod-CicP_X7u.js";
-import { _ as p } from "../../../../LexicalClipboard.prod-DP0us-xV.js";
+import { Y as f, z as u, M as d } from "../../../../Lexical.prod-RJB8n7sC.js";
+import { i } from "../../../../LexicalUtils.prod-mYf1cd8X.js";
+import { _ as p } from "../../../../LexicalClipboard.prod-DB_B0Sr6.js";
 import { d as D } from "../../../../index-DPQ9bZx5.js";
 const P = () => {
   const [e] = m(), l = (t) => {

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

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

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../LexicalTable.prod-DEA4KRzX.js";
-import "../../../../Lexical.prod-DSqOWcE1.js";
+import "../../../../LexicalTable.prod-CfgKmbyy.js";
+import "../../../../Lexical.prod-RJB8n7sC.js";
 import "react";
-import { T as E } from "../../../../TablePlugin-aDKhmuu7.js";
+import { T as E } from "../../../../TablePlugin-BVkwu1Gt.js";
 import "./helpers.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
@@ -20,7 +20,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../RteEditor.module-BeUn7GiA.js";
+import "../../../../RteEditor.module-oFMKEW6f.js";
 import "../../hooks/useTranslation.js";
 import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../Providers/LanguageProvider.js";

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

@@ -1,5 +1,5 @@
-import { d as S, a as h, n as d, f as C, p as w, o as m, m as D, C as p, T as E } from "../../../../LexicalTable.prod-DEA4KRzX.js";
-import { D as u } from "../../../../Lexical.prod-DSqOWcE1.js";
+import { d as S, a as h, n as d, f as C, p as w, o as m, m as D, C as p, T as E } from "../../../../LexicalTable.prod-CfgKmbyy.js";
+import { D as u } from "../../../../Lexical.prod-RJB8n7sC.js";
 const b = 100, O = (e, n) => {
   const t = S(0, 0, !1);
   for (let o = 0; o < e; o++) {

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

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

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

@@ -1,15 +1,15 @@
 import { jsxs as P, jsx as n } from "react/jsx-runtime";
 import { u as y } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { M as g, v as h, F as C } from "../../../../Lexical.prod-DSqOWcE1.js";
+import { M as g, v as h, F as C } from "../../../../Lexical.prod-RJB8n7sC.js";
 import { useState as E, useRef as L, useCallback as T, useEffect as m } from "react";
-import { g as b } from "../../../../LexicalTable.prod-DEA4KRzX.js";
+import { g as b } from "../../../../LexicalTable.prod-CfgKmbyy.js";
 import { BlockFormatPlugin as N } from "../BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as k } from "../ListPlugin/ListPlugin.js";
 import { LinkPlugin as x } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as B } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as S } from "../../../../TablePlugin-aDKhmuu7.js";
+import { T as S } from "../../../../TablePlugin-BVkwu1Gt.js";
 import { TableCellContextMenu as z } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { s as A } from "../../../../RteEditor.module-BeUn7GiA.js";
+import { s as A } from "../../../../RteEditor.module-oFMKEW6f.js";
 import { setScrollableContainers as v, removeScrollableContainers as K } from "../../helpers.js";
 const Q = ({ editorScrollPosition: d }) => {
   const [t] = y(), [i, s] = E(null), u = L(null), f = T(() => {

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

@@ -3,7 +3,7 @@ import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js
 import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
 import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as a } from "../../../TablePlugin-aDKhmuu7.js";
+import { T as a } from "../../../TablePlugin-BVkwu1Gt.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   l as BlockFormatPlugin,

package/dist/components/RteEditor/RteEditor.js

@@ -1,21 +1,22 @@
 import { jsx as y, jsxs as K, Fragment as Oe } from "react/jsx-runtime";
 import { l as Ye, o as Ze, u as P } from "../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { am as Fe, O as z, D as me, M as v, T as q, x as J, L as Ge, b as T, v as C, Y as Ke, an as Qe, a0 as p, n as et, a6 as F, aj as tt, ao as nt, ap as rt, aq as ot, C as ie, ar as it, as as st, K as at, P as lt, F as ct, i as dt, at as ut, au as ge, o as he, w as ft, s as se, l as mt, a9 as Ae, av as ve, p as pt, h as gt, e as ht, a8 as Ce, g as vt, aw as Ct, ax as yt, ay as wt, ah as Et, r as bt, q as $t, az as St, y as _t, k as xt, j as kt, a1 as Lt, t as Nt, I as ye, aA as Dt, a as Tt, a3 as Y, a2 as Z, aB as Pt, aC as Rt, a5 as Mt, a4 as It, H as Ot } from "../../Lexical.prod-DSqOWcE1.js";
+import { am as Fe, O as z, D as me, M as v, T as q, x as J, L as Ge, b as T, v as C, Y as Ke, an as Qe, a3 as p, n as et, al as F, ai as tt, ao as nt, ap as rt, aq as ot, C as ie, ar as it, as as st, K as at, P as lt, F as ct, i as dt, at as ut, au as ge, o as he, w as ft, s as se, l as mt, a1 as Ae, av as ve, p as pt, h as gt, e as ht, a0 as Ce, g as vt, aw as Ct, ax as yt, ay as wt, ag as Et, r as bt, q as $t, az as St, y as _t, k as xt, j as kt, a4 as Lt, t as Nt, I as ye, aA as Dt, a as Tt, a6 as Y, a5 as Z, aB as Pt, aC as Rt, a8 as Mt, a7 as It, H as Ot } from "../../Lexical.prod-RJB8n7sC.js";
 import * as ae from "react";
 import { useMemo as W, useLayoutEffect as j, useEffect as x, useRef as ze, useState as I, Suspense as Ft, forwardRef as Be, useCallback as Kt } from "react";
-import { L as B, i as A, e as At, t as pe, r as zt, u as Bt } from "../../LexicalUtils.prod-CicP_X7u.js";
+import { L as B, i as A, e as At, t as pe, r as zt, u as Bt } from "../../LexicalUtils.prod-mYf1cd8X.js";
 import { r as we } from "../../index-DsprzSCj.js";
-import { _ as Ee, O as be, L as $e, $ as Se, h as Ut, m as jt } from "../../LexicalClipboard.prod-DP0us-xV.js";
-import { J as Ue, D as je, Z as Ht } from "../../LexicalList.prod-Cg8npow-.js";
-import { a as He, U as _e, m as le, g as qt, f as Jt } from "../../LexicalLink.prod-DWrTW8iE.js";
-import { u as re, e as oe, c as qe, K as Wt, n as xe, r as Vt, d as Xt, b as Yt, k as Zt, F as Gt, h as ke, o as Qt, U as en } from "../../LexicalTable.prod-DEA4KRzX.js";
-import { a as tn, F as nn, M as rn } from "../../helpers-BuSJOvGF.js";
+import { _ as Ee, O as be, h as Ut, m as jt } from "../../LexicalClipboard.prod-DB_B0Sr6.js";
+import { L as $e, $ as Se } from "../../LexicalSelection.prod-CL_DfdL6.js";
+import { J as Ue, D as je, Z as Ht } from "../../LexicalList.prod-igdv32dp.js";
+import { a as He, U as _e, m as le, g as qt, f as Jt } from "../../LexicalLink.prod-BvJo1BD4.js";
+import { u as re, e as oe, c as qe, K as Wt, n as xe, r as Vt, d as Xt, b as Yt, k as Zt, F as Gt, h as ke, o as Qt, U as en } from "../../LexicalTable.prod-CfgKmbyy.js";
+import { a as tn, F as nn, M as rn } from "../../helpers-BKqr9jXh.js";
 import { c as on } from "../../clsx-OuTLNxxd.js";
 import { exportMap as sn, isStartingWithHtmlTag as an, mergeBoldStrongTags as ln } from "./helpers.js";
-import { s as M } from "../../RteEditor.module-BeUn7GiA.js";
+import { s as M } from "../../RteEditor.module-oFMKEW6f.js";
 import { ToolBarPlugin as cn } from "./Plugins/ToolbarPlugin/ToolbarPlugin.js";
 import { useTranslation as dn } from "./hooks/useTranslation.js";
-import "../../TablePlugin-aDKhmuu7.js";
+import "../../TablePlugin-BVkwu1Gt.js";
 import "./Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "./hooks/components/Flyout.js";
 import "../Buttons/Button.js";
@@ -842,7 +843,7 @@ const Xe = 200, or = ({
     ] }) }),
     s !== "" && /* @__PURE__ */ y(un, { level: "error", feedback: s })
   ] });
-}, qr = ({
+}, Jr = ({
   currentLanguage: t = "NL",
   initialValue: e = "",
   placeholder: n = "",
@@ -868,6 +869,6 @@ const Xe = 200, or = ({
 ) });
 export {
   or as Rte,
-  qr as RteEditor
+  Jr as RteEditor
 };
 //# sourceMappingURL=RteEditor.js.map