@uva-glass/component-library 1.47.7 → 1.48.0

package/dist/assets/CheckboxTree.css

@@ -0,0 +1 @@
+._checkbox-tree__header_12b1f_1{display:block;font-weight:var(--semibold);margin-bottom:.75rem;text-align:left}._checkbox-tree__branch_12b1f_8{list-style:none;-webkit-user-select:none;user-select:none}._checkbox-tree__branch_12b1f_8 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}._checkbox-tree__branch--icon_12b1f_17{pointer-events:none;transform:rotate(0);transition:transform .3s ease-out}._checkbox-tree__branch--icon--expanded_12b1f_23{transform:rotate(90deg);transition:transform .3s ease-in}._checkbox-tree__branch--formfield_12b1f_28{align-items:center;display:flex;flex-direction:row;gap:.5rem}._checkbox-tree__leaves_12b1f_35{display:none;flex-direction:column;gap:1rem;list-style:none;margin:1rem 0 1rem 1rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaves--expanded_12b1f_44{display:flex}._checkbox-tree__leaf_12b1f_48{align-items:center;display:flex;flex-direction:row;gap:0 .5rem;margin-left:1.5rem;-webkit-user-select:none;user-select:none}._checkbox-tree__leaf_12b1f_48 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}

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

@@ -1,9 +1,9 @@
 import { jsxs as a, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { f as l } from "../../index-CuON43Qx.js";
-import { Button as n } from "./Button.js";
+import { fn as l } from "../../index-MQ0yPLdl.js";
+import { Button as r } from "./Button.js";
 const d = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Button",
-  component: n,
+  component: r,
   argTypes: {
     variant: {
       options: ["primary", "secondary", "destructive-primary", "destructive-secondary", "blank"],
@@ -13,7 +13,7 @@ const d = "<Button variant={variant} onClick={onClictFunction}>{children}</Butto
   parameters: {
     codeString: d
   }
-}, i = (o) => /* @__PURE__ */ t(n, { ...o }), e = {
+}, i = (o) => /* @__PURE__ */ t(r, { ...o }), e = {
   variant: "primary",
   disabled: !1,
   displayColumn: !1,
@@ -23,16 +23,16 @@ c.args = {
   children: "Click me!",
   ...e
 };
-const r = i.bind({});
-r.args = {
+const n = i.bind({});
+n.args = {
   ...e,
   children: /* @__PURE__ */ a(s, { children: [
     /* @__PURE__ */ t("div", { children: "Child 1" }),
     /* @__PURE__ */ t("div", { children: "Child 2" })
   ] })
 };
-r.argTypes = {
-  ...r.argTypes,
+n.argTypes = {
+  ...n.argTypes,
   children: {
     table: {
       disable: !0
@@ -42,7 +42,7 @@ r.argTypes = {
 };
 export {
   c as ButtonExample,
-  r as WithMultipleChildren,
+  n as WithMultipleChildren,
   h as default
 };
 //# sourceMappingURL=Button.stories.js.map

package/dist/components/ButtonGroup/ButtonGroup.stories.js

@@ -1,30 +1,38 @@
-import { jsx as t, jsxs as n, Fragment as a } from "react/jsx-runtime";
-import { ButtonGroup as e } from "./ButtonGroup.js";
+import { jsx as t, jsxs as e, Fragment as a } from "react/jsx-runtime";
+import { ButtonGroup as n } from "./ButtonGroup.js";
 import { Button as r } from "../Button/Button.js";
-import { Container as s } from "../../storyComponents/Container/Container.js";
-const f = {
+import { Container as i } from "../../storyComponents/Container/Container.js";
+const c = `
+  <ButtonGroup reversed={reversed} stacked={stacked}>
+    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>
+    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>
+  </ButtonGroup>
+`, v = {
   title: "Molecules/ButtonGroup",
-  component: e,
+  component: n,
   argTypes: {
     children: {
       table: {
         disable: !0
       }
     }
+  },
+  parameters: {
+    codeString: c
   }
-}, i = (o) => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(e, { ...o }) }), l = {
+}, s = (o) => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(n, { ...o }) }), u = {
   stacked: !1,
   reversed: !1,
-  children: /* @__PURE__ */ n(a, { children: [
+  children: /* @__PURE__ */ e(a, { children: [
     /* @__PURE__ */ t(r, { variant: "primary", children: "Primary button" }),
     /* @__PURE__ */ t(r, { variant: "secondary", children: "Secondary button" })
   ] })
-}, c = i.bind({});
-c.args = {
-  ...l
+}, d = s.bind({});
+d.args = {
+  ...u
 };
 export {
-  c as ButtonGroupExample,
-  f as default
+  d as ButtonGroupExample,
+  v as default
 };
 //# sourceMappingURL=ButtonGroup.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.stories.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { ButtonGroupProps } from './ButtonGroup';\n\nimport { ButtonGroup } from './ButtonGroup';\n\nimport { Button } from 'components/Button/Button';\nimport { Container } from 'storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ButtonGroup',\n  component: ButtonGroup,\n  argTypes: {\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<PropsWithChildren<ButtonGroupProps>>;\n\nconst Template: StoryFn<PropsWithChildren<ButtonGroupProps>> = (args) => (\n  <Container>\n    <ButtonGroup {...args} />\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<ButtonGroupProps>> = {\n  stacked: false,\n  reversed: false,\n  children: (\n    <>\n      <Button variant=\"primary\">Primary button</Button>\n      <Button variant=\"secondary\">Secondary button</Button>\n    </>\n  ),\n};\n\nexport const ButtonGroupExample = Template.bind({});\nButtonGroupExample.args = {\n  ...defaultArgs,\n};\n"],"names":["ButtonGroup_stories","ButtonGroup","Template","args","jsx","Container","defaultArgs","jsxs","Fragment","Button","ButtonGroupExample"],"mappings":";;;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAyD,CAACC,MAC9D,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGIG,IAA4D;AAAA,EAChE,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAO,SAAQ,WAAU,UAAc,kBAAA;AAAA,IACvC,gBAAAL,EAAAK,GAAA,EAAO,SAAQ,aAAY,UAAgB,oBAAA;AAAA,EAAA,GAC9C;AAEJ,GAEaC,IAAqBR,EAAS,KAAK,EAAE;AAClDQ,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;"}
+{"version":3,"file":"ButtonGroup.stories.js","sources":["../../../src/components/ButtonGroup/ButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { ButtonGroupProps } from './ButtonGroup';\n\nimport { ButtonGroup } from './ButtonGroup';\n\nimport { Button } from 'components/Button/Button';\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = `\n  <ButtonGroup reversed={reversed} stacked={stacked}>\n    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>\n    <Button variant={variant} onClick={onClickedFunction}>{children}</Button>\n  </ButtonGroup>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ButtonGroup',\n  component: ButtonGroup,\n  argTypes: {\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<ButtonGroupProps>>;\n\nconst Template: StoryFn<PropsWithChildren<ButtonGroupProps>> = (args) => (\n  <Container>\n    <ButtonGroup {...args} />\n  </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<ButtonGroupProps>> = {\n  stacked: false,\n  reversed: false,\n  children: (\n    <>\n      <Button variant=\"primary\">Primary button</Button>\n      <Button variant=\"secondary\">Secondary button</Button>\n    </>\n  ),\n};\n\nexport const ButtonGroupExample = Template.bind({});\nButtonGroupExample.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","ButtonGroup_stories","ButtonGroup","Template","args","jsx","Container","defaultArgs","jsxs","Fragment","Button","ButtonGroupExample"],"mappings":";;;;AASA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA,GAQJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAyD,CAACC,MAC9D,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAa,GAAGE,EAAM,CAAA,EACzB,CAAA,GAGIG,IAA4D;AAAA,EAChE,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAO,SAAQ,WAAU,UAAc,kBAAA;AAAA,IACvC,gBAAAL,EAAAK,GAAA,EAAO,SAAQ,aAAY,UAAgB,oBAAA;AAAA,EAAA,GAC9C;AAEJ,GAEaC,IAAqBR,EAAS,KAAK,EAAE;AAClDQ,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;"}

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

@@ -1,22 +1,22 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { f as e } from "../../index-CuON43Qx.js";
+import { fn as e } from "../../index-MQ0yPLdl.js";
 import { Checkbox as l } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
-import { Label as i } from "../Label/Label.js";
-const r = "<Checkbox checked={checked} id={id} onChange={onChangeFunction} />", C = {
+import { Label as r } from "../Label/Label.js";
+const i = "<Checkbox checked={} id={} onChange={} />", f = {
   title: "Atoms/Checkbox",
   component: l,
   parameters: {
-    codeString: r
+    codeString: i
   }
-}, c = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
+}, m = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
   /* @__PURE__ */ o(l, { id: "72103b4d", ...n }),
-  /* @__PURE__ */ o(i, { htmlFor: "72103b4d", children: "Example Checkbox" })
-] }), a = c.bind({});
+  /* @__PURE__ */ o(r, { htmlFor: "72103b4d", children: "Example Checkbox" })
+] }), a = m.bind({});
 a.args = {
   onChange: e()
 };
-const h = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
+const c = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
   /* @__PURE__ */ o(
     "div",
     {
@@ -27,14 +27,14 @@ const h = (n) => /* @__PURE__ */ g(t, { inline: !0, children: [
       children: /* @__PURE__ */ o(l, { id: "72103b4e", ...n })
     }
   ),
-  /* @__PURE__ */ o(i, { htmlFor: "72103b4e", children: "Example Checkbox with long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long label" })
-] }), m = h.bind({});
-m.args = {
+  /* @__PURE__ */ o(r, { htmlFor: "72103b4e", children: "Example Checkbox with long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long label" })
+] }), h = c.bind({});
+h.args = {
   onChange: e()
 };
 export {
   a as CheckboxExample,
-  m as WithLongLabel,
-  C as default
+  h as WithLongLabel,
+  f as default
 };
 //# sourceMappingURL=Checkbox.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\nconst codeString = '<Checkbox checked={checked} id={id} onChange={onChangeFunction} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <div\n      style={{\n        alignSelf: 'flex-start',\n        marginTop: '0.18rem',\n      }}\n    >\n      <Checkbox id=\"72103b4e\" {...args} />\n    </div>\n    <Label htmlFor=\"72103b4e\">\n      Example Checkbox with long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long label\n    </Label>\n  </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n  onChange: fn(),\n};\n"],"names":["codeString","Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn","WithLongLabelTemplate","WithLongLabel"],"mappings":";;;;;AAUA,MAAMA,IAAa,sEAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,oBAAA;AAAA,EAC5C,CAAA,GAGWC,IAAkBN,EAAS,KAAK,EAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;AAIA,MAAMC,IAAgD,CAACP,MACpD,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MAEA,UAAC,gBAAAA,EAAAL,GAAA,EAAS,IAAG,YAAY,GAAGE,GAAM;AAAA,IAAA;AAAA,EACpC;AAAA,EACC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAK1B,sZAAA;AAAA,EACF,CAAA,GAGWI,IAAgBD,EAAsB,KAAK,EAAE;AAC1DC,EAAc,OAAO;AAAA,EACnB,UAAUF,EAAG;AACf;"}
+{"version":3,"file":"Checkbox.stories.js","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxProps } from './Checkbox';\n\nimport { Checkbox } from './Checkbox';\n\nimport { FormField } from 'components/FormField';\nimport { Label } from 'components/Label';\n\nconst codeString = '<Checkbox checked={} id={} onChange={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Checkbox',\n  component: Checkbox,\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<CheckboxProps>;\n\nconst Template: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <Checkbox id=\"72103b4d\" {...args} />\n    <Label htmlFor=\"72103b4d\">Example Checkbox</Label>\n  </FormField>\n);\n\nexport const CheckboxExample = Template.bind({});\nCheckboxExample.args = {\n  onChange: fn(),\n};\n\n// Extra story created for UX to see how we can solve placement of checkbox when paired with long content\n// TODO: should this component be refactored to always include a label? (see RadioButton)\nconst WithLongLabelTemplate: StoryFn<CheckboxProps> = (args) => (\n  <FormField inline>\n    <div\n      style={{\n        alignSelf: 'flex-start',\n        marginTop: '0.18rem',\n      }}\n    >\n      <Checkbox id=\"72103b4e\" {...args} />\n    </div>\n    <Label htmlFor=\"72103b4e\">\n      Example Checkbox with long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long long long long long long long long long long long long long\n      long long long long long long long long long long long label\n    </Label>\n  </FormField>\n);\n\nexport const WithLongLabel = WithLongLabelTemplate.bind({});\nWithLongLabel.args = {\n  onChange: fn(),\n};\n"],"names":["codeString","Checkbox_stories","Checkbox","Template","args","jsxs","FormField","jsx","Label","CheckboxExample","fn","WithLongLabelTemplate","WithLongLabel"],"mappings":";;;;;AAUA,MAAMA,IAAa,6CAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAmC,CAACC,MACvC,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC,EAACL,GAAS,EAAA,IAAG,YAAY,GAAGE,EAAM,CAAA;AAAA,EACjC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAAgB,oBAAA;AAAA,EAC5C,CAAA,GAGWC,IAAkBN,EAAS,KAAK,EAAE;AAC/CM,EAAgB,OAAO;AAAA,EACrB,UAAUC,EAAG;AACf;AAIA,MAAMC,IAAgD,CAACP,MACpD,gBAAAC,EAAAC,GAAA,EAAU,QAAM,IACf,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MAEA,UAAC,gBAAAA,EAAAL,GAAA,EAAS,IAAG,YAAY,GAAGE,GAAM;AAAA,IAAA;AAAA,EACpC;AAAA,EACC,gBAAAG,EAAAC,GAAA,EAAM,SAAQ,YAAW,UAK1B,sZAAA;AAAA,EACF,CAAA,GAGWI,IAAgBD,EAAsB,KAAK,EAAE;AAC1DC,EAAc,OAAO;AAAA,EACnB,UAAUF,EAAG;AACf;"}

package/dist/components/CheckboxTree/CheckboxTree.d.ts

@@ -0,0 +1,20 @@
+type CheckboxLeaf = {
+    itemName: string;
+    itemValue: string;
+    disabled?: boolean;
+};
+type CheckboxBranch = {
+    itemName: string;
+    children: CheckboxLeaf[];
+};
+export interface CheckboxTreeProps {
+    title?: string;
+    /** array of checkbox groups with a label and array of children (itemname, itemvalue and disabled boolean)*/
+    checkboxTree: CheckboxBranch[];
+    /** array of selected values */
+    defaultValue?: string[];
+    /** returns array of selected values*/
+    onChange?: (value: string[]) => void;
+}
+export declare const CheckboxTree: ({ title, checkboxTree, defaultValue, onChange }: CheckboxTreeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -0,0 +1,120 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { useRef as T, useEffect as N } from "react";
+import { c as g } from "../../clsx-OuTLNxxd.js";
+import { Icon as L } from "../Icon/Icon.js";
+import "@react-aria/button";
+import { Button as R } from "../Button/Button.js";
+import { Checkbox as y } from "../Checkbox/Checkbox.js";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
+import "../OverlayCloseButton/OverlayCloseButton.js";
+import { FormField as S } from "../FormField/FormField.js";
+import "../GridRow/GridRow.js";
+import "../IconButton/IconButton.js";
+import "../Input/Input.js";
+import "../InputField/InputField.js";
+import { Label as C } from "../Label/Label.js";
+import "react-router-dom";
+import "../../MultiSelect-Ckf3uGw5.js";
+import "../SelectListbox/SelectListbox.js";
+import "../SelectListbox/SelectProvider.js";
+import { useResponsive as j } from "../hooks/useResponsive.js";
+import '../../assets/CheckboxTree.css';const o = {
+  "checkbox-tree__header": "_checkbox-tree__header_12b1f_1",
+  "checkbox-tree__branch": "_checkbox-tree__branch_12b1f_8",
+  "checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_12b1f_17",
+  "checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_12b1f_23",
+  "checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_12b1f_28",
+  "checkbox-tree__leaves": "_checkbox-tree__leaves_12b1f_35",
+  "checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_12b1f_44",
+  "checkbox-tree__leaf": "_checkbox-tree__leaf_12b1f_48"
+}, ce = ({ title: p, checkboxTree: A, defaultValue: i, onChange: u }) => {
+  const s = T([]), { lessThan: n } = j(), _ = (r, e = document) => [].slice.call(e.querySelectorAll(r)), E = () => {
+    const r = s.current.reduce((e, t) => (t.name && t.checked && e.push(t.value), e), []);
+    u && u(r);
+  }, f = (r) => {
+    var e, t, d;
+    for (; r; ) {
+      const c = (t = (e = r.closest("[data-ul]")) == null ? void 0 : e.parentNode) == null ? void 0 : t.querySelector("input"), x = _(
+        "input",
+        (d = c == null ? void 0 : c.closest("[data-li]")) == null ? void 0 : d.querySelector("[data-ul]")
+      ).reduce((k, v) => (v.disabled || k.push(v.checked), k), []), b = x.every(Boolean), F = x.some(Boolean);
+      if (c && (c.checked = b, c.indeterminate = !b && b !== F), !c || r === c)
+        break;
+      r = c;
+    }
+  }, m = (r, e) => {
+    var d, c;
+    const t = e == null ? void 0 : e.querySelector("[data-ul]");
+    r.childNodes[0].classList.toggle(o["checkbox-tree__branch--icon--expanded"]), (c = e == null ? void 0 : e.closest("[data-li]")) == null || c.setAttribute(
+      "aria-expanded",
+      ((d = e == null ? void 0 : e.closest("[data-li]")) == null ? void 0 : d.getAttribute("aria-expanded")) === "false" ? "true" : "false"
+    ), t && t.classList.toggle(o["checkbox-tree__leaves--expanded"]);
+  }, q = (r) => {
+    var c;
+    const e = r.target;
+    if (!e || !e.parentNode || !e.parentNode.parentNode) return;
+    const t = e.parentNode.parentNode;
+    if (n.md && ((c = e.previousElementSibling) == null ? void 0 : c.tagName) === "BUTTON" && t.getAttribute("aria-expanded") === "false") {
+      r.preventDefault(), m(t.querySelector("button"), t);
+      return;
+    }
+    if (s.current.indexOf(e) === -1) return;
+    (e.parentNode.parentNode ? _("input", e.parentNode.parentNode) : []).forEach((h) => h.checked = h.disabled ? !1 : e.checked), f(e), E();
+  }, B = (r) => {
+    const e = r.target, t = e.closest("[data-li]");
+    m(e, t);
+  };
+  return N(() => {
+    s.current = _("input") || [];
+  }, []), N(() => {
+    i && s.current.forEach((r) => {
+      i.includes(r.value) && (r.checked = !0, f(r));
+    });
+  }, [i]), /* @__PURE__ */ l("div", { children: [
+    p && /* @__PURE__ */ a("span", { className: o["checkbox-tree__header"], children: p }),
+    /* @__PURE__ */ a("div", { onClick: q, "data-ul": !0, role: "tree", tabIndex: 0, children: A.map(({ itemName: r, children: e }) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: o["checkbox-tree__branch"],
+        "data-li": !0,
+        "aria-expanded": n.md ? "false" : "true",
+        children: [
+          /* @__PURE__ */ l(S, { inline: !0, className: o["checkbox-tree__branch--formfield"], children: [
+            /* @__PURE__ */ a(R, { variant: "blank", onClick: B, children: /* @__PURE__ */ a(
+              L,
+              {
+                name: "CheveronRight",
+                size: 16,
+                className: g(o["checkbox-tree__branch--icon"], {
+                  [o["checkbox-tree__branch--icon--expanded"]]: !n.md
+                })
+              }
+            ) }),
+            /* @__PURE__ */ a(y, { id: r, disabled: e.every((t) => t.disabled) }),
+            /* @__PURE__ */ a(C, { htmlFor: r, children: r })
+          ] }),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: g(o["checkbox-tree__leaves"], {
+                [o["checkbox-tree__leaves--expanded"]]: !n.md
+              }),
+              "data-ul": !0,
+              children: e.map(({ itemName: t, itemValue: d, disabled: c }) => /* @__PURE__ */ a("div", { className: o["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ l(S, { inline: !0, className: o["checkbox-tree__branch--formfield"], children: [
+                /* @__PURE__ */ a(y, { id: t, name: t, value: d, disabled: c }),
+                /* @__PURE__ */ a(C, { htmlFor: t, children: t })
+              ] }) }, t))
+            }
+          )
+        ]
+      },
+      r
+    )) })
+  ] });
+};
+export {
+  ce as CheckboxTree
+};
+//# sourceMappingURL=CheckboxTree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/CheckboxTree/CheckboxTree.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport type { MouseEventHandler } from 'react';\n\nimport styles from './CheckboxTree.module.css';\n\nimport { Checkbox, Label, FormField, Icon, Button } from 'components';\nimport { useResponsive } from 'components/hooks/useResponsive';\n\ntype CheckboxLeaf = {\n  itemName: string;\n  itemValue: string;\n  disabled?: boolean;\n};\n\ntype CheckboxBranch = {\n  itemName: string;\n  children: CheckboxLeaf[];\n};\n\nexport interface CheckboxTreeProps {\n  title?: string;\n  /** array of checkbox groups with a label and array of children (itemname, itemvalue and disabled boolean)*/\n  checkboxTree: CheckboxBranch[];\n  /** array of selected values */\n  defaultValue?: string[];\n  /** returns array of selected values*/\n  onChange?: (value: string[]) => void;\n}\n\nexport const CheckboxTree = ({ title, checkboxTree, defaultValue, onChange }: CheckboxTreeProps) => {\n  const checkboxNodes = useRef<HTMLInputElement[]>([]);\n  const { lessThan } = useResponsive();\n\n  const nodeArray = (selector: string, parent = document) => [].slice.call(parent.querySelectorAll(selector));\n\n  const setValue = () => {\n    const values = checkboxNodes.current.reduce((values, checkbox) => {\n      if (checkbox.name && checkbox.checked) {\n        values.push(checkbox.value);\n      }\n      return values;\n    }, [] as string[]);\n\n    if (onChange) onChange(values);\n  };\n\n  const setCheckboxesState = (check: HTMLInputElement) => {\n    while (check) {\n      const parent = check.closest('[data-ul]')?.parentNode?.querySelector('input');\n      const siblings: HTMLInputElement[] = nodeArray(\n        'input',\n        parent?.closest('[data-li]')?.querySelector('[data-ul]') as Document | undefined\n      );\n\n      const checkStatus = siblings.reduce((status, check) => {\n        if (!check.disabled) status.push(check.checked);\n        return status;\n      }, [] as boolean[]);\n\n      const every = checkStatus.every(Boolean);\n      const some = checkStatus.some(Boolean);\n\n      if (parent) {\n        parent.checked = every;\n        parent.indeterminate = !every && every !== some;\n      }\n\n      if (!parent || check === parent) {\n        break;\n      }\n\n      check = parent;\n    }\n  };\n\n  const setExpandedAttributes = (trigger: HTMLButtonElement, container: Element | null) => {\n    const children = container?.querySelector('[data-ul]');\n\n    (trigger.childNodes[0] as Element).classList.toggle(styles['checkbox-tree__branch--icon--expanded']);\n    container\n      ?.closest('[data-li]')\n      ?.setAttribute(\n        'aria-expanded',\n        container?.closest('[data-li]')?.getAttribute('aria-expanded') === 'false' ? 'true' : 'false'\n      );\n\n    if (children) {\n      children.classList.toggle(styles['checkbox-tree__leaves--expanded']);\n    }\n  };\n\n  const handleChange: MouseEventHandler<HTMLDivElement> = (event) => {\n    const check = event.target as HTMLInputElement;\n\n    if (!check || !check.parentNode || !check.parentNode.parentNode) return;\n    const parentCheckbox = check.parentNode.parentNode as HTMLElement;\n\n    if (\n      lessThan.md &&\n      check.previousElementSibling?.tagName === 'BUTTON' &&\n      parentCheckbox.getAttribute('aria-expanded') === 'false'\n    ) {\n      event.preventDefault();\n      setExpandedAttributes(parentCheckbox.querySelector('button') as HTMLButtonElement, parentCheckbox);\n      return;\n    }\n\n    if (checkboxNodes.current.indexOf(check) === -1) return;\n\n    const children: HTMLInputElement[] = (check.parentNode.parentNode as Document)\n      ? nodeArray('input', check.parentNode.parentNode as Document)\n      : [];\n\n    children.forEach((child) => {\n      return (child.checked = child.disabled ? false : check.checked);\n    });\n\n    setCheckboxesState(check);\n    setValue();\n  };\n\n  const handleExpanded: MouseEventHandler<HTMLButtonElement> = (event) => {\n    const target = event.target as HTMLButtonElement;\n    const parent = target.closest('[data-li]');\n    setExpandedAttributes(target, parent);\n  };\n\n  useEffect(() => {\n    checkboxNodes.current = nodeArray('input') || [];\n  }, []);\n\n  useEffect(() => {\n    if (defaultValue) {\n      checkboxNodes.current.forEach((checkbox) => {\n        if (defaultValue.includes(checkbox.value)) {\n          checkbox.checked = true;\n          setCheckboxesState(checkbox);\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [defaultValue]);\n\n  return (\n    <div>\n      {title && <span className={styles['checkbox-tree__header']}>{title}</span>}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n      <div onClick={handleChange} data-ul role=\"tree\" tabIndex={0}>\n        {checkboxTree.map(({ itemName, children }) => (\n          <div\n            key={itemName}\n            className={styles['checkbox-tree__branch']}\n            data-li\n            aria-expanded={lessThan.md ? 'false' : 'true'}\n          >\n            <FormField inline className={styles['checkbox-tree__branch--formfield']}>\n              <Button variant=\"blank\" onClick={handleExpanded}>\n                <Icon\n                  name=\"CheveronRight\"\n                  size={16}\n                  className={clsx(styles['checkbox-tree__branch--icon'], {\n                    [styles['checkbox-tree__branch--icon--expanded']]: !lessThan.md,\n                  })}\n                />\n              </Button>\n              <Checkbox id={itemName} disabled={children.every((checkbox) => checkbox.disabled)} />\n              <Label htmlFor={itemName}>{itemName}</Label>\n            </FormField>\n            <div\n              className={clsx(styles['checkbox-tree__leaves'], {\n                [styles['checkbox-tree__leaves--expanded']]: !lessThan.md,\n              })}\n              data-ul\n            >\n              {children.map(({ itemName, itemValue, disabled }) => (\n                <div key={itemName} className={styles['checkbox-tree__leaf']} data-li>\n                  <FormField inline className={styles['checkbox-tree__branch--formfield']}>\n                    <Checkbox id={itemName} name={itemName} value={itemValue} disabled={disabled} />\n                    <Label htmlFor={itemName}>{itemName}</Label>\n                  </FormField>\n                </div>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["CheckboxTree","title","checkboxTree","defaultValue","onChange","checkboxNodes","useRef","lessThan","useResponsive","nodeArray","selector","parent","setValue","values","checkbox","setCheckboxesState","check","_b","_a","checkStatus","_c","status","every","some","setExpandedAttributes","trigger","container","children","styles","handleChange","event","parentCheckbox","child","handleExpanded","target","useEffect","itemName","jsxs","FormField","jsx","Button","Icon","clsx","Checkbox","Label","itemValue","disabled"],"mappings":"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"}

package/dist/components/CheckboxTree/CheckboxTree.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CheckboxTreeProps } from './CheckboxTree';
+declare const _default: Meta<CheckboxTreeProps>;
+export default _default;
+export declare const CheckboxTreeExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxTreeProps>;

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

@@ -0,0 +1,74 @@
+import { jsx as a } from "react/jsx-runtime";
+import { fn as m } from "../../index-MQ0yPLdl.js";
+import { CheckboxTree as e } from "./CheckboxTree.js";
+const i = [
+  {
+    itemName: "Semester 1",
+    children: [
+      {
+        itemName: "1.1",
+        itemValue: "1",
+        disabled: !0
+      },
+      {
+        itemName: "1.2",
+        itemValue: "2",
+        disabled: !1
+      },
+      {
+        itemName: "1.3",
+        itemValue: "3",
+        disabled: !1
+      }
+    ]
+  },
+  {
+    itemName: "Semester 2",
+    children: [
+      {
+        itemName: "2.1",
+        itemValue: "4",
+        disabled: !1
+      },
+      {
+        itemName: "2.2",
+        itemValue: "5",
+        disabled: !0
+      },
+      {
+        itemName: "2.3",
+        itemValue: "6",
+        disabled: !1
+      }
+    ]
+  },
+  {
+    itemName: "Semester 3",
+    children: [
+      {
+        itemName: "3",
+        itemValue: "7",
+        disabled: !1
+      }
+    ]
+  }
+], l = "<CheckboxTree  title={} checkboxTree={} defaultValue={} onChange={} />", c = {
+  title: "Organisms/CheckboxTree",
+  component: e,
+  parameters: {
+    inspectComponent: e,
+    codeString: l
+  }
+}, s = (t) => /* @__PURE__ */ a(e, { ...t }), r = s.bind({});
+r.args = {
+  title: "Periode",
+  checkboxTree: i,
+  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  defaultValue: ["3", "5"],
+  onChange: m()
+};
+export {
+  r as CheckboxTreeExample,
+  c as default
+};
+//# sourceMappingURL=CheckboxTree.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTree.stories.js","sources":["../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxTreeProps } from './CheckboxTree';\n\nimport { CheckboxTree } from './CheckboxTree';\n\nconst MOCK_CHECKBOX_TREE = [\n  {\n    itemName: 'Semester 1',\n    children: [\n      {\n        itemName: '1.1',\n        itemValue: '1',\n        disabled: true,\n      },\n      {\n        itemName: '1.2',\n        itemValue: '2',\n        disabled: false,\n      },\n      {\n        itemName: '1.3',\n        itemValue: '3',\n        disabled: false,\n      },\n    ],\n  },\n  {\n    itemName: 'Semester 2',\n    children: [\n      {\n        itemName: '2.1',\n        itemValue: '4',\n        disabled: false,\n      },\n      {\n        itemName: '2.2',\n        itemValue: '5',\n        disabled: true,\n      },\n      {\n        itemName: '2.3',\n        itemValue: '6',\n        disabled: false,\n      },\n    ],\n  },\n  {\n    itemName: 'Semester 3',\n    children: [\n      {\n        itemName: '3',\n        itemValue: '7',\n        disabled: false,\n      },\n    ],\n  },\n];\n\nconst codeString = '<CheckboxTree  title={} checkboxTree={} defaultValue={} 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  defaultValue: ['3', '5'],\n  onChange: fn(),\n};\n"],"names":["MOCK_CHECKBOX_TREE","codeString","CheckboxTree_stories","CheckboxTree","Template","args","jsx","CheckboxTreeExample","fn"],"mappings":";;;AAOA,MAAMA,IAAqB;AAAA,EACzB;AAAA,IACE,UAAU;AAAA,IACV,UAAU;AAAA,MACR;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,UAAU;AAAA,MACR;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,IACV,UAAU;AAAA,MACR;AAAA,QACE,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAa,0EAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,GAElEE,IAAsBH,EAAS,KAAK,EAAE;AACnDG,EAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,EACP,cAAcP;AAAA;AAAA,EAEd,cAAc,CAAC,KAAK,GAAG;AAAA,EACvB,UAAUQ,EAAG;AACf;"}

package/dist/components/CheckboxTree/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckboxTree';

package/dist/components/CheckboxTree/index.js

@@ -0,0 +1,5 @@
+import { CheckboxTree as r } from "./CheckboxTree.js";
+export {
+  r as CheckboxTree
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,11 +1,13 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { OverlayProvider as m } from "@react-aria/overlays";
-import { f as p } from "../../index-CuON43Qx.js";
-import { useState as c } from "react";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { OverlayProvider as p } from "@react-aria/overlays";
+import { fn as m } from "../../index-MQ0yPLdl.js";
+import { useState as u } from "react";
 import { Drawer as a } from "./Drawer.js";
-import { Button as t } from "../Button/Button.js";
-import { ButtonGroup as u } from "../ButtonGroup/ButtonGroup.js";
-const D = {
+import { Button as r } from "../Button/Button.js";
+import { ButtonGroup as c } from "../ButtonGroup/ButtonGroup.js";
+const d = `
+  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>
+`, C = {
   title: "Molecules/Drawer",
   component: a,
   argTypes: {
@@ -18,40 +20,48 @@ const D = {
       table: {
         disable: !0
       }
+    },
+    closeButtonAriaValueText: {
+      table: {
+        disable: !0
+      }
     }
+  },
+  parameters: {
+    codeString: d
   }
-}, i = (l) => {
-  const [r, o] = c(!1);
-  return /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ e(t, { onClick: () => o(!r), variant: "primary", children: "Open drawer" }),
-    r && /* @__PURE__ */ e(
+}, s = (l) => {
+  const [e, o] = u(!1);
+  return /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ t(r, { onClick: () => o(!e), variant: "primary", children: "Open drawer" }),
+    e && /* @__PURE__ */ t(
       a,
       {
         ...l,
-        isOpen: r,
-        onClose: () => (p()(), o(!r)),
+        isOpen: e,
+        onClose: () => (m()(), o(!e)),
         children: "Example Drawer Content"
       }
     )
   ] });
-}, s = {
+}, i = {
   title: "Example Title",
   closeButtonAriaValueText: "Close"
-}, d = i.bind({});
-d.args = {
-  ...s
+}, b = s.bind({});
+b.args = {
+  ...i
 };
-const f = i.bind({});
+const f = s.bind({});
 f.args = {
-  ...s,
-  buttons: /* @__PURE__ */ n(u, { children: [
-    /* @__PURE__ */ e(t, { variant: "primary", children: "Primary Example Button" }),
-    /* @__PURE__ */ e(t, { variant: "secondary", children: "Secondary Example Button" })
+  ...i,
+  buttons: /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ t(r, { variant: "primary", children: "Primary Example Button" }),
+    /* @__PURE__ */ t(r, { variant: "secondary", children: "Secondary Example Button" })
   ] })
 };
 export {
-  d as DrawerExample,
+  b as DrawerExample,
   f as WithButtons,
-  D as default
+  C as default
 };
 //# sourceMappingURL=Drawer.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.stories.js","sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Button';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"names":["Drawer_stories","Drawer","Template","args","isOpen","setIsOpen","useState","OverlayProvider","jsx","Button","fn","defaultArgs","DrawerExample","WithButtons","ButtonGroup"],"mappings":";;;;;;;AAaA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAiC,CAACC,MAAS;AAC/C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAO,SAAS,MAAMJ,EAAU,CAACD,CAAM,GAAG,SAAQ,WAAU,UAE7D,cAAA,CAAA;AAAA,IACCA,KACC,gBAAAI;AAAA,MAACP;AAAA,MAAA;AAAA,QACE,GAAGE;AAAA,QACJ,QAAAC;AAAA,QACA,SAAS,OACPM,EAAK,EAAA,GACEL,EAAU,CAACD,CAAM;AAAA,QAE3B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEMO,IAAoC;AAAA,EACxC,OAAO;AAAA,EACP,0BAA0B;AAC5B,GAEaC,IAAgBV,EAAS,KAAK,EAAE;AAC7CU,EAAc,OAAO;AAAA,EACnB,GAAGD;AACL;AAEO,MAAME,IAAcX,EAAS,KAAK,EAAE;AAC3CW,EAAY,OAAO;AAAA,EACjB,GAAGF;AAAA,EACH,2BACGG,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAN,EAAAC,GAAA,EAAO,SAAQ,WAAU,UAAsB,0BAAA;AAAA,IAC/C,gBAAAD,EAAAC,GAAA,EAAO,SAAQ,aAAY,UAAwB,4BAAA;AAAA,EAAA,GACtD;AAEJ;"}
+{"version":3,"file":"Drawer.stories.js","sources":["../../../src/components/Drawer/Drawer.stories.tsx"],"sourcesContent":["import { OverlayProvider } from '@react-aria/overlays';\nimport { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { DrawerProps } from './Drawer';\n\nimport { Drawer } from './Drawer';\n\nimport { Button } from 'components/Button';\nimport { ButtonGroup } from 'components/ButtonGroup';\n\nconst codeString = `\n  <Drawer isOpen={isOpen} onClose={onCloseFunction} title={title} buttons={buttons}> {children} </Drawer>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/Drawer',\n  component: Drawer,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n    closeButtonAriaValueText: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<DrawerProps>;\n\nconst Template: StoryFn<DrawerProps> = (args) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <OverlayProvider>\n      <Button onClick={() => setIsOpen(!isOpen)} variant=\"primary\">\n        Open drawer\n      </Button>\n      {isOpen && (\n        <Drawer\n          {...args}\n          isOpen={isOpen}\n          onClose={() => {\n            fn()();\n            return setIsOpen(!isOpen);\n          }}\n        >\n          Example Drawer Content\n        </Drawer>\n      )}\n    </OverlayProvider>\n  );\n};\n\nconst defaultArgs: Partial<DrawerProps> = {\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n};\n\nexport const DrawerExample = Template.bind({});\nDrawerExample.args = {\n  ...defaultArgs,\n};\n\nexport const WithButtons = Template.bind({});\nWithButtons.args = {\n  ...defaultArgs,\n  buttons: (\n    <ButtonGroup>\n      <Button variant=\"primary\">Primary Example Button</Button>\n      <Button variant=\"secondary\">Secondary Example Button</Button>\n    </ButtonGroup>\n  ),\n};\n"],"names":["codeString","Drawer_stories","Drawer","Template","args","isOpen","setIsOpen","useState","OverlayProvider","jsx","Button","fn","defaultArgs","DrawerExample","WithButtons","ButtonGroup"],"mappings":";;;;;;;AAYA,MAAMA,IAAa;AAAA;AAAA,GAKJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,0BAA0B;AAAA,MACxB,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAiC,CAACC,MAAS;AAC/C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAO,SAAS,MAAMJ,EAAU,CAACD,CAAM,GAAG,SAAQ,WAAU,UAE7D,cAAA,CAAA;AAAA,IACCA,KACC,gBAAAI;AAAA,MAACP;AAAA,MAAA;AAAA,QACE,GAAGE;AAAA,QACJ,QAAAC;AAAA,QACA,SAAS,OACPM,EAAK,EAAA,GACEL,EAAU,CAACD,CAAM;AAAA,QAE3B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEMO,IAAoC;AAAA,EACxC,OAAO;AAAA,EACP,0BAA0B;AAC5B,GAEaC,IAAgBV,EAAS,KAAK,EAAE;AAC7CU,EAAc,OAAO;AAAA,EACnB,GAAGD;AACL;AAEO,MAAME,IAAcX,EAAS,KAAK,EAAE;AAC3CW,EAAY,OAAO;AAAA,EACjB,GAAGF;AAAA,EACH,2BACGG,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAN,EAAAC,GAAA,EAAO,SAAQ,WAAU,UAAsB,0BAAA;AAAA,IAC/C,gBAAAD,EAAAC,GAAA,EAAO,SAAQ,aAAY,UAAwB,4BAAA;AAAA,EAAA,GACtD;AAEJ;"}

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.js

@@ -1,15 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { EmptyStateDataDisplay as a } from "./EmptyStateDataDisplay.js";
-const m = {
+const e = "<EmptyStateDataDisplay label={label} paragraph={paragraph} />", m = {
   title: "Molecules/EmptyStateDataDisplay",
-  component: a
-}, p = (t) => /* @__PURE__ */ e(a, { ...t }), s = p.bind({});
-s.args = {
+  component: a,
+  parameters: {
+    codeString: e
+  }
+}, s = (t) => /* @__PURE__ */ p(a, { ...t }), l = s.bind({});
+l.args = {
   label: "This is an example info empty state data display label",
   paragraph: "This is an example info empty state data display paragraph"
 };
 export {
-  s as EmptyStateDataDisplayExample,
+  l as EmptyStateDataDisplayExample,
   m as default
 };
 //# sourceMappingURL=EmptyStateDataDisplay.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateDataDisplay.stories.js","sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"names":["EmptyStateDataDisplay_stories","EmptyStateDataDisplay","Template","args","jsx","EmptyStateDataDisplayExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAgD,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAuB,GAAGE,EAAM,CAAA,GAEpFE,IAA+BH,EAAS,KAAK,EAAE;AAC5DG,EAA6B,OAAO;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AACb;"}
+{"version":3,"file":"EmptyStateDataDisplay.stories.js","sources":["../../../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';\n\nimport { EmptyStateDataDisplay } from './EmptyStateDataDisplay';\n\nconst codeString = '<EmptyStateDataDisplay label={label} paragraph={paragraph} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/EmptyStateDataDisplay',\n  component: EmptyStateDataDisplay,\n  parameters: {\n    codeString: codeString,\n  },\n} as Meta<EmptyStateDataDisplayProps>;\n\nconst Template: StoryFn<EmptyStateDataDisplayProps> = (args) => <EmptyStateDataDisplay {...args} />;\n\nexport const EmptyStateDataDisplayExample = Template.bind({});\nEmptyStateDataDisplayExample.args = {\n  label: 'This is an example info empty state data display label',\n  paragraph: 'This is an example info empty state data display paragraph',\n};\n"],"names":["codeString","EmptyStateDataDisplay_stories","EmptyStateDataDisplay","Template","args","jsx","EmptyStateDataDisplayExample"],"mappings":";;AAKA,MAAMA,IAAa,iEAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,YAAAF;AAAA,EACF;AACF,GAEMG,IAAgD,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAuB,GAAGE,EAAM,CAAA,GAEpFE,IAA+BH,EAAS,KAAK,EAAE;AAC5DG,EAA6B,OAAO;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AACb;"}