@uva-glass/component-library 1.51.0 → 1.52.1

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

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

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

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

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

@@ -1 +1,7 @@
+export type TargetType = '_blank' | '_self';
+export interface LinkType {
+    active: boolean;
+    url: string;
+    target: TargetType | string;
+}
 export declare const ToolBarPlugin: () => JSX.Element;

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

@@ -1,38 +1,43 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import { u as I, I as h, m as L } from "../../../../Lexical.prod-DSsdOWxu.js";
-import { useState as e, useCallback as N, useEffect as b } from "react";
-import { H as B, L as P } from "../../../../ListPlugin-Bu2AbCDB.js";
-import { BlockFormatPlugin as x } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { s as F } from "../../../../RteEditor.module-RkKUrkOO.js";
-const w = () => {
-  const [a] = I(), [c, f] = e(!1), [m, u] = e(!1), [d, o] = e(!1), [g, r] = e(!1), l = N(() => {
-    const s = h();
-    if (L(s)) {
-      f(s.hasFormat("bold")), u(s.hasFormat("italic"));
-      let t = s.anchor.getNode();
-      for (; t !== null; ) {
-        if (B(t)) {
-          const i = t.getTag();
-          o(i === "ul"), r(i === "ol");
-          return;
-        }
-        t = t.getParent();
-      }
-      o(!1), r(!1);
+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";
+const n = (o, s) => {
+  let t = o, i;
+  for (; t !== null; ) {
+    if (s === "a" && v(t))
+      return { active: !0, url: t.__url, target: t.__target ? t.__target : "_self" };
+    if ((s === "ul" || s === "ol") && h(t))
+      return i = t.getTag(), i === 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"));
     }
   }, []);
   return b(() => {
-    a.registerUpdateListener(({ editorState: s }) => {
-      s.read(() => {
-        l();
+    o.registerUpdateListener(({ editorState: e }) => {
+      e.read(() => {
+        f();
       });
     });
-  }, [a, l]), /* @__PURE__ */ p("div", { className: F.editor__toolbar, children: [
-    /* @__PURE__ */ n(x, { isBold: c, isItalic: m }),
-    /* @__PURE__ */ n(P, { isUList: d, isOList: g })
+  }, [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 })
   ] });
 };
 export {
-  w as ToolBarPlugin
+  T 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';\n\nimport type { ElementNode, TextNode } from 'lexical';\n\nimport { BlockFormatPlugin, ListPlugin } from 'components/RteEditor/Plugins';\nimport styles from 'components/RteEditor/RteEditor.module.css';\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(false);\n  const [isOList, setIsOList] = useState(false);\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      let currentNode: TextNode | ElementNode | null = anchorNode;\n      while (currentNode !== null) {\n        if ($isListNode(currentNode)) {\n          const tag = currentNode.getTag();\n          tag === 'ul' ? setIsUList(true) : setIsUList(false);\n          tag === 'ol' ? setIsOList(true) : setIsOList(false);\n          return;\n        }\n        currentNode = currentNode.getParent();\n      }\n      setIsUList(false);\n      setIsOList(false);\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    </div>\n  );\n};\n"],"names":["ToolBarPlugin","editor","useLexicalComposerContext","isBold","setIsBold","useState","isItalic","setIsItalic","isUList","setIsUList","isOList","setIsOList","updateToolbar","useCallback","selection","$getSelection","$isRangeSelection","currentNode","$isListNode","tag","useEffect","editorState","jsxs","styles","jsx","BlockFormatPlugin","ListPlugin"],"mappings":";;;;;;AAUO,MAAMA,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,EAAS,EAAK,GACtC,CAACK,GAASC,CAAU,IAAIN,EAAS,EAAK,GAEtCO,IAAgBC,EAAY,MAAM;AACtC,UAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,GAAG;AACtB,MAAAV,EAAAU,EAAU,UAAU,MAAM,CAAC,GACzBP,EAAAO,EAAU,UAAU,QAAQ,CAAC;AAGzC,UAAIG,IADeH,EAAU,OAAO,QAAQ;AAE5C,aAAOG,MAAgB,QAAM;AACvB,YAAAC,EAAYD,CAAW,GAAG;AACtB,gBAAAE,IAAMF,EAAY;AACxB,UAAeR,EAAfU,MAAQ,IAAsB,GACfR,EAAfQ,MAAQ,IAAsB;AAC9B;AAAA,QACF;AACA,QAAAF,IAAcA,EAAY;MAC5B;AACA,MAAAR,EAAW,EAAK,GAChBE,EAAW,EAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,SAAAS,EAAU,MAAM;AACd,IAAAnB,EAAO,uBAAuB,CAAC,EAAE,aAAAoB,QAAkB;AACjD,MAAAA,EAAY,KAAK,MAAM;AACP,QAAAT;MAAA,CACf;AAAA,IAAA,CACF;AAAA,EAAA,GACA,CAACX,GAAQW,CAAa,CAAC,GAGvB,gBAAAU,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAkB,QAAAtB,GAAgB,UAAAG,EAAoB,CAAA;AAAA,IACvD,gBAAAkB,EAACE,GAAW,EAAA,SAAAlB,GAAkB,SAAAE,EAAkB,CAAA;AAAA,EAClD,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 } 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;"}

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

@@ -1,6 +1,6 @@
 import { ToolBarPlugin as l } from "./ToolbarPlugin/ToolbarPlugin.js";
 import { BlockFormatPlugin as i } from "./BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as a } from "../../../ListPlugin-Bu2AbCDB.js";
+import { L as a } from "../../../ListPlugin-CxyYg2bv.js";
 export {
   i as BlockFormatPlugin,
   a as ListPlugin,