@uva-glass/component-library 3.57.3 → 3.57.5

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

@@ -1,10 +1,10 @@
 import { t as e } from "../../../../clsx-C67XSbzZ.js";
 import { t } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
-import { K as n, Kt as r, St as i, ar as a, bt as o, gn as s, s as c, un as l, wn as u } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { l as d } from "../../../../LexicalUtils.prod-CjGUKarD.js";
+import { Bt as n, W as r, Xn as i, _t as a, gn as o, ht as s, ln as c, rn as l, s as u } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { l as d } from "../../../../LexicalUtils.prod-CNWf_0sq.js";
 import { $getLinkTypeFromNode as f, CourseCatalogueNode as p, INSERT_COURSE_CATALOGUE_LINK as m, REMOVE_COURSE_CATALOGUE_LINK as h } from "../../nodes/CourseCatalogueNode/CourseCatalogueNode.js";
 import { t as g } from "../../../../RteEditor.module-pWBasED2.js";
-import { t as _ } from "../../../../AddCatalogueLinkForm-Di0xm7Ep.js";
+import { t as _ } from "../../../../AddCatalogueLinkForm-CvJoaUFz.js";
 import { useTranslation as v } from "../../hooks/useTranslation.js";
 import { useOnClickOutside as y } from "../../../hooks/useOnClickOutside.js";
 import { useEffect as b, useRef as x, useState as S } from "react";
@@ -22,12 +22,12 @@ var T = ({ onSearch: T, searchResponse: E, parentScrollPosition: D }) => {
 		T("", z), R(null);
 	};
 	b(() => {
-		let e = O.registerCommand(r, (e) => e.ctrlKey && e.shiftKey && e.altKey && e.key === "C" ? (e.preventDefault(), H("course"), !0) : e.ctrlKey && e.shiftKey && e.altKey && e.key === "P" ? (e.preventDefault(), H("programme"), !0) : !1, 4), t = O.registerUpdateListener(({ editorState: e }) => {
+		let e = O.registerCommand(n, (e) => e.ctrlKey && e.shiftKey && e.altKey && e.key === "C" ? (e.preventDefault(), H("course"), !0) : e.ctrlKey && e.shiftKey && e.altKey && e.key === "P" ? (e.preventDefault(), H("programme"), !0) : !1, 4), t = O.registerUpdateListener(({ editorState: e }) => {
 			e.read(() => {
-				let e = n();
-				if (s(e)) {
+				let e = r();
+				if (c(e)) {
 					let t = e.anchor.getNode(), n = e.anchor.offset;
-					if (u(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof p) {
+					if (o(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof p) {
 						let e = t.getNextSibling();
 						if (e) {
 							let t = f(e);
@@ -44,28 +44,28 @@ var T = ({ onSearch: T, searchResponse: E, parentScrollPosition: D }) => {
 					j(!1), N(!1);
 				}
 			});
-		}), i = (e) => {
-			let t = c(), n = e.getTextContentSize();
+		}), a = (e) => {
+			let t = u(), n = e.getTextContentSize();
 			t.setTextNodeRange(e, n, e, n), l(t);
-		}, m = (e, t) => u(e) && t === e.getTextContentSize() && e.getNextSibling() instanceof p, g = O.registerCommand(r, (e) => {
-			let t = n();
-			if (s(t)) {
+		}, m = (e, t) => o(e) && t === e.getTextContentSize() && e.getNextSibling() instanceof p, g = O.registerCommand(n, (e) => {
+			let t = r();
+			if (c(t)) {
 				let n = e.key, r = t.anchor.getNode(), o = t.anchor.offset, s = d(r, p);
 				if (m(r, o) && (s = r.getNextSibling()), !s) return !1;
 				let c = s?.getTextContentSize();
 				if (s && e.key === "Enter") return e.preventDefault(), O.update(() => {
 					if (m(r, o)) {
-						let e = a("\n");
+						let e = i("\n");
 						s.insertBefore(e);
 					}
 					if (o === c) {
-						let e = a("\n");
-						s.insertAfter(e), i(e);
+						let e = i("\n");
+						s.insertAfter(e), a(e);
 					}
 				}), !0;
 				if (s && (n === " " || e.code === "Space")) return e.preventDefault(), O.update(() => {
-					let e = a(" ");
-					m(r, o) && (s.insertBefore(e), i(e)), o === c && (s.insertAfter(e), i(e));
+					let e = i(" ");
+					m(r, o) && (s.insertBefore(e), a(e)), o === c && (s.insertAfter(e), a(e));
 				}), !0;
 				if (s && (n === "Backspace" || n === "Delete")) return e.preventDefault(), O.update(() => {
 					O.dispatchCommand(h, void 0);
@@ -73,9 +73,9 @@ var T = ({ onSearch: T, searchResponse: E, parentScrollPosition: D }) => {
 				if (s && n !== "ArrowLeft" && n !== "ArrowRight" && n !== "ArrowUp" && n !== "ArrowDown" && n !== "Home" && n !== "End" && !(e.ctrlKey && (n.toLowerCase() === "z" || n.toLowerCase() === "y")) && !(e.ctrlKey && n.toLowerCase() === "c")) return e.preventDefault(), !0;
 			}
 			return !1;
-		}, 4), _ = O.registerCommand(o, (e) => {
-			let t = n();
-			if (s(t)) {
+		}, 4), _ = O.registerCommand(s, (e) => {
+			let t = r();
+			if (c(t)) {
 				let n = d(t.anchor.getNode(), p);
 				if (n) {
 					e.preventDefault();
@@ -92,7 +92,7 @@ var T = ({ onSearch: T, searchResponse: E, parentScrollPosition: D }) => {
 	let W = () => {
 		U();
 	};
-	return b(() => i(O.registerCommand(r, (e) => e.key === "Escape" && V.current ? (e.preventDefault(), U(), !0) : !1, 1), O.registerRootListener((e, t) => {
+	return b(() => a(O.registerCommand(n, (e) => e.key === "Escape" && V.current ? (e.preventDefault(), U(), !0) : !1, 1), O.registerRootListener((e, t) => {
 		t && t.removeEventListener("scroll", W), e && e.addEventListener("scroll", W);
 	})), [O]), b(() => {
 		L && U();

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

@@ -1,2 +1,2 @@
-import { o as e } from "../../../../components-CgBF6db6.js";
+import { o as e } from "../../../../components-D2rPfyIW.js";
 export { e as HistoryPlugin };

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

@@ -1,2 +1,2 @@
-import { o as e } from "../../../../components-CgBF6db6.js";
+import { o as e } from "../../../../components-D2rPfyIW.js";
 export { e as HistoryPlugin };

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

@@ -1,2 +1,2 @@
-import { c as e } from "../../../../../components-CgBF6db6.js";
+import { c as e } from "../../../../../components-D2rPfyIW.js";
 export { e as AddLinkForm };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../../LinkContextMenu-C8ehPbP8.js";
+import { t as e } from "../../../../../LinkContextMenu-59-rbxa2.js";
 export { e as LinkContextMenu };

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

@@ -1,2 +1,2 @@
-import { s as e } from "../../../../components-CgBF6db6.js";
+import { s as e } from "../../../../components-D2rPfyIW.js";
 export { e as LinkPlugin };

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

@@ -1,2 +1,7 @@
-import { i as e, n as t, r as n, t as r } from "../../../../helpers-MMNO9vlK.js";
-export { r as MATCHERS, t as ensureHttps, n as validateUrl, e as validateUrlWithProtocol };
+import { i as e } from "../../../../LexicalLink.prod-6gI2ABQo.js";
+//#region src/components/RteEditor/Plugins/LinkPlugin/helpers.ts
+var t = /^(http|https):\/\//, n = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/, r = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/, i = /^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})?$/, a = (e) => e === "https://" || n.test(e), o = (e) => e === "https://" || i.test(e), s = [e(n, (e) => t.test(e) ? e : `//${e}`), e(r, (e) => `mailto:${e}`)], c = (e) => /^https?:\/\//i.test(e) ? e : `https://${e}`;
+//#endregion
+export { s as MATCHERS, c as ensureHttps, a as validateUrl, o as validateUrlWithProtocol };
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/helpers.ts"],"sourcesContent":["import { createLinkMatcherWithRegExp } from '@lexical/react/LexicalAutoLinkPlugin';\n\nconst PROTOCOL_REGEX = /^(http|https):\\/\\//;\n\nconst URL_REGEX =\n  /(https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.[^\\s]{2,}|www\\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.[^\\s]{2,}|https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9]+\\.[^\\s]{2,}|www\\.[a-zA-Z0-9]+\\.[^\\s]{2,})/;\n\nconst EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/;\n\nconst URL_REGEX_OR_BLANK =\n  /^(https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.[^\\s]{2,}|www\\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\\.[^\\s]{2,}|https?:\\/\\/(?:www\\.|(?!www))[a-zA-Z0-9]+\\.[^\\s]{2,}|www\\.[a-zA-Z0-9]+\\.[^\\s]{2,})?$/;\n\nexport const validateUrl = (url: string): boolean => {\n  return url === 'https://' || URL_REGEX.test(url);\n};\n\nexport const validateUrlWithProtocol = (url: string): boolean => {\n  return url === 'https://' || URL_REGEX_OR_BLANK.test(url);\n};\n\nexport const MATCHERS = [\n  createLinkMatcherWithRegExp(URL_REGEX, (text: string): string => {\n    return !PROTOCOL_REGEX.test(text) ? `//${text}` : text;\n  }),\n  createLinkMatcherWithRegExp(EMAIL_REGEX, (text) => {\n    return `mailto:${text}`;\n  }),\n];\n\nexport const ensureHttps = (url: string) => {\n  if (!/^https?:\\/\\//i.test(url)) {\n    return `https://${url}`;\n  }\n  return url;\n};\n"],"mappings":";;AAEA,IAAM,IAAiB,sBAEjB,IACJ,qNAEI,IACJ,uJAEI,IACJ,wNAEW,KAAe,MACnB,MAAQ,cAAc,EAAU,KAAK,CAAG,GAGpC,KAA2B,MAC/B,MAAQ,cAAc,EAAmB,KAAK,CAAG,GAG7C,IAAW,CACtB,EAA4B,IAAY,MAC9B,EAAe,KAAK,CAAI,IAAkB,IAAd,KAAK,GAC1C,GACD,EAA4B,IAAc,MACjC,UAAU,GAClB,CACH,GAEa,KAAe,MACrB,gBAAgB,KAAK,CAAG,IAGtB,IAFE,WAAW"}

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

@@ -1,2 +1,2 @@
-import { s as e } from "../../../../components-CgBF6db6.js";
+import { s as e } from "../../../../components-D2rPfyIW.js";
 export { e as LinkPlugin };

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

@@ -1,9 +1,9 @@
 import { t as e } from "../../../../clsx-C67XSbzZ.js";
 import { Icon as t } from "../../../Icon/Icon.js";
 import { t as n } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
-import { K as r, Kt as i, cn as a, gn as o } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { l as s } from "../../../../LexicalUtils.prod-CjGUKarD.js";
-import { i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../../LexicalList.prod-icY8mpm6.js";
+import { Bt as r, W as i, ln as a, tn as o } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { l as s } from "../../../../LexicalUtils.prod-CNWf_0sq.js";
+import { i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../../LexicalList.prod-CMGvSM1c.js";
 import { t as h } from "../../../../RteEditor.module-pWBasED2.js";
 import { useTranslation as g } from "../../hooks/useTranslation.js";
 import { useEffect as _, useState as v } from "react";
@@ -17,7 +17,7 @@ var b = {
 		e === "number" && w !== "number" ? (C.dispatchCommand(u, void 0), T("number")) : e === "bullet" && w !== "bullet" ? (C.dispatchCommand(c, void 0), T("bullet")) : (C.dispatchCommand(f, void 0), T(null));
 	};
 	return _(() => {
-		let e = C.registerCommand(i, (e) => e.ctrlKey && e.shiftKey && e.code === "Digit7" ? (e.preventDefault(), O ? C.dispatchCommand(f, void 0) : C.dispatchCommand(u, void 0), !0) : e.ctrlKey && e.shiftKey && e.code === "Digit8" ? (e.preventDefault(), E ? C.dispatchCommand(f, void 0) : C.dispatchCommand(c, void 0), !0) : !1, 4);
+		let e = C.registerCommand(r, (e) => e.ctrlKey && e.shiftKey && e.code === "Digit7" ? (e.preventDefault(), O ? C.dispatchCommand(f, void 0) : C.dispatchCommand(u, void 0), !0) : e.ctrlKey && e.shiftKey && e.code === "Digit8" ? (e.preventDefault(), E ? C.dispatchCommand(f, void 0) : C.dispatchCommand(c, void 0), !0) : !1, 4);
 		return () => {
 			e();
 		};
@@ -26,20 +26,20 @@ var b = {
 		O,
 		E
 	]), _(() => {
-		let e = C.registerCommand(a, (e) => (e.preventDefault(), C.update(() => {
-			let e = r();
-			if (!o(e)) return;
+		let e = C.registerCommand(o, (e) => (e.preventDefault(), C.update(() => {
+			let e = i();
+			if (!a(e)) return;
 			let t = e.anchor.getNode(), n = t.getParent();
 			if (!d(n)) return;
-			let i = n.getParent();
-			if (l(i)) {
-				let e = m(l(i) ? i.getListType() : "bullet");
+			let r = n.getParent();
+			if (l(r)) {
+				let e = m(l(r) ? r.getListType() : "bullet");
 				n.append(e), e.append(t);
 			}
 		}), !0), 1), t = C.registerUpdateListener(({ editorState: e }) => {
 			e.read(() => {
-				let e = r();
-				if (o(e)) {
+				let e = i();
+				if (a(e)) {
 					let t = s(e.anchor.getNode(), p);
 					if (t) {
 						let e = t.getTag();

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../PasteHandlerPlugin-CSo_lOE8.js";
+import { t as e } from "../../../../PasteHandlerPlugin-CTzYRyAx.js";
 export { e as PasteHandlerPlugin };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../PasteHandlerPlugin-CSo_lOE8.js";
+import { t as e } from "../../../../PasteHandlerPlugin-CTzYRyAx.js";
 export { e as PasteHandlerPlugin };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../TableCellResizerPlugin-Bb2blXnq.js";
+import { t as e } from "../../../../TableCellResizerPlugin-D-fX5I3p.js";
 export { e as TableCellResizerPlugin };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../TableCellResizerPlugin-Bb2blXnq.js";
+import { t as e } from "../../../../TableCellResizerPlugin-D-fX5I3p.js";
 export { e as TableCellResizerPlugin };

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

@@ -1,2 +1,2 @@
-import { a as e } from "../../../../components-CgBF6db6.js";
+import { a as e } from "../../../../components-D2rPfyIW.js";
 export { e as AddTableForm };

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

@@ -1,2 +1,2 @@
-import { i as e } from "../../../../components-CgBF6db6.js";
+import { i as e } from "../../../../components-D2rPfyIW.js";
 export { e as TablePlugin };

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

@@ -1,5 +1,5 @@
-import { gr as e } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { C as t, a as n, b as r, f as i, g as a, i as o, m as s, o as c, u as l, v as u, w as d, y as f } from "../../../../LexicalTable.prod-Bf0is-op.js";
+import { sr as e } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { C as t, a as n, b as r, f as i, g as a, i as o, m as s, o as c, u as l, v as u, w as d, y as f } from "../../../../LexicalTable.prod-D3FUVxbr.js";
 import { TableWrapperNode as p } from "../../nodes/TableWrapperNode/TableWrapperNode.js";
 //#region src/components/RteEditor/Plugins/TablePlugin/helpers.ts
 var m = 32, h = 48, g = 1, _ = 200, v = 320, y = (t, n) => {

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

@@ -1,3 +1,3 @@
-import { i as e } from "../../../../components-CgBF6db6.js";
+import { i as e } from "../../../../components-D2rPfyIW.js";
 import { t } from "../../../../TableCellContextMenu-Cu5iXYSJ.js";
 export { t as TableCellContextMenu, e as TablePlugin };

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

@@ -1,2 +1,2 @@
-import { l as e } from "../../../../components-CgBF6db6.js";
+import { l as e } from "../../../../components-D2rPfyIW.js";
 export { e as ToolBarPlugin };

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

@@ -1,2 +1,2 @@
-import { l as e } from "../../../../components-CgBF6db6.js";
+import { l as e } from "../../../../components-D2rPfyIW.js";
 export { e as ToolBarPlugin };

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

@@ -1,7 +1,7 @@
-import { i as e, l as t, o as n, s as r } from "../../../components-CgBF6db6.js";
-import { t as i } from "../../../TableCellResizerPlugin-Bb2blXnq.js";
+import { i as e, l as t, o as n, s as r } from "../../../components-D2rPfyIW.js";
+import { t as i } from "../../../TableCellResizerPlugin-D-fX5I3p.js";
 import { BlockFormatPlugin as a } from "./BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as o } from "./ListPlugin/ListPlugin.js";
 import { t as s } from "../../../TableCellContextMenu-Cu5iXYSJ.js";
-import { t as c } from "../../../PasteHandlerPlugin-CSo_lOE8.js";
+import { t as c } from "../../../PasteHandlerPlugin-CTzYRyAx.js";
 export { a as BlockFormatPlugin, n as HistoryPlugin, r as LinkPlugin, o as ListPlugin, c as PasteHandlerPlugin, s as TableCellContextMenu, i as TableCellResizerPlugin, e as TablePlugin, t as ToolBarPlugin };

package/dist/components/RteEditor/RteEditor.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../components-CgBF6db6.js";
+import { n as e, t } from "../../components-D2rPfyIW.js";
 export { t as Rte, e as RteEditor };

package/dist/components/RteEditor/RteEditor.stories.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../components-CgBF6db6.js";
+import { n as e } from "../../components-D2rPfyIW.js";
 import { t } from "../../Container-DOcrVe7u.js";
 import "../../storyComponents/Container/index.js";
 import { MOCK_RTE_CONTENT as n } from "./mockRteContent.js";

package/dist/components/RteEditor/helpers.js

@@ -1,7 +1,7 @@
-import { mt as e, nr as t } from "../../Lexical.prod-Dy5aDppc.js";
-import { a as n, t as r } from "../../LexicalList.prod-icY8mpm6.js";
-import { c as i } from "../../LexicalLink.prod-DzgwWhQM.js";
-import { c as a } from "../../LexicalTable.prod-Bf0is-op.js";
+import { Jn as e, dt as t } from "../../Lexical.prod-BlUfEvo-.js";
+import { a as n, t as r } from "../../LexicalList.prod-CMGvSM1c.js";
+import { c as i } from "../../LexicalLink.prod-6gI2ABQo.js";
+import { c as a } from "../../LexicalTable.prod-D3FUVxbr.js";
 import { CourseCatalogueNode as o } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
 //#region src/components/RteEditor/helpers.ts
 var s = (e) => {
@@ -12,8 +12,8 @@ var s = (e) => {
 	if (n && n.element instanceof HTMLElement) for (let e of [n.element, ...n.element.querySelectorAll("[style],[class],[dir=\"ltr\"]")]) e.removeAttribute("class"), e.getAttribute("style") && (e.setAttribute("style", ""), e.removeAttribute("style")), e.getAttribute("dir") === "ltr" && e.removeAttribute("dir");
 	return n;
 }, u = /* @__PURE__ */ new Map([
-	[e, l],
 	[t, l],
+	[e, l],
 	[r, l],
 	[n, l],
 	[a, l],

package/dist/components/RteEditor/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../components-CgBF6db6.js";
+import { n as e, t } from "../../components-D2rPfyIW.js";
 export { t as Rte, e as RteEditor };

package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js

@@ -1,9 +1,9 @@
 import { t as e } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
-import { K as t, L as n, ar as r, gn as i, lt as a, wn as o, x as s } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { l as c } from "../../../../LexicalUtils.prod-CjGUKarD.js";
+import { I as t, W as n, Xn as r, b as i, gn as a, ln as o, ot as s } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { l as c } from "../../../../LexicalUtils.prod-CNWf_0sq.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx
-var u = class e extends a {
+var u = class e extends s {
 	__linkType;
 	__code;
 	__label;
@@ -72,19 +72,19 @@ function f(e) {
 function p(e) {
 	return f(e) ? e.__linkType : null;
 }
-var m = s("insertCourseCatalogueLink"), h = s("removeCourseCatalogueLink");
+var m = i("insertCourseCatalogueLink"), h = i("removeCourseCatalogueLink");
 function g() {
-	let [a] = e();
-	if (!a.hasNodes([u])) throw Error("CourseCataloguePlugin: CourseCatalogueNode is not registered on editor");
+	let [i] = e();
+	if (!i.hasNodes([u])) throw Error("CourseCataloguePlugin: CourseCatalogueNode is not registered on editor");
 	return l(() => {
-		let e = a.registerCommand(m, (e) => {
-			let t = d(e.linkType, e.code, e.label), i = r(e.label);
-			return t.append(i), n([t]), !0;
-		}, 2), s = a.registerCommand(h, () => {
-			let e = t();
-			if (i(e)) {
+		let e = i.registerCommand(m, (e) => {
+			let n = d(e.linkType, e.code, e.label), i = r(e.label);
+			return n.append(i), t([n]), !0;
+		}, 2), s = i.registerCommand(h, () => {
+			let e = n();
+			if (o(e)) {
 				let t = e.anchor.getNode(), n = e.anchor.offset, i = c(t, u);
-				if (o(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof u && (i = t.getNextSibling()), i) {
+				if (a(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof u && (i = t.getNextSibling()), i) {
 					let e = i.getParent();
 					i.remove(), e && e.append(r(" "));
 				}
@@ -94,7 +94,7 @@ function g() {
 		return () => {
 			e(), s();
 		};
-	}, [a]), null;
+	}, [i]), null;
 }
 //#endregion
 export { d as $createCourseCatalogueNode, p as $getLinkTypeFromNode, f as $isCourseCatalogueNode, g as CourseCatalogueLinkPlugin, u as CourseCatalogueNode, m as INSERT_COURSE_CATALOGUE_LINK, h as REMOVE_COURSE_CATALOGUE_LINK };

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js

@@ -1,6 +1,7 @@
 import { t as e } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
-import { K as t, g as n, gn as r, gr as i, lt as a, x as o } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { f as s, l as c } from "../../../../LexicalUtils.prod-CjGUKarD.js";
+import { W as t, b as n, h as r, ln as i, ot as a, sr as o } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { t as s } from "../../../../LexicalSelection.prod-DS_R6Cl1.js";
+import { l as c } from "../../../../LexicalUtils.prod-CNWf_0sq.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx
 var u = class e extends a {
@@ -18,7 +19,7 @@ var u = class e extends a {
 		return !1;
 	}
 	insertNewAfter(e, t) {
-		let n = i(), r = this.getDirection();
+		let n = o(), r = this.getDirection();
 		return n.setDirection(r), this.insertAfter(n, t), n;
 	}
 };
@@ -28,32 +29,32 @@ function d() {
 function f(e) {
 	return e instanceof u;
 }
-var p = o("insertTableWrapperNode"), m = o("removeTableWrapperNode");
+var p = n("insertTableWrapperNode"), m = n("removeTableWrapperNode");
 function h() {
-	let [a] = e();
-	if (!a.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
+	let [n] = e();
+	if (!n.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
 	return l(() => {
-		let e = a.registerCommand(p, () => {
+		let e = n.registerCommand(p, () => {
 			let e = t();
-			return r(e) && s(e, d), !0;
-		}, 2), o = a.registerCommand(m, () => {
+			return i(e) && s(e, d), !0;
+		}, 2), a = n.registerCommand(m, () => {
 			let e = t();
-			if (r(e)) {
+			if (i(e)) {
 				let t = e.anchor.getNode();
-				if (!n(t)) return !1;
-				let r = c(t, u);
-				if (!r) return !1;
-				let a = r?.getChildren();
-				if (!a) return !1;
-				let o = i();
-				a.forEach((e) => o.append(e)), r.replace(o);
+				if (!r(t)) return !1;
+				let n = c(t, u);
+				if (!n) return !1;
+				let i = n?.getChildren();
+				if (!i) return !1;
+				let a = o();
+				i.forEach((e) => a.append(e)), n.replace(a);
 			}
 			return !0;
 		}, 2);
 		return () => {
-			e(), o();
+			e(), a();
 		};
-	}, [a]), null;
+	}, [n]), null;
 }
 //#endregion
 export { d as $createTableWrapperNode, f as $isTableWrapperNode, p as INSERT_TABLE_WRAPPER, m as REMOVE_TABLE_WRAPPER, u as TableWrapperNode, h as TableWrapperPlugin };

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapperNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\nimport { $setBlocksType } from '@lexical/selection';\r\nimport { useEffect } from 'react';\r\n\r\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';\r\nimport type { EditorConfig, LexicalNode, RangeSelection } from 'lexical';\r\n\r\nexport type SerializedTableWrapperNode = SerializedDecoratorBlockNode;\r\n\r\nexport class TableWrapperNode extends ElementNode {\r\n  static getType(): string {\r\n    return 'tableWrapper';\r\n  }\r\n\r\n  static clone(node: TableWrapperNode): TableWrapperNode {\r\n    return new TableWrapperNode(node.__key);\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('div');\r\n    element.className = config.theme.tableWrapper;\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  insertNewAfter(_selection: RangeSelection, restoreSelection?: boolean | undefined): LexicalNode | null {\r\n    const newBlock = $createParagraphNode();\r\n    const direction = this.getDirection();\r\n    newBlock.setDirection(direction);\r\n    this.insertAfter(newBlock, restoreSelection);\r\n    return newBlock;\r\n  }\r\n}\r\n\r\nexport function $createTableWrapperNode(): TableWrapperNode {\r\n  return new TableWrapperNode();\r\n}\r\n\r\nexport function $isTableWrapperNode(node: LexicalNode): node is TableWrapperNode {\r\n  return node instanceof TableWrapperNode;\r\n}\r\n\r\nexport const INSERT_TABLE_WRAPPER = createCommand('insertTableWrapperNode');\r\n\r\nexport const REMOVE_TABLE_WRAPPER = createCommand('removeTableWrapperNode');\r\n\r\nexport function TableWrapperPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([TableWrapperNode])) {\r\n    throw new Error('TableWrapperPlugin: TableWrapperNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertTableWrapper = editor.registerCommand(\r\n      INSERT_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          $setBlocksType(selection, $createTableWrapperNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    const removeTableWrapper = editor.registerCommand(\r\n      REMOVE_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          if (!$isElementNode(node)) return false;\r\n          const tableWrapperNode = $getNearestNodeOfType(node, TableWrapperNode);\r\n          if (!tableWrapperNode) return false;\r\n          const childrenNodes = tableWrapperNode?.getChildren();\r\n          if (!childrenNodes) return false;\r\n          const paragraphNode = $createParagraphNode();\r\n          childrenNodes.forEach((child) => paragraphNode.append(child));\r\n          tableWrapperNode.replace(paragraphNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertTableWrapper();\r\n      removeTableWrapper();\r\n    };\r\n  }, [editor]);\r\n  return null;\r\n}\r\n"],"mappings":";;;;;AAmBA,IAAa,IAAb,MAAa,UAAyB,EAAY;CAChD,OAAO,UAAkB;EACvB,OAAO;CACT;CAEA,OAAO,MAAM,GAA0C;EACrD,OAAO,IAAI,EAAiB,EAAK,KAAK;CACxC;CAEA,UAAU,GAAmC;EAC3C,IAAM,IAAU,SAAS,cAAc,KAAK;EAE5C,OADA,EAAQ,YAAY,EAAO,MAAM,cAC1B;CACT;CAEA,YAAmB;EACjB,OAAO;CACT;CAEA,eAAe,GAA4B,GAA4D;EACrG,IAAM,IAAW,EAAqB,GAChC,IAAY,KAAK,aAAa;EAGpC,OAFA,EAAS,aAAa,CAAS,GAC/B,KAAK,YAAY,GAAU,CAAgB,GACpC;CACT;AACF;AAEA,SAAgB,IAA4C;CAC1D,OAAO,IAAI,EAAiB;AAC9B;AAEA,SAAgB,EAAoB,GAA6C;CAC/E,OAAO,aAAgB;AACzB;AAEA,IAAa,IAAuB,EAAc,wBAAwB,GAE7D,IAAuB,EAAc,wBAAwB;AAE1E,SAAgB,IAA2B;CACzC,IAAM,CAAC,KAAU,EAA0B;CAC3C,IAAI,CAAC,EAAO,SAAS,CAAC,CAAgB,CAAC,GACrC,MAAU,MAAM,kEAAkE;CAwCpF,OAtCA,QAAgB;EACd,IAAM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAIhC,OAHI,EAAkB,CAAS,KAC7B,EAAe,GAAW,CAAuB,GAE5C;EACT,GAAA,CAEF,GAEM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAChC,IAAI,EAAkB,CAAS,GAAG;IAChC,IAAM,IAAO,EAAU,OAAO,QAAQ;IACtC,IAAI,CAAC,EAAe,CAAI,GAAG,OAAO;IAClC,IAAM,IAAmB,EAAsB,GAAM,CAAgB;IACrE,IAAI,CAAC,GAAkB,OAAO;IAC9B,IAAM,IAAgB,GAAkB,YAAY;IACpD,IAAI,CAAC,GAAe,OAAO;IAC3B,IAAM,IAAgB,EAAqB;IAE3C,AADA,EAAc,SAAS,MAAU,EAAc,OAAO,CAAK,CAAC,GAC5D,EAAiB,QAAQ,CAAa;GACxC;GACA,OAAO;EACT,GAAA,CAEF;EAEA,aAAa;GAEX,AADA,EAAmB,GACnB,EAAmB;EACrB;CACF,GAAG,CAAC,CAAM,CAAC,GACJ;AACT"}
+{"version":3,"file":"TableWrapperNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\nimport { $setBlocksType } from '@lexical/selection';\r\nimport { useEffect } from 'react';\r\n\r\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';\r\nimport type { EditorConfig, LexicalNode, RangeSelection } from 'lexical';\r\n\r\nexport type SerializedTableWrapperNode = SerializedDecoratorBlockNode;\r\n\r\nexport class TableWrapperNode extends ElementNode {\r\n  static getType(): string {\r\n    return 'tableWrapper';\r\n  }\r\n\r\n  static clone(node: TableWrapperNode): TableWrapperNode {\r\n    return new TableWrapperNode(node.__key);\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('div');\r\n    element.className = config.theme.tableWrapper;\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  insertNewAfter(_selection: RangeSelection, restoreSelection?: boolean | undefined): LexicalNode | null {\r\n    const newBlock = $createParagraphNode();\r\n    const direction = this.getDirection();\r\n    newBlock.setDirection(direction);\r\n    this.insertAfter(newBlock, restoreSelection);\r\n    return newBlock;\r\n  }\r\n}\r\n\r\nexport function $createTableWrapperNode(): TableWrapperNode {\r\n  return new TableWrapperNode();\r\n}\r\n\r\nexport function $isTableWrapperNode(node: LexicalNode): node is TableWrapperNode {\r\n  return node instanceof TableWrapperNode;\r\n}\r\n\r\nexport const INSERT_TABLE_WRAPPER = createCommand('insertTableWrapperNode');\r\n\r\nexport const REMOVE_TABLE_WRAPPER = createCommand('removeTableWrapperNode');\r\n\r\nexport function TableWrapperPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([TableWrapperNode])) {\r\n    throw new Error('TableWrapperPlugin: TableWrapperNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertTableWrapper = editor.registerCommand(\r\n      INSERT_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          $setBlocksType(selection, $createTableWrapperNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    const removeTableWrapper = editor.registerCommand(\r\n      REMOVE_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          if (!$isElementNode(node)) return false;\r\n          const tableWrapperNode = $getNearestNodeOfType(node, TableWrapperNode);\r\n          if (!tableWrapperNode) return false;\r\n          const childrenNodes = tableWrapperNode?.getChildren();\r\n          if (!childrenNodes) return false;\r\n          const paragraphNode = $createParagraphNode();\r\n          childrenNodes.forEach((child) => paragraphNode.append(child));\r\n          tableWrapperNode.replace(paragraphNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertTableWrapper();\r\n      removeTableWrapper();\r\n    };\r\n  }, [editor]);\r\n  return null;\r\n}\r\n"],"mappings":";;;;;;AAmBA,IAAa,IAAb,MAAa,UAAyB,EAAY;CAChD,OAAO,UAAkB;EACvB,OAAO;CACT;CAEA,OAAO,MAAM,GAA0C;EACrD,OAAO,IAAI,EAAiB,EAAK,KAAK;CACxC;CAEA,UAAU,GAAmC;EAC3C,IAAM,IAAU,SAAS,cAAc,KAAK;EAE5C,OADA,EAAQ,YAAY,EAAO,MAAM,cAC1B;CACT;CAEA,YAAmB;EACjB,OAAO;CACT;CAEA,eAAe,GAA4B,GAA4D;EACrG,IAAM,IAAW,EAAqB,GAChC,IAAY,KAAK,aAAa;EAGpC,OAFA,EAAS,aAAa,CAAS,GAC/B,KAAK,YAAY,GAAU,CAAgB,GACpC;CACT;AACF;AAEA,SAAgB,IAA4C;CAC1D,OAAO,IAAI,EAAiB;AAC9B;AAEA,SAAgB,EAAoB,GAA6C;CAC/E,OAAO,aAAgB;AACzB;AAEA,IAAa,IAAuB,EAAc,wBAAwB,GAE7D,IAAuB,EAAc,wBAAwB;AAE1E,SAAgB,IAA2B;CACzC,IAAM,CAAC,KAAU,EAA0B;CAC3C,IAAI,CAAC,EAAO,SAAS,CAAC,CAAgB,CAAC,GACrC,MAAU,MAAM,kEAAkE;CAwCpF,OAtCA,QAAgB;EACd,IAAM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAIhC,OAHI,EAAkB,CAAS,KAC7B,EAAe,GAAW,CAAuB,GAE5C;EACT,GAAA,CAEF,GAEM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAChC,IAAI,EAAkB,CAAS,GAAG;IAChC,IAAM,IAAO,EAAU,OAAO,QAAQ;IACtC,IAAI,CAAC,EAAe,CAAI,GAAG,OAAO;IAClC,IAAM,IAAmB,EAAsB,GAAM,CAAgB;IACrE,IAAI,CAAC,GAAkB,OAAO;IAC9B,IAAM,IAAgB,GAAkB,YAAY;IACpD,IAAI,CAAC,GAAe,OAAO;IAC3B,IAAM,IAAgB,EAAqB;IAE3C,AADA,EAAc,SAAS,MAAU,EAAc,OAAO,CAAK,CAAC,GAC5D,EAAiB,QAAQ,CAAa;GACxC;GACA,OAAO;EACT,GAAA,CAEF;EAEA,aAAa;GAEX,AADA,EAAmB,GACnB,EAAmB;EACrB;CACF,GAAG,CAAC,CAAM,CAAC,GACJ;AACT"}

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { SelectListbox as t } from "./SelectListbox.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/SelectListbox/SelectProvider.js

@@ -12,7 +12,8 @@ var s = e({}), c = ({ options: e, defaultValue: t, children: c }) => {
 		label: "",
 		selectedLabel: "-"
 	}, b = (t, n = !1) => {
-		m(e.findIndex((e) => e.value === t.value)), u(t), f(!1), g(!n);
+		let r = e.findIndex((e) => e.value === t.value);
+		m(r), u(t), f(!1), g(!n);
 	};
 	return t !== -1 && !l.value && b(y(t), !0), n(() => {
 		y(l.value || t).label !== l.label && b(y(l.value || t));

package/dist/components/SelectListbox/SelectProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectProvider.js","names":[],"sources":["../../../src/components/SelectListbox/SelectProvider.tsx"],"sourcesContent":["import { createContext, useContext, useState, useId, useRef, useEffect } from 'react';\n\nimport type { PropsWithChildren } from 'react';\n\nexport type SelectValue = string | number | null;\n\nexport type OptionValue = {\n  value: SelectValue;\n  label: string;\n  selectedLabel?: string;\n  disabled?: boolean;\n};\nexport interface SelectListboxContext {\n  options: OptionValue[];\n  selectedValue: OptionValue;\n  setSelectedValue: (v: OptionValue) => void;\n  isOpen: boolean;\n  setIsOpen: (v: boolean) => void;\n  toggleListbox: () => void;\n  getValue: (value: SelectValue) => OptionValue;\n  activeIndex: number;\n  setActiveIndex: (v: number) => void;\n  listboxId: string;\n  isDirty: boolean;\n}\n\nconst SelectContext = createContext<SelectListboxContext>({} as SelectListboxContext);\n\ninterface Props {\n  options: OptionValue[];\n  defaultValue: SelectValue;\n}\n\nexport const SelectProvider = ({ options, defaultValue, children }: PropsWithChildren<Props>) => {\n  const [value, setValue] = useState<OptionValue>({ value: '', label: '' });\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isDirty, setIsDirty] = useState(false);\n  const listboxId = useRef<string>(useId());\n\n  const toggleListbox = () => {\n    setIsOpen((status) => !status);\n    setIsDirty(false);\n  };\n\n  const getValue = (value: SelectValue) => {\n    return (\n      options.find((option) => option.value === value) || {\n        value: -1,\n        label: '',\n        selectedLabel: '-',\n      }\n    );\n  };\n\n  const setSelectedValue = (value: OptionValue, isDefault = false) => {\n    const selectedIndex = options.findIndex((option) => option.value === value.value);\n    setActiveIndex(selectedIndex);\n    setValue(value);\n    setIsOpen(false);\n    setIsDirty(!isDefault);\n  };\n\n  if (defaultValue !== -1 && !value.value) {\n    setSelectedValue(getValue(defaultValue), true);\n  }\n\n  useEffect(() => {\n    const newLabel = getValue(value.value || defaultValue).label;\n    if (newLabel !== value.label) {\n      setSelectedValue(getValue(value.value || defaultValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options, defaultValue]);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        options,\n        selectedValue: value,\n        setSelectedValue,\n        isOpen,\n        setIsOpen,\n        toggleListbox,\n        getValue,\n        activeIndex,\n        setActiveIndex,\n        listboxId: listboxId.current,\n        isDirty,\n      }}\n    >\n      {children}\n    </SelectContext.Provider>\n  );\n};\n\nexport const useSelect = () => {\n  const context = useContext(SelectContext);\n\n  if (context === undefined) throw new Error('useSelect can only be used in an SelectProvider');\n\n  return context;\n};\n"],"mappings":";;;AA0BA,IAAM,IAAgB,EAAoC,CAAC,CAAyB,GAOvE,KAAkB,EAAE,YAAS,iBAAc,kBAAyC;CAC/F,IAAM,CAAC,GAAO,KAAY,EAAsB;EAAE,OAAO;EAAI,OAAO;CAAG,CAAC,GAClE,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAY,EAAe,EAAM,CAAC,GAElC,UAAsB;EAE1B,AADA,GAAW,MAAW,CAAC,CAAM,GAC7B,EAAW,EAAK;CAClB,GAEM,KAAY,MAEd,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK,KAAK;EAClD,OAAO;EACP,OAAO;EACP,eAAe;CACjB,GAIE,KAAoB,GAAoB,IAAY,OAAU;EAKlE,AAHA,EADsB,EAAQ,WAAW,MAAW,EAAO,UAAU,EAAM,KAC5D,CAAa,GAC5B,EAAS,CAAK,GACd,EAAU,EAAK,GACf,EAAW,CAAC,CAAS;CACvB;CAcA,OAZI,MAAiB,MAAM,CAAC,EAAM,SAChC,EAAiB,EAAS,CAAY,GAAG,EAAI,GAG/C,QAAgB;EAEd,AADiB,EAAS,EAAM,SAAS,CAAY,CAAC,CAAC,UACtC,EAAM,SACrB,EAAiB,EAAS,EAAM,SAAS,CAAY,CAAC;CAG1D,GAAG,CAAC,GAAS,CAAY,CAAC,GAGxB,kBAAC,EAAc,UAAf;EACE,OAAO;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW,EAAU;GACrB;EACF;EAEC;CACqB,CAAA;AAE5B,GAEa,UAAkB;CAC7B,IAAM,IAAU,EAAW,CAAa;CAExC,IAAI,MAAY,KAAA,GAAW,MAAU,MAAM,iDAAiD;CAE5F,OAAO;AACT"}
+{"version":3,"file":"SelectProvider.js","names":[],"sources":["../../../src/components/SelectListbox/SelectProvider.tsx"],"sourcesContent":["import { createContext, useContext, useState, useId, useRef, useEffect } from 'react';\n\nimport type { PropsWithChildren } from 'react';\n\nexport type SelectValue = string | number | null;\n\nexport type OptionValue = {\n  value: SelectValue;\n  label: string;\n  selectedLabel?: string;\n  disabled?: boolean;\n};\nexport interface SelectListboxContext {\n  options: OptionValue[];\n  selectedValue: OptionValue;\n  setSelectedValue: (v: OptionValue) => void;\n  isOpen: boolean;\n  setIsOpen: (v: boolean) => void;\n  toggleListbox: () => void;\n  getValue: (value: SelectValue) => OptionValue;\n  activeIndex: number;\n  setActiveIndex: (v: number) => void;\n  listboxId: string;\n  isDirty: boolean;\n}\n\nconst SelectContext = createContext<SelectListboxContext>({} as SelectListboxContext);\n\ninterface Props {\n  options: OptionValue[];\n  defaultValue: SelectValue;\n}\n\nexport const SelectProvider = ({ options, defaultValue, children }: PropsWithChildren<Props>) => {\n  const [value, setValue] = useState<OptionValue>({ value: '', label: '' });\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isDirty, setIsDirty] = useState(false);\n  const listboxId = useRef<string>(useId());\n\n  const toggleListbox = () => {\n    setIsOpen((status) => !status);\n    setIsDirty(false);\n  };\n\n  const getValue = (value: SelectValue) => {\n    return (\n      options.find((option) => option.value === value) || {\n        value: -1,\n        label: '',\n        selectedLabel: '-',\n      }\n    );\n  };\n\n  const setSelectedValue = (value: OptionValue, isDefault = false) => {\n    const selectedIndex = options.findIndex((option) => option.value === value.value);\n    setActiveIndex(selectedIndex);\n    setValue(value);\n    setIsOpen(false);\n    setIsDirty(!isDefault);\n  };\n\n  if (defaultValue !== -1 && !value.value) {\n    setSelectedValue(getValue(defaultValue), true);\n  }\n\n  useEffect(() => {\n    const newLabel = getValue(value.value || defaultValue).label;\n    if (newLabel !== value.label) {\n      setSelectedValue(getValue(value.value || defaultValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options, defaultValue]);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        options,\n        selectedValue: value,\n        setSelectedValue,\n        isOpen,\n        setIsOpen,\n        toggleListbox,\n        getValue,\n        activeIndex,\n        setActiveIndex,\n        listboxId: listboxId.current,\n        isDirty,\n      }}\n    >\n      {children}\n    </SelectContext.Provider>\n  );\n};\n\nexport const useSelect = () => {\n  const context = useContext(SelectContext);\n\n  if (context === undefined) throw new Error('useSelect can only be used in an SelectProvider');\n\n  return context;\n};\n"],"mappings":";;;AA0BA,IAAM,IAAgB,EAAoC,CAAC,CAAyB,GAOvE,KAAkB,EAAE,YAAS,iBAAc,kBAAyC;CAC/F,IAAM,CAAC,GAAO,KAAY,EAAsB;EAAE,OAAO;EAAI,OAAO;CAAG,CAAC,GAClE,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAY,EAAe,EAAM,CAAC,GAElC,UAAsB;EAE1B,AADA,GAAW,MAAW,CAAC,CAAM,GAC7B,EAAW,EAAK;CAClB,GAEM,KAAY,MAEd,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK,KAAK;EAClD,OAAO;EACP,OAAO;EACP,eAAe;CACjB,GAIE,KAAoB,GAAoB,IAAY,OAAU;EAClE,IAAM,IAAgB,EAAQ,WAAW,MAAW,EAAO,UAAU,EAAM,KAAK;EAIhF,AAHA,EAAe,CAAa,GAC5B,EAAS,CAAK,GACd,EAAU,EAAK,GACf,EAAW,CAAC,CAAS;CACvB;CAcA,OAZI,MAAiB,MAAM,CAAC,EAAM,SAChC,EAAiB,EAAS,CAAY,GAAG,EAAI,GAG/C,QAAgB;EAEd,AADiB,EAAS,EAAM,SAAS,CAAY,CAAC,CAAC,UACtC,EAAM,SACrB,EAAiB,EAAS,EAAM,SAAS,CAAY,CAAC;CAG1D,GAAG,CAAC,GAAS,CAAY,CAAC,GAGxB,kBAAC,EAAc,UAAf;EACE,OAAO;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW,EAAU;GACrB;EACF;EAEC;CACqB,CAAA;AAE5B,GAEa,UAAkB;CAC7B,IAAM,IAAU,EAAW,CAAa;CAExC,IAAI,MAAY,KAAA,GAAW,MAAU,MAAM,iDAAiD;CAE5F,OAAO;AACT"}

package/dist/components/Slider/Slider.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Slider-Czd2xAGf.js";
+import { t as e } from "../../Slider-CqYFsgRL.js";
 export { e as Slider };

package/dist/components/Slider/Slider.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../Slider-Czd2xAGf.js";
+import { t as e } from "../../Slider-CqYFsgRL.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 var i = {
 	title: "Atoms/Slider",

package/dist/components/Slider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Slider-Czd2xAGf.js";
+import { t as e } from "../../Slider-CqYFsgRL.js";
 export { e as Slider };

package/dist/components/Sortable/Sortable.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { Button as n } from "../Buttons/Button.js";
 import { t as r } from "../../InputField-asFsxHvx.js";

package/dist/components/Sortable/components/SortableItem.js

@@ -50,8 +50,8 @@ function m({ children: m, handlePlacement: h, disabled: g, sortableItemColor: _,
 	function R(e) {
 		if (e.preventDefault(), !P) return;
 		C(v);
-		let { direction: t } = e.currentTarget.dataset;
-		w(t === "up" ? v - 1 : v + 1);
+		let { direction: t } = e.currentTarget.dataset, n = t === "up" ? v - 1 : v + 1;
+		w(n);
 	}
 	return /* @__PURE__ */ u("div", {
 		className: e(n["sortable__sort-item"], n[`sortable__sort-item--${_}`]),

package/dist/components/Sortable/components/SortableItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableItem.js","names":[],"sources":["../../../../src/components/Sortable/components/SortableItem.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent, ReactNode } from 'react';\nimport type { SortableHandleProps } from './SortableHandle';\nimport type { SortableItemColors } from 'components/Sortable/Sortable';\n\nimport { Icon } from 'components/Icon';\nimport { SortableHandle } from 'components/Sortable/components/SortableHandle';\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport interface SortableItemProps {\n  children: ReactNode;\n  handlePlacement: SortableHandleProps['placement'];\n  disabled?: boolean;\n  sortableItemColor: SortableItemColors;\n  index: number;\n}\n\nconst ACCESS_KEYS = ['Space', 'ArrowDown', 'ArrowUp'];\nconst noSupportTouch = 'ontouchstart' in globalThis.document.documentElement;\nconst dragImage = new Image(0, 0);\n\ndragImage.src =\n  // 1px transparent png\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==';\n\nexport function SortableItem({ children, handlePlacement, disabled, sortableItemColor, index }: SortableItemProps) {\n  const {\n    clone,\n    dragEnd,\n    draggingSource,\n    draggingTarget,\n    dragStart,\n    drop,\n    maxIndex,\n    moveToPosition,\n    setClone,\n    setDraggingSource,\n  } = useSortable();\n  const [grabbing, setGrabbing] = useState(false);\n  const [moving, setmoving] = useState(false);\n  const itemRef = useRef<HTMLDivElement>(null);\n  const hasIndex = index !== undefined && index >= 0;\n\n  useEffect(() => {\n    if (!itemRef.current) return;\n    if (globalThis.document.activeElement === itemRef.current) return;\n\n    if (index === draggingTarget && draggingTarget === draggingSource) {\n      // Manually setting focus after an item has been moved with the keyboard; focus is lost after rerender\n      itemRef.current.focus();\n      setmoving(true);\n    } else {\n      setmoving(false);\n    }\n  }, [index, draggingTarget, draggingSource, setDraggingSource]);\n\n  function handleDragStart(event: DragEvent<HTMLDivElement>) {\n    event.stopPropagation();\n\n    event.dataTransfer.effectAllowed = 'move';\n    event.dataTransfer.setDragImage(dragImage, 0, 0);\n\n    if (itemRef.current) {\n      const cloned = itemRef.current.cloneNode(true) as Element;\n\n      cloned.classList.add(styles['sortable__sort-item--ghost']);\n\n      setClone(cloned);\n    }\n\n    if (hasIndex) dragStart(index);\n    setGrabbing(true);\n  }\n\n  function handleDragEnd() {\n    if (grabbing) return;\n\n    if (clone) document.body.removeChild(clone);\n\n    setGrabbing(false);\n    dragEnd();\n  }\n\n  function handleKeyUp(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Tab' && draggingSource !== undefined) {\n      dragEnd();\n      return;\n    }\n\n    if (ACCESS_KEYS.includes(code) === false) return;\n\n    if (!hasIndex) return;\n\n    if (code === 'Space') {\n      if (moving) {\n        setmoving(false);\n        dragEnd();\n      } else {\n        setmoving(true);\n        dragStart(index);\n      }\n\n      return;\n    }\n\n    if (draggingSource === undefined) return;\n\n    const newTarget = code === 'ArrowUp' ? index - 1 : index + 1;\n\n    if (newTarget < 0 || newTarget > maxIndex) return;\n\n    moveToPosition(newTarget);\n  }\n\n  function handleMove(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n\n    if (!hasIndex) return;\n\n    dragStart(index);\n\n    const { direction } = event.currentTarget.dataset;\n    const newTarget = direction === 'up' ? index - 1 : index + 1;\n\n    drop(newTarget);\n  }\n\n  return (\n    <div\n      className={clsx(styles['sortable__sort-item'], styles[`sortable__sort-item--${sortableItemColor}`])}\n      draggable={!disabled}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onKeyUpCapture={handleKeyUp}\n      ref={itemRef}\n      role=\"presentation\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    >\n      <div\n        className={`${styles['sortable__sort-item__contents']} ${styles[`sortable__sort-item__contents--handle-${handlePlacement}`]}`}\n      >\n        {handlePlacement === 'left' && <SortableHandle placement=\"left\" />}\n        {children}\n        {handlePlacement === 'right' && <SortableHandle placement=\"right\" />}\n      </div>\n\n      <div className={styles['sortable__sort-item__button-container']} data-touch={noSupportTouch}>\n        {!disabled && hasIndex && (\n          <>\n            {hasIndex && (\n              <>\n                {index > 0 && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--up']}`}\n                    data-direction=\"up\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move up</span>\n                  </button>\n                )}\n\n                {index < maxIndex && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--down']}`}\n                    data-direction=\"down\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move down</span>\n                  </button>\n                )}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SortableItem.js","names":[],"sources":["../../../../src/components/Sortable/components/SortableItem.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent, ReactNode } from 'react';\nimport type { SortableHandleProps } from './SortableHandle';\nimport type { SortableItemColors } from 'components/Sortable/Sortable';\n\nimport { Icon } from 'components/Icon';\nimport { SortableHandle } from 'components/Sortable/components/SortableHandle';\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport interface SortableItemProps {\n  children: ReactNode;\n  handlePlacement: SortableHandleProps['placement'];\n  disabled?: boolean;\n  sortableItemColor: SortableItemColors;\n  index: number;\n}\n\nconst ACCESS_KEYS = ['Space', 'ArrowDown', 'ArrowUp'];\nconst noSupportTouch = 'ontouchstart' in globalThis.document.documentElement;\nconst dragImage = new Image(0, 0);\n\ndragImage.src =\n  // 1px transparent png\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==';\n\nexport function SortableItem({ children, handlePlacement, disabled, sortableItemColor, index }: SortableItemProps) {\n  const {\n    clone,\n    dragEnd,\n    draggingSource,\n    draggingTarget,\n    dragStart,\n    drop,\n    maxIndex,\n    moveToPosition,\n    setClone,\n    setDraggingSource,\n  } = useSortable();\n  const [grabbing, setGrabbing] = useState(false);\n  const [moving, setmoving] = useState(false);\n  const itemRef = useRef<HTMLDivElement>(null);\n  const hasIndex = index !== undefined && index >= 0;\n\n  useEffect(() => {\n    if (!itemRef.current) return;\n    if (globalThis.document.activeElement === itemRef.current) return;\n\n    if (index === draggingTarget && draggingTarget === draggingSource) {\n      // Manually setting focus after an item has been moved with the keyboard; focus is lost after rerender\n      itemRef.current.focus();\n      setmoving(true);\n    } else {\n      setmoving(false);\n    }\n  }, [index, draggingTarget, draggingSource, setDraggingSource]);\n\n  function handleDragStart(event: DragEvent<HTMLDivElement>) {\n    event.stopPropagation();\n\n    event.dataTransfer.effectAllowed = 'move';\n    event.dataTransfer.setDragImage(dragImage, 0, 0);\n\n    if (itemRef.current) {\n      const cloned = itemRef.current.cloneNode(true) as Element;\n\n      cloned.classList.add(styles['sortable__sort-item--ghost']);\n\n      setClone(cloned);\n    }\n\n    if (hasIndex) dragStart(index);\n    setGrabbing(true);\n  }\n\n  function handleDragEnd() {\n    if (grabbing) return;\n\n    if (clone) document.body.removeChild(clone);\n\n    setGrabbing(false);\n    dragEnd();\n  }\n\n  function handleKeyUp(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Tab' && draggingSource !== undefined) {\n      dragEnd();\n      return;\n    }\n\n    if (ACCESS_KEYS.includes(code) === false) return;\n\n    if (!hasIndex) return;\n\n    if (code === 'Space') {\n      if (moving) {\n        setmoving(false);\n        dragEnd();\n      } else {\n        setmoving(true);\n        dragStart(index);\n      }\n\n      return;\n    }\n\n    if (draggingSource === undefined) return;\n\n    const newTarget = code === 'ArrowUp' ? index - 1 : index + 1;\n\n    if (newTarget < 0 || newTarget > maxIndex) return;\n\n    moveToPosition(newTarget);\n  }\n\n  function handleMove(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n\n    if (!hasIndex) return;\n\n    dragStart(index);\n\n    const { direction } = event.currentTarget.dataset;\n    const newTarget = direction === 'up' ? index - 1 : index + 1;\n\n    drop(newTarget);\n  }\n\n  return (\n    <div\n      className={clsx(styles['sortable__sort-item'], styles[`sortable__sort-item--${sortableItemColor}`])}\n      draggable={!disabled}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onKeyUpCapture={handleKeyUp}\n      ref={itemRef}\n      role=\"presentation\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    >\n      <div\n        className={`${styles['sortable__sort-item__contents']} ${styles[`sortable__sort-item__contents--handle-${handlePlacement}`]}`}\n      >\n        {handlePlacement === 'left' && <SortableHandle placement=\"left\" />}\n        {children}\n        {handlePlacement === 'right' && <SortableHandle placement=\"right\" />}\n      </div>\n\n      <div className={styles['sortable__sort-item__button-container']} data-touch={noSupportTouch}>\n        {!disabled && hasIndex && (\n          <>\n            {hasIndex && (\n              <>\n                {index > 0 && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--up']}`}\n                    data-direction=\"up\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move up</span>\n                  </button>\n                )}\n\n                {index < maxIndex && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--down']}`}\n                    data-direction=\"down\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move down</span>\n                  </button>\n                )}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}