@uva-glass/component-library 3.45.5 → 3.45.6

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

@@ -1,68 +1,62 @@
 import { jsx as d } from "react/jsx-runtime";
 import { o as y } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { T as N, C as v, y as I, n as D, a as f, c as S } from "../../../../LexicalList.prod-D6IAptR7.js";
-import { H as w } from "../../../../LexicalSelection.prod-ZvNRDI9l.js";
-import { useState as p, useEffect as K } from "react";
-import { c as x } from "../../../../clsx-OuTLNxxd.js";
-import { as as O, I as U, a0 as B, w as b, a as h, K as E, F } from "../../../../Lexical.prod-nXWuyOKD.js";
-import { Icon as T } from "../../../Icon/Icon.js";
+import { T as f, C as _, y as N, n as D, a as b, c as P } from "../../../../LexicalList.prod--mkvX0uW.js";
+import { useState as p, useEffect as v } from "react";
+import { c as S } from "../../../../clsx-OuTLNxxd.js";
+import { as as w, I as x, a0 as O, w as I, a as K, K as U } from "../../../../Lexical.prod-nXWuyOKD.js";
+import { Icon as B } from "../../../Icon/Icon.js";
 import { s as l } from "../../../../RteEditor.module-CovRFt0S.js";
-import { useTranslation as $ } from "../../hooks/useTranslation.js";
-const j = {
+import { useTranslation as E } from "../../hooks/useTranslation.js";
+const T = {
   bullet: "BulletList",
   number: "NumberedList"
-}, z = ["bullet", "number"], W = () => {
-  const u = $(), [e] = y(), [g, s] = p("paragraph"), [c, L] = p(!1), [m, C] = p(!1), P = () => {
-    e.update(() => {
-      const t = b();
-      h(t) && w(t, () => F());
-    });
-  }, k = (t) => {
-    t === "number" && g !== "number" ? (e.dispatchCommand(v, void 0), s("number")) : t === "bullet" && g !== "bullet" ? (e.dispatchCommand(I, void 0), s("bullet")) : (P(), s("paragraph"));
+}, $ = ["bullet", "number"], M = () => {
+  const u = E(), [e] = y(), [h, s] = p(null), [c, g] = p(!1), [m, L] = p(!1), k = (t) => {
+    t === "number" && h !== "number" ? (e.dispatchCommand(_, void 0), s("number")) : t === "bullet" && h !== "bullet" ? (e.dispatchCommand(N, void 0), s("bullet")) : (e.dispatchCommand(f, void 0), s(null));
   };
-  return K(() => {
+  return v(() => {
     const t = e.registerCommand(
-      O,
-      (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(I, void 0), !0) : !1,
-      U
+      w,
+      (o) => o.ctrlKey && o.shiftKey && o.code === "Digit7" ? (o.preventDefault(), m ? e.dispatchCommand(f, void 0) : e.dispatchCommand(_, void 0), !0) : o.ctrlKey && o.shiftKey && o.code === "Digit8" ? (o.preventDefault(), c ? e.dispatchCommand(f, void 0) : e.dispatchCommand(N, void 0), !0) : !1,
+      x
     );
     return () => {
       t();
     };
-  }, [e, m, c]), K(() => {
+  }, [e, m, c]), v(() => {
     e.registerCommand(
-      B,
-      (r) => (r.preventDefault(), e.update(() => {
-        const n = b();
-        if (!h(n))
+      O,
+      (o) => (o.preventDefault(), e.update(() => {
+        const i = I();
+        if (!K(i))
           return;
-        const o = n.anchor.getNode(), i = o.getParent();
-        if (!D(i))
+        const r = i.anchor.getNode(), n = r.getParent();
+        if (!D(n))
           return;
-        const a = i.getParent();
-        if (f(a)) {
-          const _ = S(f(a) ? a.getListType() : "bullet");
-          i.append(_), _.append(o);
+        const a = n.getParent();
+        if (b(a)) {
+          const C = P(b(a) ? a.getListType() : "bullet");
+          n.append(C), C.append(r);
         }
       }), !0),
-      E
+      U
     );
-    const t = e.registerUpdateListener(({ editorState: r }) => {
-      r.read(() => {
-        const n = b();
-        if (h(n)) {
-          let o = n.anchor.getNode();
-          for (; o !== null; ) {
-            if (f(o)) {
-              const a = o.getTag();
-              L(a === "ul"), C(a === "ol"), a === "ul" && s("bullet"), a === "ol" && s("number");
+    const t = e.registerUpdateListener(({ editorState: o }) => {
+      o.read(() => {
+        const i = I();
+        if (K(i)) {
+          let r = i.anchor.getNode();
+          for (; r !== null; ) {
+            if (b(r)) {
+              const a = r.getTag();
+              g(a === "ul"), L(a === "ol"), a === "ul" && s("bullet"), a === "ol" && s("number");
               return;
             }
-            const i = o.getParent();
-            if (i === null) break;
-            o = i;
+            const n = r.getParent();
+            if (n === null) break;
+            r = n;
           }
-          L(!1), C(!1), s("paragraph");
+          g(!1), L(!1), s(null);
         }
         return !1;
       });
@@ -70,12 +64,12 @@ const j = {
     return () => {
       t();
     };
-  }, [e]), /* @__PURE__ */ d("div", { className: l["editor__toolbar-button-group"], children: z.map((t) => /* @__PURE__ */ d(
+  }, [e]), /* @__PURE__ */ d("div", { className: l["editor__toolbar-button-group"], children: $.map((t) => /* @__PURE__ */ d(
     "button",
     {
       onClick: () => k(t),
       title: u.format[`${t}Tooltip`],
-      className: x(
+      className: S(
         l["editor__toolbar-button"],
         l[`editor__toolbar-button--${t}`],
         t === "bullet" && c && l["editor__toolbar-button--active"],
@@ -84,12 +78,12 @@ const j = {
       "aria-label": u.aria.labels[t],
       "aria-keyshortcuts": u.aria.keyshortcuts[t],
       type: "button",
-      children: /* @__PURE__ */ d(T, { name: j[t], size: 24 })
+      children: /* @__PURE__ */ d(B, { name: T[t], size: 24 })
     },
     t
   )) });
 };
 export {
-  W as ListPlugin
+  M 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  $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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"}
+{"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 { useEffect, useState } from 'react';\nimport { clsx } from 'clsx';\nimport {\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' | null;\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>(null);\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(null);\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(null);\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","KEY_TAB_COMMAND","selection","$getSelection","$isRangeSelection","currentNode","parent","$isListItemNode","listParent","$isListNode","newList","$createListNode","COMMAND_PRIORITY_LOW","removeStatusListener","editorState","anchorNode","tag","parentNode","jsx","styles","clsx","Icon"],"mappings":";;;;;;;;;AA2BA,MAAMA,IAAkB;AAAA,EACtB,QAAQ;AAAA,EACR,QAAQ;AACV,GAEMC,IAAY,CAAC,UAAU,QAAQ,GAExBC,IAAa,MAAM;AAC9B,QAAMC,IAAIC,EAAA,GACJ,CAACC,CAAM,IAAIC,EAAA,GACX,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI,GACxD,CAACC,GAASC,CAAU,IAAIF,EAAkB,EAAK,GAC/C,CAACG,GAASC,CAAU,IAAIJ,EAAkB,EAAK,GAE/CK,IAAa,CAACC,MAAkC;AACpD,IAAIA,MAAa,YAAYR,MAAc,YACzCF,EAAO,gBAAgBW,GAA6B,MAAS,GAC7DR,EAAa,QAAQ,KACZO,MAAa,YAAYR,MAAc,YAChDF,EAAO,gBAAgBY,GAA+B,MAAS,GAC/DT,EAAa,QAAQ,MAErBH,EAAO,gBAAgBa,GAAqB,MAAS,GACrDV,EAAa,IAAI;AAAA,EAErB;AAEA,SAAAW,EAAU,MAAM;AACd,UAAMC,IAAyBf,EAAO;AAAA,MACpCgB;AAAAA,MACA,CAACC,MACKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,SAAS,YACpDA,EAAM,eAAA,GACFV,IACFP,EAAO,gBAAgBa,GAAqB,MAAS,IAErDb,EAAO,gBAAgBW,GAA6B,MAAS,GAExD,MAELM,EAAM,WAAWA,EAAM,YAAYA,EAAM,SAAS,YACpDA,EAAM,eAAA,GACFZ,IACFL,EAAO,gBAAgBa,GAAqB,MAAS,IAErDb,EAAO,gBAAgBY,GAA+B,MAAS,GAE1D,MAEF;AAAA,MAETM;AAAAA,IAAA;AAGF,WAAO,MAAM;AACX,MAAAH,EAAA;AAAA,IACF;AAAA,EACF,GAAG,CAACf,GAAQO,GAASF,CAAO,CAAC,GAE7BS,EAAU,MAAM;AACd,IAAAd,EAAO;AAAA,MACLmB;AAAAA,MACA,CAACF,OACCA,EAAM,eAAA,GACNjB,EAAO,OAAO,MAAM;AAClB,cAAMoB,IAAYC,EAAA;AAClB,YAAI,CAACC,EAAkBF,CAAS;AAC9B;AAGF,cAAMG,IAAcH,EAAU,OAAO,QAAA,GAC/BI,IAASD,EAAY,UAAA;AAC3B,YAAI,CAACE,EAAgBD,CAAM;AACzB;AAGF,cAAME,IAAaF,EAAO,UAAA;AAC1B,YAAIG,EAAYD,CAAU,GAAG;AAC3B,gBAAME,IAAUC,EAAgBF,EAAYD,CAAU,IAAIA,EAAW,YAAA,IAAgB,QAAQ;AAC7F,UAAAF,EAAO,OAAOI,CAAO,GACrBA,EAAQ,OAAOL,CAAW;AAAA,QAC5B;AAAA,MACF,CAAC,GACM;AAAA,MAETO;AAAAA,IAAA;AAGF,UAAMC,IAAuB/B,EAAO,uBAAuB,CAAC,EAAE,aAAAgC,QAAkB;AAC9E,MAAAA,EAAY,KAAK,MAAM;AACrB,cAAMZ,IAAYC,EAAA;AAClB,YAAIC,EAAkBF,CAAS,GAAG;AAChC,cAAIa,IAAab,EAAU,OAAO,QAAA;AAClC,iBAAOa,MAAe,QAAM;AAC1B,gBAAIN,EAAYM,CAAU,GAAG;AAC3B,oBAAMC,IAAMD,EAAW,OAAA;AACvB,cAAA3B,EAAW4B,MAAQ,IAAI,GACvB1B,EAAW0B,MAAQ,IAAI,GACnBA,MAAQ,QACV/B,EAAa,QAAQ,GAEnB+B,MAAQ,QACV/B,EAAa,QAAQ;AAEvB;AAAA,YACF;AACA,kBAAMgC,IAAaF,EAAW,UAAA;AAC9B,gBAAIE,MAAe,KAAM;AACzB,YAAAF,IAAaE;AAAA,UACf;AACA,UAAA7B,EAAW,EAAK,GAChBE,EAAW,EAAK,GAChBL,EAAa,IAAI;AAAA,QACnB;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,MAAA4B,EAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC/B,CAAM,CAAC,GAGT,gBAAAoC,EAAC,SAAI,WAAWC,EAAO,8BAA8B,GAClD,UAAAzC,EAAU,IAAI,CAACc,MACd,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM3B,EAAWC,CAAyB;AAAA,MAEnD,OAAOZ,EAAE,OAAO,GAAGY,CAAQ,SAAkC;AAAA,MAC7D,WAAW4B;AAAA,QACTD,EAAO,wBAAwB;AAAA,QAC/BA,EAAO,2BAA2B3B,CAAQ,EAAE;AAAA,QAC5CA,MAAa,YAAYL,KAAWgC,EAAO,gCAAgC;AAAA,QAC3E3B,MAAa,YAAYH,KAAW8B,EAAO,gCAAgC;AAAA,MAAA;AAAA,MAE7E,cAAYvC,EAAE,KAAK,OAAOY,CAAsC;AAAA,MAChE,qBAAmBZ,EAAE,KAAK,aAAaY,CAA4C;AAAA,MACnF,MAAK;AAAA,MAEL,4BAAC6B,GAAA,EAAK,MAAM5C,EAAgBe,CAA6B,GAAG,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,IAZjEA;AAAA,EAAA,CAcR,GACH;AAEJ;"}

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

@@ -2,7 +2,7 @@ import { o as m } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { useEffect as c } from "react";
 import { af as f, R as p, w as u } from "../../../../Lexical.prod-nXWuyOKD.js";
 import { L as i } from "../../../../LexicalUtils.prod-Ckfw0Hjt.js";
-import { A as d } from "../../../../LexicalClipboard.prod-BP8LNbol.js";
+import { A as d } from "../../../../LexicalClipboard.prod-pXq91TBU.js";
 import { d as D } from "../../../../index-yEhaxKq-.js";
 const P = () => {
   const [e] = m(), l = (t) => {

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
-import { T as b } from "../../../../TableCellResizerPlugin-DFzNK-ve.js";
-import "../../../../LexicalTable.prod-DJktN6jF.js";
+import { T as b } from "../../../../TableCellResizerPlugin-Cpbankb8.js";
+import "../../../../LexicalTable.prod-Bexd4dGG.js";
 import "../../../../LexicalUtils.prod-Ckfw0Hjt.js";
 import "../../../../Lexical.prod-nXWuyOKD.js";
 import "react-dom";

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

@@ -1,4 +1,4 @@
-import { T as r } from "../../../../TableCellResizerPlugin-DFzNK-ve.js";
+import { T as r } from "../../../../TableCellResizerPlugin-Cpbankb8.js";
 export {
   r as TableCellResizerPlugin
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as E } from "../../../../TablePlugin-4Zj0xZie.js";
+import { b as E } from "../../../../TablePlugin-FTN9oxnI.js";
 import "../../../Accordion/Accordion.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";

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

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../LexicalTable.prod-DJktN6jF.js";
+import "../../../../LexicalTable.prod-Bexd4dGG.js";
 import "../../../../Lexical.prod-nXWuyOKD.js";
 import "../../../../LexicalUtils.prod-Ckfw0Hjt.js";
 import "react";
-import { T as K } from "../../../../TablePlugin-4Zj0xZie.js";
+import { T as K } from "../../../../TablePlugin-FTN9oxnI.js";
 import "./helpers.js";
 import "../../nodes/TableWrapperNode/TableWrapperNode.js";
 import "../../hooks/useFlyout.js";

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

@@ -1,4 +1,4 @@
-import { V as T, R as i, H as w, n as p, B as u, P as b, a as E, z as R, K as g, Y as D, L as I, v as x } from "../../../../LexicalTable.prod-DJktN6jF.js";
+import { V as T, R as i, H as w, n as p, B as u, P as b, a as E, z as R, K as g, Y as D, L as I, v as x } from "../../../../LexicalTable.prod-Bexd4dGG.js";
 import { F as S } from "../../../../Lexical.prod-nXWuyOKD.js";
 import { TableWrapperNode as N } from "../../nodes/TableWrapperNode/TableWrapperNode.js";
 const y = 32, a = 48, W = 1, O = 200, P = 320, H = (t, e) => {

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

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

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

@@ -2,12 +2,12 @@ import { jsxs as P, jsx as n } from "react/jsx-runtime";
 import { o as y } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
 import { w as f, a as h, k as C } from "../../../../Lexical.prod-nXWuyOKD.js";
 import { useState as L, useRef as E, useCallback as k, useEffect as c } from "react";
-import { W as g } from "../../../../LexicalTable.prod-DJktN6jF.js";
+import { W as g } from "../../../../LexicalTable.prod-Bexd4dGG.js";
 import { BlockFormatPlugin as T } from "../BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as N } 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-4Zj0xZie.js";
+import { T as S } from "../../../../TablePlugin-FTN9oxnI.js";
 import { TableCellContextMenu as z } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 import "react-dom";
 import "../../../../index-yEhaxKq-.js";

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

@@ -3,9 +3,9 @@ import { BlockFormatPlugin as t } from "./BlockFormatPlugin/BlockFormatPlugin.js
 import { ListPlugin as n } from "./ListPlugin/ListPlugin.js";
 import { LinkPlugin as g, getLinkNodeTag as m } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as u } from "../../../TablePlugin-4Zj0xZie.js";
+import { T as u } from "../../../TablePlugin-FTN9oxnI.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { T as b } from "../../../TableCellResizerPlugin-DFzNK-ve.js";
+import { T as b } from "../../../TableCellResizerPlugin-Cpbankb8.js";
 import { PasteHandlerPlugin as C } from "./PasteHandlerPlugin/PasteHandlerPlugin.js";
 export {
   t as BlockFormatPlugin,