@uva-glass/component-library 1.62.6 → 1.62.8

package/dist/components/PeriodSelector/PeriodSelector.js

@@ -1,6 +1,6 @@
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import { c as k } from "../../clsx-OuTLNxxd.js";
-import { useRef as M, useState as N, useEffect as $ } from "react";
+import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { useRef as M, useState as $, useEffect as N } from "react";
 import "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
@@ -16,68 +16,67 @@ import "../Input/Input.js";
 import "../InputField/InputField.js";
 import { Label as D } from "../Label/Label.js";
 import "react-router-dom";
-import "../../TablePlugin-C4BuRRYL.js";
+import "../../TablePlugin-B-yAWpsC.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";
 import "../../SortableProvider-BUsvniX7.js";
-import '../../assets/PeriodSelector.css';const s = {
-  "period-selector__container": "_period-selector__container_1v02t_1",
-  "period-selector__container--label-left": "_period-selector__container--label-left_1v02t_6",
-  "period-selector__container--label-top": "_period-selector__container--label-top_1v02t_12",
-  "period-selector__selector-container": "_period-selector__selector-container_1v02t_19",
-  "period-selector__selector-row": "_period-selector__selector-row_1v02t_24"
-}, S = 0, f = 1, E = 2, _ = 3, I = 7, T = (l) => {
+import '../../assets/PeriodSelector.css';const l = {
+  "period-selector__container": "_period-selector__container_10t7p_1",
+  "period-selector__container--label-left": "_period-selector__container--label-left_10t7p_6",
+  "period-selector__container--label-top": "_period-selector__container--label-top_10t7p_12",
+  "period-selector__selector-container": "_period-selector__selector-container_10t7p_19",
+  "period-selector__selector-row": "_period-selector__selector-row_10t7p_25"
+}, S = 0, f = 1, E = 2, p = 3, I = 7, T = (i) => {
   const c = [];
-  for (let t = 0; t < l.length; t += _)
-    c.push(l.slice(t, t + _));
+  for (let t = 0; t < i.length; t += p)
+    c.push(i.slice(t, t + p));
   return c;
 }, nr = ({
-  maxPeriods: l = I,
+  maxPeriods: i = I,
   defaultValues: c,
   label: t,
   labelPosition: b = "top",
-  required: p = !1,
+  required: _ = !1,
   notValidatedText: m = "",
-  onChange: v
+  onChange: g
 }) => {
-  const g = Array.from({ length: l }, (r, e) => e + 1), a = T(g), R = a.map((r, e) => r.map((o) => ({
-    label: `${e + 1}${r.length === 1 ? "" : `.${(o - 1) % _ + 1}`}`,
+  const R = Array.from({ length: i }, (r, e) => e + 1), a = T(R), x = a.map((r, e) => r.map((o) => ({
+    label: `${e + 1}${r.length === 1 ? "" : `.${(o - 1) % p + 1}`}`,
     value: o.toString()
   }))), n = M(
     a.map(
       (r) => r.reduce((e, o) => (c != null && c.includes(o) && e.push(o), e), [])
     )
-  ), [x, d] = N([]), u = (r) => r[S].length !== 0 || r[f].length !== 0 ? [E] : r[E].length !== 0 ? [S, f] : [], P = (r, e) => {
-    n.current[e] = r.map((o) => Number(o)), d(u(n.current)), v([...n.current.flat()].sort());
+  ), [P, u] = $([]), d = (r) => r[S].length !== 0 || r[f].length !== 0 ? [E] : r[E].length !== 0 ? [S, f] : [], k = (r, e) => {
+    n.current[e] = r.map((o) => Number(o)), u(d(n.current)), g([...n.current.flat()].sort());
   };
-  return $(() => {
-    d(u(n.current));
+  return N(() => {
+    u(d(n.current));
   }, []), /* @__PURE__ */ h(
     "div",
     {
-      className: k(
-        s["period-selector__container"],
-        s[`period-selector__container--label-${b}`]
+      className: v(
+        l["period-selector__container"],
+        l[`period-selector__container--label-${b}`]
       ),
       children: [
-        t && /* @__PURE__ */ i(D, { htmlFor: "", required: p, children: t }),
-        /* @__PURE__ */ h("div", { className: s["period-selector__selector-container"], children: [
-          /* @__PURE__ */ i("div", { className: s["period-selector__selector-row"], children: R.map((r, e) => /* @__PURE__ */ i(
+        t && /* @__PURE__ */ s(D, { htmlFor: "", required: _, children: t }),
+        /* @__PURE__ */ h("div", { className: l["period-selector__selector-container"], children: [
+          /* @__PURE__ */ s("div", { className: l["period-selector__selector-row"], children: x.map((r, e) => /* @__PURE__ */ s(
             w,
             {
               checkboxes: r,
               defaultValues: n.current[e].map((o) => o.toString()),
-              disableGroup: x.includes(e),
-              required: p,
-              onSetValues: (o) => P(o, e)
+              disableGroup: P.includes(e),
+              required: _,
+              onSetValues: (o) => k(o, e)
             },
             `group_${e}`
           )) }),
-          /* @__PURE__ */ i("div", { className: s["period-selector__error"] }),
-          m !== "" && /* @__PURE__ */ i(B, { level: "error", feedback: m })
+          m !== "" && /* @__PURE__ */ s(B, { level: "error", feedback: m })
         ] })
       ]
     }

package/dist/components/PeriodSelector/PeriodSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodSelector.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport styles from './PeriodSelector.module.css';\n\nimport { Label, CheckboxButtonBar, FeedbackBox } from 'components';\n\nexport interface PeriodSelectorProps {\n  /** Indicates how many periods are shown. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods: 6 | 7;\n  /** array of period values [3, 5 ...] */\n  defaultValues?: number[];\n  label: string;\n  labelPosition?: 'top' | 'left';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (values: number[]) => void;\n}\n\nconst SEMESTER_1 = 0;\nconst SEMESTER_2 = 1;\nconst SEMESTER_3 = 2;\n\nconst PERIODS_PER_SEMESTER = 3;\nconst MAX_PERIODS = 7;\n\nconst chunkPeriods = (array: number[]): number[][] => {\n  const result: number[][] = [];\n  for (let count = 0; count < array.length; count += PERIODS_PER_SEMESTER) {\n    result.push(array.slice(count, count + PERIODS_PER_SEMESTER));\n  }\n  return result;\n};\n\n/** Checkbox group for selecting periods */\nexport const PeriodSelector = ({\n  maxPeriods = MAX_PERIODS,\n  defaultValues,\n  label,\n  labelPosition = 'top',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: PeriodSelectorProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const chunkedPeriods = chunkPeriods(maxPeriodsList);\n\n  const checkboxItems = chunkedPeriods.map((periods, semester) => {\n    return periods.map((period) => ({\n      label: `${semester + 1}${periods.length === 1 ? '' : `.${((period - 1) % PERIODS_PER_SEMESTER) + 1}`}`,\n      value: period.toString(),\n    }));\n  });\n\n  const returnValues = useRef<number[][]>(\n    chunkedPeriods.map((semester) =>\n      semester.reduce((periods, period) => {\n        if (defaultValues?.includes(period)) periods.push(period);\n        return periods;\n      }, [] as number[])\n    )\n  );\n  const [disableSemesters, setDisableSemesters] = useState<number[]>([]);\n\n  const disableGroups = (selects: number[][]) => {\n    if (selects[SEMESTER_1].length !== 0 || selects[SEMESTER_2].length !== 0) return [SEMESTER_3];\n    if (selects[SEMESTER_3].length !== 0) return [SEMESTER_1, SEMESTER_2];\n    return [];\n  };\n\n  const handleChange = (values: string[], index: number) => {\n    returnValues.current[index] = values.map((num) => Number(num));\n    setDisableSemesters(disableGroups(returnValues.current));\n    onChange([...returnValues.current.flat()].sort());\n  };\n\n  useEffect(() => {\n    setDisableSemesters(disableGroups(returnValues.current));\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        styles['period-selector__container'],\n        styles[`period-selector__container--label-${labelPosition}`]\n      )}\n    >\n      {label && (\n        <Label htmlFor=\"\" required={required}>\n          {label}\n        </Label>\n      )}\n      <div className={styles['period-selector__selector-container']}>\n        <div className={styles['period-selector__selector-row']}>\n          {checkboxItems.map((checkboxes, semester) => (\n            <CheckboxButtonBar\n              key={`group_${semester}`}\n              checkboxes={checkboxes}\n              defaultValues={returnValues.current[semester].map((num) => num.toString())}\n              disableGroup={disableSemesters.includes(semester)}\n              required={required}\n              onSetValues={(event) => handleChange(event, semester)}\n            />\n          ))}\n        </div>\n        <div className={styles['period-selector__error']}></div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SEMESTER_1","SEMESTER_2","SEMESTER_3","PERIODS_PER_SEMESTER","MAX_PERIODS","chunkPeriods","array","result","count","PeriodSelector","maxPeriods","defaultValues","label","labelPosition","required","notValidatedText","onChange","maxPeriodsList","_","index","chunkedPeriods","checkboxItems","periods","semester","period","returnValues","useRef","disableSemesters","setDisableSemesters","useState","disableGroups","selects","handleChange","values","num","useEffect","jsxs","clsx","styles","jsx","Label","checkboxes","CheckboxButtonBar","event","FeedbackBox"],"mappings":"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"}
+{"version":3,"file":"PeriodSelector.js","sources":["../../../src/components/PeriodSelector/PeriodSelector.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport styles from './PeriodSelector.module.css';\n\nimport { Label, CheckboxButtonBar, FeedbackBox } from 'components';\n\nexport interface PeriodSelectorProps {\n  /** Indicates how many periods are shown. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods: 6 | 7;\n  /** array of period values [3, 5 ...] */\n  defaultValues?: number[];\n  label: string;\n  labelPosition?: 'top' | 'left';\n  /** Shows red * */\n  required?: boolean;\n  /** error text to display if set */\n  notValidatedText?: string;\n  /** Returns array of selected values as number */\n  onChange: (values: number[]) => void;\n}\n\nconst SEMESTER_1 = 0;\nconst SEMESTER_2 = 1;\nconst SEMESTER_3 = 2;\n\nconst PERIODS_PER_SEMESTER = 3;\nconst MAX_PERIODS = 7;\n\nconst chunkPeriods = (array: number[]): number[][] => {\n  const result: number[][] = [];\n  for (let count = 0; count < array.length; count += PERIODS_PER_SEMESTER) {\n    result.push(array.slice(count, count + PERIODS_PER_SEMESTER));\n  }\n  return result;\n};\n\n/** Checkbox group for selecting periods */\nexport const PeriodSelector = ({\n  maxPeriods = MAX_PERIODS,\n  defaultValues,\n  label,\n  labelPosition = 'top',\n  required = false,\n  notValidatedText = '',\n  onChange,\n}: PeriodSelectorProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const chunkedPeriods = chunkPeriods(maxPeriodsList);\n\n  const checkboxItems = chunkedPeriods.map((periods, semester) => {\n    return periods.map((period) => ({\n      label: `${semester + 1}${periods.length === 1 ? '' : `.${((period - 1) % PERIODS_PER_SEMESTER) + 1}`}`,\n      value: period.toString(),\n    }));\n  });\n\n  const returnValues = useRef<number[][]>(\n    chunkedPeriods.map((semester) =>\n      semester.reduce((periods, period) => {\n        if (defaultValues?.includes(period)) periods.push(period);\n        return periods;\n      }, [] as number[])\n    )\n  );\n  const [disableSemesters, setDisableSemesters] = useState<number[]>([]);\n\n  const disableGroups = (selects: number[][]) => {\n    if (selects[SEMESTER_1].length !== 0 || selects[SEMESTER_2].length !== 0) return [SEMESTER_3];\n    if (selects[SEMESTER_3].length !== 0) return [SEMESTER_1, SEMESTER_2];\n    return [];\n  };\n\n  const handleChange = (values: string[], index: number) => {\n    returnValues.current[index] = values.map((num) => Number(num));\n    setDisableSemesters(disableGroups(returnValues.current));\n    onChange([...returnValues.current.flat()].sort());\n  };\n\n  useEffect(() => {\n    setDisableSemesters(disableGroups(returnValues.current));\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        styles['period-selector__container'],\n        styles[`period-selector__container--label-${labelPosition}`]\n      )}\n    >\n      {label && (\n        <Label htmlFor=\"\" required={required}>\n          {label}\n        </Label>\n      )}\n      <div className={styles['period-selector__selector-container']}>\n        <div className={styles['period-selector__selector-row']}>\n          {checkboxItems.map((checkboxes, semester) => (\n            <CheckboxButtonBar\n              key={`group_${semester}`}\n              checkboxes={checkboxes}\n              defaultValues={returnValues.current[semester].map((num) => num.toString())}\n              disableGroup={disableSemesters.includes(semester)}\n              required={required}\n              onSetValues={(event) => handleChange(event, semester)}\n            />\n          ))}\n        </div>\n        {notValidatedText !== '' && <FeedbackBox level=\"error\" feedback={notValidatedText} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SEMESTER_1","SEMESTER_2","SEMESTER_3","PERIODS_PER_SEMESTER","MAX_PERIODS","chunkPeriods","array","result","count","PeriodSelector","maxPeriods","defaultValues","label","labelPosition","required","notValidatedText","onChange","maxPeriodsList","_","index","chunkedPeriods","checkboxItems","periods","semester","period","returnValues","useRef","disableSemesters","setDisableSemesters","useState","disableGroups","selects","handleChange","values","num","useEffect","jsxs","clsx","styles","jsx","Label","checkboxes","CheckboxButtonBar","event","FeedbackBox"],"mappings":"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"}

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

@@ -16,7 +16,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router-dom";
-import "../../TablePlugin-C4BuRRYL.js";
+import "../../TablePlugin-B-yAWpsC.js";
 import { Repeater as i } from "../Repeater/Repeater.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/hooks/components/Flyout.js";

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

@@ -13,7 +13,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../TablePlugin-C4BuRRYL.js";
+import "../../../TablePlugin-B-yAWpsC.js";
 import "../Providers/LanguageProvider.js";
 import "../hooks/components/Flyout.js";
 import "../../SelectListbox/SelectListbox.js";

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

@@ -1,16 +1,16 @@
 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 p, d as h } from "../../../../Lexical.prod-eo-UKDld.js";
+import { M as _, v as p, d as h } from "../../../../Lexical.prod-B6kL_nwF.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-XCAFrP3U.js";
-import { useTranslation as B } from "../../hooks/useTranslation.js";
-const x = {
+import { s as a } from "../../../../RteEditor.module-CHbWzGpE.js";
+import { useTranslation as v } from "../../hooks/useTranslation.js";
+const B = {
   bold: "Bold",
   italic: "Italic"
-}, C = ["bold", "italic"], A = () => {
-  const t = B(), [i] = u(), [e, c] = l(!1), [n, m] = l(!1), d = (o) => {
+}, C = ["bold", "italic"], E = () => {
+  const t = v(), [i] = u(), [e, c] = l(!1), [n, m] = l(!1), d = (o) => {
     i.dispatchCommand(h, o);
   };
   return k(() => {
@@ -37,12 +37,12 @@ const x = {
       "aria-label": `${o === "bold" ? t.aria.labels.bold : t.aria.labels.italic}`,
       "aria-keyshortcuts": `${o === "bold" ? t.aria.keyshortcuts.bold : t.aria.keyshortcuts.italic}`,
       type: "button",
-      children: /* @__PURE__ */ s(I, { name: x[o], size: 24 })
+      children: /* @__PURE__ */ s(I, { name: B[o], size: 24 })
     },
     o
   )) });
 };
 export {
-  A as BlockFormatPlugin
+  E as BlockFormatPlugin
 };
 //# sourceMappingURL=BlockFormatPlugin.js.map

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

@@ -1,7 +1,7 @@
 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 y, h as C, g as k } from "../../../../Lexical.prod-eo-UKDld.js";
+import { $ as _, K as y, h as C, g as k } from "../../../../Lexical.prod-B6kL_nwF.js";
 import { useState as s, useEffect as m } from "react";
 import { Icon as n } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -16,8 +16,8 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../TablePlugin-C4BuRRYL.js";
-import { s as r } from "../../../../RteEditor.module-XCAFrP3U.js";
+import "../../../../TablePlugin-B-yAWpsC.js";
+import { s as r } from "../../../../RteEditor.module-CHbWzGpE.js";
 import { useTranslation as g } from "../../hooks/useTranslation.js";
 import "../../hooks/components/Flyout.js";
 import "../../Providers/LanguageProvider.js";

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../helpers-BD3Y_bqE.js";
-import { A as z } from "../../../../TablePlugin-C4BuRRYL.js";
+import "../../../../helpers-C7Yo7VY3.js";
+import { A as z } from "../../../../TablePlugin-B-yAWpsC.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";

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

@@ -1,10 +1,10 @@
-import { jsx as T, jsxs as O } from "react/jsx-runtime";
+import { jsx as b, jsxs as A } from "react/jsx-runtime";
 import { u as V } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import { c as j } from "../../../../clsx-OuTLNxxd.js";
-import { g as D, m as z, e as W, U as Y } from "../../../../helpers-BD3Y_bqE.js";
-import { useRef as m, useState as q, useEffect as g } from "react";
-import { e as B, A as f, r as G, x as b, _ as J, L as M, l as Q, E as X } from "../../../../Lexical.prod-eo-UKDld.js";
-import { A as Z } from "../../../../TablePlugin-C4BuRRYL.js";
+import { g as D, m as M, e as z, U as W } from "../../../../helpers-C7Yo7VY3.js";
+import { useRef as m, useState as Y, useEffect as g } from "react";
+import { e as q, M as f, r as B, v as x, _ as G, O as J, c as Q, E as X } from "../../../../Lexical.prod-B6kL_nwF.js";
+import { A as Z } from "../../../../TablePlugin-B-yAWpsC.js";
 import { useFlyout as $ } from "../../hooks/useFlyout.js";
 import { Icon as tt } from "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import { s as k } from "../../../../RteEditor.module-XCAFrP3U.js";
+import { s as k } from "../../../../RteEditor.module-CHbWzGpE.js";
 import { useTranslation as et } from "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";
@@ -47,17 +47,17 @@ const rt = 200, F = (u) => {
   }
   return !1;
 }, Rt = () => {
-  const u = et(), [t] = V(), { flyout: R, showFlyout: h, hideFlyout: S, isVisible: p } = $(), a = m(), N = m(!1), d = m(""), l = m(""), [_, A] = q({ active: !1, url: "", linktext: "" }), w = m(p), C = m(null), y = () => {
+  const u = et(), [t] = V(), { flyout: R, showFlyout: h, hideFlyout: S, isVisible: p } = $(), a = m(), N = m(!1), d = m(""), l = m(""), [_, O] = Y({ active: !1, url: "", linktext: "" }), w = m(p), v = m(null), y = () => {
     t.update(() => {
       const o = f();
-      C.current = o;
+      v.current = o;
     });
   }, U = () => {
     t.update(() => {
-      C.current && X(C.current);
+      v.current && X(v.current);
     });
   }, H = () => {
-    N.current || (y(), h(x), l.current !== "" && setTimeout(() => {
+    N.current || (y(), h(T), l.current !== "" && setTimeout(() => {
       var o;
       return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
     }, 0));
@@ -66,7 +66,7 @@ const rt = 200, F = (u) => {
   }, I = (o, r) => {
     t.update(() => {
       const e = f();
-      if (b(e)) {
+      if (x(e)) {
         const n = e.anchor.getNode(), i = F(n);
         if (r && r !== "") {
           if (i) {
@@ -74,23 +74,23 @@ const rt = 200, F = (u) => {
             i.replace(c), c.select();
           }
           if (r !== d.current && d.current === "") {
-            const { anchor: c, focus: v } = e;
-            e.insertText(r), c.offset -= r.length, v.offset = c.offset + r.length;
+            const { anchor: c, focus: C } = e;
+            e.insertText(r), c.offset -= r.length, C.offset = c.offset + r.length;
           }
         }
-        z(W(o), { target: "_blank" });
+        M(z(o), { target: "_blank" });
       }
       L();
     });
-  }, x = {
-    children: /* @__PURE__ */ T(
+  }, T = {
+    children: /* @__PURE__ */ b(
       Z,
       {
         isLink: _,
         onCloseHandler: L,
         onSaveHandler: (o, r) => I(o, r),
         onRemoveHandler: () => {
-          t.dispatchCommand(Y, null), L();
+          t.dispatchCommand(W, null), L();
         },
         ref: a
       }
@@ -101,21 +101,21 @@ const rt = 200, F = (u) => {
     p ? (N.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), d.current = l.current = "", setTimeout(() => N.current = !1, rt));
   }, [a, p]), g(() => {
     const o = t.registerCommand(
-      B,
+      q,
       () => {
         const e = f();
         return l.current = (e == null ? void 0 : e.getTextContent()) ?? "", !1;
       },
       0
     ), r = t.registerCommand(
-      G,
+      B,
       (e) => {
         const s = f();
-        if (b(s)) {
+        if (x(s)) {
           y();
           const n = E(s.anchor.getNode());
           if (n)
-            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), h(x), d.current = n.linktext, setTimeout(() => {
+            return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), h(T), d.current = n.linktext, setTimeout(() => {
               var i;
               return (i = a.current) == null ? void 0 : i.setDefaults(n.url, n.linktext);
             }, 0), !0;
@@ -131,31 +131,31 @@ const rt = 200, F = (u) => {
     };
   }, [t]), g(() => {
     const o = t.registerCommand(
-      J,
+      G,
       (e) => {
         if (e.ctrlKey && e.shiftKey && e.key === "U") {
           const s = f();
-          if (y(), !b(s))
+          if (y(), !x(s))
             return !1;
-          const n = E(s.anchor.getNode()), i = (v = "", K = "") => {
-            h(x), setTimeout(() => {
+          const n = E(s.anchor.getNode()), i = (C = "", K = "") => {
+            h(T), setTimeout(() => {
               var P;
-              return (P = a.current) == null ? void 0 : P.setDefaults(v, K);
+              return (P = a.current) == null ? void 0 : P.setDefaults(C, K);
             }, 0);
           };
           if (n)
             return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), d.current = n.linktext, i(n.url, n.linktext), !0;
           const c = s.getTextContent();
-          return c !== "" ? (l.current = c, i("", l.current), !0) : (h(x), !0);
+          return c !== "" ? (l.current = c, i("", l.current), !0) : (h(T), !0);
         }
         return !1;
       },
-      M
+      J
     ), r = t.registerUpdateListener(({ editorState: e }) => {
-      A(
+      O(
         e.read(() => {
           const s = f();
-          if (y(), b(s)) {
+          if (y(), x(s)) {
             const n = s.anchor.getNode(), i = F(n);
             if (i)
               return {
@@ -182,8 +182,8 @@ const rt = 200, F = (u) => {
     return window.addEventListener("keydown", o, { capture: !0 }), () => {
       window.removeEventListener("keydown", o);
     };
-  }, []), /* @__PURE__ */ T("div", { className: k["editor__toolbar-button-group"], children: /* @__PURE__ */ O("div", { className: k["editor__toolbar-button-flyoutwrapper"], children: [
-    /* @__PURE__ */ T(
+  }, []), /* @__PURE__ */ b("div", { className: k["editor__toolbar-button-group"], children: /* @__PURE__ */ A("div", { className: k["editor__toolbar-button-flyoutwrapper"], children: [
+    /* @__PURE__ */ b(
       "button",
       {
         onClick: H,
@@ -196,7 +196,7 @@ const rt = 200, F = (u) => {
         "aria-label": u.aria.labels.link,
         "aria-keyshortcuts": u.aria.keyshortcuts.link,
         type: "button",
-        children: /* @__PURE__ */ T(tt, { name: "Link", size: 20 })
+        children: /* @__PURE__ */ b(tt, { name: "Link", size: 20 })
       }
     ),
     R

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

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

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

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { L as f } from "../../../../ListPlugin-B-2w9EIN.js";
+import { L as f } from "../../../../ListPlugin-CpLcVKRP.js";
 import "react";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../Lexical.prod-eo-UKDld.js";
+import "../../../../Lexical.prod-B6kL_nwF.js";
 import "../../../Icon/Icon.js";
-import "../../../../RteEditor.module-XCAFrP3U.js";
+import "../../../../RteEditor.module-CHbWzGpE.js";
 import "../../hooks/useTranslation.js";
 export {
   f as ListPlugin

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

@@ -1,4 +1,4 @@
-import { L as r } from "../../../../ListPlugin-B-2w9EIN.js";
+import { L as r } from "../../../../ListPlugin-CpLcVKRP.js";
 export {
   r as ListPlugin
 };

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { b as v } from "../../../../TablePlugin-C4BuRRYL.js";
+import { b as v } from "../../../../TablePlugin-B-yAWpsC.js";
 import "../../../Buttons/Button.js";
 import "../../../Buttons/LinkButton.js";
 import "@react-aria/button";

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

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
 import "../../../../clsx-OuTLNxxd.js";
-import "../../../../helpers-DONVwywj.js";
-import "../../../../Lexical.prod-eo-UKDld.js";
+import "../../../../helpers-pUTvcL4e.js";
+import "../../../../Lexical.prod-B6kL_nwF.js";
 import "react";
-import { T as B } from "../../../../TablePlugin-C4BuRRYL.js";
+import { T as B } from "../../../../TablePlugin-B-yAWpsC.js";
 import "../../hooks/useFlyout.js";
 import "../../../Icon/Icon.js";
 import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
 import "../../../Input/Input.js";
 import "../../../InputField/InputField.js";
 import "react-router-dom";
-import "../../../../RteEditor.module-XCAFrP3U.js";
+import "../../../../RteEditor.module-CHbWzGpE.js";
 import "../../hooks/useTranslation.js";
 import "../../Providers/LanguageProvider.js";
 import "../../../SelectListbox/SelectListbox.js";

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

@@ -1,4 +1,4 @@
-import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-DONVwywj.js";
+import { e as s, a as l, b as t, d as o, i as r, c as d } from "../../../../helpers-pUTvcL4e.js";
 export {
   s as createTable,
   l as deleteColumn,

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

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

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

@@ -1,20 +1,20 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
-import { A as d, x as b } from "../../../../Lexical.prod-eo-UKDld.js";
-import { useState as P, useRef as x, useCallback as T, useEffect as y } from "react";
-import { g as A } from "../../../../helpers-DONVwywj.js";
-import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as C } from "../../../../ListPlugin-B-2w9EIN.js";
+import { M as d, v as b } from "../../../../Lexical.prod-B6kL_nwF.js";
+import { useState as P, useRef as T, useCallback as y, useEffect as x } from "react";
+import { g as B } from "../../../../helpers-pUTvcL4e.js";
+import { BlockFormatPlugin as C } from "../BlockFormatPlugin/BlockFormatPlugin.js";
+import { L as v } from "../../../../ListPlugin-CpLcVKRP.js";
 import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
-import { T as k } from "../../../../TablePlugin-C4BuRRYL.js";
-import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
-import { s as v } from "../../../../RteEditor.module-XCAFrP3U.js";
+import { T as k } from "../../../../TablePlugin-B-yAWpsC.js";
+import { TableCellContextMenu as A } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
+import { s as M } from "../../../../RteEditor.module-CHbWzGpE.js";
 const D = ({ editorScrollPosition: u }) => {
-  const [e] = h(), [r, s] = P(null), l = x(null), a = T(() => {
+  const [e] = h(), [r, s] = P(null), l = T(null), a = y(() => {
     const o = d();
     if (b(o)) {
-      const g = o.anchor.getNode(), m = A(g);
+      const g = o.anchor.getNode(), m = B(g);
       if (m) {
         const c = e.getElementByKey(m.getKey()), n = c ? c.getBoundingClientRect() : { right: 0, bottom: 0, height: 0 };
         s({ xPos: n.right, yPos: n.bottom, height: n.height });
@@ -25,18 +25,18 @@ const D = ({ editorScrollPosition: u }) => {
     var i;
     (i = l.current) == null || i.mutateTable(o);
   };
-  return y(() => {
+  return x(() => {
     e.registerUpdateListener(({ editorState: o }) => {
       o.read(() => {
         a();
       });
     });
-  }, [e, a]), /* @__PURE__ */ p("div", { className: v.editor__toolbar, children: [
-    /* @__PURE__ */ t(B, {}),
+  }, [e, a]), /* @__PURE__ */ p("div", { className: M.editor__toolbar, children: [
     /* @__PURE__ */ t(C, {}),
+    /* @__PURE__ */ t(v, {}),
     /* @__PURE__ */ t(k, { isActive: !!r, ref: l }),
     r && /* @__PURE__ */ t(
-      j,
+      A,
       {
         position: r,
         parentScrollPosition: u,

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

@@ -1,9 +1,9 @@
 import { ToolBarPlugin as e } from "./ToolbarPlugin/ToolbarPlugin.js";
 import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
-import { L as n } from "../../../ListPlugin-B-2w9EIN.js";
+import { L as n } from "../../../ListPlugin-CpLcVKRP.js";
 import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
 import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
-import { T as u } from "../../../TablePlugin-C4BuRRYL.js";
+import { T as u } from "../../../TablePlugin-B-yAWpsC.js";
 import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
 export {
   l as BlockFormatPlugin,