@uva-glass/component-library 3.52.11 → 3.53.0

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as a } from "../../react.esm-BjO203QT.js";
-import { u as e } from "../../index-BKK3EWVW.js";
+import { r as n, s as a } from "../../react.esm-BDo_tPxu.js";
+import { u as e } from "../../index-ZQcmo1D_.js";
 import { Accordion as i } from "./Accordion.js";
 describe("Accordion", () => {
   it("should render", () => {

package/dist/components/AccordionCard/AccordionCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as c, s as e, f as s, w as d } from "../../react.esm-BjO203QT.js";
-import { u as r } from "../../index-BKK3EWVW.js";
+import { r as c, s as e, f as s, w as d } from "../../react.esm-BDo_tPxu.js";
+import { u as r } from "../../index-ZQcmo1D_.js";
 import { AccordionCard as a } from "./AccordionCard.js";
 describe("AccordionCard", () => {
   it("should render", () => {

package/dist/components/ActionList/ActionList.test.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, w as a } from "../../react.esm-BjO203QT.js";
-import { u as l } from "../../index-BKK3EWVW.js";
+import { r as n, s as t, w as a } from "../../react.esm-BDo_tPxu.js";
+import { u as l } from "../../index-ZQcmo1D_.js";
 import { ActionList as o } from "./ActionList.js";
 const T = jest.fn(), c = [
   /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r, s as t } from "../../react.esm-BjO203QT.js";
+import { r, s as t } from "../../react.esm-BDo_tPxu.js";
 import { AppStatusBar as s } from "./AppStatusBar.js";
 describe("AppStatusBar", () => {
   it("should render", () => {

package/dist/components/Attention/Attention.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as t, s as r } from "../../react.esm-BjO203QT.js";
+import { r as t, s as r } from "../../react.esm-BDo_tPxu.js";
 import { Attention as n } from "./Attention.js";
 describe("Attention", () => {
   it("should render (variant primary)", () => {

package/dist/components/Backdrop/Backdrop.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as e, s as o } from "../../react.esm-BjO203QT.js";
+import { r as e, s as o } from "../../react.esm-BDo_tPxu.js";
 import { Backdrop as t } from "./Backdrop.js";
 describe("Backdrop", () => {
   it("should render", () => {

package/dist/components/Buttons/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { f as l } from "../../index-DRQMriwT.js";
+import { f as l } from "../../index-B4NxQN5d.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

package/dist/components/Buttons/Button.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, f as c } from "../../react.esm-BjO203QT.js";
+import { r as n, s as t, f as c } from "../../react.esm-BDo_tPxu.js";
 import { Button as o } from "./Button.js";
 const s = jest.fn();
 describe("Button", () => {

package/dist/components/Buttons/LinkButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { f as s } from "../../index-DRQMriwT.js";
+import { f as s } from "../../index-B4NxQN5d.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as n } from "./LinkButton.js";
 const d = `

package/dist/components/Buttons/LinkButton.test.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, f as c } from "../../react.esm-BjO203QT.js";
+import { r as n, s as t, f as c } from "../../react.esm-BDo_tPxu.js";
 import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
 import { LinkButton as o } from "./LinkButton.js";
 const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [

package/dist/components/Buttons/MenuButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import { f as c } from "../../index-DRQMriwT.js";
+import { f as c } from "../../index-B4NxQN5d.js";
 import { MenuButton as t } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style" 

package/dist/components/Buttons/MenuButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as u, s as e, f as c } from "../../react.esm-BjO203QT.js";
+import { r as u, s as e, f as c } from "../../react.esm-BDo_tPxu.js";
 import { createRef as s } from "react";
 import { MenuButton as r } from "./MenuButton.js";
 const n = jest.fn();

package/dist/components/Card/Card.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r, s as d } from "../../react.esm-BjO203QT.js";
+import { r, s as d } from "../../react.esm-BDo_tPxu.js";
 import { Card as o } from "./Card.js";
 describe("Card", () => {
   it("should render", () => {

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { f as e } from "../../index-DRQMriwT.js";
+import { f as e } from "../../index-B4NxQN5d.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as o, s as t } from "../../react.esm-BjO203QT.js";
-import { u as s } from "../../index-BKK3EWVW.js";
+import { r as o, s as t } from "../../react.esm-BDo_tPxu.js";
+import { u as s } from "../../index-ZQcmo1D_.js";
 import { Checkbox as r } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t, Fragment as l } from "react/jsx-runtime";
-import { f as o } from "../../index-DRQMriwT.js";
+import { f as o } from "../../index-B4NxQN5d.js";
 import { CheckboxButtonBar as i } from "./CheckboxButtonBar.js";
 import { Periods as r } from "../Periods/Periods.js";
 const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", B = {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as c, s as t } from "../../react.esm-BjO203QT.js";
+import { r as c, s as t } from "../../react.esm-BDo_tPxu.js";
 import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
 const n = jest.fn(), d = [
   {

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -18,7 +18,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/CheckboxTree/CheckboxTree.stories.js

@@ -1,85 +1,141 @@
-import { jsx as h, jsxs as b } from "react/jsx-runtime";
-import { f as C } from "../../index-DRQMriwT.js";
-import { a as u } from "../../chunk-HERDX7MO-DaYu-eWo.js";
-import { useState as f } from "react";
-import { CheckboxTree as p } from "./CheckboxTree.js";
-import { Chip as g } from "../Chip/Chip.js";
-const E = (e, r, t) => {
-  const l = Array.from({ length: r }, (o, c) => c + 1), n = (o) => {
-    const c = Math.ceil(parseInt(o) / t), i = c === t ? "" : `.${parseInt(o) % t || t}`;
-    return `${c}${i}`;
-  }, s = l.map((o) => ({
-    itemName: n(String(o)),
+import { jsx as d, jsxs as y } from "react/jsx-runtime";
+import { s as O, f as _ } from "../../index-B4NxQN5d.js";
+import { I as C, a as v } from "../../chunk-SS2NHR7W-qmI2h7CJ.js";
+import { useState as R } from "react";
+import { CheckboxTree as u } from "./CheckboxTree.js";
+import { Chip as w } from "../Chip/Chip.js";
+var D = "storybook/actions", S = `${D}/action-event`, x = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+}, T = (e, t) => {
+  let r = Object.getPrototypeOf(e);
+  return !r || t(r) ? r : T(r, t);
+}, V = (e) => !!(typeof e == "object" && e && T(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) && typeof e.persist == "function"), j = (e) => {
+  if (V(e)) {
+    let t = Object.create(
+      e.constructor.prototype,
+      Object.getOwnPropertyDescriptors(e)
+    );
+    t.persist();
+    let r = Object.getOwnPropertyDescriptor(t, "view"), n = r?.value;
+    return typeof n == "object" && n?.constructor.name === "Window" && Object.defineProperty(t, "view", {
+      ...r,
+      value: Object.create(n.constructor.prototype)
+    }), t;
+  }
+  return e;
+};
+function b(e, t = {}) {
+  let r = {
+    ...x,
+    ...t
+  }, n = function(...i) {
+    if (t.implicit) {
+      let g = ("__STORYBOOK_PREVIEW__" in O ? O.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+        (p) => p.phase === "playing" || p.phase === "rendering"
+      );
+      if (g) {
+        let p = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, f = new C({
+          phase: g.phase,
+          name: e,
+          deprecated: p
+        });
+        if (p)
+          console.warn(f);
+        else
+          throw f;
+      }
+    }
+    let s = v.getChannel(), h = Date.now().toString(36) + Math.random().toString(36).substring(2), o = 5, c = i.map(j), a = i.length > 1 ? c : c[0], l = {
+      id: h,
+      count: 0,
+      data: { name: e, args: a },
+      options: {
+        ...r,
+        maxDepth: o + (r.depth || 3)
+      }
+    };
+    s.emit(S, l);
+  };
+  return n.isAction = !0, n.implicit = t.implicit, n;
+}
+const A = (e, t, r) => {
+  const n = Array.from({ length: t }, (o, c) => c + 1), i = (o) => {
+    const c = Math.ceil(parseInt(o) / r), a = c === r ? "" : `.${parseInt(o) % r || r}`;
+    return `${c}${a}`;
+  }, s = n.map((o) => ({
+    itemName: i(String(o)),
     itemValue: o,
     disabled: !1
   }));
-  return l.reduce((o, c, i) => {
-    const m = Math.ceil(c / t);
-    return e.includes(String(i + 1)) && (o[m] || (o[m] = {
-      itemName: `Semester ${m}`,
+  return n.reduce((o, c, a) => {
+    const l = Math.ceil(c / r);
+    return e.includes(String(a + 1)) && (o[l] || (o[l] = {
+      itemName: `Semester ${l}`,
       children: []
-    }), o[m].children.push({
-      ...s[i],
-      itemValue: String(s[i].itemValue)
+    }), o[l].children.push({
+      ...s[a],
+      itemValue: String(s[a].itemValue)
     })), o;
   }, []);
-}, x = 7, O = 3, T = E(
+}, I = 7, P = 3, E = A(
   ["1", "2", "3", "4", "5", "6", "7"],
-  x,
-  O
-), _ = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", P = {
+  I,
+  P
+), $ = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", U = {
   title: "Organisms/CheckboxTree",
-  component: p,
+  component: u,
   parameters: {
-    inspectComponent: p,
-    codeString: _
+    inspectComponent: u,
+    codeString: $
   }
-}, $ = (e) => /* @__PURE__ */ h(p, { ...e }), k = $.bind({});
-k.args = {
+}, k = (e) => /* @__PURE__ */ d(u, { ...e }), N = k.bind({});
+N.args = {
   title: "Periode",
-  checkboxTree: T,
+  checkboxTree: E,
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   selectedValues: ["3", "4"],
-  onChange: C()
+  onChange: _()
 };
-const a = 3, V = (e) => {
-  const r = Math.ceil(parseInt(e) / a), t = r === a ? "" : `.${parseInt(e) % a || a}`;
-  return `${r}${t}`;
-}, R = (e) => {
-  const [r, t] = e.split(".").map(Number);
-  return `${(r - 1) * a + (t || 1)}`;
-}, j = () => {
-  const [e, r] = f(["5", "4", "1"]), t = (n) => {
+const m = 3, M = (e) => {
+  const t = Math.ceil(parseInt(e) / m), r = t === m ? "" : `.${parseInt(e) % m || m}`;
+  return `${t}${r}`;
+}, B = (e) => {
+  const [t, r] = e.split(".").map(Number);
+  return `${(t - 1) * m + (r || 1)}`;
+}, Y = () => {
+  const [e, t] = R(["5", "4", "1"]), r = (i) => {
     const s = JSON.parse(JSON.stringify(e)).filter(
-      (d) => d !== R(n)
+      (h) => h !== B(i)
     );
-    r(() => s), u("onChange value:")(s);
-  }, l = (n) => {
-    r([...n]), u("onChange value:")(n);
+    t(() => s), b("onChange value:")(s);
+  }, n = (i) => {
+    t([...i]), b("onChange value:")(i);
   };
-  return /* @__PURE__ */ b("div", { style: { width: "15rem" }, children: [
-    /* @__PURE__ */ h("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem", width: "100%", marginBottom: "1rem" }, children: e && e.map((n, s) => /* @__PURE__ */ h(
-      g,
+  return /* @__PURE__ */ y("div", { style: { width: "15rem" }, children: [
+    /* @__PURE__ */ d("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem", width: "100%", marginBottom: "1rem" }, children: e && e.map((i, s) => /* @__PURE__ */ d(
+      w,
       {
-        label: V(n),
-        onDelete: t
+        label: M(i),
+        onDelete: r
       },
-      `${s}_${n}`
+      `${s}_${i}`
     )) }),
-    /* @__PURE__ */ h(
-      p,
+    /* @__PURE__ */ d(
+      u,
       {
         title: "Periode",
-        checkboxTree: T,
+        checkboxTree: E,
         selectedValues: e,
-        onChange: l
+        onChange: n
       }
     )
   ] });
 };
 export {
-  k as CheckboxTreeExample,
-  j as CheckboxTreeWithChips,
-  P as default
+  N as CheckboxTreeExample,
+  Y as CheckboxTreeWithChips,
+  U as default
 };
 //# sourceMappingURL=CheckboxTree.stories.js.map

package/dist/components/CheckboxTree/CheckboxTree.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.stories.js","sources":["../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\nimport { action } from 'storybook/actions';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxLeaf, CheckboxBranch, CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nimport { Chip } from 'components/Chip';\n\nconst createPeriodTree = (periodIndices: string[], numberOfPeriods: number, periodPerSemester: number) => {\n  const allPeriods = Array.from({ length: numberOfPeriods }, (_, idx) => idx + 1);\n\n  const periodValueToLabel = (value: string) => {\n    const semester = Math.ceil(parseInt(value) / periodPerSemester);\n    const period = semester === periodPerSemester ? '' : `.${parseInt(value) % periodPerSemester || periodPerSemester}`;\n    return `${semester}${period}`;\n  };\n\n  const periodTree = allPeriods.map((periodIndex) => ({\n    itemName: periodValueToLabel(String(periodIndex)),\n    itemValue: periodIndex,\n    disabled: false,\n  }));\n\n  const periodTreeObject = allPeriods.reduce((periods, currentPeriod, periodIndex) => {\n    const semester = Math.ceil(currentPeriod / periodPerSemester);\n    if (periodIndices.includes(String(periodIndex + 1))) {\n      if (!periods[semester]) {\n        periods[semester] = {\n          itemName: `Semester ${semester}`,\n          children: [],\n        };\n      }\n      periods[semester].children.push({\n        ...periodTree[periodIndex],\n        itemValue: String(periodTree[periodIndex].itemValue),\n      } as CheckboxLeaf);\n    }\n    return periods;\n  }, [] as CheckboxBranch[]);\n\n  return periodTreeObject;\n};\n\nconst NUMBER_OF_PERIODS = 7;\nconst PERIOD_PER_SEMESTER = 3;\n\nconst MOCK_CHECKBOX_TREE = createPeriodTree(\n  ['1', '2', '3', '4', '5', '6', '7'],\n  NUMBER_OF_PERIODS,\n  PERIOD_PER_SEMESTER\n);\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/CheckboxTree',\n  component: CheckboxTree,\n  parameters: {\n    inspectComponent: CheckboxTree,\n    codeString: codeString,\n  },\n} as Meta<CheckboxTreeProps>;\n\nconst Template: StoryFn<CheckboxTreeProps> = (args) => <CheckboxTree {...args} />;\n\nexport const CheckboxTreeExample = Template.bind({});\nCheckboxTreeExample.args = {\n  title: 'Periode',\n  checkboxTree: MOCK_CHECKBOX_TREE,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  selectedValues: ['3', '4'],\n  onChange: fn(),\n};\n\nconst PERIOD_SEGMENT = 3;\n\nconst periodValueToLabel = (value: string) => {\n  const semester = Math.ceil(parseInt(value) / PERIOD_SEGMENT);\n  const period = semester === PERIOD_SEGMENT ? '' : `.${parseInt(value) % PERIOD_SEGMENT || PERIOD_SEGMENT}`;\n  return `${semester}${period}`;\n};\n\nconst periodLabelToValue = (value: string): string => {\n  const [row, col] = value.split('.').map(Number);\n  return `${(row - 1) * PERIOD_SEGMENT + (col || 1)}`;\n};\n\nexport const CheckboxTreeWithChips: StoryFn<CheckboxTreeProps> = () => {\n  const [activeFilters, setActiveFilters] = useState<string[]>(['5', '4', '1']);\n\n  const handleRemoveActiveFilter = (filterToRemove: string) => {\n    const newActiveFilters = JSON.parse(JSON.stringify(activeFilters)).filter(\n      (filter: string) => filter !== periodLabelToValue(filterToRemove)\n    );\n\n    setActiveFilters(() => newActiveFilters);\n    action('onChange value:')(newActiveFilters);\n  };\n\n  const handlePeriodChange = (value: string[]) => {\n    setActiveFilters([...value]);\n    action('onChange value:')(value);\n  };\n\n  return (\n    <div style={{ width: '15rem' }}>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', width: '100%', marginBottom: '1rem' }}>\n        {activeFilters &&\n          activeFilters.map((activeFilter, index) => (\n            <Chip\n              label={periodValueToLabel(activeFilter)}\n              onDelete={handleRemoveActiveFilter}\n              key={`${index}_${activeFilter}`}\n            />\n          ))}\n      </div>\n      <CheckboxTree\n        title=\"Periode\"\n        checkboxTree={MOCK_CHECKBOX_TREE}\n        selectedValues={activeFilters}\n        onChange={handlePeriodChange}\n      />\n    </div>\n  );\n};\n"],"names":["createPeriodTree","periodIndices","numberOfPeriods","periodPerSemester","allPeriods","_","idx","periodValueToLabel","value","semester","period","periodTree","periodIndex","periods","currentPeriod","NUMBER_OF_PERIODS","PERIOD_PER_SEMESTER","MOCK_CHECKBOX_TREE","codeString","CheckboxTree_stories","CheckboxTree","Template","args","jsx","CheckboxTreeExample","fn","PERIOD_SEGMENT","periodLabelToValue","row","col","CheckboxTreeWithChips","activeFilters","setActiveFilters","useState","handleRemoveActiveFilter","filterToRemove","newActiveFilters","filter","action","handlePeriodChange","activeFilter","index","Chip"],"mappings":"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"}
+{"version":3,"file":"CheckboxTree.stories.js","sources":["../../../node_modules/storybook/dist/_browser-chunks/chunk-6XWLIJQL.js","../../../node_modules/storybook/dist/_browser-chunks/chunk-EUVGDK4H.js","../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["// src/actions/constants.ts\nvar PARAM_KEY = \"actions\", ADDON_ID = \"storybook/actions\", PANEL_ID = `${ADDON_ID}/panel`, EVENT_ID = `${ADDON_ID}/action-event`, CLEAR_ID = `${ADDON_ID}/action-clear`, CYCLIC_KEY = \"$___storybook.isCyclic\";\n\nexport {\n  PARAM_KEY,\n  ADDON_ID,\n  PANEL_ID,\n  EVENT_ID,\n  CLEAR_ID,\n  CYCLIC_KEY\n};\n","import {\n  EVENT_ID\n} from \"./chunk-6XWLIJQL.js\";\n\n// src/actions/runtime/configureActions.ts\nvar config = {\n  depth: 10,\n  clearOnStoryChange: !0,\n  limit: 50\n}, configureActions = (options = {}) => {\n  Object.assign(config, options);\n};\n\n// src/actions/runtime/action.ts\nimport { ImplicitActionsDuringRendering } from \"storybook/internal/preview-errors\";\nimport { global } from \"@storybook/global\";\nimport { addons } from \"storybook/preview-api\";\nvar findProto = (obj, callback) => {\n  let proto = Object.getPrototypeOf(obj);\n  return !proto || callback(proto) ? proto : findProto(proto, callback);\n}, isReactSyntheticEvent = (e) => !!(typeof e == \"object\" && e && findProto(e, (proto) => /^Synthetic(?:Base)?Event$/.test(proto.constructor.name)) && typeof e.persist == \"function\"), serializeArg = (a) => {\n  if (isReactSyntheticEvent(a)) {\n    let e = Object.create(\n      a.constructor.prototype,\n      Object.getOwnPropertyDescriptors(a)\n    );\n    e.persist();\n    let viewDescriptor = Object.getOwnPropertyDescriptor(e, \"view\"), view = viewDescriptor?.value;\n    return typeof view == \"object\" && view?.constructor.name === \"Window\" && Object.defineProperty(e, \"view\", {\n      ...viewDescriptor,\n      value: Object.create(view.constructor.prototype)\n    }), e;\n  }\n  return a;\n};\nfunction action(name, options = {}) {\n  let actionOptions = {\n    ...config,\n    ...options\n  }, handler = function(...args) {\n    if (options.implicit) {\n      let storyRenderer = (\"__STORYBOOK_PREVIEW__\" in global ? global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(\n        (render) => render.phase === \"playing\" || render.phase === \"rendering\"\n      );\n      if (storyRenderer) {\n        let deprecated = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, error = new ImplicitActionsDuringRendering({\n          phase: storyRenderer.phase,\n          name,\n          deprecated\n        });\n        if (deprecated)\n          console.warn(error);\n        else\n          throw error;\n      }\n    }\n    let channel = addons.getChannel(), id = Date.now().toString(36) + Math.random().toString(36).substring(2), minDepth = 5, serializedArgs = args.map(serializeArg), normalizedArgs = args.length > 1 ? serializedArgs : serializedArgs[0], actionDisplayToEmit = {\n      id,\n      count: 0,\n      data: { name, args: normalizedArgs },\n      options: {\n        ...actionOptions,\n        maxDepth: minDepth + (actionOptions.depth || 3)\n      }\n    };\n    channel.emit(EVENT_ID, actionDisplayToEmit);\n  };\n  return handler.isAction = !0, handler.implicit = options.implicit, handler;\n}\n\n// src/actions/runtime/actions.ts\nvar actions = (...args) => {\n  let options = config, names = args;\n  names.length === 1 && Array.isArray(names[0]) && ([names] = names), names.length !== 1 && typeof names[names.length - 1] != \"string\" && (options = {\n    ...config,\n    ...names.pop()\n  });\n  let namesObject = names[0];\n  (names.length !== 1 || typeof namesObject == \"string\") && (namesObject = {}, names.forEach((name) => {\n    namesObject[name] = name;\n  }));\n  let actionsObject = {};\n  return Object.keys(namesObject).forEach((name) => {\n    actionsObject[name] = action(namesObject[name], options);\n  }), actionsObject;\n};\n\nexport {\n  config,\n  configureActions,\n  action,\n  actions\n};\n","import { fn } from 'storybook/test';\nimport { action } from 'storybook/actions';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxLeaf, CheckboxBranch, CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nimport { Chip } from 'components/Chip';\n\nconst createPeriodTree = (periodIndices: string[], numberOfPeriods: number, periodPerSemester: number) => {\n  const allPeriods = Array.from({ length: numberOfPeriods }, (_, idx) => idx + 1);\n\n  const periodValueToLabel = (value: string) => {\n    const semester = Math.ceil(parseInt(value) / periodPerSemester);\n    const period = semester === periodPerSemester ? '' : `.${parseInt(value) % periodPerSemester || periodPerSemester}`;\n    return `${semester}${period}`;\n  };\n\n  const periodTree = allPeriods.map((periodIndex) => ({\n    itemName: periodValueToLabel(String(periodIndex)),\n    itemValue: periodIndex,\n    disabled: false,\n  }));\n\n  const periodTreeObject = allPeriods.reduce((periods, currentPeriod, periodIndex) => {\n    const semester = Math.ceil(currentPeriod / periodPerSemester);\n    if (periodIndices.includes(String(periodIndex + 1))) {\n      if (!periods[semester]) {\n        periods[semester] = {\n          itemName: `Semester ${semester}`,\n          children: [],\n        };\n      }\n      periods[semester].children.push({\n        ...periodTree[periodIndex],\n        itemValue: String(periodTree[periodIndex].itemValue),\n      } as CheckboxLeaf);\n    }\n    return periods;\n  }, [] as CheckboxBranch[]);\n\n  return periodTreeObject;\n};\n\nconst NUMBER_OF_PERIODS = 7;\nconst PERIOD_PER_SEMESTER = 3;\n\nconst MOCK_CHECKBOX_TREE = createPeriodTree(\n  ['1', '2', '3', '4', '5', '6', '7'],\n  NUMBER_OF_PERIODS,\n  PERIOD_PER_SEMESTER\n);\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/CheckboxTree',\n  component: CheckboxTree,\n  parameters: {\n    inspectComponent: CheckboxTree,\n    codeString: codeString,\n  },\n} as Meta<CheckboxTreeProps>;\n\nconst Template: StoryFn<CheckboxTreeProps> = (args) => <CheckboxTree {...args} />;\n\nexport const CheckboxTreeExample = Template.bind({});\nCheckboxTreeExample.args = {\n  title: 'Periode',\n  checkboxTree: MOCK_CHECKBOX_TREE,\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  selectedValues: ['3', '4'],\n  onChange: fn(),\n};\n\nconst PERIOD_SEGMENT = 3;\n\nconst periodValueToLabel = (value: string) => {\n  const semester = Math.ceil(parseInt(value) / PERIOD_SEGMENT);\n  const period = semester === PERIOD_SEGMENT ? '' : `.${parseInt(value) % PERIOD_SEGMENT || PERIOD_SEGMENT}`;\n  return `${semester}${period}`;\n};\n\nconst periodLabelToValue = (value: string): string => {\n  const [row, col] = value.split('.').map(Number);\n  return `${(row - 1) * PERIOD_SEGMENT + (col || 1)}`;\n};\n\nexport const CheckboxTreeWithChips: StoryFn<CheckboxTreeProps> = () => {\n  const [activeFilters, setActiveFilters] = useState<string[]>(['5', '4', '1']);\n\n  const handleRemoveActiveFilter = (filterToRemove: string) => {\n    const newActiveFilters = JSON.parse(JSON.stringify(activeFilters)).filter(\n      (filter: string) => filter !== periodLabelToValue(filterToRemove)\n    );\n\n    setActiveFilters(() => newActiveFilters);\n    action('onChange value:')(newActiveFilters);\n  };\n\n  const handlePeriodChange = (value: string[]) => {\n    setActiveFilters([...value]);\n    action('onChange value:')(value);\n  };\n\n  return (\n    <div style={{ width: '15rem' }}>\n      <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.5rem', width: '100%', marginBottom: '1rem' }}>\n        {activeFilters &&\n          activeFilters.map((activeFilter, index) => (\n            <Chip\n              label={periodValueToLabel(activeFilter)}\n              onDelete={handleRemoveActiveFilter}\n              key={`${index}_${activeFilter}`}\n            />\n          ))}\n      </div>\n      <CheckboxTree\n        title=\"Periode\"\n        checkboxTree={MOCK_CHECKBOX_TREE}\n        selectedValues={activeFilters}\n        onChange={handlePeriodChange}\n      />\n    </div>\n  );\n};\n"],"names":["ADDON_ID","EVENT_ID","config","findProto","obj","callback","proto","isReactSyntheticEvent","serializeArg","a","e","viewDescriptor","view","action","name","options","actionOptions","handler","args","storyRenderer","global","render","deprecated","error","ImplicitActionsDuringRendering","channel","addons","id","minDepth","serializedArgs","normalizedArgs","actionDisplayToEmit","createPeriodTree","periodIndices","numberOfPeriods","periodPerSemester","allPeriods","_","idx","periodValueToLabel","value","semester","period","periodTree","periodIndex","periods","currentPeriod","NUMBER_OF_PERIODS","PERIOD_PER_SEMESTER","MOCK_CHECKBOX_TREE","codeString","CheckboxTree_stories","CheckboxTree","Template","jsx","CheckboxTreeExample","fn","PERIOD_SEGMENT","periodLabelToValue","row","col","CheckboxTreeWithChips","activeFilters","setActiveFilters","useState","handleRemoveActiveFilter","filterToRemove","newActiveFilters","filter","handlePeriodChange","activeFilter","index","Chip"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/components/Chip/Chip.stories.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { f as t } from "../../index-DRQMriwT.js";
+import { f as t } from "../../index-B4NxQN5d.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",

package/dist/components/ControlsButton/ControlsButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
-import { f as e } from "../../index-DRQMriwT.js";
+import { f as e } from "../../index-B4NxQN5d.js";
 import { ControlsButton as t } from "./ControlsButton.js";
 import { Icons as a } from "../Icon/icons/index.js";
 import { Periods as i } from "../Periods/Periods.js";

package/dist/components/Drawer/Drawer.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { OverlayProvider as p } from "@react-aria/overlays";
-import { f as m } from "../../index-DRQMriwT.js";
+import { f as m } from "../../index-B4NxQN5d.js";
 import { useState as c } from "react";
 import { Drawer as r } from "./Drawer.js";
 import { Button as o } from "../Buttons/Button.js";

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as s, s as e, f as r } from "../../react.esm-BjO203QT.js";
+import { r as s, s as e, f as r } from "../../react.esm-BDo_tPxu.js";
 import { FeedbackBar as c } from "./FeedbackBar.js";
 describe("FeedbackBar", () => {
   it("should render with children text", () => {

package/dist/components/FormInput/FormInput.js

@@ -17,7 +17,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { f as i } from "../../index-DRQMriwT.js";
+import { f as i } from "../../index-B4NxQN5d.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { f as r } from "../../index-DRQMriwT.js";
+import { f as r } from "../../index-B4NxQN5d.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>

package/dist/components/InputField/InputField.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { f as p } from "../../index-DRQMriwT.js";
+import { f as p } from "../../index-B4NxQN5d.js";
 import { InputField as e } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import "../Accordion/Accordion.js";
@@ -17,7 +17,7 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-CqCjNBW_.js";
+import "../../TablePlugin-DmE96vN7.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";

package/dist/components/Label/Label.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as t, s as l } from "../../react.esm-BjO203QT.js";
+import { r as t, s as l } from "../../react.esm-BDo_tPxu.js";
 import { Label as r } from "./Label.js";
 describe("Label", () => {
   it("should render", () => {

package/dist/components/MetaDataBar/MetaDataBar.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as n, s as e } from "../../react.esm-BjO203QT.js";
+import { r as n, s as e } from "../../react.esm-BDo_tPxu.js";
 import { MetaDataBar as c } from "./MetaDataBar.js";
 jest.mock("components/Icon", () => ({
   Icon: ({ name: a }) => /* @__PURE__ */ t("span", { "data-testid": "icon", children: a })

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as r } from "@react-aria/overlays";
-import { f as i } from "../../index-DRQMriwT.js";
+import { f as i } from "../../index-B4NxQN5d.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as s } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-BzBmsKof.js";
-import { M as p } from "../../TablePlugin-CqCjNBW_.js";
+import { M as p } from "../../TablePlugin-DmE96vN7.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { f as d } from "../../index-DRQMriwT.js";
+import { f as d } from "../../index-B4NxQN5d.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-CqCjNBW_.js";
+import { M as e } from "../../TablePlugin-DmE96vN7.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -16,7 +16,7 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as C } from "../../../TablePlugin-CqCjNBW_.js";
+import { a as C } from "../../../TablePlugin-DmE96vN7.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-CqCjNBW_.js";
+import { M as l } from "../../TablePlugin-DmE96vN7.js";
 export {
   l as MultiSelect
 };

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { f as u } from "../../index-DRQMriwT.js";
+import { f as u } from "../../index-B4NxQN5d.js";
 import { useState as r } from "react";
 import { MultiSelectBox as l } from "./MultiSelectBox.js";
 const d = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", S = {

package/dist/components/MultiSelectBox/MultiSelectBox.test.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as d, Fragment as r } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as n, s as t, f as a } from "../../react.esm-BjO203QT.js";
+import { r as n, s as t, f as a } from "../../react.esm-BDo_tPxu.js";
 import { MultiSelectBox as l } from "./MultiSelectBox.js";
 const i = jest.fn(), c = [
   { label: "Option 1", value: "1" },

package/dist/components/Notification/Notification.stories.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { f as a } from "../../index-DRQMriwT.js";
+import { f as a } from "../../index-B4NxQN5d.js";
 import { Notification as t } from "./Notification.js";
 const r = `<Notification title={title} subtitle={subtitle} action={action} 
   level={level} variant={variant} onClose={() => {}} />`, p = {

package/dist/components/Notification/Notification.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-ApPj4mI1.js";
-import { r as i, s as t } from "../../react.esm-BjO203QT.js";
+import { r as i, s as t } from "../../react.esm-BDo_tPxu.js";
 import { Notification as n } from "./Notification.js";
 describe("Notification", () => {
   it("renders title and subtitle", () => {

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { f as a } from "../../index-DRQMriwT.js";
+import { f as a } from "../../index-B4NxQN5d.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as l } from "../../storyComponents/Container/Container.js";
 const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {