@uva-glass/component-library 3.55.1 → 3.55.3

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

@@ -1,88 +1,74 @@
-import { jsx as l } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r as c, s as t } from "../../react.esm-C68fQMAi.js";
-import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
-const n = jest.fn(), d = [
-  {
-    label: "1.1",
-    value: "1"
-  },
-  {
-    label: "1.2",
-    value: "2"
-  },
-  {
-    label: "1.3",
-    value: "3"
-  }
+import "../../dist-2TKCXdYZ.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../CheckboxButtonBar-CalU0IYK.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-UU-mS47K.js";
+import { i as t, n } from "../../react.esm-CzIhAqlo.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx
+var i = jest.fn(), a = [
+	{
+		label: "1.1",
+		value: "1"
+	},
+	{
+		label: "1.2",
+		value: "2"
+	},
+	{
+		label: "1.3",
+		value: "3"
+	}
 ];
 describe("CheckboxButton", () => {
-  it("should render", () => {
-    c(
-      /* @__PURE__ */ l(
-        a,
-        {
-          label: "Periode",
-          checkboxes: d,
-          defaultValues: ["1", "2"],
-          labelPosition: "top",
-          onSetValues: n
-        }
-      )
-    ), expect(t.getByText("Periode")).toBeInTheDocument();
-    const e = t.getAllByRole("checkbox");
-    expect(e).toHaveLength(3);
-  }), it("should render required", () => {
-    c(
-      /* @__PURE__ */ l(
-        a,
-        {
-          label: "Periode",
-          required: !0,
-          checkboxes: d,
-          defaultValues: ["1", "2"],
-          labelPosition: "top",
-          onSetValues: n
-        }
-      )
-    );
-    const e = t.getByText("Periode");
-    expect(e).toHaveTextContent("Periode"), expect(e).toHaveClass("label--required");
-    const o = t.getAllByRole("checkbox");
-    expect(o).toHaveLength(3);
-  }), it("should render default checked", () => {
-    c(
-      /* @__PURE__ */ l(
-        a,
-        {
-          label: "Periode",
-          checkboxes: d,
-          defaultValues: ["1", "2"],
-          labelPosition: "top",
-          onSetValues: n
-        }
-      )
-    );
-    const e = t.getByText("Periode");
-    expect(e).toHaveTextContent("Periode");
-    const o = t.getAllByRole("checkbox");
-    expect(o).toHaveLength(3), expect(o[0]).toBeChecked(), expect(o[1]).toBeChecked(), expect(o[2]).not.toBeChecked();
-  }), it("should render notValidatedText and notValid style", () => {
-    c(
-      /* @__PURE__ */ l(
-        a,
-        {
-          label: "Periode",
-          notValidatedText: "Not Valid",
-          checkboxes: d,
-          defaultValues: ["1", "2"],
-          labelPosition: "top",
-          onSetValues: n
-        }
-      )
-    );
-    const e = t.getByText("Periode");
-    expect(e).toHaveTextContent("Periode"), expect(t.getByText("Not Valid")).toBeInTheDocument();
-  });
+	it("should render", () => {
+		n(/* @__PURE__ */ r(e, {
+			label: "Periode",
+			checkboxes: a,
+			defaultValues: ["1", "2"],
+			labelPosition: "top",
+			onSetValues: i
+		})), expect(t.getByText("Periode")).toBeInTheDocument();
+		let o = t.getAllByRole("checkbox");
+		expect(o).toHaveLength(3);
+	}), it("should render required", () => {
+		n(/* @__PURE__ */ r(e, {
+			label: "Periode",
+			required: !0,
+			checkboxes: a,
+			defaultValues: ["1", "2"],
+			labelPosition: "top",
+			onSetValues: i
+		}));
+		let o = t.getByText("Periode");
+		expect(o).toHaveTextContent("Periode"), expect(o).toHaveClass("label--required");
+		let s = t.getAllByRole("checkbox");
+		expect(s).toHaveLength(3);
+	}), it("should render default checked", () => {
+		n(/* @__PURE__ */ r(e, {
+			label: "Periode",
+			checkboxes: a,
+			defaultValues: ["1", "2"],
+			labelPosition: "top",
+			onSetValues: i
+		}));
+		let o = t.getByText("Periode");
+		expect(o).toHaveTextContent("Periode");
+		let s = t.getAllByRole("checkbox");
+		expect(s).toHaveLength(3), expect(s[0]).toBeChecked(), expect(s[1]).toBeChecked(), expect(s[2]).not.toBeChecked();
+	}), it("should render notValidatedText and notValid style", () => {
+		n(/* @__PURE__ */ r(e, {
+			label: "Periode",
+			notValidatedText: "Not Valid",
+			checkboxes: a,
+			defaultValues: ["1", "2"],
+			labelPosition: "top",
+			onSetValues: i
+		}));
+		let o = t.getByText("Periode");
+		expect(o).toHaveTextContent("Periode"), expect(t.getByText("Not Valid")).toBeInTheDocument();
+	});
 });
-//# sourceMappingURL=CheckboxButtonBar.test.js.map
+//#endregion
+
+//# sourceMappingURL=CheckboxButtonBar.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.test.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst onClickSpy = jest.fn();\n\nconst MOCK_CHECKBOXES = [\n  {\n    label: '1.1',\n    value: '1',\n  },\n  {\n    label: '1.2',\n    value: '2',\n  },\n  {\n    label: '1.3',\n    value: '3',\n  },\n];\n\ndescribe('CheckboxButton', () => {\n  it('should render', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    expect(screen.getByText('Periode')).toBeInTheDocument();\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render required', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        required={true}\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(label).toHaveClass('label--required');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render default checked', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n    expect(checkbox[0]).toBeChecked();\n    expect(checkbox[1]).toBeChecked();\n    expect(checkbox[2]).not.toBeChecked();\n  });\n\n  it('should render notValidatedText and notValid style', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        notValidatedText=\"Not Valid\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(screen.getByText('Not Valid')).toBeInTheDocument();\n  });\n});\n"],"names":["onClickSpy","MOCK_CHECKBOXES","render","jsx","CheckboxButtonBar","screen","checkbox","label"],"mappings":";;;;AAMA,MAAMA,IAAa,KAAK,GAAA,GAElBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACxB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IACf,GAEF,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAA;AACpC,UAAMC,IAAWD,EAAO,aAAa,UAAU;AAC/C,WAAOC,CAAQ,EAAE,aAAa,CAAC;AAAA,EACjC,CAAC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAEF,UAAMO,IAAQF,EAAO,UAAU,SAAS;AACxC,WAAOE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOA,CAAK,EAAE,YAAY,iBAAiB;AAC3C,UAAMD,IAAWD,EAAO,aAAa,UAAU;AAC/C,WAAOC,CAAQ,EAAE,aAAa,CAAC;AAAA,EACjC,CAAC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAEF,UAAMO,IAAQF,EAAO,UAAU,SAAS;AACxC,WAAOE,CAAK,EAAE,kBAAkB,SAAS;AACzC,UAAMD,IAAWD,EAAO,aAAa,UAAU;AAC/C,WAAOC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAA,GACpB,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAA,GACpB,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAA;AAAA,EAC1B,CAAC,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAEF,UAAMO,IAAQF,EAAO,UAAU,SAAS;AACxC,WAAOE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAA;AAAA,EACxC,CAAC;AACH,CAAC;"}
+{"version":3,"file":"CheckboxButtonBar.test.js","names":[],"sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst onClickSpy = jest.fn();\n\nconst MOCK_CHECKBOXES = [\n  {\n    label: '1.1',\n    value: '1',\n  },\n  {\n    label: '1.2',\n    value: '2',\n  },\n  {\n    label: '1.3',\n    value: '3',\n  },\n];\n\ndescribe('CheckboxButton', () => {\n  it('should render', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    expect(screen.getByText('Periode')).toBeInTheDocument();\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render required', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        required={true}\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(label).toHaveClass('label--required');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n  });\n\n  it('should render default checked', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    const checkbox = screen.getAllByRole('checkbox');\n    expect(checkbox).toHaveLength(3);\n    expect(checkbox[0]).toBeChecked();\n    expect(checkbox[1]).toBeChecked();\n    expect(checkbox[2]).not.toBeChecked();\n  });\n\n  it('should render notValidatedText and notValid style', () => {\n    render(\n      <CheckboxButtonBar\n        label=\"Periode\"\n        notValidatedText=\"Not Valid\"\n        checkboxes={MOCK_CHECKBOXES}\n        defaultValues={['1', '2']}\n        labelPosition=\"top\"\n        onSetValues={onClickSpy}\n      />\n    );\n    const label = screen.getByText('Periode');\n    expect(label).toHaveTextContent('Periode');\n    expect(screen.getByText('Not Valid')).toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAa,KAAK,IAAI,EAEtB,IAAkB;CACtB;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,SAAS,wBAAwB;AAqD/B,CApDA,GAAG,uBAAuB;AAUxB,EATA,EACE,kBAAC,GAAD;GACE,OAAM;GACN,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH,EACD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;EACvD,IAAM,IAAW,EAAO,aAAa,WAAW;AAChD,SAAO,EAAS,CAAC,aAAa,EAAE;GAChC,EAEF,GAAG,gCAAgC;AACjC,IACE,kBAAC,GAAD;GACE,OAAM;GACN,UAAU;GACV,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;AAEzC,EADA,OAAO,EAAM,CAAC,kBAAkB,UAAU,EAC1C,OAAO,EAAM,CAAC,YAAY,kBAAkB;EAC5C,IAAM,IAAW,EAAO,aAAa,WAAW;AAChD,SAAO,EAAS,CAAC,aAAa,EAAE;GAChC,EAEF,GAAG,uCAAuC;AACxC,IACE,kBAAC,GAAD;GACE,OAAM;GACN,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;AACzC,SAAO,EAAM,CAAC,kBAAkB,UAAU;EAC1C,IAAM,IAAW,EAAO,aAAa,WAAW;AAIhD,EAHA,OAAO,EAAS,CAAC,aAAa,EAAE,EAChC,OAAO,EAAS,GAAG,CAAC,aAAa,EACjC,OAAO,EAAS,GAAG,CAAC,aAAa,EACjC,OAAO,EAAS,GAAG,CAAC,IAAI,aAAa;GACrC,EAEF,GAAG,2DAA2D;AAC5D,IACE,kBAAC,GAAD;GACE,OAAM;GACN,kBAAiB;GACjB,YAAY;GACZ,eAAe,CAAC,KAAK,IAAI;GACzB,eAAc;GACd,aAAa;GACb,CAAA,CACH;EACD,IAAM,IAAQ,EAAO,UAAU,UAAU;AAEzC,EADA,OAAO,EAAM,CAAC,kBAAkB,UAAU,EAC1C,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,mBAAmB;GACzD;EACF"}

package/dist/components/CheckboxButtonBar/index.js

@@ -1,5 +1,2 @@
-import { CheckboxButtonBar as t } from "./CheckboxButtonBar.js";
-export {
-  t as CheckboxButtonBar
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../CheckboxButtonBar-CalU0IYK.js";
+export { e as CheckboxButtonBar };

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -1,172 +1,3 @@
-import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { useRef as G, useState as S, useEffect as O, createRef as q } from "react";
-import { c as E } from "../../clsx-OuTLNxxd.js";
-import "../Accordion/Accordion.js";
-import { Icon as I } from "../Icon/Icon.js";
-import { Button as L } from "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import "@react-aria/button";
-import { Checkbox as B } from "../Checkbox/Checkbox.js";
-import { Label as A } from "../Label/Label.js";
-import "@react-aria/dialog";
-import "@react-aria/focus";
-import "@react-aria/overlays";
-import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FormField as C } from "../FormField/FormField.js";
-import "../GridRow/GridRow.js";
-import "../IconButton/IconButton.js";
-import "../Input/Input.js";
-import "../InputField/InputField.js";
-import "react-router";
-import "../../TablePlugin-BRZcXq73.js";
-import "../RteEditor/Providers/LanguageProvider.js";
-import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
-import "../RteEditor/hooks/components/Flyout.js";
-import "react-dom";
-import "../../index-yEhaxKq-.js";
-import "../SearchField/SearchField.js";
-import "../SelectListbox/SelectListbox.js";
-import "../SelectListbox/SelectProvider.js";
-import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-BbwlEPIr.js";
-import "../WeekSelector/components/WeekSelectorOptionContainer.js";
-import { useResponsive as N } from "../hooks/useResponsive.js";
-import '../../assets/CheckboxTree.css';const a = {
-  "checkbox-tree__header": "_checkbox-tree__header_1kejb_1",
-  "checkbox-tree__branch": "_checkbox-tree__branch_1kejb_8",
-  "checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_1kejb_21",
-  "checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_1kejb_27",
-  "checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_1kejb_32",
-  "checkbox-tree__leaves": "_checkbox-tree__leaves_1kejb_39",
-  "checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_1kejb_48",
-  "checkbox-tree__leaf": "_checkbox-tree__leaf_1kejb_52"
-}, me = ({
-  title: b,
-  checkboxTree: F,
-  selectedValues: d,
-  noLabelFrontWeight: p = !1,
-  onChange: f
-}) => {
-  const c = G({}), [m, x] = S([]), { lessThan: h } = N(), R = (r, e) => {
-    if (r.length !== e.length) return !1;
-    const t = (o) => o.reduce((_, j) => (_[j] = (_[j] || 0) + 1, _), {}), n = t(r), s = t(e);
-    return !Object.keys(n).some((o) => n[o] !== s[o]);
-  }, k = (r) => (c.current[r] || (c.current[r] = q()), c.current[r]), v = () => {
-    const r = [];
-    Object.entries(c.current).forEach(([e]) => {
-      const t = c.current[e].current;
-      t && t.name.indexOf("Group") === -1 && t.checked && r.push(t.value);
-    }), x(r), f && f(r);
-  }, l = (r) => {
-    if (r === "") return;
-    const e = [];
-    Object.entries(c.current).forEach(([s]) => {
-      const o = c.current[s].current;
-      o && o?.getAttribute("data-groupname") === r && e.push(o.checked);
-    });
-    const t = e.every(Boolean), n = e.some(Boolean);
-    c.current[r].current && (c.current[r].current.checked = t, c.current[r].current.indeterminate = !t && t !== n, c.current[r].current.checked = t && t === n);
-  }, g = (r, e) => {
-    const t = e?.querySelector("[data-ul]");
-    r.childNodes[0].classList.toggle(a["checkbox-tree__branch--icon--expanded"]), e?.closest("[data-li]")?.setAttribute(
-      "aria-expanded",
-      e?.closest("[data-li]")?.getAttribute("aria-expanded") === "false" ? "true" : "false"
-    ), t && t.classList.toggle(a["checkbox-tree__leaves--expanded"]);
-  }, $ = (r) => {
-    const e = r.target;
-    if (!(e.type !== "checkbox" && e.type !== "button")) {
-      if (h.md && e.name.indexOf("Group") !== -1 && e.parentNode && e.parentNode.parentNode.getAttribute("aria-expanded") === "false") {
-        r.preventDefault(), g(e.parentNode, e.parentNode.parentNode);
-        return;
-      }
-      if (e.name.indexOf("Group") !== -1) {
-        const t = e.name;
-        Object.entries(c.current).forEach(([n]) => {
-          if (n.indexOf(`${t}_`) !== -1) {
-            const s = c.current[n].current, o = c.current[t].current;
-            if (!s || !o) return;
-            s.checked = !!o.checked;
-          }
-        }), l(t), v();
-        return;
-      }
-      l(e.getAttribute("data-groupname") || ""), v();
-    }
-  }, y = (r) => {
-    const e = r.target, t = e.closest("[data-li]");
-    g(e, t);
-  };
-  return O(() => {
-    d && !R(d, m) && Object.entries(c.current).forEach(([r]) => {
-      const e = c.current[r].current;
-      e && (d?.includes(e.value) ? e.checked = !0 : e.checked = !1, e.name.indexOf("Group") !== -1 && x(d || []));
-    });
-  }, [d]), O(() => {
-    Object.entries(c.current).forEach(([r]) => {
-      const e = c.current[r].current;
-      e && e.name.indexOf("Group") !== -1 && l(e.name);
-    });
-  }, [m]), /* @__PURE__ */ u("div", { children: [
-    b && /* @__PURE__ */ i("span", { className: a["checkbox-tree__header"], children: b }),
-    /* @__PURE__ */ i("div", { onClick: $, "data-ul": !0, role: "tree", tabIndex: 0, children: F.map(({ itemName: r, children: e }, t) => /* @__PURE__ */ u(
-      "div",
-      {
-        className: a["checkbox-tree__branch"],
-        "data-li": !0,
-        "aria-expanded": h.md ? "false" : "true",
-        children: [
-          /* @__PURE__ */ u(C, { inline: !0, className: a["checkbox-tree__branch--formfield"], children: [
-            /* @__PURE__ */ i(L, { variant: "blank", onClick: y, children: /* @__PURE__ */ i(
-              I,
-              {
-                name: "CheveronRight",
-                size: 16,
-                className: E(a["checkbox-tree__branch--icon"], {
-                  [a["checkbox-tree__branch--icon--expanded"]]: !h.md
-                })
-              }
-            ) }),
-            /* @__PURE__ */ i(
-              B,
-              {
-                id: r,
-                name: `Group${t}`,
-                disabled: e.every((n) => n.disabled),
-                ref: k(`Group${t}`)
-              }
-            ),
-            /* @__PURE__ */ i(A, { htmlFor: r, noFontWeight: p, children: r })
-          ] }),
-          /* @__PURE__ */ i(
-            "div",
-            {
-              className: E(a["checkbox-tree__leaves"], {
-                [a["checkbox-tree__leaves--expanded"]]: !h.md
-              }),
-              "data-ul": !0,
-              children: e.map(({ itemName: n, itemValue: s, disabled: o }) => /* @__PURE__ */ i("div", { className: a["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ u(C, { inline: !0, className: a["checkbox-tree__branch--formfield"], children: [
-                /* @__PURE__ */ i(
-                  B,
-                  {
-                    id: n,
-                    name: n,
-                    value: s,
-                    disabled: o,
-                    "data-groupname": `Group${t}`,
-                    ref: k(`Group${t}_${n}`)
-                  }
-                ),
-                /* @__PURE__ */ i(A, { htmlFor: n, noFontWeight: p, children: n })
-              ] }) }, n))
-            }
-          )
-        ]
-      },
-      r
-    )) })
-  ] });
-};
-export {
-  me as CheckboxTree
-};
-//# sourceMappingURL=CheckboxTree.js.map
+import { h as e } from "../../components-C4MCdrDH.js";
+import "../../PasteHandlerPlugin-DjD1wryY.js";
+export { e as CheckboxTree };

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

@@ -1,141 +1,91 @@
-import { jsx as d, jsxs as y } from "react/jsx-runtime";
-import { s as O, f as _ } from "../../index-B_q_4aBT.js";
-import { I as C, a as v } from "../../chunk-OPOZOKLO-nJkI9rUN.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;
+import { o as e } from "../../chunk-SZQXB3JV-D0XG4Tlp.js";
+import { r as t } from "../../test-DQruvi8i.js";
+import { h as n } from "../../components-C4MCdrDH.js";
+import { t as r } from "../../Chip-DJHvFToV.js";
+import "../../PasteHandlerPlugin-DjD1wryY.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = ((e, t, n) => {
+	let r = Array.from({ length: t }, (e, t) => t + 1), i = (e) => {
+		let t = Math.ceil(parseInt(e) / n);
+		return `${t}${t === n ? "" : `.${parseInt(e) % n || n}`}`;
+	}, a = r.map((e) => ({
+		itemName: i(String(e)),
+		itemValue: e,
+		disabled: !1
+	}));
+	return r.reduce((t, r, i) => {
+		let o = Math.ceil(r / n);
+		return e.includes(String(i + 1)) && (t[o] || (t[o] = {
+			itemName: `Semester ${o}`,
+			children: []
+		}), t[o].children.push({
+			...a[i],
+			itemValue: String(a[i].itemValue)
+		})), t;
+	}, []);
+})([
+	"1",
+	"2",
+	"3",
+	"4",
+	"5",
+	"6",
+	"7"
+], 7, 3), c = {
+	title: "Organisms/CheckboxTree",
+	component: n,
+	parameters: {
+		inspectComponent: n,
+		codeString: "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />"
+	}
+}, l = ((e) => /* @__PURE__ */ a(n, { ...e })).bind({});
+l.args = {
+	title: "Periode",
+	checkboxTree: s,
+	selectedValues: ["3", "4"],
+	onChange: t()
 };
-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 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[l].children.push({
-      ...s[a],
-      itemValue: String(s[a].itemValue)
-    })), o;
-  }, []);
-}, I = 7, P = 3, E = A(
-  ["1", "2", "3", "4", "5", "6", "7"],
-  I,
-  P
-), $ = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", U = {
-  title: "Organisms/CheckboxTree",
-  component: u,
-  parameters: {
-    inspectComponent: u,
-    codeString: $
-  }
-}, k = (e) => /* @__PURE__ */ d(u, { ...e }), N = k.bind({});
-N.args = {
-  title: "Periode",
-  checkboxTree: E,
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-  selectedValues: ["3", "4"],
-  onChange: _()
+var u = 3, d = (e) => {
+	let t = Math.ceil(parseInt(e) / u);
+	return `${t}${t === u ? "" : `.${parseInt(e) % u || u}`}`;
+}, f = (e) => {
+	let [t, n] = e.split(".").map(Number);
+	return `${(t - 1) * u + (n || 1)}`;
+}, p = () => {
+	let [t, c] = i([
+		"5",
+		"4",
+		"1"
+	]), l = (n) => {
+		let r = JSON.parse(JSON.stringify(t)).filter((e) => e !== f(n));
+		c(() => r), e("onChange value:")(r);
+	};
+	return /* @__PURE__ */ o("div", {
+		style: { width: "15rem" },
+		children: [/* @__PURE__ */ a("div", {
+			style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: "0.5rem",
+				width: "100%",
+				marginBottom: "1rem"
+			},
+			children: t && t.map((e, t) => /* @__PURE__ */ a(r, {
+				label: d(e),
+				onDelete: l
+			}, `${t}_${e}`))
+		}), /* @__PURE__ */ a(n, {
+			title: "Periode",
+			checkboxTree: s,
+			selectedValues: t,
+			onChange: (t) => {
+				c([...t]), e("onChange value:")(t);
+			}
+		})]
+	});
 };
-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(
-      (h) => h !== B(i)
-    );
-    t(() => s), b("onChange value:")(s);
-  }, n = (i) => {
-    t([...i]), b("onChange value:")(i);
-  };
-  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: M(i),
-        onDelete: r
-      },
-      `${s}_${i}`
-    )) }),
-    /* @__PURE__ */ d(
-      u,
-      {
-        title: "Periode",
-        checkboxTree: E,
-        selectedValues: e,
-        onChange: n
-      }
-    )
-  ] });
-};
-export {
-  N as CheckboxTreeExample,
-  Y as CheckboxTreeWithChips,
-  U as default
-};
-//# sourceMappingURL=CheckboxTree.stories.js.map
+//#endregion
+export { l as CheckboxTreeExample, p as CheckboxTreeWithChips, c as default };
+
+//# sourceMappingURL=CheckboxTree.stories.js.map