@uva-glass/component-library 1.52.1 → 1.53.0

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

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { u as m, d as n } from "../../../../Lexical.prod-zUeT_jIr.js";
+import { u as m, d as n } from "../../../../Lexical.prod-DNRTKPfN.js";
 import { c as s } from "../../../../clsx-OuTLNxxd.js";
 import { Icon as d } from "../../../Icon/Icon.js";
-import { s as t } from "../../../../RteEditor.module--4R0Ql6Y.js";
+import { s as t } from "../../../../RteEditor.module-BjGyWKhW.js";
 const b = {
   bold: "FormatBold",
   italic: "FormatItalic"

package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.d.ts

@@ -0,0 +1 @@
+export declare const HistoryPlugin: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,62 @@
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { c as i } from "../../../../clsx-OuTLNxxd.js";
+import { u as f, $ as _, K as h, h as C, g as U } from "../../../../Lexical.prod-DNRTKPfN.js";
+import { useState as n, useEffect as a } from "react";
+import { Icon as m } from "../../../Icon/Icon.js";
+import "../../../Buttons/Button.js";
+import "../../../Buttons/LinkButton.js";
+import "@react-aria/button";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
+import "../../../OverlayCloseButton/OverlayCloseButton.js";
+import "../../../GridRow/GridRow.js";
+import "../../../IconButton/IconButton.js";
+import "../../../Input/Input.js";
+import "../../../InputField/InputField.js";
+import "react-router-dom";
+import "../../../../MultiSelect-D1FnMER4.js";
+import { s as t } from "../../../../RteEditor.module-BjGyWKhW.js";
+import "../../../SelectListbox/SelectListbox.js";
+import "../../../SelectListbox/SelectProvider.js";
+const F = () => {
+  const [o] = f(), [s, d] = n(!1), [l, p] = n(!1), c = () => {
+    o.dispatchCommand(C, void 0);
+  }, u = () => {
+    o.dispatchCommand(U, void 0);
+  };
+  return a(() => o.registerCommand(
+    _,
+    (e) => (d(e), !1),
+    1
+  ), [o]), a(() => o.registerCommand(
+    h,
+    (e) => (p(e), !1),
+    1
+  ), [o]), /* @__PURE__ */ b("div", { className: t["editor__toolbar-button-group"], children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: c,
+        className: i(t["editor__toolbar-button"], t["editor__toolbar-button--undo"]),
+        "aria-label": "Undo",
+        disabled: !s,
+        children: /* @__PURE__ */ r(m, { name: "Undo", size: 20 })
+      }
+    ),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: u,
+        className: i(t["editor__toolbar-button"], t["editor__toolbar-button--redo"]),
+        "aria-label": "Undo",
+        disabled: !l,
+        children: /* @__PURE__ */ r(m, { name: "Redo", size: 20 })
+      }
+    )
+  ] });
+};
+export {
+  F as HistoryPlugin
+};
+//# sourceMappingURL=HistoryPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { CAN_UNDO_COMMAND, CAN_REDO_COMMAND, UNDO_COMMAND, REDO_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nexport const HistoryPlugin = () => {\n  const [editor] = useLexicalComposerContext();\n  const [canUndo, setCanUndo] = useState(false);\n  const [canRedo, setCanRedo] = useState(false);\n\n  const handleUndo = () => {\n    editor.dispatchCommand(UNDO_COMMAND, undefined);\n  };\n\n  const handleRedo = () => {\n    editor.dispatchCommand(REDO_COMMAND, undefined);\n  };\n\n  useEffect(() => {\n    return editor.registerCommand<boolean>(\n      CAN_UNDO_COMMAND,\n      (payload) => {\n        setCanUndo(payload);\n        return false;\n      },\n      1\n    );\n  }, [editor]);\n\n  useEffect(() => {\n    return editor.registerCommand<boolean>(\n      CAN_REDO_COMMAND,\n      (payload) => {\n        setCanRedo(payload);\n        return false;\n      },\n      1\n    );\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      <button\n        onClick={handleUndo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--undo`])}\n        aria-label={`Undo`}\n        disabled={!canUndo}\n      >\n        <Icon name=\"Undo\" size={20} />\n      </button>\n      <button\n        onClick={handleRedo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n        aria-label={`Undo`}\n        disabled={!canRedo}\n      >\n        <Icon name=\"Redo\" size={20} />\n      </button>\n    </div>\n  );\n};\n"],"names":["HistoryPlugin","editor","useLexicalComposerContext","canUndo","setCanUndo","useState","canRedo","setCanRedo","handleUndo","UNDO_COMMAND","handleRedo","REDO_COMMAND","useEffect","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","jsxs","styles","jsx","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,IAAgB,MAAM;AAC3B,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,MAAM;AAChB,IAAAP,EAAA,gBAAgBQ,GAAc,MAAS;AAAA,EAAA,GAG1CC,IAAa,MAAM;AAChB,IAAAT,EAAA,gBAAgBU,GAAc,MAAS;AAAA,EAAA;AAGhD,SAAAC,EAAU,MACDX,EAAO;AAAA,IACZY;AAAAA,IACA,CAACC,OACCV,EAAWU,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAEXW,EAAU,MACDX,EAAO;AAAA,IACZc;AAAAA,IACA,CAACD,OACCP,EAAWO,CAAO,GACX;AAAA,IAET;AAAA,EAAA,GAED,CAACb,CAAM,CAAC,GAGR,gBAAAe,EAAA,OAAA,EAAI,WAAWC,EAAO,8BAA8B,GACnD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASV;AAAA,QACT,WAAWW,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAY;AAAA,QACZ,UAAU,CAACd;AAAA,QAEX,UAAC,gBAAAe,EAAAE,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9B;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWS,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAY;AAAA,QACZ,UAAU,CAACX;AAAA,QAEX,UAAC,gBAAAY,EAAAE,GAAA,EAAK,MAAK,QAAO,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9B;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/RteEditor/Plugins/HistoryPlugin/index.d.ts

@@ -0,0 +1 @@
+export * from './HistoryPlugin';

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

@@ -0,0 +1,5 @@
+import { HistoryPlugin as i } from "./HistoryPlugin.js";
+export {
+  i as HistoryPlugin
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { u as S } from "../../../../Lexical.prod-zUeT_jIr.js";
+import { u as S } from "../../../../Lexical.prod-DNRTKPfN.js";
 import { c as _ } from "../../../../clsx-OuTLNxxd.js";
-import { U as k, v as E } from "../../../../helpers-DpGAANJ8.js";
+import { U as k, v as E } from "../../../../helpers-TSjo3aAv.js";
 import { useState as g, useRef as R, useEffect as f } from "react";
 import { useFlyout as T } from "../../hooks/useFlyout.js";
 import { Icon as v } from "../../../Icon/Icon.js";
@@ -22,7 +22,7 @@ import "../../../Input/Input.js";
 import { InputField as z } from "../../../InputField/InputField.js";
 import "react-router-dom";
 import "../../../../MultiSelect-D1FnMER4.js";
-import { s as t } from "../../../../RteEditor.module--4R0Ql6Y.js";
+import { s as t } from "../../../../RteEditor.module-BjGyWKhW.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 const cr = ({ isLink: o = { active: !1, url: "", target: "_self" } }) => {

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

@@ -1,4 +1,4 @@
-import { M as o, b as r, v as t } from "../../../../helpers-DpGAANJ8.js";
+import { M as o, b as r, v as t } from "../../../../helpers-TSjo3aAv.js";
 export {
   o as MATCHERS,
   r as validateUrl,

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
-import "../../../../Lexical.prod-zUeT_jIr.js";
-import { L as a } from "../../../../ListPlugin-CxyYg2bv.js";
+import "../../../../Lexical.prod-DNRTKPfN.js";
+import { L as a } from "../../../../ListPlugin-CgNBzfIl.js";
 import "react";
 import "../../../../clsx-OuTLNxxd.js";
 import "../../../Icon/Icon.js";
-import "../../../../RteEditor.module--4R0Ql6Y.js";
+import "../../../../RteEditor.module-BjGyWKhW.js";
 export {
   a as ListPlugin
 };

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

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

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

@@ -1,11 +1,12 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-import { u as I, I as k, m as N } from "../../../../Lexical.prod-zUeT_jIr.js";
-import { useState as r, useCallback as P, useEffect as b } from "react";
-import { L as B, H as h } from "../../../../ListPlugin-CxyYg2bv.js";
-import { g as v } from "../../../../helpers-DpGAANJ8.js";
-import { LinkPlugin as x } from "../LinkPlugin/LinkPlugin.js";
-import { BlockFormatPlugin as F } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { s as U } from "../../../../RteEditor.module--4R0Ql6Y.js";
+import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { u as I, I as P, m as k } from "../../../../Lexical.prod-DNRTKPfN.js";
+import { useState as r, useCallback as N, useEffect as b } from "react";
+import { L as B, H as h } from "../../../../ListPlugin-CgNBzfIl.js";
+import { g as v } from "../../../../helpers-TSjo3aAv.js";
+import { BlockFormatPlugin as x } from "../BlockFormatPlugin/BlockFormatPlugin.js";
+import { LinkPlugin as F } from "../LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as U } from "../HistoryPlugin/HistoryPlugin.js";
+import { s as j } from "../../../../RteEditor.module-BjGyWKhW.js";
 const n = (o, s) => {
   let t = o, i;
   for (; t !== null; ) {
@@ -16,13 +17,13 @@ const n = (o, s) => {
     t = t.getParent();
   }
   return !1;
-}, T = () => {
-  const [o] = I(), [s, t] = r(!1), [i, c] = r(!1), [m, u] = r(!1), [d, g] = r(!1), [p, L] = r({ active: !1, url: "", target: "_self" }), f = P(() => {
-    const e = k();
-    if (N(e)) {
-      t(e.hasFormat("bold")), c(e.hasFormat("italic"));
-      const l = e.anchor.getNode();
-      u(n(l, "ul")), g(n(l, "ol")), L(n(l, "a"));
+}, z = () => {
+  const [o] = I(), [s, t] = r(!1), [i, m] = r(!1), [c, u] = r(!1), [g, d] = r(!1), [p, L] = r({ active: !1, url: "", target: "_self" }), f = N(() => {
+    const e = P();
+    if (k(e)) {
+      t(e.hasFormat("bold")), m(e.hasFormat("italic"));
+      const a = e.anchor.getNode();
+      u(n(a, "ul")), d(n(a, "ol")), L(n(a, "a"));
     }
   }, []);
   return b(() => {
@@ -31,13 +32,14 @@ const n = (o, s) => {
         f();
       });
     });
-  }, [o, f]), /* @__PURE__ */ _("div", { className: U.editor__toolbar, children: [
-    /* @__PURE__ */ a(F, { isBold: s, isItalic: i }),
-    /* @__PURE__ */ a(B, { isUList: m, isOList: d }),
-    /* @__PURE__ */ a(x, { isLink: p })
+  }, [o, f]), /* @__PURE__ */ _("div", { className: j.editor__toolbar, children: [
+    /* @__PURE__ */ l(x, { isBold: s, isItalic: i }),
+    /* @__PURE__ */ l(B, { isUList: c, isOList: g }),
+    /* @__PURE__ */ l(F, { isLink: p }),
+    /* @__PURE__ */ l(U, {})
   ] });
 };
 export {
-  T as ToolBarPlugin
+  z as ToolBarPlugin
 };
 //# sourceMappingURL=ToolbarPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection } from 'lexical';\nimport { useCallback, useEffect, useState } from 'react';\nimport { $isListNode } from '@lexical/list';\nimport { $isLinkNode } from '@lexical/link';\n\nimport type { ElementNode, TextNode } from 'lexical';\n\nimport { LinkPlugin } from 'components/RteEditor/Plugins/LinkPlugin';\nimport { BlockFormatPlugin, ListPlugin } from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nexport type TargetType = '_blank' | '_self';\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  target: TargetType | string;\n}\n\nconst getNodeTag = (anchorNode: ElementNode | TextNode, tagToMatch: string): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n  let tag: string | null;\n\n  while (currentNode !== null) {\n    if (tagToMatch === 'a') {\n      if ($isLinkNode(currentNode)) {\n        return { active: true, url: currentNode.__url, target: !currentNode.__target ? '_self' : currentNode.__target };\n      }\n    }\n\n    if (tagToMatch === 'ul' || tagToMatch === 'ol') {\n      if ($isListNode(currentNode)) {\n        tag = currentNode.getTag();\n        return tag === tagToMatch;\n      }\n    }\n\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const ToolBarPlugin = (): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [isBold, setIsBold] = useState(false);\n  const [isItalic, setIsItalic] = useState(false);\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', target: '_self' });\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      setIsBold(selection.hasFormat('bold'));\n      setIsItalic(selection.hasFormat('italic'));\n\n      const anchorNode = selection.anchor.getNode();\n      setIsUList(getNodeTag(anchorNode, 'ul') as boolean);\n      setIsOList(getNodeTag(anchorNode, 'ol') as boolean);\n      setIsLink(getNodeTag(anchorNode, 'a') as LinkType);\n    }\n  }, []);\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin isBold={isBold} isItalic={isItalic} />\n      <ListPlugin isUList={isUList} isOList={isOList} />\n      <LinkPlugin isLink={isLink} />\n    </div>\n  );\n};\n"],"names":["getNodeTag","anchorNode","tagToMatch","currentNode","tag","$isLinkNode","$isListNode","ToolBarPlugin","editor","useLexicalComposerContext","isBold","setIsBold","useState","isItalic","setIsItalic","isUList","setIsUList","isOList","setIsOList","isLink","setIsLink","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","useEffect","editorState","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","LinkPlugin"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAa,CAACC,GAAoCC,MAA2C;AACjG,MAAIC,IAA6CF,GAC7CG;AAEJ,SAAOD,MAAgB,QAAM;AAC3B,QAAID,MAAe,OACbG,EAAYF,CAAW;AACzB,aAAO,EAAE,QAAQ,IAAM,KAAKA,EAAY,OAAO,QAASA,EAAY,WAAqBA,EAAY,WAAtB,QAA+B;AAI9G,SAAAD,MAAe,QAAQA,MAAe,SACpCI,EAAYH,CAAW;AACzB,aAAAC,IAAMD,EAAY,UACXC,MAAQF;AAInB,IAAAC,IAAcA,EAAY;EAC5B;AAEO,SAAA;AACT,GAEaI,IAAgB,MAAmB;AACxC,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAASC,CAAU,IAAIJ,EAAkB,EAAK,GAC/C,CAACK,GAASC,CAAU,IAAIN,EAAkB,EAAK,GAC/C,CAACO,GAAQC,CAAS,IAAIR,EAAmB,EAAE,QAAQ,IAAO,KAAK,IAAI,QAAQ,QAAS,CAAA,GAEpFS,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AACtB,MAAAZ,EAAAY,EAAU,UAAU,MAAM,CAAC,GACzBT,EAAAS,EAAU,UAAU,QAAQ,CAAC;AAEnC,YAAAtB,IAAasB,EAAU,OAAO,QAAQ;AACjC,MAAAP,EAAAhB,EAAWC,GAAY,IAAI,CAAY,GACvCiB,EAAAlB,EAAWC,GAAY,IAAI,CAAY,GACxCmB,EAAApB,EAAWC,GAAY,GAAG,CAAa;AAAA,IACnD;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,SAAAyB,EAAU,MAAM;AACd,IAAAlB,EAAO,uBAAuB,CAAC,EAAE,aAAAmB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAN;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACb,GAAQa,CAAa,CAAC,GAGvB,gBAAAO,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAkB,QAAArB,GAAgB,UAAAG,EAAoB,CAAA;AAAA,IACvD,gBAAAiB,EAACE,GAAW,EAAA,SAAAjB,GAAkB,SAAAE,EAAkB,CAAA;AAAA,IAChD,gBAAAa,EAACG,KAAW,QAAAd,GAAgB;AAAA,EAC9B,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ToolbarPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getSelection, $isRangeSelection } from 'lexical';\nimport { useCallback, useEffect, useState } from 'react';\nimport { $isListNode } from '@lexical/list';\nimport { $isLinkNode } from '@lexical/link';\n\nimport type { ElementNode, TextNode } from 'lexical';\n\nimport { LinkPlugin, BlockFormatPlugin, ListPlugin, HistoryPlugin } from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\nexport type TargetType = '_blank' | '_self';\nexport interface LinkType {\n  active: boolean;\n  url: string;\n  target: TargetType | string;\n}\n\nconst getNodeTag = (anchorNode: ElementNode | TextNode, tagToMatch: string): boolean | LinkType => {\n  let currentNode: TextNode | ElementNode | null = anchorNode;\n  let tag: string | null;\n\n  while (currentNode !== null) {\n    if (tagToMatch === 'a') {\n      if ($isLinkNode(currentNode)) {\n        return { active: true, url: currentNode.__url, target: !currentNode.__target ? '_self' : currentNode.__target };\n      }\n    }\n\n    if (tagToMatch === 'ul' || tagToMatch === 'ol') {\n      if ($isListNode(currentNode)) {\n        tag = currentNode.getTag();\n        return tag === tagToMatch;\n      }\n    }\n\n    currentNode = currentNode.getParent();\n  }\n\n  return false;\n};\n\nexport const ToolBarPlugin = (): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const [isBold, setIsBold] = useState(false);\n  const [isItalic, setIsItalic] = useState(false);\n  const [isUList, setIsUList] = useState<boolean>(false);\n  const [isOList, setIsOList] = useState<boolean>(false);\n  const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', target: '_self' });\n\n  const updateToolbar = useCallback(() => {\n    const selection = $getSelection();\n    if ($isRangeSelection(selection)) {\n      setIsBold(selection.hasFormat('bold'));\n      setIsItalic(selection.hasFormat('italic'));\n\n      const anchorNode = selection.anchor.getNode();\n      setIsUList(getNodeTag(anchorNode, 'ul') as boolean);\n      setIsOList(getNodeTag(anchorNode, 'ol') as boolean);\n      setIsLink(getNodeTag(anchorNode, 'a') as LinkType);\n    }\n  }, []);\n\n  useEffect(() => {\n    editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        updateToolbar();\n      });\n    });\n  }, [editor, updateToolbar]);\n\n  return (\n    <div className={styles['editor__toolbar']}>\n      <BlockFormatPlugin isBold={isBold} isItalic={isItalic} />\n      <ListPlugin isUList={isUList} isOList={isOList} />\n      <LinkPlugin isLink={isLink} />\n      <HistoryPlugin />\n    </div>\n  );\n};\n"],"names":["getNodeTag","anchorNode","tagToMatch","currentNode","tag","$isLinkNode","$isListNode","ToolBarPlugin","editor","useLexicalComposerContext","isBold","setIsBold","useState","isItalic","setIsItalic","isUList","setIsUList","isOList","setIsOList","isLink","setIsLink","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","useEffect","editorState","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin","LinkPlugin","HistoryPlugin"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAa,CAACC,GAAoCC,MAA2C;AACjG,MAAIC,IAA6CF,GAC7CG;AAEJ,SAAOD,MAAgB,QAAM;AAC3B,QAAID,MAAe,OACbG,EAAYF,CAAW;AACzB,aAAO,EAAE,QAAQ,IAAM,KAAKA,EAAY,OAAO,QAASA,EAAY,WAAqBA,EAAY,WAAtB,QAA+B;AAI9G,SAAAD,MAAe,QAAQA,MAAe,SACpCI,EAAYH,CAAW;AACzB,aAAAC,IAAMD,EAAY,UACXC,MAAQF;AAInB,IAAAC,IAAcA,EAAY;EAC5B;AAEO,SAAA;AACT,GAEaI,IAAgB,MAAmB;AACxC,QAAA,CAACC,CAAM,IAAIC,KACX,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxC,CAACG,GAASC,CAAU,IAAIJ,EAAkB,EAAK,GAC/C,CAACK,GAASC,CAAU,IAAIN,EAAkB,EAAK,GAC/C,CAACO,GAAQC,CAAS,IAAIR,EAAmB,EAAE,QAAQ,IAAO,KAAK,IAAI,QAAQ,QAAS,CAAA,GAEpFS,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AACtB,MAAAZ,EAAAY,EAAU,UAAU,MAAM,CAAC,GACzBT,EAAAS,EAAU,UAAU,QAAQ,CAAC;AAEnC,YAAAtB,IAAasB,EAAU,OAAO,QAAQ;AACjC,MAAAP,EAAAhB,EAAWC,GAAY,IAAI,CAAY,GACvCiB,EAAAlB,EAAWC,GAAY,IAAI,CAAY,GACxCmB,EAAApB,EAAWC,GAAY,GAAG,CAAa;AAAA,IACnD;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,SAAAyB,EAAU,MAAM;AACd,IAAAlB,EAAO,uBAAuB,CAAC,EAAE,aAAAmB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAN;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACb,GAAQa,CAAa,CAAC,GAGvB,gBAAAO,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAkB,QAAArB,GAAgB,UAAAG,EAAoB,CAAA;AAAA,IACvD,gBAAAiB,EAACE,GAAW,EAAA,SAAAjB,GAAkB,SAAAE,EAAkB,CAAA;AAAA,IAChD,gBAAAa,EAACG,KAAW,QAAAd,GAAgB;AAAA,sBAC3Be,GAAc,EAAA;AAAA,EACjB,EAAA,CAAA;AAEJ;"}

package/dist/components/RteEditor/Plugins/index.d.ts

@@ -1,3 +1,5 @@
 export * from './ToolbarPlugin';
 export * from './BlockFormatPlugin';
 export * from './ListPlugin';
+export * from './LinkPlugin';
+export * from './HistoryPlugin';

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

@@ -1,9 +1,13 @@
-import { ToolBarPlugin as l } from "./ToolbarPlugin/ToolbarPlugin.js";
-import { BlockFormatPlugin as i } from "./BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as a } from "../../../ListPlugin-CxyYg2bv.js";
+import { ToolBarPlugin as i } from "./ToolbarPlugin/ToolbarPlugin.js";
+import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
+import { L as n } from "../../../ListPlugin-CgNBzfIl.js";
+import { LinkPlugin as f } from "./LinkPlugin/LinkPlugin.js";
+import { HistoryPlugin as p } from "./HistoryPlugin/HistoryPlugin.js";
 export {
-  i as BlockFormatPlugin,
-  a as ListPlugin,
-  l as ToolBarPlugin
+  l as BlockFormatPlugin,
+  p as HistoryPlugin,
+  f as LinkPlugin,
+  n as ListPlugin,
+  i as ToolBarPlugin
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}