@uva-glass/component-library 3.30.0 → 3.31.0

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

@@ -1,125 +1,124 @@
-import { jsx as d, jsxs as v } from "react/jsx-runtime";
-import { s as y, W as w } from "../../index-Di9WPZUe.js";
-import { Y as R, z as S } from "../../index-BVAvx58-.js";
-import { useState as x } from "react";
+import { jsx as d, jsxs as C } from "react/jsx-runtime";
+import { s as T, l as _ } from "../../index-C2E9FY6V.js";
+import { Y as v, z as w } from "../../index-KJPw-7za.js";
+import { useState as R } from "react";
 import { CheckboxTree as b } from "./CheckboxTree.js";
-import { Chip as j } from "../Chip/Chip.js";
-var P = Object.defineProperty, h = (e, t) => P(e, "name", { value: t, configurable: !0 }), V = "storybook/actions", $ = `${V}/action-event`, k = {
+import { Chip as S } from "../Chip/Chip.js";
+var x = Object.defineProperty, h = (e, t) => x(e, "name", { value: t, configurable: !0 }), j = "storybook/actions", P = `${j}/action-event`, V = {
   depth: 10,
   clearOnStoryChange: !0,
   limit: 50
-}, C = /* @__PURE__ */ h((e, t) => {
+}, E = /* @__PURE__ */ h((e, t) => {
   let r = Object.getPrototypeOf(e);
-  return !r || t(r) ? r : C(r, t);
-}, "findProto"), A = /* @__PURE__ */ h((e) => !!(typeof e == "object" && e && C(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) && typeof e.persist == "function"), "isReactSyntheticEvent"), D = /* @__PURE__ */ h((e) => {
-  if (A(e)) {
+  return !r || t(r) ? r : E(r, t);
+}, "findProto"), $ = /* @__PURE__ */ h((e) => !!(typeof e == "object" && e && E(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) && typeof e.persist == "function"), "isReactSyntheticEvent"), k = /* @__PURE__ */ h((e) => {
+  if ($(e)) {
     let t = Object.create(
       e.constructor.prototype,
       Object.getOwnPropertyDescriptors(e)
     );
     t.persist();
-    let r = Object.getOwnPropertyDescriptor(t, "view"), n = r == null ? void 0 : r.value;
-    return typeof n == "object" && (n == null ? void 0 : n.constructor.name) === "Window" && Object.defineProperty(t, "view", {
+    let r = Object.getOwnPropertyDescriptor(t, "view"), o = r?.value;
+    return typeof o == "object" && o?.constructor.name === "Window" && Object.defineProperty(t, "view", {
       ...r,
-      value: Object.create(n.constructor.prototype)
+      value: Object.create(o.constructor.prototype)
     }), t;
   }
   return e;
 }, "serializeArg");
 function f(e, t = {}) {
   let r = {
-    ...k,
+    ...V,
     ...t
-  }, n = /* @__PURE__ */ h(function(...i) {
-    var g, O;
+  }, o = /* @__PURE__ */ h(function(...i) {
     if (t.implicit) {
-      let T = (g = "__STORYBOOK_PREVIEW__" in y ? y.__STORYBOOK_PREVIEW__ : void 0) == null ? void 0 : g.storyRenders.find(
+      let g = ("__STORYBOOK_PREVIEW__" in T ? T.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (p) => p.phase === "playing" || p.phase === "rendering"
       );
-      if (T) {
-        let p = !((O = globalThis == null ? void 0 : globalThis.FEATURES) != null && O.disallowImplicitActionsInRenderV8), E = new R({
-          phase: T.phase,
+      if (g) {
+        let p = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, O = new v({
+          phase: g.phase,
           name: e,
           deprecated: p
         });
         if (p)
-          console.warn(E);
+          console.warn(O);
         else
-          throw E;
+          throw O;
       }
     }
-    let c = S.getChannel(), u = Date.now().toString(36) + Math.random().toString(36).substring(2), o = 5, s = i.map(D), a = i.length > 1 ? s : s[0], l = {
+    let c = w.getChannel(), u = Date.now().toString(36) + Math.random().toString(36).substring(2), n = 5, s = i.map(k), a = i.length > 1 ? s : s[0], l = {
       id: u,
       count: 0,
       data: { name: e, args: a },
       options: {
         ...r,
-        maxDepth: o + (r.depth || 3)
+        maxDepth: n + (r.depth || 3)
       }
     };
-    c.emit($, l);
+    c.emit(P, l);
   }, "actionHandler");
-  return n.isAction = !0, n.implicit = t.implicit, n;
+  return o.isAction = !0, o.implicit = t.implicit, o;
 }
 h(f, "action");
-const I = (e, t, r) => {
-  const n = Array.from({ length: t }, (o, s) => s + 1), i = (o) => {
-    const s = Math.ceil(parseInt(o) / r), a = s === r ? "" : `.${parseInt(o) % r || r}`;
+const A = (e, t, r) => {
+  const o = Array.from({ length: t }, (n, s) => s + 1), i = (n) => {
+    const s = Math.ceil(parseInt(n) / r), a = s === r ? "" : `.${parseInt(n) % r || r}`;
     return `${s}${a}`;
-  }, c = n.map((o) => ({
-    itemName: i(String(o)),
-    itemValue: o,
+  }, c = o.map((n) => ({
+    itemName: i(String(n)),
+    itemValue: n,
     disabled: !1
   }));
-  return n.reduce((o, s, a) => {
+  return o.reduce((n, s, a) => {
     const l = Math.ceil(s / r);
-    return e.includes(String(a + 1)) && (o[l] || (o[l] = {
+    return e.includes(String(a + 1)) && (n[l] || (n[l] = {
       itemName: `Semester ${l}`,
       children: []
-    }), o[l].children.push({
+    }), n[l].children.push({
       ...c[a],
       itemValue: String(c[a].itemValue)
-    })), o;
+    })), n;
   }, []);
-}, M = 7, N = 3, _ = I(
+}, D = 7, I = 3, y = A(
   ["1", "2", "3", "4", "5", "6", "7"],
-  M,
-  N
-), W = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", X = {
+  D,
+  I
+), M = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", U = {
   title: "Organisms/CheckboxTree",
   component: b,
   parameters: {
     inspectComponent: b,
-    codeString: W
+    codeString: M
   }
-}, B = (e) => /* @__PURE__ */ d(b, { ...e }), F = B.bind({});
-F.args = {
+}, N = (e) => /* @__PURE__ */ d(b, { ...e }), B = N.bind({});
+B.args = {
   title: "Periode",
-  checkboxTree: _,
+  checkboxTree: y,
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   selectedValues: ["3", "4"],
-  onChange: w()
+  onChange: _()
 };
-const m = 3, K = (e) => {
+const m = 3, F = (e) => {
   const t = Math.ceil(parseInt(e) / m), r = t === m ? "" : `.${parseInt(e) % m || m}`;
   return `${t}${r}`;
-}, L = (e) => {
+}, W = (e) => {
   const [t, r] = e.split(".").map(Number);
   return `${(t - 1) * m + (r || 1)}`;
-}, q = () => {
-  const [e, t] = x(["5", "4", "1"]), r = (i) => {
+}, G = () => {
+  const [e, t] = R(["5", "4", "1"]), r = (i) => {
     const c = JSON.parse(JSON.stringify(e)).filter(
-      (u) => u !== L(i)
+      (u) => u !== W(i)
     );
     t(() => c), f("onChange value:")(c);
-  }, n = (i) => {
+  }, o = (i) => {
     t([...i]), f("onChange value:")(i);
   };
-  return /* @__PURE__ */ v("div", { style: { width: "15rem" }, children: [
+  return /* @__PURE__ */ C("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, c) => /* @__PURE__ */ d(
-      j,
+      S,
       {
-        label: K(i),
+        label: F(i),
         onDelete: r
       },
       `${c}_${i}`
@@ -128,16 +127,16 @@ const m = 3, K = (e) => {
       b,
       {
         title: "Periode",
-        checkboxTree: _,
+        checkboxTree: y,
         selectedValues: e,
-        onChange: n
+        onChange: o
       }
     )
   ] });
 };
 export {
-  F as CheckboxTreeExample,
-  q as CheckboxTreeWithChips,
-  X as default
+  B as CheckboxTreeExample,
+  G 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":["../../../node_modules/storybook/dist/actions/index.js","../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["var w = Object.defineProperty;\nvar i = (o, n) => w(o, \"name\", { value: n, configurable: !0 });\n\n// src/actions/constants.ts\nvar P = \"actions\", a = \"storybook/actions\", S = `${a}/panel`, f = `${a}/action-event`, I = `${a}/action-clear`, T = \"$___storybook.isCyclic\";\n\n// src/actions/runtime/action.ts\nimport { ImplicitActionsDuringRendering as _ } from \"storybook/internal/preview-errors\";\nimport { global as d } from \"@storybook/global\";\nimport { addons as v } from \"storybook/preview-api\";\n\n// src/actions/runtime/configureActions.ts\nvar c = {\n  depth: 10,\n  clearOnStoryChange: !0,\n  limit: 50\n}, C = /* @__PURE__ */ i((o = {}) => {\n  Object.assign(c, o);\n}, \"configureActions\");\n\n// src/actions/runtime/action.ts\nvar u = /* @__PURE__ */ i((o, n) => {\n  let t = Object.getPrototypeOf(o);\n  return !t || n(t) ? t : u(t, n);\n}, \"findProto\"), D = /* @__PURE__ */ i((o) => !!(typeof o == \"object\" && o && u(o, (n) => /^Synthetic(?:Base)?Event$/.test(n.constructor.name)) &&\ntypeof o.persist == \"function\"), \"isReactSyntheticEvent\"), x = /* @__PURE__ */ i((o) => {\n  if (D(o)) {\n    let n = Object.create(\n      o.constructor.prototype,\n      Object.getOwnPropertyDescriptors(o)\n    );\n    n.persist();\n    let t = Object.getOwnPropertyDescriptor(n, \"view\"), e = t?.value;\n    return typeof e == \"object\" && e?.constructor.name === \"Window\" && Object.defineProperty(n, \"view\", {\n      ...t,\n      value: Object.create(e.constructor.prototype)\n    }), n;\n  }\n  return o;\n}, \"serializeArg\");\nfunction g(o, n = {}) {\n  let t = {\n    ...c,\n    ...n\n  }, e = /* @__PURE__ */ i(function(...r) {\n    if (n.implicit) {\n      let m = (\"__STORYBOOK_PREVIEW__\" in d ? d.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(\n        (s) => s.phase === \"playing\" || s.phase === \"rendering\"\n      );\n      if (m) {\n        let s = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, y = new _({\n          phase: m.phase,\n          name: o,\n          deprecated: s\n        });\n        if (s)\n          console.warn(y);\n        else\n          throw y;\n      }\n    }\n    let A = v.getChannel(), O = Date.now().toString(36) + Math.random().toString(36).substring(2), h = 5, l = r.map(x), E = r.length > 1 ? l :\n    l[0], b = {\n      id: O,\n      count: 0,\n      data: { name: o, args: E },\n      options: {\n        ...t,\n        maxDepth: h + (t.depth || 3)\n      }\n    };\n    A.emit(f, b);\n  }, \"actionHandler\");\n  return e.isAction = !0, e.implicit = n.implicit, e;\n}\ni(g, \"action\");\n\n// src/actions/runtime/actions.ts\nvar L = /* @__PURE__ */ i((...o) => {\n  let n = c, t = o;\n  t.length === 1 && Array.isArray(t[0]) && ([t] = t), t.length !== 1 && typeof t[t.length - 1] != \"string\" && (n = {\n    ...c,\n    ...t.pop()\n  });\n  let e = t[0];\n  (t.length !== 1 || typeof e == \"string\") && (e = {}, t.forEach((r) => {\n    e[r] = r;\n  }));\n  let p = {};\n  return Object.keys(e).forEach((r) => {\n    p[r] = g(e[r], n);\n  }), p;\n}, \"actions\");\nexport {\n  a as ADDON_ID,\n  I as CLEAR_ID,\n  T as CYCLIC_KEY,\n  f as EVENT_ID,\n  S as PANEL_ID,\n  P as PARAM_KEY,\n  g as action,\n  L as actions,\n  c as config,\n  C as configureActions\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":["w","i","o","n","a","f","c","u","t","D","x","e","g","r","m","_a","d","s","_b","y","_","A","v","O","h","l","E","b","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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","x_google_ignoreList":[0]}
+{"version":3,"file":"CheckboxTree.stories.js","sources":["../../../node_modules/storybook/dist/actions/index.js","../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["var w = Object.defineProperty;\nvar i = (o, n) => w(o, \"name\", { value: n, configurable: !0 });\n\n// src/actions/constants.ts\nvar P = \"actions\", a = \"storybook/actions\", S = `${a}/panel`, f = `${a}/action-event`, I = `${a}/action-clear`, T = \"$___storybook.isCyclic\";\n\n// src/actions/runtime/action.ts\nimport { ImplicitActionsDuringRendering as _ } from \"storybook/internal/preview-errors\";\nimport { global as d } from \"@storybook/global\";\nimport { addons as v } from \"storybook/preview-api\";\n\n// src/actions/runtime/configureActions.ts\nvar c = {\n  depth: 10,\n  clearOnStoryChange: !0,\n  limit: 50\n}, C = /* @__PURE__ */ i((o = {}) => {\n  Object.assign(c, o);\n}, \"configureActions\");\n\n// src/actions/runtime/action.ts\nvar u = /* @__PURE__ */ i((o, n) => {\n  let t = Object.getPrototypeOf(o);\n  return !t || n(t) ? t : u(t, n);\n}, \"findProto\"), D = /* @__PURE__ */ i((o) => !!(typeof o == \"object\" && o && u(o, (n) => /^Synthetic(?:Base)?Event$/.test(n.constructor.name)) &&\ntypeof o.persist == \"function\"), \"isReactSyntheticEvent\"), x = /* @__PURE__ */ i((o) => {\n  if (D(o)) {\n    let n = Object.create(\n      o.constructor.prototype,\n      Object.getOwnPropertyDescriptors(o)\n    );\n    n.persist();\n    let t = Object.getOwnPropertyDescriptor(n, \"view\"), e = t?.value;\n    return typeof e == \"object\" && e?.constructor.name === \"Window\" && Object.defineProperty(n, \"view\", {\n      ...t,\n      value: Object.create(e.constructor.prototype)\n    }), n;\n  }\n  return o;\n}, \"serializeArg\");\nfunction g(o, n = {}) {\n  let t = {\n    ...c,\n    ...n\n  }, e = /* @__PURE__ */ i(function(...r) {\n    if (n.implicit) {\n      let m = (\"__STORYBOOK_PREVIEW__\" in d ? d.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(\n        (s) => s.phase === \"playing\" || s.phase === \"rendering\"\n      );\n      if (m) {\n        let s = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, y = new _({\n          phase: m.phase,\n          name: o,\n          deprecated: s\n        });\n        if (s)\n          console.warn(y);\n        else\n          throw y;\n      }\n    }\n    let A = v.getChannel(), O = Date.now().toString(36) + Math.random().toString(36).substring(2), h = 5, l = r.map(x), E = r.length > 1 ? l :\n    l[0], b = {\n      id: O,\n      count: 0,\n      data: { name: o, args: E },\n      options: {\n        ...t,\n        maxDepth: h + (t.depth || 3)\n      }\n    };\n    A.emit(f, b);\n  }, \"actionHandler\");\n  return e.isAction = !0, e.implicit = n.implicit, e;\n}\ni(g, \"action\");\n\n// src/actions/runtime/actions.ts\nvar L = /* @__PURE__ */ i((...o) => {\n  let n = c, t = o;\n  t.length === 1 && Array.isArray(t[0]) && ([t] = t), t.length !== 1 && typeof t[t.length - 1] != \"string\" && (n = {\n    ...c,\n    ...t.pop()\n  });\n  let e = t[0];\n  (t.length !== 1 || typeof e == \"string\") && (e = {}, t.forEach((r) => {\n    e[r] = r;\n  }));\n  let p = {};\n  return Object.keys(e).forEach((r) => {\n    p[r] = g(e[r], n);\n  }), p;\n}, \"actions\");\nexport {\n  a as ADDON_ID,\n  I as CLEAR_ID,\n  T as CYCLIC_KEY,\n  f as EVENT_ID,\n  S as PANEL_ID,\n  P as PARAM_KEY,\n  g as action,\n  L as actions,\n  c as config,\n  C as configureActions\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":["w","i","o","n","a","f","c","u","t","D","x","e","g","r","m","d","s","y","_","A","v","O","h","l","E","b","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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","x_google_ignoreList":[0]}

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

@@ -1,5 +1,5 @@
-import { jsx as l } from "react/jsx-runtime";
-import { W as t } from "../../index-Di9WPZUe.js";
+import { jsx as o } from "react/jsx-runtime";
+import { l as t } from "../../index-C2E9FY6V.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",
@@ -9,14 +9,14 @@ const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
     inspectComponent: e,
     codeString: s
   }
-}, n = (o) => /* @__PURE__ */ l(e, { ...o }), a = {
+}, l = (n) => /* @__PURE__ */ o(e, { ...n }), a = {
   label: "Nederlands",
   onDelete: t()
-}, i = n.bind({});
+}, i = l.bind({});
 i.args = {
   ...a
 };
-const r = n.bind({});
+const r = l.bind({});
 r.args = {
   label: "Een filter met een veel te lang label",
   onDelete: t()

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

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { W as r } from "../../index-Di9WPZUe.js";
+import { l } from "../../index-C2E9FY6V.js";
 import { ControlsButton as o } from "./ControlsButton.js";
-const n = "<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", u = {
+const r = "<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", u = {
   title: "Atoms/ControlsButton",
   component: o,
   argTypes: {
@@ -28,15 +28,15 @@ const n = "<ControlsButton type={radio or checkbox} label={} value={} prefix={}
   },
   parameters: {
     inspectComponent: o,
-    codeString: n
+    codeString: r
   }
-}, l = (e) => /* @__PURE__ */ t(o, { ...e }), a = l.bind({});
+}, n = (e) => /* @__PURE__ */ t(o, { ...e }), a = n.bind({});
 a.args = {
   type: "checkbox",
   label: "1.2",
   value: "1.2",
   forceSquared: !0,
-  onSetValue: r()
+  onSetValue: l()
 };
 export {
   a as ControlsButtonExample,

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

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { OverlayProvider as p } from "@react-aria/overlays";
-import { W as m } from "../../index-Di9WPZUe.js";
+import { l as m } from "../../index-C2E9FY6V.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-DV47hRzi.js";
-import { r as s, s as e, f as r } from "../../react.esm-CFMwGdo5.js";
+import "../../index-Br0QepD6.js";
+import { r as s, s as e, f as r } from "../../react.esm-BKjCIfbB.js";
 import { FeedbackBar as c } from "./FeedbackBar.js";
 describe("FeedbackBar", () => {
   it("should render with children text", () => {

package/dist/components/FormInput/FormInput.js

@@ -16,15 +16,15 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-NmJsn2fm.js";
+import "../../TablePlugin-Dmy98Epb.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-DllfJcv4.js";
+import "../../index-nrPtQ1dv.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-CwX1lFMa.js";
+import "../../SortableProvider-C2T7b-pm.js";
 import '../../assets/FormInput.css';const o = {
   "form-input__container": "_form-input__container_c0vpz_1",
   "form-input__container--label-left": "_form-input__container--label-left_c0vpz_7",

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

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

package/dist/components/HorizontalList/HorizontalList.js

@@ -1,13 +1,13 @@
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import '../../assets/HorizontalList.css';const t = {
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import '../../assets/HorizontalList.css';const o = {
   "horizontal-list-wrapper": "_horizontal-list-wrapper_oivby_1",
   "horizontal-list-value": "_horizontal-list-value_oivby_6",
   "horizontal-list-separator": "_horizontal-list-separator_oivby_11"
-}, p = ({ values: r, separator: a = "•" }) => /* @__PURE__ */ s("div", { className: t["horizontal-list-wrapper"], children: r.map((o, i) => /* @__PURE__ */ l("span", { className: t["horizontal-list-value"], children: [
-  o,
-  i < r.length - 1 && /* @__PURE__ */ s("span", { className: t["horizontal-list-separator"], children: a })
-] }, `${o == null ? void 0 : o.toString()}-${i}`)) });
+}, e = ({ values: t, separator: l = "•" }) => /* @__PURE__ */ i("div", { className: o["horizontal-list-wrapper"], children: t.map((r, a) => /* @__PURE__ */ s("span", { className: o["horizontal-list-value"], children: [
+  r,
+  a < t.length - 1 && /* @__PURE__ */ i("span", { className: o["horizontal-list-separator"], children: l })
+] }, `${r?.toString()}-${a}`)) });
 export {
-  p as HorizontalList
+  e as HorizontalList
 };
 //# sourceMappingURL=HorizontalList.js.map

package/dist/components/HorizontalList/HorizontalList.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalList.js","sources":["../../../src/components/HorizontalList/HorizontalList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from './HorizontalList.module.css';\n\nexport interface HorizontalListProps {\n  /** The items to display. */\n  values: ReactNode[];\n  /** The separator to use. */\n  separator?: ReactNode;\n}\n\n/** Represents a component to show text separated by a given separator in a horizontal direction. */\nexport const HorizontalList = ({ values, separator = '•' }: HorizontalListProps) => {\n  return (\n    <div className={styles['horizontal-list-wrapper']}>\n      {values.map((value, index) => (\n        <span className={styles['horizontal-list-value']} key={`${value?.toString()}-${index}`}>\n          {value}\n          {index < values.length - 1 && <span className={styles['horizontal-list-separator']}>{separator}</span>}\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"names":["HorizontalList","values","separator","styles","value","index","jsxs","jsx"],"mappings":";;;;;GAYaA,IAAiB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,IAAY,4BAEhD,OAAA,EAAI,WAAWC,EAAO,yBAAyB,GAC7C,UAAAF,EAAO,IAAI,CAACG,GAAOC,MAClB,gBAAAC,EAAC,QAAA,EAAK,WAAWH,EAAO,uBAAuB,GAC5C,UAAA;AAAA,EAAAC;AAAA,EACAC,IAAQJ,EAAO,SAAS,KAAK,gBAAAM,EAAC,UAAK,WAAWJ,EAAO,2BAA2B,GAAI,UAAAD,EAAA,CAAU;AAAA,KAF1C,GAAGE,KAAA,gBAAAA,EAAO,UAAU,IAAIC,CAAK,EAGpF,CACD,GACH;"}
+{"version":3,"file":"HorizontalList.js","sources":["../../../src/components/HorizontalList/HorizontalList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from './HorizontalList.module.css';\n\nexport interface HorizontalListProps {\n  /** The items to display. */\n  values: ReactNode[];\n  /** The separator to use. */\n  separator?: ReactNode;\n}\n\n/** Represents a component to show text separated by a given separator in a horizontal direction. */\nexport const HorizontalList = ({ values, separator = '•' }: HorizontalListProps) => {\n  return (\n    <div className={styles['horizontal-list-wrapper']}>\n      {values.map((value, index) => (\n        <span className={styles['horizontal-list-value']} key={`${value?.toString()}-${index}`}>\n          {value}\n          {index < values.length - 1 && <span className={styles['horizontal-list-separator']}>{separator}</span>}\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"names":["HorizontalList","values","separator","styles","value","index","jsxs","jsx"],"mappings":";;;;;GAYaA,IAAiB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,IAAY,4BAEhD,OAAA,EAAI,WAAWC,EAAO,yBAAyB,GAC7C,UAAAF,EAAO,IAAI,CAACG,GAAOC,MAClB,gBAAAC,EAAC,QAAA,EAAK,WAAWH,EAAO,uBAAuB,GAC5C,UAAA;AAAA,EAAAC;AAAA,EACAC,IAAQJ,EAAO,SAAS,KAAK,gBAAAM,EAAC,UAAK,WAAWJ,EAAO,2BAA2B,GAAI,UAAAD,EAAA,CAAU;AAAA,KAF1C,GAAGE,GAAO,SAAA,CAAU,IAAIC,CAAK,EAGpF,CACD,GACH;"}

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

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { W as r } from "../../index-Di9WPZUe.js";
+import { l as r } from "../../index-C2E9FY6V.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 e } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { W as l } from "../../index-Di9WPZUe.js";
+import { l } from "../../index-C2E9FY6V.js";
 import { InputField as o } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as h } from "../Icon/Icon.js";
@@ -16,15 +16,15 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-NmJsn2fm.js";
+import "../../TablePlugin-Dmy98Epb.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-DllfJcv4.js";
+import "../../index-nrPtQ1dv.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-CwX1lFMa.js";
+import "../../SortableProvider-C2T7b-pm.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}
@@ -85,12 +85,12 @@ const C = `
   type: "text",
   variant: void 0,
   id: "4f9ca77d"
-}, v = a.bind({});
-v.args = {
+}, b = a.bind({});
+b.args = {
   ...i
 };
-const b = a.bind({});
-b.args = {
+const v = a.bind({});
+v.args = {
   ...i,
   clearTrigger: "Clear"
 };
@@ -100,9 +100,9 @@ y.args = {
   clearTrigger: /* @__PURE__ */ e(h, { name: "Cross" })
 };
 export {
-  v as InputFieldExample,
+  b as InputFieldExample,
   y as WithIconClearTrigger,
-  b as WithStringClearTrigger,
+  v as WithStringClearTrigger,
   Q as default
 };
 //# sourceMappingURL=InputField.stories.js.map

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

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

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

@@ -1,12 +1,12 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ModalProvider as r } from "@react-aria/overlays";
-import { W as i } from "../../index-Di9WPZUe.js";
+import { ModalProvider as n } from "@react-aria/overlays";
+import { l as i } from "../../index-C2E9FY6V.js";
 import { ModalDialog as t } from "./ModalDialog.js";
-import { Button as n } from "../Buttons/Button.js";
+import { Button as l } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
 import { ButtonGroup as m } from "../ButtonGroup/ButtonGroup.js";
-import { FormField as l } from "../FormField/FormField.js";
+import { FormField as r } from "../FormField/FormField.js";
 import { InputField as d } from "../InputField/InputField.js";
 import { Label as c } from "../Label/Label.js";
 const p = `
@@ -50,7 +50,7 @@ const p = `
     inspectComponent: t,
     codeString: p
   }
-}, u = (o) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ a(l, { outerSpace: !0, children: [
+}, u = (o) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ a(r, { outerSpace: !0, children: [
   /* @__PURE__ */ e(c, { htmlFor: "text-field", children: "Example Text Field" }),
   /* @__PURE__ */ e(d, { id: "text-field" })
 ] }) }) }), s = {
@@ -65,8 +65,8 @@ const p = `
   onSubmit: i(),
   onClose: i(),
   buttons: /* @__PURE__ */ a(m, { reversed: !0, children: [
-    /* @__PURE__ */ e(n, { variant: "primary", onClick: i(), children: "OK" }),
-    /* @__PURE__ */ e(n, { variant: "secondary", onClick: i(), children: "Cancel" })
+    /* @__PURE__ */ e(l, { variant: "primary", onClick: i(), children: "OK" }),
+    /* @__PURE__ */ e(l, { variant: "secondary", onClick: i(), children: "Cancel" })
   ] }),
   isOpen: !0
 }, b = u.bind({});
@@ -79,7 +79,7 @@ g.args = {
   isLoading: !0,
   spinnerAriaValueText: "Loading"
 };
-const f = (o) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ a(l, { outerSpace: !0, children: [
+const f = (o) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ a(r, { outerSpace: !0, children: [
   /* @__PURE__ */ e("div", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla. Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod. Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae ultrices erat." }),
   /* @__PURE__ */ e("div", { children: "Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non, vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut sapien tempor, a ornare ipsum faucibus." })
 ] }) }) }), h = f.bind({});

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-DbOdEllV.js";
-import { M as p } from "../../TablePlugin-NmJsn2fm.js";
+import { M as p } from "../../TablePlugin-Dmy98Epb.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 { W as d } from "../../index-Di9WPZUe.js";
+import { l as d } from "../../index-C2E9FY6V.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-NmJsn2fm.js";
+import { M as e } from "../../TablePlugin-Dmy98Epb.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally
@@ -12,7 +12,7 @@ const C = `
         checked={stateItems.includes(itemValue)} onChange={handleChange} disabled={disabled} />
     ))}
   </MultiSelect>
-  `, A = {
+  `, H = {
   title: "Organisms/MultiSelect",
   component: e,
   argTypes: {
@@ -27,14 +27,14 @@ const C = `
     codeString: C
   }
 }, m = (i) => {
-  const [n, o] = p([]), h = [
+  const [n, o] = p([]), I = [
     { itemName: "AItem 1", itemValue: "1", disabled: !0 },
     { itemName: "BItem 2", itemValue: "2" },
     { itemName: "Multi line Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3 Item 3", itemValue: "3" },
     { itemName: "CItem 4", itemValue: "4" },
     { itemName: "DItem 5", itemValue: "5" },
     { itemName: "EItem 6", itemValue: "6" }
-  ], I = () => {
+  ], h = () => {
     o([]), d()();
   }, b = (t) => {
     const { checked: l, value: a } = t.target;
@@ -49,10 +49,10 @@ const C = `
       {
         label: "Item list",
         clearTrigger: n.length > 0 ? "Clear Selection" : "",
-        onClear: I
+        onClear: h
       }
     ),
-    /* @__PURE__ */ r(e, { ...i, children: h.map(({ itemName: t, itemValue: l, disabled: a }) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(e, { ...i, children: I.map(({ itemName: t, itemValue: l, disabled: a }) => /* @__PURE__ */ r(
       e.MultiSelectItem,
       {
         label: t,
@@ -90,6 +90,6 @@ export {
   f as MultiSelectExample,
   N as WithHeader,
   V as WithheaderAndWithoutScrollContainerAndBorder,
-  A as default
+  H as default
 };
 //# sourceMappingURL=MultiSelect.stories.js.map

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

@@ -15,15 +15,15 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as y } from "../../../TablePlugin-NmJsn2fm.js";
+import { a as y } from "../../../TablePlugin-Dmy98Epb.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";
-import "../../../index-DllfJcv4.js";
+import "../../../index-nrPtQ1dv.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-CwX1lFMa.js";
+import "../../../SortableProvider-C2T7b-pm.js";
 export {
   y as MultiSelectHeader
 };

package/dist/components/MultiSelect/index.js

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