@uva-glass/component-library 1.59.2 → 1.61.0

package/dist/components/Periods/Periods.js

@@ -1,12 +1,12 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as y } from "../../clsx-OuTLNxxd.js";
-import { useId as P } from "react";
-import '../../assets/Periods.css';const N = "_periods__container_1cv1o_1", g = "_periods__item_1cv1o_6", _ = {
-  periods__container: N,
-  periods__item: g,
-  "periods__item--active": "_periods__item--active_1cv1o_23"
-}, S = 6, O = ({ periods: i, tooltipTranslations: u, maxPeriods: f = S }) => {
-  const l = Array.from({ length: f }, (e, t) => t + 1), $ = P(), a = i.some((e) => typeof e == "number"), b = (e) => {
+import { jsx as l } from "react/jsx-runtime";
+import { c as P } from "../../clsx-OuTLNxxd.js";
+import { useId as N } from "react";
+import '../../assets/Periods.css';const g = "_periods__container_197yl_1", v = "_periods__item_197yl_6", _ = {
+  periods__container: g,
+  periods__item: v,
+  "periods__item--active": "_periods__item--active_197yl_23"
+}, S = 6, O = ({ periods: i, tooltipTranslations: u, maxPeriods: p = S }) => {
+  const f = Array.from({ length: p }, (e, t) => t + 1), $ = N(), a = i.some((e) => typeof e == "number"), b = (e) => {
     const t = {};
     return a ? i.forEach((s) => {
       if (typeof s == "number") {
@@ -17,23 +17,23 @@ import '../../assets/Periods.css';const N = "_periods__container_1cv1o_1", g = "
       const { semesterNumber: r, periodInSemester: o } = s;
       t[r] || (t[r] = []), t[r].push(o);
     }), Object.keys(t).reduce((s, r, o) => {
-      const n = Number(r), c = t[n];
+      const c = Number(r), n = t[c];
       let m = "";
-      const d = c.length > 1 ? e.periods : e.period;
-      if (c.length > 1) {
-        const v = c.pop();
-        m = `Semester ${n} ${d} ${c.join(", ")} ${e.and} ${v}`;
+      const d = n.length > 1 ? e.periods : e.period;
+      if (n.length > 1) {
+        const h = n.pop();
+        m = `Semester ${c} ${d} ${n.join(", ")} ${e.and} ${h}`;
       } else
-        m = `Semester ${n} ${d} ${c[0]}`;
+        m = `Semester ${c} ${d} ${n[0]}`;
       return `${s}${o > 0 ? ". " : ""}${m}`;
     }, "").trim() + ".";
-  }, h = (e) => a ? i.includes(e) : !!i.find((t) => t.number === e);
-  return /* @__PURE__ */ p("div", { className: _.periods__container, title: u ? b(u) : "", children: l.map((e) => /* @__PURE__ */ p(
+  }, y = (e) => a ? i.includes(e) : !!i.find((t) => t.number === e);
+  return /* @__PURE__ */ l("div", { className: _.periods__container, title: u ? b(u) : "", children: f.map((e) => /* @__PURE__ */ l(
     "span",
     {
-      className: y(
+      className: P(
         _.periods__item,
-        h(e) ? _["periods__item--active"] : ""
+        y(e) ? _["periods__item--active"] : ""
       )
     },
     `${$}-${e}`

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -16,10 +16,10 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-Cj6IBz2k.js";
+import "../../TablePlugin-CLPV2OjO.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
-import "../RteEditor/hooks/components/Flyout.js";
 import "../RteEditor/Providers/LanguageProvider.js";
+import "../RteEditor/hooks/components/Flyout.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";

package/dist/components/RteEditor/EditorHeader/EditorHeader.js

@@ -1,11 +1,11 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { useState as s } from "react";
-import { c as p } from "../../../clsx-OuTLNxxd.js";
-import { Icon as c } from "../../Icon/Icon.js";
+import { useState as p, useId as c } from "react";
+import { c as f } from "../../../clsx-OuTLNxxd.js";
+import { Icon as h } from "../../Icon/Icon.js";
 import "../../Buttons/Button.js";
 import "../../Buttons/LinkButton.js";
 import "@react-aria/button";
-import { Label as f } from "../../Label/Label.js";
+import { Label as l } from "../../Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
@@ -15,39 +15,39 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../TablePlugin-Cj6IBz2k.js";
-import "../hooks/components/Flyout.js";
+import "../../../TablePlugin-CLPV2OjO.js";
 import "../Providers/LanguageProvider.js";
+import "../hooks/components/Flyout.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
 import "../../../SortableProvider-BUsvniX7.js";
 import '../../../assets/EditorHeader.css';const o = {
-  "editor-header__container": "_editor-header__container_1kv3n_1",
-  "editor-header__info-icon": "_editor-header__info-icon_1kv3n_10",
-  "editor-header__info": "_editor-header__info_1kv3n_10",
-  "editor-header__info--visible": "_editor-header__info--visible_1kv3n_25"
-}, G = ({ label: r, info: t = "", required: n = !1 }) => {
-  const [_, m] = s(!1), d = () => {
-    m((a) => !a);
+  "editor-header__container": "_editor-header__container_1s1pa_1",
+  "editor-header__info-icon": "_editor-header__info-icon_1s1pa_10",
+  "editor-header__info": "_editor-header__info_1s1pa_10",
+  "editor-header__info--visible": "_editor-header__info--visible_1s1pa_25"
+}, J = ({ label: r, info: t = "", required: n = !1 }) => {
+  const [_, d] = p(!1), m = `info_${c()}`, a = () => {
+    d((s) => !s);
   };
   return /* @__PURE__ */ e("div", { className: o["editor-header__container"], children: [
     r !== "" && /* @__PURE__ */ e("div", { children: [
-      /* @__PURE__ */ i(f, { htmlFor: "rteEditor", required: n, children: r }),
+      /* @__PURE__ */ i(l, { htmlFor: m, required: n, children: r }),
       /* @__PURE__ */ i(
-        c,
+        h,
         {
           name: "InformationCircle",
-          size: 20,
+          size: 16,
           className: o["editor-header__info-icon"],
-          onClick: d
+          onClick: a
         }
       )
     ] }),
-    /* @__PURE__ */ i("div", { className: p(o["editor-header__info"], { [o["editor-header__info--visible"]]: _ }), children: t })
+    /* @__PURE__ */ i("div", { className: f(o["editor-header__info"], { [o["editor-header__info--visible"]]: _ }), children: t })
   ] });
 };
 export {
-  G as EditorHeader
+  J as EditorHeader
 };
 //# sourceMappingURL=EditorHeader.js.map

package/dist/components/RteEditor/EditorHeader/EditorHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useState } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Icon, Label } from 'components';\n\ninterface EditorHeaderProps {\n  label: string;\n  info?: string;\n  required?: boolean;\n}\n\nexport const EditorHeader = ({ label, info = '', required = false }: EditorHeaderProps) => {\n  const [showInfo, setShowInfo] = useState(false);\n\n  const toggleInfo = () => {\n    setShowInfo((prev) => !prev);\n  };\n\n  return (\n    <div className={styles['editor-header__container']}>\n      {label !== '' && (\n        <div>\n          <Label htmlFor=\"rteEditor\" required={required}>\n            {label}\n          </Label>\n          <Icon\n            name=\"InformationCircle\"\n            size={20}\n            className={styles['editor-header__info-icon']}\n            onClick={toggleInfo}\n          />\n        </div>\n      )}\n      <div className={clsx(styles['editor-header__info'], { [styles['editor-header__info--visible']]: showInfo })}>\n        {info}\n      </div>\n    </div>\n  );\n};\n"],"names":["EditorHeader","label","info","required","showInfo","setShowInfo","useState","toggleInfo","prev","jsxs","styles","jsx","Label","Icon","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAaaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,UAAAC,IAAW,SAA+B;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAExCC,IAAa,MAAM;AACX,IAAAF,EAAA,CAACG,MAAS,CAACA,CAAI;AAAA,EAAA;AAG7B,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC9C,UAAA;AAAA,IAAUT,MAAA,wBACR,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAU,EAACC,GAAM,EAAA,SAAQ,aAAY,UAAAT,GACxB,UACHF,GAAA;AAAA,MACA,gBAAAU;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAWH,EAAO,0BAA0B;AAAA,UAC5C,SAASH;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,sBAED,OAAI,EAAA,WAAWO,EAAKJ,EAAO,qBAAqB,GAAG,EAAE,CAACA,EAAO,8BAA8B,CAAC,GAAGN,EAAU,CAAA,GACvG,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"EditorHeader.js","sources":["../../../../src/components/RteEditor/EditorHeader/EditorHeader.tsx"],"sourcesContent":["import { useState, useId } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './EditorHeader.module.css';\n\nimport { Icon, Label } from 'components';\n\ninterface EditorHeaderProps {\n  label: string;\n  info?: string;\n  required?: boolean;\n}\n\nexport const EditorHeader = ({ label, info = '', required = false }: EditorHeaderProps) => {\n  const [showInfo, setShowInfo] = useState(false);\n  const infoId = `info_${useId()}`;\n\n  const toggleInfo = () => {\n    setShowInfo((prev) => !prev);\n  };\n\n  return (\n    <div className={styles['editor-header__container']}>\n      {label !== '' && (\n        <div>\n          <Label htmlFor={infoId} required={required}>\n            {label}\n          </Label>\n          <Icon\n            name=\"InformationCircle\"\n            size={16}\n            className={styles['editor-header__info-icon']}\n            onClick={toggleInfo}\n          />\n        </div>\n      )}\n      <div className={clsx(styles['editor-header__info'], { [styles['editor-header__info--visible']]: showInfo })}>\n        {info}\n      </div>\n    </div>\n  );\n};\n"],"names":["EditorHeader","label","info","required","showInfo","setShowInfo","useState","infoId","useId","toggleInfo","prev","jsxs","styles","jsx","Label","Icon","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAaaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,UAAAC,IAAW,SAA+B;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAS,QAAQC,EAAA,CAAO,IAExBC,IAAa,MAAM;AACX,IAAAJ,EAAA,CAACK,MAAS,CAACA,CAAI;AAAA,EAAA;AAG7B,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,0BAA0B,GAC9C,UAAA;AAAA,IAAUX,MAAA,wBACR,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAY,EAACC,GAAM,EAAA,SAASP,GAAQ,UAAAJ,GACrB,UACHF,GAAA;AAAA,MACA,gBAAAY;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAM;AAAA,UACN,WAAWH,EAAO,0BAA0B;AAAA,UAC5C,SAASH;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,sBAED,OAAI,EAAA,WAAWO,EAAKJ,EAAO,qBAAqB,GAAG,EAAE,CAACA,EAAO,8BAA8B,CAAC,GAAGR,EAAU,CAAA,GACvG,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

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

@@ -1,6 +1 @@
-interface BlockFormatPluginProps {
-    isBold: boolean;
-    isItalic: boolean;
-}
-export declare const BlockFormatPlugin: ({ isBold, isItalic }: BlockFormatPluginProps) => JSX.Element;
-export {};
+export declare const BlockFormatPlugin: () => JSX.Element;

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

@@ -1,33 +1,47 @@
-import { jsx as r } from "react/jsx-runtime";
-import { u as m } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { c as n } from "../../../../clsx-OuTLNxxd.js";
-import { d as s } from "../../../../Lexical.prod-CO0gPAfo.js";
-import { Icon as d } from "../../../Icon/Icon.js";
-import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
-const b = {
+import { jsx as s } from "react/jsx-runtime";
+import { u } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { c as f } from "../../../../clsx-OuTLNxxd.js";
+import { A as _, x as h, d as p } from "../../../../Lexical.prod-qM_1BY0u.js";
+import { useState as l, useEffect as k } from "react";
+import { Icon as I } from "../../../Icon/Icon.js";
+import { s as a } from "../../../../RteEditor.module-Cku3JY-0.js";
+import { useTranslation as B } from "../../hooks/useTranslation.js";
+const x = {
   bold: "Bold",
   italic: "Italic"
-}, e = ["bold", "italic"], B = ({ isBold: i, isItalic: a }) => {
-  const [l] = m(), c = (o) => {
-    l.dispatchCommand(s, o);
+}, C = ["bold", "italic"], A = () => {
+  const t = B(), [i] = u(), [c, e] = l(!1), [n, m] = l(!1), d = (o) => {
+    i.dispatchCommand(p, o);
   };
-  return /* @__PURE__ */ r("div", { className: t["editor__toolbar-button-group"], children: e.map((o) => /* @__PURE__ */ r(
+  return k(() => {
+    const o = i.registerUpdateListener(({ editorState: b }) => {
+      b.read(() => {
+        const r = _();
+        h(r) && (e(r.hasFormat("bold")), m(r.hasFormat("italic")));
+      });
+    });
+    return () => {
+      o();
+    };
+  }, [i]), /* @__PURE__ */ s("div", { className: a["editor__toolbar-button-group"], children: C.map((o) => /* @__PURE__ */ s(
     "button",
     {
-      onClick: () => c(o),
-      className: n(
-        t["editor__toolbar-button"],
-        t[`editor__toolbar-button--${o}`],
-        o === "bold" && i && t["editor__toolbar-button--active"],
-        o === "italic" && a && t["editor__toolbar-button--active"]
+      onClick: () => d(o),
+      title: o === "bold" ? t.format.boldTooltip : t.format.italicTooltip,
+      className: f(
+        a["editor__toolbar-button"],
+        a[`editor__toolbar-button--${o}`],
+        o === "bold" && c && a["editor__toolbar-button--active"],
+        o === "italic" && n && a["editor__toolbar-button--active"]
       ),
-      "aria-label": `Format ${o}`,
-      children: /* @__PURE__ */ r(d, { name: b[o], size: 24 })
+      "aria-label": `${o === "bold" ? t.aria.labels.bold : t.aria.labels.italic}`,
+      "aria-keyshortcuts": `${o === "bold" ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`,
+      children: /* @__PURE__ */ s(I, { name: x[o], size: 24 })
     },
     o
   )) });
 };
 export {
-  B as BlockFormatPlugin
+  A as BlockFormatPlugin
 };
 //# sourceMappingURL=BlockFormatPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BlockFormatPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { FORMAT_TEXT_COMMAND } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\n\ntype BlockTypesType = 'bold' | 'italic';\nconst BLOCK_TYPE_ICONS = {\n  bold: 'Bold',\n  italic: 'Italic',\n};\n\ninterface BlockFormatPluginProps {\n  isBold: boolean;\n  isItalic: boolean;\n}\n\nconst BlockTypes = ['bold', 'italic'];\n\nexport const BlockFormatPlugin = ({ isBold, isItalic }: BlockFormatPluginProps): JSX.Element => {\n  const [editor] = useLexicalComposerContext();\n  const onClick = (type: BlockTypesType): void => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);\n  };\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {BlockTypes.map((type) => (\n        <button\n          onClick={() => onClick(type as BlockTypesType)}\n          key={type}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${type}`],\n            type === 'bold' && isBold && styles['editor__toolbar-button--active'],\n            type === 'italic' && isItalic && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`Format ${type}`}\n        >\n          <Icon name={BLOCK_TYPE_ICONS[type as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["BLOCK_TYPE_ICONS","BlockTypes","BlockFormatPlugin","isBold","isItalic","editor","useLexicalComposerContext","onClick","type","FORMAT_TEXT_COMMAND","jsx","styles","clsx","Icon"],"mappings":";;;;;;AAQA,MAAMA,IAAmB;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ;AACV,GAOMC,IAAa,CAAC,QAAQ,QAAQ,GAEvBC,IAAoB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,QAAoD;AACxF,QAAA,CAACC,CAAM,IAAIC,KACXC,IAAU,CAACC,MAA+B;AACvC,IAAAH,EAAA,gBAAgBI,GAAqBD,CAAI;AAAA,EAAA;AAIhD,SAAA,gBAAAE,EAAC,SAAI,WAAWC,EAAO,8BAA8B,GAClD,UAAAV,EAAW,IAAI,CAACO,MACf,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMH,EAAQC,CAAsB;AAAA,MAE7C,WAAWI;AAAA,QACTD,EAAO,wBAAwB;AAAA,QAC/BA,EAAO,2BAA2BH,CAAI,EAAE;AAAA,QACxCA,MAAS,UAAUL,KAAUQ,EAAO,gCAAgC;AAAA,QACpEH,MAAS,YAAYJ,KAAYO,EAAO,gCAAgC;AAAA,MAC1E;AAAA,MACA,cAAY,UAAUH,CAAI;AAAA,MAE1B,4BAACK,GAAK,EAAA,MAAMb,EAAiBQ,CAAyB,GAAG,MAAM,IAAI;AAAA,IAAA;AAAA,IAT9DA;AAAA,EAWR,CAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"BlockFormatPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND } from 'lexical';\nimport { useEffect, useState } from 'react';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype BlockTypesType = 'bold' | 'italic';\nconst BLOCK_TYPE_ICONS = {\n  bold: 'Bold',\n  italic: 'Italic',\n};\n\nconst BlockTypes = ['bold', 'italic'];\n\nexport const BlockFormatPlugin = (): JSX.Element => {\n  const t = useTranslation();\n  const [editor] = useLexicalComposerContext();\n  const [isBold, setIsBold] = useState(false);\n  const [isItalic, setIsItalic] = useState(false);\n\n  const onClick = (type: BlockTypesType): void => {\n    editor.dispatchCommand(FORMAT_TEXT_COMMAND, type);\n  };\n\n  useEffect(() => {\n    const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n      editorState.read(() => {\n        const selection = $getSelection();\n        if ($isRangeSelection(selection)) {\n          setIsBold(selection.hasFormat('bold'));\n          setIsItalic(selection.hasFormat('italic'));\n        }\n      });\n    });\n\n    return () => {\n      removeStatusListener();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  return (\n    <div className={styles['editor__toolbar-button-group']}>\n      {BlockTypes.map((type) => (\n        <button\n          onClick={() => onClick(type as BlockTypesType)}\n          key={type}\n          title={type === 'bold' ? t.format.boldTooltip : t.format.italicTooltip}\n          className={clsx(\n            styles['editor__toolbar-button'],\n            styles[`editor__toolbar-button--${type}`],\n            type === 'bold' && isBold && styles['editor__toolbar-button--active'],\n            type === 'italic' && isItalic && styles['editor__toolbar-button--active']\n          )}\n          aria-label={`${type === 'bold' ? t.aria.labels.bold : t.aria.labels.italic}`}\n          aria-keyshortcuts={`${type === 'bold' ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`}\n        >\n          <Icon name={BLOCK_TYPE_ICONS[type as keyof typeof Icon]} size={24} />\n        </button>\n      ))}\n    </div>\n  );\n};\n"],"names":["BLOCK_TYPE_ICONS","BlockTypes","BlockFormatPlugin","useTranslation","editor","useLexicalComposerContext","isBold","setIsBold","useState","isItalic","setIsItalic","onClick","type","FORMAT_TEXT_COMMAND","useEffect","removeStatusListener","editorState","selection","$getSelection","$isRangeSelection","jsx","styles","clsx","Icon"],"mappings":";;;;;;;;AAUA,MAAMA,IAAmB;AAAA,EACvB,MAAM;AAAA,EACN,QAAQ;AACV,GAEMC,IAAa,CAAC,QAAQ,QAAQ,GAEvBC,IAAoB,MAAmB;AAClD,QAAM,IAAIC,KACJ,CAACC,CAAM,IAAIC,KACX,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAU,CAACC,MAA+B;AACvC,IAAAR,EAAA,gBAAgBS,GAAqBD,CAAI;AAAA,EAAA;AAGlD,SAAAE,EAAU,MAAM;AACd,UAAMC,IAAuBX,EAAO,uBAAuB,CAAC,EAAE,aAAAY,QAAkB;AAC9E,MAAAA,EAAY,KAAK,MAAM;AACrB,cAAMC,IAAYC;AACd,QAAAC,EAAkBF,CAAS,MACnBV,EAAAU,EAAU,UAAU,MAAM,CAAC,GACzBP,EAAAO,EAAU,UAAU,QAAQ,CAAC;AAAA,MAC3C,CACD;AAAA,IAAA,CACF;AAED,WAAO,MAAM;AACU,MAAAF;IAAA;AAAA,EACvB,GAEC,CAACX,CAAM,CAAC,GAGT,gBAAAgB,EAAC,SAAI,WAAWC,EAAO,8BAA8B,GAClD,UAAApB,EAAW,IAAI,CAACW,MACf,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMT,EAAQC,CAAsB;AAAA,MAE7C,OAAOA,MAAS,SAAS,EAAE,OAAO,cAAc,EAAE,OAAO;AAAA,MACzD,WAAWU;AAAA,QACTD,EAAO,wBAAwB;AAAA,QAC/BA,EAAO,2BAA2BT,CAAI,EAAE;AAAA,QACxCA,MAAS,UAAUN,KAAUe,EAAO,gCAAgC;AAAA,QACpET,MAAS,YAAYH,KAAYY,EAAO,gCAAgC;AAAA,MAC1E;AAAA,MACA,cAAY,GAAGT,MAAS,SAAS,EAAE,KAAK,OAAO,OAAO,EAAE,KAAK,OAAO,MAAM;AAAA,MAC1E,qBAAmB,GAAGA,MAAS,SAAS,EAAE,KAAK,aAAa,OAAO,EAAE,KAAK,aAAa,MAAM;AAAA,MAE7F,4BAACW,GAAK,EAAA,MAAMvB,EAAiBY,CAAyB,GAAG,MAAM,IAAI;AAAA,IAAA;AAAA,IAX9DA;AAAA,EAaR,CAAA,EACH,CAAA;AAEJ;"}

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

@@ -1,9 +1,9 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { c as e } from "../../../../clsx-OuTLNxxd.js";
-import { u as f } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { $ as _, K as h, h as C, g } from "../../../../Lexical.prod-CO0gPAfo.js";
-import { useState as m, useEffect as n } from "react";
-import { Icon as a } from "../../../Icon/Icon.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { c as a } from "../../../../clsx-OuTLNxxd.js";
+import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
+import { $ as _, K as C, h as k, g as y } from "../../../../Lexical.prod-qM_1BY0u.js";
+import { useState as s, useEffect as m } from "react";
+import { Icon as n } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -16,52 +16,57 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../TablePlugin-Cj6IBz2k.js";
-import { s as t } from "../../../../RteEditor.module-Dz9a8vaK.js";
+import "../../../../TablePlugin-CLPV2OjO.js";
+import { s as r } from "../../../../RteEditor.module-Cku3JY-0.js";
+import { useTranslation as g } from "../../hooks/useTranslation.js";
 import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";
 import "../../../Sortable/components/SortableItem.js";
 import "../../../../SortableProvider-BUsvniX7.js";
-const O = () => {
-  const [o] = f(), [s, d] = m(!1), [p, l] = m(!1), c = () => {
-    o.dispatchCommand(C, void 0);
-  }, u = () => {
-    o.dispatchCommand(g, void 0);
+const V = () => {
+  const o = g(), [t] = h(), [d, l] = s(!1), [p, c] = s(!1), u = () => {
+    t.dispatchCommand(k, void 0);
+  }, b = () => {
+    t.dispatchCommand(y, void 0);
   };
-  return n(() => o.registerCommand(
+  return m(() => t.registerCommand(
     _,
-    (i) => (d(i), !1),
+    (e) => (l(e), !1),
     1
-  ), [o]), n(() => o.registerCommand(
-    h,
-    (i) => (l(i), !1),
+  ), [t]), m(() => t.registerCommand(
+    C,
+    (e) => (c(e), !1),
     1
-  ), [o]), /* @__PURE__ */ b("div", { className: t["editor__toolbar-button-group"], children: [
-    /* @__PURE__ */ r(
+  ), [t]), /* @__PURE__ */ f("div", { className: r["editor__toolbar-button-group"], children: [
+    /* @__PURE__ */ i(
       "button",
       {
-        onClick: c,
-        className: e(t["editor__toolbar-button"], t["editor__toolbar-button--undo"]),
-        "aria-label": "Undo",
-        disabled: !s,
-        children: /* @__PURE__ */ r(a, { name: "StepBack", size: 24 })
+        onClick: u,
+        className: a(r["editor__toolbar-button"], r["editor__toolbar-button--undo"]),
+        "aria-label": o.aria.labels.undo,
+        "aria-keyshortcuts": o.aria.keyshortcuts.undo,
+        disabled: !d,
+        title: o.format.undoTooltip,
+        children: /* @__PURE__ */ i(n, { name: "StepBack", size: 24 })
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ i(
       "button",
       {
-        onClick: u,
-        className: e(t["editor__toolbar-button"], t["editor__toolbar-button--redo"]),
-        "aria-label": "Undo",
+        onClick: b,
+        className: a(r["editor__toolbar-button"], r["editor__toolbar-button--redo"]),
+        "aria-label": o.aria.labels.redo,
+        "aria-keyshortcuts": o.aria.keyshortcuts.redo,
         disabled: !p,
-        children: /* @__PURE__ */ r(a, { name: "StepForwards", size: 24 })
+        title: o.format.redoTooltip,
+        children: /* @__PURE__ */ i(n, { name: "StepForwards", size: 24 })
       }
     )
   ] });
 };
 export {
-  O as HistoryPlugin
+  V as HistoryPlugin
 };
 //# sourceMappingURL=HistoryPlugin.js.map

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

@@ -1 +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=\"StepBack\" size={24} />\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=\"StepForwards\" size={24} />\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,YAAW,MAAM,IAAI;AAAA,MAAA;AAAA,IAClC;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,gBAAe,MAAM,IAAI;AAAA,MAAA;AAAA,IACtC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"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';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nexport const HistoryPlugin = () => {\n  const t = useTranslation();\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={t.aria.labels.undo}\n        aria-keyshortcuts={t.aria.keyshortcuts.undo}\n        disabled={!canUndo}\n        title={t.format.undoTooltip}\n      >\n        <Icon name=\"StepBack\" size={24} />\n      </button>\n      <button\n        onClick={handleRedo}\n        className={clsx(styles['editor__toolbar-button'], styles[`editor__toolbar-button--redo`])}\n        aria-label={t.aria.labels.redo}\n        aria-keyshortcuts={t.aria.keyshortcuts.redo}\n        disabled={!canRedo}\n        title={t.format.redoTooltip}\n      >\n        <Icon name=\"StepForwards\" size={24} />\n      </button>\n    </div>\n  );\n};\n"],"names":["HistoryPlugin","t","useTranslation","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,IAAgB,MAAM;AACjC,QAAMC,IAAIC,KACJ,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,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACI;AAAA,QACX,OAAOJ,EAAE,OAAO;AAAA,QAEhB,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,YAAW,MAAM,IAAI;AAAA,MAAA;AAAA,IAClC;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR;AAAA,QACT,WAAWS,EAAKF,EAAO,wBAAwB,GAAGA,EAAO,8BAA8B,CAAC;AAAA,QACxF,cAAYlB,EAAE,KAAK,OAAO;AAAA,QAC1B,qBAAmBA,EAAE,KAAK,aAAa;AAAA,QACvC,UAAU,CAACO;AAAA,QACX,OAAOP,EAAE,OAAO;AAAA,QAEhB,UAAC,gBAAAmB,EAAAE,GAAA,EAAK,MAAK,gBAAe,MAAM,IAAI;AAAA,MAAA;AAAA,IACtC;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.d.ts

@@ -1,14 +1,14 @@
-import { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';
+import { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';
 interface AddLinkFormProps {
     onCloseHandler: () => void;
-    onSaveHandler: (url: string, target: string) => void;
+    onSaveHandler: (url: string, linktext: string) => void;
     onRemoveHandler?: () => void;
     isLink: LinkType;
 }
 export interface addLinkFormMethods {
     clearForm: () => void;
     focusFirstField: () => void;
-    setDefaults: (url: string, target: boolean) => void;
+    setDefaults: (url: string, linktext: string) => void;
 }
 export declare const AddLinkForm: import('react').ForwardRefExoticComponent<AddLinkFormProps & import('react').RefAttributes<unknown>>;
 export {};

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

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../helpers-Ec7CfNnA.js";
-import { A as z } from "../../../../TablePlugin-Cj6IBz2k.js";
+import "../../../../helpers-BB6Byf50.js";
+import { A as z } from "../../../../TablePlugin-CLPV2OjO.js";
+import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";
-import "../../../Checkbox/Checkbox.js";
 import "../../../Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
@@ -18,8 +18,8 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../hooks/components/Flyout.js";
 import "../../hooks/useTranslation.js";
+import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
 import "../../../SelectListbox/SelectProvider.js";

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

@@ -1,7 +1,8 @@
-import { LinkType } from 'components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin';
-interface LinkPluginProps {
-    isLink: LinkType;
-    isLinkable: boolean;
+import { ElementNode, TextNode } from 'lexical';
+export interface LinkType {
+    active: boolean;
+    url: string;
+    linktext: string;
 }
-export declare const LinkPlugin: ({ isLink, isLinkable, }: LinkPluginProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const getLinkNodeTag: (anchorNode: ElementNode | TextNode) => boolean | LinkType;
+export declare const LinkPlugin: () => import("react/jsx-runtime").JSX.Element;