@uva-glass/component-library 1.62.4 → 1.62.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/{ListPlugin-BaGD7Mnf.js → ListPlugin-B-2w9EIN.js} +2 -2
  2. package/dist/{ListPlugin-BaGD7Mnf.js.map → ListPlugin-B-2w9EIN.js.map} +1 -1
  3. package/dist/RteEditor.module-XCAFrP3U.js +28 -0
  4. package/dist/RteEditor.module-XCAFrP3U.js.map +1 -0
  5. package/dist/{TablePlugin-Dhg4yUqE.js → TablePlugin-CMsi2UDH.js} +2 -2
  6. package/dist/{TablePlugin-Dhg4yUqE.js.map → TablePlugin-CMsi2UDH.js.map} +1 -1
  7. package/dist/assets/FormInput.css +1 -1
  8. package/dist/assets/PeriodSelector.css +1 -1
  9. package/dist/assets/RteEditor.css +1 -1
  10. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  11. package/dist/components/FeedbackBox/FeedbackBox.js +2 -2
  12. package/dist/components/FeedbackBox/FeedbackBox.js.map +1 -1
  13. package/dist/components/FormInput/FormInput.js +23 -27
  14. package/dist/components/FormInput/FormInput.js.map +1 -1
  15. package/dist/components/InputField/InputField.stories.js +1 -1
  16. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  17. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  18. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  19. package/dist/components/MultiSelect/index.js +1 -1
  20. package/dist/components/PeriodSelector/PeriodSelector.js +65 -50
  21. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  22. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  23. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +1 -1
  24. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
  25. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +2 -2
  26. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +1 -1
  27. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +2 -2
  28. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +2 -2
  29. package/dist/components/RteEditor/Plugins/ListPlugin/index.js +1 -1
  30. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  31. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +2 -2
  32. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  33. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +3 -3
  34. package/dist/components/RteEditor/Plugins/index.js +2 -2
  35. package/dist/components/RteEditor/RteEditor.js +132 -135
  36. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  37. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
  38. package/dist/components/index.js +1 -1
  39. package/dist/index.js +1 -1
  40. package/package.json +1 -1
  41. package/dist/RteEditor.module-D98nXtwi.js +0 -29
  42. package/dist/RteEditor.module-D98nXtwi.js.map +0 -1
@@ -15,7 +15,7 @@ import "../GridRow/GridRow.js";
15
15
  import "../IconButton/IconButton.js";
16
16
  import "../Input/Input.js";
17
17
  import "react-router-dom";
18
- import "../../TablePlugin-Dhg4yUqE.js";
18
+ import "../../TablePlugin-CMsi2UDH.js";
19
19
  import "../RteEditor/Providers/LanguageProvider.js";
20
20
  import "../RteEditor/hooks/components/Flyout.js";
21
21
  import "../SelectListbox/SelectListbox.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../clsx-OuTLNxxd.js";
3
3
  import "../../MultiSelectItem-D9PxdX43.js";
4
- import { M as p } from "../../TablePlugin-Dhg4yUqE.js";
4
+ import { M as p } from "../../TablePlugin-CMsi2UDH.js";
5
5
  export {
6
6
  p as MultiSelect
7
7
  };
@@ -1,7 +1,7 @@
1
1
  import { jsxs as S, jsx as r } from "react/jsx-runtime";
2
2
  import { fn as d } from "../../index-C9QoqAAt.js";
3
3
  import { useState as p } from "react";
4
- import { M as e } from "../../TablePlugin-Dhg4yUqE.js";
4
+ import { M as e } from "../../TablePlugin-CMsi2UDH.js";
5
5
  import { Container as M } from "../../storyComponents/Container/Container.js";
6
6
  const C = `
7
7
  // MultiSelectHeader can be added optionally
@@ -14,7 +14,7 @@ import "../../IconButton/IconButton.js";
14
14
  import "../../Input/Input.js";
15
15
  import "../../InputField/InputField.js";
16
16
  import "react-router-dom";
17
- import { a as q } from "../../../TablePlugin-Dhg4yUqE.js";
17
+ import { a as q } from "../../../TablePlugin-CMsi2UDH.js";
18
18
  import "../../RteEditor/Providers/LanguageProvider.js";
19
19
  import "../../RteEditor/hooks/components/Flyout.js";
20
20
  import "../../SelectListbox/SelectListbox.js";
@@ -1,4 +1,4 @@
1
- import { M as l } from "../../TablePlugin-Dhg4yUqE.js";
1
+ import { M as l } from "../../TablePlugin-CMsi2UDH.js";
2
2
  export {
3
3
  l as MultiSelect
4
4
  };
@@ -1,74 +1,89 @@
1
- import { jsxs as i, jsx as l } from "react/jsx-runtime";
2
- import { c as v } from "../../clsx-OuTLNxxd.js";
3
- import { useRef as N, useState as M, useEffect as $ } from "react";
4
- import { Label as k } from "../Label/Label.js";
5
- import { CheckboxButtonBar as I } from "../CheckboxButtonBar/CheckboxButtonBar.js";
6
- import { Icon as T } from "../Icon/Icon.js";
7
- import '../../assets/PeriodSelector.css';const c = {
8
- "period-selector__container": "_period-selector__container_1on0y_1",
9
- "period-selector__container--label-left": "_period-selector__container--label-left_1on0y_6",
10
- "period-selector__container--label-top": "_period-selector__container--label-top_1on0y_12",
11
- "period-selector__selector-container": "_period-selector__selector-container_1on0y_19",
12
- "period-selector__selector-row": "_period-selector__selector-row_1on0y_24",
13
- "period-selector__error": "_period-selector__error_1on0y_31"
14
- }, E = 0, S = 1, f = 2, a = 3, w = 7, D = (_) => {
15
- const n = [];
16
- for (let t = 0; t < _.length; t += a)
17
- n.push(_.slice(t, t + a));
18
- return n;
19
- }, L = ({
20
- maxPeriods: _ = w,
21
- defaultValues: n,
1
+ import { jsxs as h, jsx as i } from "react/jsx-runtime";
2
+ import { c as k } from "../../clsx-OuTLNxxd.js";
3
+ import { useRef as M, useState as N, useEffect as $ } from "react";
4
+ import "../Buttons/Button.js";
5
+ import "../Buttons/LinkButton.js";
6
+ import "@react-aria/button";
7
+ import { CheckboxButtonBar as w } from "../CheckboxButtonBar/CheckboxButtonBar.js";
8
+ import "@react-aria/dialog";
9
+ import "@react-aria/focus";
10
+ import "@react-aria/overlays";
11
+ import "../OverlayCloseButton/OverlayCloseButton.js";
12
+ import { FeedbackBox as B } from "../FeedbackBox/FeedbackBox.js";
13
+ import "../GridRow/GridRow.js";
14
+ import "../IconButton/IconButton.js";
15
+ import "../Input/Input.js";
16
+ import "../InputField/InputField.js";
17
+ import { Label as D } from "../Label/Label.js";
18
+ import "react-router-dom";
19
+ import "../../TablePlugin-CMsi2UDH.js";
20
+ import "../RteEditor/Providers/LanguageProvider.js";
21
+ import "../RteEditor/hooks/components/Flyout.js";
22
+ import "../SelectListbox/SelectListbox.js";
23
+ import "../SelectListbox/SelectProvider.js";
24
+ import "../Sortable/components/SortableItem.js";
25
+ import "../../SortableProvider-BUsvniX7.js";
26
+ import '../../assets/PeriodSelector.css';const s = {
27
+ "period-selector__container": "_period-selector__container_1v02t_1",
28
+ "period-selector__container--label-left": "_period-selector__container--label-left_1v02t_6",
29
+ "period-selector__container--label-top": "_period-selector__container--label-top_1v02t_12",
30
+ "period-selector__selector-container": "_period-selector__selector-container_1v02t_19",
31
+ "period-selector__selector-row": "_period-selector__selector-row_1v02t_24"
32
+ }, S = 0, f = 1, E = 2, _ = 3, I = 7, T = (l) => {
33
+ const c = [];
34
+ for (let t = 0; t < l.length; t += _)
35
+ c.push(l.slice(t, t + _));
36
+ return c;
37
+ }, nr = ({
38
+ maxPeriods: l = I,
39
+ defaultValues: c,
22
40
  label: t,
23
41
  labelPosition: b = "top",
24
42
  required: p = !1,
25
- notValidatedText: d = "",
26
- onChange: g
43
+ notValidatedText: m = "",
44
+ onChange: v
27
45
  }) => {
28
- const R = Array.from({ length: _ }, (e, r) => r + 1), m = D(R), x = m.map((e, r) => e.map((o) => ({
29
- label: `${r + 1}${e.length === 1 ? "" : `.${(o - 1) % a + 1}`}`,
46
+ const g = Array.from({ length: l }, (r, e) => e + 1), a = T(g), R = a.map((r, e) => r.map((o) => ({
47
+ label: `${e + 1}${r.length === 1 ? "" : `.${(o - 1) % _ + 1}`}`,
30
48
  value: o.toString()
31
- }))), s = N(
32
- m.map(
33
- (e) => e.reduce((r, o) => (n != null && n.includes(o) && r.push(o), r), [])
49
+ }))), n = M(
50
+ a.map(
51
+ (r) => r.reduce((e, o) => (c != null && c.includes(o) && e.push(o), e), [])
34
52
  )
35
- ), [y, u] = M([]), h = (e) => e[E].length !== 0 || e[S].length !== 0 ? [f] : e[f].length !== 0 ? [E, S] : [], P = (e, r) => {
36
- s.current[r] = e.map((o) => Number(o)), u(h(s.current)), g([...s.current.flat()].sort());
53
+ ), [x, d] = N([]), u = (r) => r[S].length !== 0 || r[f].length !== 0 ? [E] : r[E].length !== 0 ? [S, f] : [], P = (r, e) => {
54
+ n.current[e] = r.map((o) => Number(o)), d(u(n.current)), v([...n.current.flat()].sort());
37
55
  };
38
56
  return $(() => {
39
- u(h(s.current));
40
- }, []), /* @__PURE__ */ i(
57
+ d(u(n.current));
58
+ }, []), /* @__PURE__ */ h(
41
59
  "div",
42
60
  {
43
- className: v(
44
- c["period-selector__container"],
45
- c[`period-selector__container--label-${b}`]
61
+ className: k(
62
+ s["period-selector__container"],
63
+ s[`period-selector__container--label-${b}`]
46
64
  ),
47
65
  children: [
48
- t && /* @__PURE__ */ l(k, { htmlFor: "", required: p, children: t }),
49
- /* @__PURE__ */ i("div", { className: c["period-selector__selector-container"], children: [
50
- /* @__PURE__ */ l("div", { className: c["period-selector__selector-row"], children: x.map((e, r) => /* @__PURE__ */ l(
51
- I,
66
+ t && /* @__PURE__ */ i(D, { htmlFor: "", required: p, children: t }),
67
+ /* @__PURE__ */ h("div", { className: s["period-selector__selector-container"], children: [
68
+ /* @__PURE__ */ i("div", { className: s["period-selector__selector-row"], children: R.map((r, e) => /* @__PURE__ */ i(
69
+ w,
52
70
  {
53
- checkboxes: e,
54
- defaultValues: s.current[r].map((o) => o.toString()),
55
- disableGroup: y.includes(r),
71
+ checkboxes: r,
72
+ defaultValues: n.current[e].map((o) => o.toString()),
73
+ disableGroup: x.includes(e),
56
74
  required: p,
57
- onSetValues: (o) => P(o, r)
75
+ onSetValues: (o) => P(o, e)
58
76
  },
59
- `group_${r}`
77
+ `group_${e}`
60
78
  )) }),
61
- /* @__PURE__ */ l("div", { className: c["period-selector__error"] }),
62
- d !== "" && /* @__PURE__ */ i("div", { className: c["period-selector__error"], children: [
63
- /* @__PURE__ */ l(T, { name: "ExclamationTriangleFill", size: 24 }),
64
- d
65
- ] })
79
+ /* @__PURE__ */ i("div", { className: s["period-selector__error"] }),
80
+ m !== "" && /* @__PURE__ */ i(B, { level: "error", feedback: m })
66
81
  ] })
67
82
  ]
68
83
  }
69
84
  );
70
85
  };
71
86
  export {
72
- L as PeriodSelector
87
+ nr as PeriodSelector
73
88
  };
74
89
  //# sourceMappingURL=PeriodSelector.js.map
@@ -1 +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 } from 'components/Label';\nimport { CheckboxButtonBar } from 'components/CheckboxButtonBar';\nimport { Icon } from 'components/Icon';\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 !== '' && (\n <div className={styles['period-selector__error']}>\n <Icon name=\"ExclamationTriangleFill\" size={24} />\n {notValidatedText}\n </div>\n )}\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","Icon"],"mappings":"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"}
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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"}
@@ -16,7 +16,7 @@ import "../IconButton/IconButton.js";
16
16
  import "../Input/Input.js";
17
17
  import "../InputField/InputField.js";
18
18
  import "react-router-dom";
19
- import "../../TablePlugin-Dhg4yUqE.js";
19
+ import "../../TablePlugin-CMsi2UDH.js";
20
20
  import { Repeater as i } from "../Repeater/Repeater.js";
21
21
  import "../RteEditor/Providers/LanguageProvider.js";
22
22
  import "../RteEditor/hooks/components/Flyout.js";
@@ -13,7 +13,7 @@ import "../../IconButton/IconButton.js";
13
13
  import "../../Input/Input.js";
14
14
  import "../../InputField/InputField.js";
15
15
  import "react-router-dom";
16
- import "../../../TablePlugin-Dhg4yUqE.js";
16
+ import "../../../TablePlugin-CMsi2UDH.js";
17
17
  import "../Providers/LanguageProvider.js";
18
18
  import "../hooks/components/Flyout.js";
19
19
  import "../../SelectListbox/SelectListbox.js";
@@ -4,7 +4,7 @@ import { c as f } from "../../../../clsx-OuTLNxxd.js";
4
4
  import { A as _, x as p, d as h } from "../../../../Lexical.prod-eo-UKDld.js";
5
5
  import { useState as l, useEffect as k } from "react";
6
6
  import { Icon as I } from "../../../Icon/Icon.js";
7
- import { s as a } from "../../../../RteEditor.module-D98nXtwi.js";
7
+ import { s as a } from "../../../../RteEditor.module-XCAFrP3U.js";
8
8
  import { useTranslation as B } from "../../hooks/useTranslation.js";
9
9
  const x = {
10
10
  bold: "Bold",
@@ -16,8 +16,8 @@ import "../../../IconButton/IconButton.js";
16
16
  import "../../../Input/Input.js";
17
17
  import "../../../InputField/InputField.js";
18
18
  import "react-router-dom";
19
- import "../../../../TablePlugin-Dhg4yUqE.js";
20
- import { s as r } from "../../../../RteEditor.module-D98nXtwi.js";
19
+ import "../../../../TablePlugin-CMsi2UDH.js";
20
+ import { s as r } from "../../../../RteEditor.module-XCAFrP3U.js";
21
21
  import { useTranslation as g } from "../../hooks/useTranslation.js";
22
22
  import "../../hooks/components/Flyout.js";
23
23
  import "../../Providers/LanguageProvider.js";
@@ -1,7 +1,7 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
3
  import "../../../../helpers-BD3Y_bqE.js";
4
- import { A as z } from "../../../../TablePlugin-Dhg4yUqE.js";
4
+ import { A as z } from "../../../../TablePlugin-CMsi2UDH.js";
5
5
  import "../../../Icon/Icon.js";
6
6
  import "../../../Buttons/Button.js";
7
7
  import "../../../Buttons/LinkButton.js";
@@ -4,7 +4,7 @@ import { c as j } from "../../../../clsx-OuTLNxxd.js";
4
4
  import { g as w, m as V, e as z, U as W } from "../../../../helpers-BD3Y_bqE.js";
5
5
  import { useRef as p, useState as Y, useEffect as x } from "react";
6
6
  import { e as q, A as m, r as B, x as T, _ as G, L as J, l as M, E as Q } from "../../../../Lexical.prod-eo-UKDld.js";
7
- import { A as X } from "../../../../TablePlugin-Dhg4yUqE.js";
7
+ import { A as X } from "../../../../TablePlugin-CMsi2UDH.js";
8
8
  import { useFlyout as Z } from "../../hooks/useFlyout.js";
9
9
  import { Icon as $ } from "../../../Icon/Icon.js";
10
10
  import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
19
19
  import "../../../Input/Input.js";
20
20
  import "../../../InputField/InputField.js";
21
21
  import "react-router-dom";
22
- import { s as d } from "../../../../RteEditor.module-D98nXtwi.js";
22
+ import { s as d } from "../../../../RteEditor.module-XCAFrP3U.js";
23
23
  import { useTranslation as tt } from "../../hooks/useTranslation.js";
24
24
  import "../../Providers/LanguageProvider.js";
25
25
  import "../../../SelectListbox/SelectListbox.js";
@@ -1,11 +1,11 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { L as f } from "../../../../ListPlugin-BaGD7Mnf.js";
3
+ import { L as f } from "../../../../ListPlugin-B-2w9EIN.js";
4
4
  import "react";
5
5
  import "../../../../clsx-OuTLNxxd.js";
6
6
  import "../../../../Lexical.prod-eo-UKDld.js";
7
7
  import "../../../Icon/Icon.js";
8
- import "../../../../RteEditor.module-D98nXtwi.js";
8
+ import "../../../../RteEditor.module-XCAFrP3U.js";
9
9
  import "../../hooks/useTranslation.js";
10
10
  export {
11
11
  f as ListPlugin
@@ -1,4 +1,4 @@
1
- import { L as r } from "../../../../ListPlugin-BaGD7Mnf.js";
1
+ import { L as r } from "../../../../ListPlugin-B-2w9EIN.js";
2
2
  export {
3
3
  r as ListPlugin
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { b as v } from "../../../../TablePlugin-Dhg4yUqE.js";
3
+ import { b as v } from "../../../../TablePlugin-CMsi2UDH.js";
4
4
  import "../../../Buttons/Button.js";
5
5
  import "../../../Buttons/LinkButton.js";
6
6
  import "@react-aria/button";
@@ -4,7 +4,7 @@ import "../../../../clsx-OuTLNxxd.js";
4
4
  import "../../../../helpers-DONVwywj.js";
5
5
  import "../../../../Lexical.prod-eo-UKDld.js";
6
6
  import "react";
7
- import { T as B } from "../../../../TablePlugin-Dhg4yUqE.js";
7
+ import { T as B } from "../../../../TablePlugin-CMsi2UDH.js";
8
8
  import "../../hooks/useFlyout.js";
9
9
  import "../../../Icon/Icon.js";
10
10
  import "../../../Buttons/Button.js";
@@ -19,7 +19,7 @@ import "../../../IconButton/IconButton.js";
19
19
  import "../../../Input/Input.js";
20
20
  import "../../../InputField/InputField.js";
21
21
  import "react-router-dom";
22
- import "../../../../RteEditor.module-D98nXtwi.js";
22
+ import "../../../../RteEditor.module-XCAFrP3U.js";
23
23
  import "../../hooks/useTranslation.js";
24
24
  import "../../Providers/LanguageProvider.js";
25
25
  import "../../../SelectListbox/SelectListbox.js";
@@ -1,4 +1,4 @@
1
- import { T as o } from "../../../../TablePlugin-Dhg4yUqE.js";
1
+ import { T as o } from "../../../../TablePlugin-CMsi2UDH.js";
2
2
  import { TableCellContextMenu as t } from "./TableCellContextMenu/TableCellContextMenu.js";
3
3
  export {
4
4
  t as TableCellContextMenu,
@@ -4,12 +4,12 @@ import { A as d, x as b } from "../../../../Lexical.prod-eo-UKDld.js";
4
4
  import { useState as P, useRef as x, useCallback as T, useEffect as y } from "react";
5
5
  import { g as A } from "../../../../helpers-DONVwywj.js";
6
6
  import { BlockFormatPlugin as B } from "../BlockFormatPlugin/BlockFormatPlugin.js";
7
- import { L as C } from "../../../../ListPlugin-BaGD7Mnf.js";
7
+ import { L as C } from "../../../../ListPlugin-B-2w9EIN.js";
8
8
  import { LinkPlugin as L } from "../LinkPlugin/LinkPlugin.js";
9
9
  import { HistoryPlugin as N } from "../HistoryPlugin/HistoryPlugin.js";
10
- import { T as k } from "../../../../TablePlugin-Dhg4yUqE.js";
10
+ import { T as k } from "../../../../TablePlugin-CMsi2UDH.js";
11
11
  import { TableCellContextMenu as j } from "../TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
12
- import { s as v } from "../../../../RteEditor.module-D98nXtwi.js";
12
+ import { s as v } from "../../../../RteEditor.module-XCAFrP3U.js";
13
13
  const D = ({ editorScrollPosition: u }) => {
14
14
  const [e] = h(), [r, s] = P(null), l = x(null), a = T(() => {
15
15
  const o = d();
@@ -1,9 +1,9 @@
1
1
  import { ToolBarPlugin as e } from "./ToolbarPlugin/ToolbarPlugin.js";
2
2
  import { BlockFormatPlugin as l } from "./BlockFormatPlugin/BlockFormatPlugin.js";
3
- import { L as n } from "../../../ListPlugin-BaGD7Mnf.js";
3
+ import { L as n } from "../../../ListPlugin-B-2w9EIN.js";
4
4
  import { LinkPlugin as m, getLinkNodeTag as x } from "./LinkPlugin/LinkPlugin.js";
5
5
  import { HistoryPlugin as f } from "./HistoryPlugin/HistoryPlugin.js";
6
- import { T as u } from "../../../TablePlugin-Dhg4yUqE.js";
6
+ import { T as u } from "../../../TablePlugin-CMsi2UDH.js";
7
7
  import { TableCellContextMenu as T } from "./TablePlugin/TableCellContextMenu/TableCellContextMenu.js";
8
8
  export {
9
9
  l as BlockFormatPlugin,