@uva-glass/component-library 3.28.4 → 3.30.0

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  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      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarAsRadioButtonBar = Template.bind({});\nCheckboxButtonBarAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarWithPrefix = Template.bind({});\nCheckboxButtonBarWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","CheckboxButtonBarAsRadioButtonBar","CheckboxButtonBarWithPrefix"],"mappings":"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"}
+{"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  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      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarAsRadioButtonBar = Template.bind({});\nCheckboxButtonBarAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const CheckboxButtonBarWithPrefix = Template.bind({});\nCheckboxButtonBarWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","CheckboxButtonBarAsRadioButtonBar","CheckboxButtonBarWithPrefix"],"mappings":"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"}

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

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

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,GAAG,GAErBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;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,IAEjB,GACA,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAChD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,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,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GAClC,OAAAA,CAAK,EAAE,YAAY,iBAAiB;AACrC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,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,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS;AACnC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAY;AAAA,EAAA,CACrC,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,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB;AAAA,EAAA,CACzD;AACH,CAAC;"}
+{"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,EAAA,CAChC,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,EAAA,CAChC,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,EAAY,CACrC,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,EAAkB,CACzD;AACH,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/CheckboxTree/CheckboxTree.tsx"],"sourcesContent":["import { createRef, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport type { MouseEventHandler, RefObject } from 'react';\n\nimport styles from './CheckboxTree.module.css';\n\nimport { Button, Checkbox, FormField, Icon, Label } from 'components';\nimport { useResponsive } from 'components/hooks/useResponsive';\n\n// TODO: Currently the checkbox tree shows odd behavior when a disabled checkbox is checked.\n// When deselecting the parent checkbox, the disabled checkbox is deselected, and will never\n// be checked again. We'll leave this for now, until we run into a real world\n// example where this is necessary.\n\nexport type CheckboxLeaf = {\n  itemName: string;\n  itemValue: string;\n  disabled?: boolean;\n};\n\nexport type CheckboxBranch = {\n  itemName: string;\n  children: CheckboxLeaf[];\n};\n\nexport interface CheckboxTreeProps {\n  /** The title of the component. */\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  selectedValues?: string[];\n  /** `true` if the font-weight needs to be unset; otherwise, `false`. The default is `false`. */\n  noLabelFrontWeight?: boolean;\n  /** Returns array of selected values. */\n  onChange?: (value: string[]) => void;\n}\n\n/** Represents a component to render a tree of checkboxes. */\nexport const CheckboxTree = ({\n  title,\n  checkboxTree,\n  selectedValues,\n  noLabelFrontWeight = false,\n  onChange,\n}: CheckboxTreeProps) => {\n  const checkboxRefs = useRef<Record<string, RefObject<HTMLInputElement | null>>>({});\n  const [values, setValues] = useState<string[]>([]);\n  const { lessThan } = useResponsive();\n\n  const valuesAreEqual = (values1: string[], values2: string[]): boolean => {\n    if (values1.length !== values2.length) return false;\n\n    const countElements = (list: string[]) =>\n      list.reduce((acc: Record<string, number>, val) => {\n        acc[val] = (acc[val] || 0) + 1;\n        return acc;\n      }, {});\n\n    const numberOfValues1 = countElements(values1);\n    const numberOfValues2 = countElements(values2);\n\n    return !Object.keys(numberOfValues1).some((key) => numberOfValues1[key] !== numberOfValues2[key]);\n  };\n\n  const createRefForKey = (key: string) => {\n    if (!checkboxRefs.current[key]) {\n      checkboxRefs.current[key] = createRef();\n    }\n    return checkboxRefs.current[key];\n  };\n\n  const setValue = () => {\n    const newValues: string[] = [];\n    Object.entries(checkboxRefs.current).forEach(([key]) => {\n      const chkBox = checkboxRefs.current[key].current;\n      if (chkBox && chkBox.name.indexOf('Group') === -1 && chkBox.checked) {\n        newValues.push(chkBox.value);\n      }\n    });\n    setValues(newValues);\n    if (onChange) onChange(newValues);\n  };\n\n  const setCheckboxesState = (checkGroupName: string) => {\n    if (checkGroupName === '') return;\n\n    const groupStatus: boolean[] = [];\n\n    Object.entries(checkboxRefs.current).forEach(([key]) => {\n      const chkBox = checkboxRefs.current[key].current;\n      if (!chkBox) return;\n      if (chkBox?.getAttribute('data-groupname') === checkGroupName) {\n        groupStatus.push(chkBox.checked);\n      }\n    });\n\n    const every = groupStatus.every(Boolean);\n    const some = groupStatus.some(Boolean);\n\n    if (checkboxRefs.current[checkGroupName].current) {\n      checkboxRefs.current[checkGroupName].current.checked = every;\n      checkboxRefs.current[checkGroupName].current.indeterminate = !every && every !== some;\n      checkboxRefs.current[checkGroupName].current.checked = every && every === some;\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.type !== 'checkbox' && check.type !== 'button') return;\n\n    if (\n      lessThan.md &&\n      check.name.indexOf('Group') !== -1 &&\n      check.parentNode &&\n      (check.parentNode.parentNode as HTMLElement).getAttribute('aria-expanded') === 'false'\n    ) {\n      event.preventDefault();\n      setExpandedAttributes(check.parentNode as HTMLButtonElement, check.parentNode.parentNode as HTMLElement);\n      return;\n    }\n\n    if (check.name.indexOf('Group') !== -1) {\n      const childPrefix = check.name;\n      Object.entries(checkboxRefs.current).forEach(([key]) => {\n        if (key.indexOf(`${childPrefix}_`) !== -1) {\n          const chkBox = checkboxRefs.current[key].current;\n          const parentCheckbox = checkboxRefs.current[childPrefix].current;\n          if (!chkBox || !parentCheckbox) return;\n          chkBox.checked = parentCheckbox.checked ? true : false;\n        }\n      });\n      setCheckboxesState(childPrefix);\n      setValue();\n      return;\n    }\n    setCheckboxesState(check.getAttribute('data-groupname') || '');\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    if (selectedValues && !valuesAreEqual(selectedValues, values)) {\n      Object.entries(checkboxRefs.current).forEach(([key]) => {\n        const chkBox = checkboxRefs.current[key].current;\n        if (!chkBox) return;\n        if (selectedValues?.includes(chkBox.value)) {\n          chkBox.checked = true;\n        } else {\n          chkBox.checked = false;\n        }\n        if (chkBox.name.indexOf('Group') !== -1) {\n          setValues(selectedValues || []);\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedValues]);\n\n  useEffect(() => {\n    Object.entries(checkboxRefs.current).forEach(([key]) => {\n      const chkBox = checkboxRefs.current[key].current;\n      if (!chkBox) return;\n      if (chkBox.name.indexOf('Group') !== -1) {\n        setCheckboxesState(chkBox.name);\n      }\n    });\n  }, [values]);\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 }, index) => (\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\n                id={itemName}\n                name={`Group${index}`}\n                disabled={children.every((checkbox) => checkbox.disabled)}\n                ref={createRefForKey(`Group${index}`)}\n              />\n              <Label htmlFor={itemName} noFontWeight={noLabelFrontWeight}>\n                {itemName}\n              </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\n                      id={itemName}\n                      name={itemName}\n                      value={itemValue}\n                      disabled={disabled}\n                      data-groupname={`Group${index}`}\n                      ref={createRefForKey(`Group${index}_${itemName}`)}\n                    />\n                    <Label htmlFor={itemName} noFontWeight={noLabelFrontWeight}>\n                      {itemName}\n                    </Label>\n                  </FormField>\n                </div>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["CheckboxTree","title","checkboxTree","selectedValues","noLabelFrontWeight","onChange","checkboxRefs","useRef","values","setValues","useState","lessThan","useResponsive","valuesAreEqual","values1","values2","countElements","list","acc","val","numberOfValues1","numberOfValues2","key","createRefForKey","createRef","setValue","newValues","chkBox","setCheckboxesState","checkGroupName","groupStatus","every","some","setExpandedAttributes","trigger","container","children","styles","_b","_a","handleChange","event","check","childPrefix","parentCheckbox","handleExpanded","target","parent","useEffect","itemName","index","jsxs","FormField","jsx","Button","Icon","clsx","Checkbox","checkbox","Label","itemValue","disabled"],"mappings":"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"}
+{"version":3,"file":"CheckboxTree.js","sources":["../../../src/components/CheckboxTree/CheckboxTree.tsx"],"sourcesContent":["import { createRef, useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { MouseEventHandler, RefObject } from 'react';\n\nimport styles from './CheckboxTree.module.css';\n\nimport { Button, Checkbox, FormField, Icon, Label } from 'components';\nimport { useResponsive } from 'components/hooks/useResponsive';\n\n// TODO: Currently the checkbox tree shows odd behavior when a disabled checkbox is checked.\n// When deselecting the parent checkbox, the disabled checkbox is deselected, and will never\n// be checked again. We'll leave this for now, until we run into a real world\n// example where this is necessary.\n\nexport type CheckboxLeaf = {\n  itemName: string;\n  itemValue: string;\n  disabled?: boolean;\n};\n\nexport type CheckboxBranch = {\n  itemName: string;\n  children: CheckboxLeaf[];\n};\n\nexport interface CheckboxTreeProps {\n  /** The title of the component. */\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  selectedValues?: string[];\n  /** `true` if the font-weight needs to be unset; otherwise, `false`. The default is `false`. */\n  noLabelFrontWeight?: boolean;\n  /** Returns array of selected values. */\n  onChange?: (value: string[]) => void;\n}\n\n/** Represents a component to render a tree of checkboxes. */\nexport const CheckboxTree = ({\n  title,\n  checkboxTree,\n  selectedValues,\n  noLabelFrontWeight = false,\n  onChange,\n}: CheckboxTreeProps) => {\n  const checkboxRefs = useRef<Record<string, RefObject<HTMLInputElement | null>>>({});\n  const [values, setValues] = useState<string[]>([]);\n  const { lessThan } = useResponsive();\n\n  const valuesAreEqual = (values1: string[], values2: string[]): boolean => {\n    if (values1.length !== values2.length) return false;\n\n    const countElements = (list: string[]) =>\n      list.reduce((acc: Record<string, number>, val) => {\n        acc[val] = (acc[val] || 0) + 1;\n        return acc;\n      }, {});\n\n    const numberOfValues1 = countElements(values1);\n    const numberOfValues2 = countElements(values2);\n\n    return !Object.keys(numberOfValues1).some((key) => numberOfValues1[key] !== numberOfValues2[key]);\n  };\n\n  const createRefForKey = (key: string) => {\n    if (!checkboxRefs.current[key]) {\n      checkboxRefs.current[key] = createRef();\n    }\n    return checkboxRefs.current[key];\n  };\n\n  const setValue = () => {\n    const newValues: string[] = [];\n    Object.entries(checkboxRefs.current).forEach(([key]) => {\n      const chkBox = checkboxRefs.current[key].current;\n      if (chkBox && chkBox.name.indexOf('Group') === -1 && chkBox.checked) {\n        newValues.push(chkBox.value);\n      }\n    });\n    setValues(newValues);\n    if (onChange) onChange(newValues);\n  };\n\n  const setCheckboxesState = (checkGroupName: string) => {\n    if (checkGroupName === '') return;\n\n    const groupStatus: boolean[] = [];\n\n    Object.entries(checkboxRefs.current).forEach(([key]) => {\n      const chkBox = checkboxRefs.current[key].current;\n      if (!chkBox) return;\n      if (chkBox?.getAttribute('data-groupname') === checkGroupName) {\n        groupStatus.push(chkBox.checked);\n      }\n    });\n\n    const every = groupStatus.every(Boolean);\n    const some = groupStatus.some(Boolean);\n\n    if (checkboxRefs.current[checkGroupName].current) {\n      checkboxRefs.current[checkGroupName].current.checked = every;\n      checkboxRefs.current[checkGroupName].current.indeterminate = !every && every !== some;\n      checkboxRefs.current[checkGroupName].current.checked = every && every === some;\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.type !== 'checkbox' && check.type !== 'button') return;\n\n    if (\n      lessThan.md &&\n      check.name.indexOf('Group') !== -1 &&\n      check.parentNode &&\n      (check.parentNode.parentNode as HTMLElement).getAttribute('aria-expanded') === 'false'\n    ) {\n      event.preventDefault();\n      setExpandedAttributes(check.parentNode as HTMLButtonElement, check.parentNode.parentNode as HTMLElement);\n      return;\n    }\n\n    if (check.name.indexOf('Group') !== -1) {\n      const childPrefix = check.name;\n      Object.entries(checkboxRefs.current).forEach(([key]) => {\n        if (key.indexOf(`${childPrefix}_`) !== -1) {\n          const chkBox = checkboxRefs.current[key].current;\n          const parentCheckbox = checkboxRefs.current[childPrefix].current;\n          if (!chkBox || !parentCheckbox) return;\n          chkBox.checked = parentCheckbox.checked ? true : false;\n        }\n      });\n      setCheckboxesState(childPrefix);\n      setValue();\n      return;\n    }\n    setCheckboxesState(check.getAttribute('data-groupname') || '');\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    if (selectedValues && !valuesAreEqual(selectedValues, values)) {\n      Object.entries(checkboxRefs.current).forEach(([key]) => {\n        const chkBox = checkboxRefs.current[key].current;\n        if (!chkBox) return;\n        if (selectedValues?.includes(chkBox.value)) {\n          chkBox.checked = true;\n        } else {\n          chkBox.checked = false;\n        }\n        if (chkBox.name.indexOf('Group') !== -1) {\n          setValues(selectedValues || []);\n        }\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedValues]);\n\n  useEffect(() => {\n    Object.entries(checkboxRefs.current).forEach(([key]) => {\n      const chkBox = checkboxRefs.current[key].current;\n      if (!chkBox) return;\n      if (chkBox.name.indexOf('Group') !== -1) {\n        setCheckboxesState(chkBox.name);\n      }\n    });\n  }, [values]);\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 }, index) => (\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\n                id={itemName}\n                name={`Group${index}`}\n                disabled={children.every((checkbox) => checkbox.disabled)}\n                ref={createRefForKey(`Group${index}`)}\n              />\n              <Label htmlFor={itemName} noFontWeight={noLabelFrontWeight}>\n                {itemName}\n              </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\n                      id={itemName}\n                      name={itemName}\n                      value={itemValue}\n                      disabled={disabled}\n                      data-groupname={`Group${index}`}\n                      ref={createRefForKey(`Group${index}_${itemName}`)}\n                    />\n                    <Label htmlFor={itemName} noFontWeight={noLabelFrontWeight}>\n                      {itemName}\n                    </Label>\n                  </FormField>\n                </div>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["CheckboxTree","title","checkboxTree","selectedValues","noLabelFrontWeight","onChange","checkboxRefs","useRef","values","setValues","useState","lessThan","useResponsive","valuesAreEqual","values1","values2","countElements","list","acc","val","numberOfValues1","numberOfValues2","key","createRefForKey","createRef","setValue","newValues","chkBox","setCheckboxesState","checkGroupName","groupStatus","every","some","setExpandedAttributes","trigger","container","children","styles","_b","_a","handleChange","event","check","childPrefix","parentCheckbox","handleExpanded","target","parent","useEffect","itemName","index","jsxs","FormField","jsx","Button","Icon","clsx","Checkbox","checkbox","Label","itemValue","disabled"],"mappings":"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"}

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

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

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

@@ -1,158 +1,143 @@
-import { jsx as _, jsxs as A } from "react/jsx-runtime";
-import { fn as w } from "../../index-Dwqes6RH.js";
-import { s as g, j as V, V as j } from "../../index-DH9Vbk37.js";
-import { useState as D } from "react";
-import { CheckboxTree as O } from "./CheckboxTree.js";
-import { Chip as I } from "../Chip/Chip.js";
-let y;
-const k = new Uint8Array(16);
-function M() {
-  if (!y && (y = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !y))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return y(k);
-}
-const c = [];
-for (let e = 0; e < 256; ++e)
-  c.push((e + 256).toString(16).slice(1));
-function P(e, t = 0) {
-  return c[e[t + 0]] + c[e[t + 1]] + c[e[t + 2]] + c[e[t + 3]] + "-" + c[e[t + 4]] + c[e[t + 5]] + "-" + c[e[t + 6]] + c[e[t + 7]] + "-" + c[e[t + 8]] + c[e[t + 9]] + "-" + c[e[t + 10]] + c[e[t + 11]] + c[e[t + 12]] + c[e[t + 13]] + c[e[t + 14]] + c[e[t + 15]];
-}
-const N = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), E = {
-  randomUUID: N
-};
-function U(e, t, n) {
-  if (E.randomUUID && !e)
-    return E.randomUUID();
-  e = e || {};
-  const r = e.random || (e.rng || M)();
-  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, P(r);
-}
-var $ = Object.defineProperty, K = (e, t) => {
-  for (var n in t) $(e, n, { get: t[n], enumerable: !0 });
-}, B = "storybook/actions", F = `${B}/action-event`, L = { depth: 10, clearOnStoryChange: !0, limit: 50 }, C = (e, t) => {
-  let n = Object.getPrototypeOf(e);
-  return !n || t(n) ? n : C(n, t);
-}, W = (e) => !!(typeof e == "object" && e && C(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) && typeof e.persist == "function"), Y = (e) => {
-  if (W(e)) {
-    let t = Object.create(e.constructor.prototype, Object.getOwnPropertyDescriptors(e));
+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 { 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 = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+}, C = /* @__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)) {
+    let t = Object.create(
+      e.constructor.prototype,
+      Object.getOwnPropertyDescriptors(e)
+    );
     t.persist();
-    let n = Object.getOwnPropertyDescriptor(t, "view"), r = n == null ? void 0 : n.value;
-    return typeof r == "object" && (r == null ? void 0 : r.constructor.name) === "Window" && Object.defineProperty(t, "view", { ...n, value: Object.create(r.constructor.prototype) }), t;
+    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", {
+      ...r,
+      value: Object.create(n.constructor.prototype)
+    }), t;
   }
   return e;
-}, z = () => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? U() : Date.now().toString(36) + Math.random().toString(36).substring(2);
-function h(e, t = {}) {
-  let n = { ...L, ...t }, r = function(...o) {
-    var b, T;
+}, "serializeArg");
+function f(e, t = {}) {
+  let r = {
+    ...k,
+    ...t
+  }, n = /* @__PURE__ */ h(function(...i) {
+    var g, O;
     if (t.implicit) {
-      let f = (b = "__STORYBOOK_PREVIEW__" in g ? g.__STORYBOOK_PREVIEW__ : void 0) == null ? void 0 : b.storyRenders.find((u) => u.phase === "playing" || u.phase === "rendering");
-      if (f) {
-        let u = !((T = globalThis == null ? void 0 : globalThis.FEATURES) != null && T.disallowImplicitActionsInRenderV8), x = new V({ phase: f.phase, name: e, deprecated: u });
-        if (u) console.warn(x);
-        else throw x;
+      let T = (g = "__STORYBOOK_PREVIEW__" in y ? y.__STORYBOOK_PREVIEW__ : void 0) == null ? void 0 : g.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,
+          name: e,
+          deprecated: p
+        });
+        if (p)
+          console.warn(E);
+        else
+          throw E;
       }
     }
-    let i = j.getChannel(), a = z(), s = 5, l = o.map(Y), p = o.length > 1 ? l : l[0], d = { id: a, count: 0, data: { name: e, args: p }, options: { ...n, maxDepth: s + (n.depth || 3), allowFunction: n.allowFunction || !1 } };
-    i.emit(F, d);
-  };
-  return r.isAction = !0, r.implicit = t.implicit, r;
+    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 = {
+      id: u,
+      count: 0,
+      data: { name: e, args: a },
+      options: {
+        ...r,
+        maxDepth: o + (r.depth || 3)
+      }
+    };
+    c.emit($, l);
+  }, "actionHandler");
+  return n.isAction = !0, n.implicit = t.implicit, n;
 }
-var H = {};
-K(H, { argsEnhancers: () => X, loaders: () => Q });
-var v = (e, t) => typeof t[e] > "u" && !(e in t), J = (e) => {
-  let { initialArgs: t, argTypes: n, id: r, parameters: { actions: o } } = e;
-  if (!o || o.disable || !o.argTypesRegex || !n) return {};
-  let i = new RegExp(o.argTypesRegex);
-  return Object.entries(n).filter(([a]) => !!i.test(a)).reduce((a, [s, l]) => (v(s, t) && (a[s] = h(s, { implicit: !0, id: r })), a), {});
-}, G = (e) => {
-  let { initialArgs: t, argTypes: n, parameters: { actions: r } } = e;
-  return r != null && r.disable || !n ? {} : Object.entries(n).filter(([o, i]) => !!i.action).reduce((o, [i, a]) => (v(i, t) && (o[i] = h(typeof a.action == "string" ? a.action : i)), o), {});
-}, X = [G, J], R = !1, q = (e) => {
-  let { parameters: { actions: t } } = e;
-  if (!(t != null && t.disable) && !R && "__STORYBOOK_TEST_ON_MOCK_CALL__" in g && typeof g.__STORYBOOK_TEST_ON_MOCK_CALL__ == "function") {
-    let n = g.__STORYBOOK_TEST_ON_MOCK_CALL__;
-    n((r, o) => {
-      let i = r.getMockName();
-      i !== "spy" && (!/^next\/.*::/.test(i) || ["next/router::useRouter()", "next/navigation::useRouter()", "next/navigation::redirect", "next/cache::", "next/headers::cookies().set", "next/headers::cookies().delete", "next/headers::headers().set", "next/headers::headers().delete"].some((a) => i.startsWith(a))) && h(i)(o);
-    }), R = !0;
-  }
-}, Q = [q];
-const Z = (e, t, n) => {
-  const r = Array.from({ length: t }, (s, l) => l + 1), o = (s) => {
-    const l = Math.ceil(parseInt(s) / n), p = l === n ? "" : `.${parseInt(s) % n || n}`;
-    return `${l}${p}`;
-  }, i = r.map((s) => ({
-    itemName: o(String(s)),
-    itemValue: s,
+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}`;
+    return `${s}${a}`;
+  }, c = n.map((o) => ({
+    itemName: i(String(o)),
+    itemValue: o,
     disabled: !1
   }));
-  return r.reduce((s, l, p) => {
-    const d = Math.ceil(l / n);
-    return e.includes(String(p + 1)) && (s[d] || (s[d] = {
-      itemName: `Semester ${d}`,
+  return n.reduce((o, s, a) => {
+    const l = Math.ceil(s / r);
+    return e.includes(String(a + 1)) && (o[l] || (o[l] = {
+      itemName: `Semester ${l}`,
       children: []
-    }), s[d].children.push({
-      ...i[p],
-      itemValue: String(i[p].itemValue)
-    })), s;
+    }), o[l].children.push({
+      ...c[a],
+      itemValue: String(c[a].itemValue)
+    })), o;
   }, []);
-}, ee = 7, te = 3, S = Z(
+}, M = 7, N = 3, _ = I(
   ["1", "2", "3", "4", "5", "6", "7"],
-  ee,
-  te
-), ne = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", me = {
+  M,
+  N
+), W = "<CheckboxTree  title={} checkboxTree={} selectedValues={} onChange={} />", X = {
   title: "Organisms/CheckboxTree",
-  component: O,
+  component: b,
   parameters: {
-    inspectComponent: O,
-    codeString: ne
+    inspectComponent: b,
+    codeString: W
   }
-}, re = (e) => /* @__PURE__ */ _(O, { ...e }), oe = re.bind({});
-oe.args = {
+}, B = (e) => /* @__PURE__ */ d(b, { ...e }), F = B.bind({});
+F.args = {
   title: "Periode",
-  checkboxTree: S,
+  checkboxTree: _,
   // eslint-disable-next-line @typescript-eslint/no-magic-numbers
   selectedValues: ["3", "4"],
   onChange: w()
 };
-const m = 3, ie = (e) => {
-  const t = Math.ceil(parseInt(e) / m), n = t === m ? "" : `.${parseInt(e) % m || m}`;
-  return `${t}${n}`;
-}, se = (e) => {
-  const [t, n] = e.split(".").map(Number);
-  return `${(t - 1) * m + (n || 1)}`;
-}, ge = () => {
-  const [e, t] = D(["5", "4", "1"]), n = (o) => {
-    const i = JSON.parse(JSON.stringify(e)).filter(
-      (a) => a !== se(o)
+const m = 3, K = (e) => {
+  const t = Math.ceil(parseInt(e) / m), r = t === m ? "" : `.${parseInt(e) % m || m}`;
+  return `${t}${r}`;
+}, L = (e) => {
+  const [t, r] = e.split(".").map(Number);
+  return `${(t - 1) * m + (r || 1)}`;
+}, q = () => {
+  const [e, t] = x(["5", "4", "1"]), r = (i) => {
+    const c = JSON.parse(JSON.stringify(e)).filter(
+      (u) => u !== L(i)
     );
-    t(() => i), h("onChange value:")(i);
-  }, r = (o) => {
-    t([...o]), h("onChange value:")(o);
+    t(() => c), f("onChange value:")(c);
+  }, n = (i) => {
+    t([...i]), f("onChange value:")(i);
   };
-  return /* @__PURE__ */ A("div", { style: { width: "15rem" }, children: [
-    /* @__PURE__ */ _("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem", width: "100%", marginBottom: "1rem" }, children: e && e.map((o, i) => /* @__PURE__ */ _(
-      I,
+  return /* @__PURE__ */ v("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,
       {
-        label: ie(o),
-        onDelete: n
+        label: K(i),
+        onDelete: r
       },
-      `${i}_${o}`
+      `${c}_${i}`
     )) }),
-    /* @__PURE__ */ _(
-      O,
+    /* @__PURE__ */ d(
+      b,
       {
         title: "Periode",
-        checkboxTree: S,
+        checkboxTree: _,
         selectedValues: e,
-        onChange: r
+        onChange: n
       }
     )
   ] });
 };
 export {
-  oe as CheckboxTreeExample,
-  ge as CheckboxTreeWithChips,
-  me as default
+  F as CheckboxTreeExample,
+  q as CheckboxTreeWithChips,
+  X 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/uuid/dist/esm-browser/rng.js","../../../node_modules/uuid/dist/esm-browser/stringify.js","../../../node_modules/uuid/dist/esm-browser/native.js","../../../node_modules/uuid/dist/esm-browser/v4.js","../../../node_modules/@storybook/addon-actions/dist/chunk-4XZ63LWV.mjs","../../../node_modules/@storybook/addon-actions/dist/index.mjs","../../../src/components/CheckboxTree/CheckboxTree.stories.tsx"],"sourcesContent":["// Unique ID creation requires a high quality random # generator. In the browser we therefore\n// require the crypto API and do not support built-in fallback to lower quality random number\n// generators (like Math.random()).\nlet getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n  // lazy load so that environments that need to polyfill have a chance to do so\n  if (!getRandomValues) {\n    // getRandomValues needs to be invoked in a context where \"this\" is a Crypto implementation.\n    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);\n\n    if (!getRandomValues) {\n      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n    }\n  }\n\n  return getRandomValues(rnds8);\n}","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).slice(1));\n}\n\nexport function unsafeStringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];\n}\n\nfunction stringify(arr, offset = 0) {\n  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;","import { addons } from 'storybook/internal/preview-api';\nimport { ImplicitActionsDuringRendering } from 'storybook/internal/preview-errors';\nimport { global } from '@storybook/global';\nimport { v4 } from 'uuid';\n\nvar __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var PARAM_KEY=\"actions\",ADDON_ID=\"storybook/actions\",PANEL_ID=`${ADDON_ID}/panel`,EVENT_ID=`${ADDON_ID}/action-event`,CLEAR_ID=`${ADDON_ID}/action-clear`,CYCLIC_KEY=\"$___storybook.isCyclic\";var config={depth:10,clearOnStoryChange:!0,limit:50},configureActions=(options={})=>{Object.assign(config,options);};var findProto=(obj,callback)=>{let proto=Object.getPrototypeOf(obj);return !proto||callback(proto)?proto:findProto(proto,callback)},isReactSyntheticEvent=e=>!!(typeof e==\"object\"&&e&&findProto(e,proto=>/^Synthetic(?:Base)?Event$/.test(proto.constructor.name))&&typeof e.persist==\"function\"),serializeArg=a=>{if(isReactSyntheticEvent(a)){let e=Object.create(a.constructor.prototype,Object.getOwnPropertyDescriptors(a));e.persist();let viewDescriptor=Object.getOwnPropertyDescriptor(e,\"view\"),view=viewDescriptor?.value;return typeof view==\"object\"&&view?.constructor.name===\"Window\"&&Object.defineProperty(e,\"view\",{...viewDescriptor,value:Object.create(view.constructor.prototype)}),e}return a},generateId=()=>typeof crypto==\"object\"&&typeof crypto.getRandomValues==\"function\"?v4():Date.now().toString(36)+Math.random().toString(36).substring(2);function action(name,options={}){let actionOptions={...config,...options},handler=function(...args){if(options.implicit){let storyRenderer=(\"__STORYBOOK_PREVIEW__\"in global?global.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find(render=>render.phase===\"playing\"||render.phase===\"rendering\");if(storyRenderer){let deprecated=!globalThis?.FEATURES?.disallowImplicitActionsInRenderV8,error=new ImplicitActionsDuringRendering({phase:storyRenderer.phase,name,deprecated});if(deprecated)console.warn(error);else throw error}}let channel=addons.getChannel(),id=generateId(),minDepth=5,serializedArgs=args.map(serializeArg),normalizedArgs=args.length>1?serializedArgs:serializedArgs[0],actionDisplayToEmit={id,count:0,data:{name,args:normalizedArgs},options:{...actionOptions,maxDepth:minDepth+(actionOptions.depth||3),allowFunction:actionOptions.allowFunction||!1}};channel.emit(EVENT_ID,actionDisplayToEmit);};return handler.isAction=!0,handler.implicit=options.implicit,handler}var actions=(...args)=>{let options=config,names=args;names.length===1&&Array.isArray(names[0])&&([names]=names),names.length!==1&&typeof names[names.length-1]!=\"string\"&&(options={...config,...names.pop()});let namesObject=names[0];(names.length!==1||typeof namesObject==\"string\")&&(namesObject={},names.forEach(name=>{namesObject[name]=name;}));let actionsObject={};return Object.keys(namesObject).forEach(name=>{actionsObject[name]=action(namesObject[name],options);}),actionsObject};\n\nexport { ADDON_ID, CLEAR_ID, CYCLIC_KEY, EVENT_ID, PANEL_ID, PARAM_KEY, __export, action, actions, config, configureActions };\n","import { __export, action } from './chunk-4XZ63LWV.mjs';\nexport { ADDON_ID, CLEAR_ID, CYCLIC_KEY, EVENT_ID, PANEL_ID, PARAM_KEY, action, actions, config, configureActions } from './chunk-4XZ63LWV.mjs';\nimport { definePreview } from 'storybook/internal/preview-api';\nimport { global } from '@storybook/global';\n\nvar preview_exports={};__export(preview_exports,{argsEnhancers:()=>argsEnhancers,loaders:()=>loaders});var isInInitialArgs=(name,initialArgs)=>typeof initialArgs[name]>\"u\"&&!(name in initialArgs),inferActionsFromArgTypesRegex=context=>{let{initialArgs,argTypes,id,parameters:{actions:actions2}}=context;if(!actions2||actions2.disable||!actions2.argTypesRegex||!argTypes)return {};let argTypesRegex=new RegExp(actions2.argTypesRegex);return Object.entries(argTypes).filter(([name])=>!!argTypesRegex.test(name)).reduce((acc,[name,argType])=>(isInInitialArgs(name,initialArgs)&&(acc[name]=action(name,{implicit:!0,id})),acc),{})},addActionsFromArgTypes=context=>{let{initialArgs,argTypes,parameters:{actions:actions2}}=context;return actions2?.disable||!argTypes?{}:Object.entries(argTypes).filter(([name,argType])=>!!argType.action).reduce((acc,[name,argType])=>(isInInitialArgs(name,initialArgs)&&(acc[name]=action(typeof argType.action==\"string\"?argType.action:name)),acc),{})};var argsEnhancers=[addActionsFromArgTypes,inferActionsFromArgTypesRegex];var subscribed=!1,logActionsWhenMockCalled=context=>{let{parameters:{actions:actions2}}=context;if(!actions2?.disable&&!subscribed&&\"__STORYBOOK_TEST_ON_MOCK_CALL__\"in global&&typeof global.__STORYBOOK_TEST_ON_MOCK_CALL__==\"function\"){let onMockCall=global.__STORYBOOK_TEST_ON_MOCK_CALL__;onMockCall((mock,args)=>{let name=mock.getMockName();name!==\"spy\"&&(!/^next\\/.*::/.test(name)||[\"next/router::useRouter()\",\"next/navigation::useRouter()\",\"next/navigation::redirect\",\"next/cache::\",\"next/headers::cookies().set\",\"next/headers::cookies().delete\",\"next/headers::headers().set\",\"next/headers::headers().delete\"].some(prefix=>name.startsWith(prefix)))&&action(name)(args);}),subscribed=!0;}},loaders=[logActionsWhenMockCalled];var index_default=()=>definePreview(preview_exports);\n\nexport { index_default as default };\n","import { fn } from '@storybook/test';\nimport { action } from '@storybook/addon-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":["getRandomValues","rnds8","rng","byteToHex","i","unsafeStringify","arr","offset","randomUUID","native","v4","options","buf","rnds","__defProp","__export","target","all","name","ADDON_ID","EVENT_ID","config","findProto","obj","callback","proto","isReactSyntheticEvent","serializeArg","a","e","viewDescriptor","view","generateId","action","actionOptions","handler","args","storyRenderer","_a","global","render","deprecated","_b","error","ImplicitActionsDuringRendering","channel","addons","id","minDepth","serializedArgs","normalizedArgs","actionDisplayToEmit","preview_exports","argsEnhancers","loaders","isInInitialArgs","initialArgs","inferActionsFromArgTypesRegex","context","argTypes","actions2","argTypesRegex","acc","argType","addActionsFromArgTypes","subscribed","logActionsWhenMockCalled","onMockCall","mock","prefix","createPeriodTree","periodIndices","numberOfPeriods","periodPerSemester","allPeriods","_","idx","periodValueToLabel","value","semester","period","periodTree","periodIndex","periods","currentPeriod","NUMBER_OF_PERIODS","PERIOD_PER_SEMESTER","MOCK_CHECKBOX_TREE","codeString","CheckboxTree_stories","CheckboxTree","Template","jsx","CheckboxTreeExample","fn","PERIOD_SEGMENT","periodLabelToValue","row","col","CheckboxTreeWithChips","activeFilters","setActiveFilters","useState","handleRemoveActiveFilter","filterToRemove","newActiveFilters","filter","handlePeriodChange","activeFilter","index","Chip"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
+{"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]}

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import styles from './Chip.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface ChipProps {\n  /** Text on the chip */\n  label: string;\n  /** Function to remove chip from chip-list on label-text*/\n  onDelete: (label: string) => void;\n}\n\nexport const Chip = ({ label, onDelete }: ChipProps) => {\n  return (\n    <button className={styles['chip']} onClick={() => onDelete(label)}>\n      <span className={styles['chip__label']}>{label}</span>\n      <Icon name=\"Cross\" size={20} className={styles['chip__close-button']} />\n    </button>\n  );\n};\n"],"names":["Chip","label","onDelete","jsxs","styles","jsx","Icon"],"mappings":";;;;;;GAWaA,IAAO,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAE1B,gBAAAC,EAAC,UAAO,EAAA,WAAWC,EAAO,MAAS,SAAS,MAAMF,EAASD,CAAK,GAC9D,UAAA;AAAA,EAAA,gBAAAI,EAAC,QAAK,EAAA,WAAWD,EAAO,aAAiB,UAAMH,GAAA;AAAA,EAC/C,gBAAAI,EAACC,KAAK,MAAK,SAAQ,MAAM,IAAI,WAAWF,EAAO,oBAAoB,EAAG,CAAA;AAAA,GACxE;"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import styles from './Chip.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface ChipProps {\n  /** Text on the chip */\n  label: string;\n  /** Function to remove chip from chip-list on label-text*/\n  onDelete: (label: string) => void;\n}\n\nexport const Chip = ({ label, onDelete }: ChipProps) => {\n  return (\n    <button className={styles['chip']} onClick={() => onDelete(label)}>\n      <span className={styles['chip__label']}>{label}</span>\n      <Icon name=\"Cross\" size={20} className={styles['chip__close-button']} />\n    </button>\n  );\n};\n"],"names":["Chip","label","onDelete","jsxs","styles","jsx","Icon"],"mappings":";;;;;;GAWaA,IAAO,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAE1B,gBAAAC,EAAC,UAAA,EAAO,WAAWC,EAAO,MAAS,SAAS,MAAMF,EAASD,CAAK,GAC9D,UAAA;AAAA,EAAA,gBAAAI,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAiB,UAAAH,GAAM;AAAA,EAC/C,gBAAAI,EAACC,KAAK,MAAK,SAAQ,MAAM,IAAI,WAAWF,EAAO,oBAAoB,EAAA,CAAG;AAAA,GACxE;"}

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

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/react';
 import { ChipProps } from './Chip';
 declare const _default: Meta<ChipProps>;
 export default _default;
-export declare const ChipExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChipProps>;
-export declare const ChipLongLabel: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChipProps>;
+export declare const ChipExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChipProps>;
+export declare const ChipLongLabel: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ChipProps>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.js","sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"names":["codeString","Chip_stories","Chip","Template","args","jsx","defaultArgs","fn","ChipExample","ChipLongLabel"],"mappings":";;;AAOA,MAAMA,IAAa,6DAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,GAAM,GAEzDE,IAAkC;AAAA,EACtC,OAAO;AAAA,EACP,UAAUC,EAAG;AACf,GAEaC,IAAcL,EAAS,KAAK,CAAE,CAAA;AAC3CK,EAAY,OAAO;AAAA,EACjB,GAAGF;AACL;AAEO,MAAMG,IAAgBN,EAAS,KAAK,CAAE,CAAA;AAC7CM,EAAc,OAAO;AAAA,EACnB,OAAO;AAAA,EACP,UAAUF,EAAG;AACf;"}
+{"version":3,"file":"Chip.stories.js","sources":["../../../src/components/Chip/Chip.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ChipProps } from './Chip';\n\nimport { Chip } from './Chip';\n\nconst codeString = '<Chip label={string} onDelete={onDeleteFunction(label)}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Chip',\n  component: Chip,\n  argTypes: {},\n  parameters: {\n    inspectComponent: Chip,\n    codeString: codeString,\n  },\n} as Meta<ChipProps>;\n\nconst Template: StoryFn<ChipProps> = (args) => <Chip {...args} />;\n\nconst defaultArgs: Partial<ChipProps> = {\n  label: 'Nederlands',\n  onDelete: fn(),\n};\n\nexport const ChipExample = Template.bind({});\nChipExample.args = {\n  ...defaultArgs,\n};\n\nexport const ChipLongLabel = Template.bind({});\nChipLongLabel.args = {\n  label: 'Een filter met een veel te lang label',\n  onDelete: fn(),\n};\n"],"names":["codeString","Chip_stories","Chip","Template","args","jsx","defaultArgs","fn","ChipExample","ChipLongLabel"],"mappings":";;;AAOA,MAAMA,IAAa,6DAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAA;AAAA,EACV,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAM,GAAGE,GAAM,GAEzDE,IAAkC;AAAA,EACtC,OAAO;AAAA,EACP,UAAUC,EAAA;AACZ,GAEaC,IAAcL,EAAS,KAAK,CAAA,CAAE;AAC3CK,EAAY,OAAO;AAAA,EACjB,GAAGF;AACL;AAEO,MAAMG,IAAgBN,EAAS,KAAK,CAAA,CAAE;AAC7CM,EAAc,OAAO;AAAA,EACnB,OAAO;AAAA,EACP,UAAUF,EAAA;AACZ;"}

package/dist/components/ControlsButton/ControlsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.js","sources":["../../../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":["import { useId } from 'react';\r\nimport clsx from 'clsx';\r\n\r\nimport type { ChangeEvent } from 'react';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  label: string;\r\n  value: string;\r\n  prefix?: string;\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  prefix,\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        name={name ? name : label.replace(/\\s+/g, '_')}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={(event) => onSetValue(event)}\r\n        className={styles['controls-input']}\r\n      />\r\n      <label\r\n        htmlFor={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n        ])}\r\n      >\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ControlsButton","type","label","value","prefix","name","forceSquared","checked","disabled","onSetValue","idPrefix","useId","jsxs","Fragment","jsx","event","styles","clsx"],"mappings":";;;;;;;;;;GAyBaA,IAAiB,CAAC;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA2B;AACzB,QAAMC,IAAWC,EAAM;AAEvB,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAb;AAAA,QACA,IAAI,GAAGS,CAAQ,GAAGR,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QAC5C,MAAMG,KAAcH,EAAM,QAAQ,QAAQ,GAAG;AAAA,QAC7C,UAAAM;AAAA,QACA,OAAAL;AAAA,QACA,SAAAI;AAAA,QACA,UAAU,CAACQ,MAAUN,EAAWM,CAAK;AAAA,QACrC,WAAWC,EAAO,gBAAgB;AAAA,MAAA;AAAA,IACpC;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,GAAGJ,CAAQ,GAAGR,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QACjD,WAAWe,EAAKD,EAAO,iBAAiB,GAAG;AAAA,UACzCV,KAAgBU,EAAO,0BAA0B;AAAA,UACjDZ,KAAUY,EAAO,8BAA8B;AAAA,QAAA,CAChD;AAAA,QAED,UAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAWI,EAAO,0BAA0B,GAC9C,UAAA;AAAA,UAAAZ,uBAAW,OAAI,EAAA,WAAWY,EAAO,yBAAyB,GAAI,UAAOZ,GAAA;AAAA,UACrEF;AAAA,QAAA,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"ControlsButton.js","sources":["../../../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":["import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent } from 'react';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  label: string;\r\n  value: string;\r\n  prefix?: string;\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  prefix,\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        name={name ? name : label.replace(/\\s+/g, '_')}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={(event) => onSetValue(event)}\r\n        className={styles['controls-input']}\r\n      />\r\n      <label\r\n        htmlFor={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n        ])}\r\n      >\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ControlsButton","type","label","value","prefix","name","forceSquared","checked","disabled","onSetValue","idPrefix","useId","jsxs","Fragment","jsx","event","styles","clsx"],"mappings":";;;;;;;;;;GAyBaA,IAAiB,CAAC;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA2B;AACzB,QAAMC,IAAWC,EAAA;AAEjB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAb;AAAA,QACA,IAAI,GAAGS,CAAQ,GAAGR,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QAC5C,MAAMG,KAAcH,EAAM,QAAQ,QAAQ,GAAG;AAAA,QAC7C,UAAAM;AAAA,QACA,OAAAL;AAAA,QACA,SAAAI;AAAA,QACA,UAAU,CAACQ,MAAUN,EAAWM,CAAK;AAAA,QACrC,WAAWC,EAAO,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,GAAGJ,CAAQ,GAAGR,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QACjD,WAAWe,EAAKD,EAAO,iBAAiB,GAAG;AAAA,UACzCV,KAAgBU,EAAO,0BAA0B;AAAA,UACjDZ,KAAUY,EAAO,8BAA8B;AAAA,QAAA,CAChD;AAAA,QAED,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAO,0BAA0B,GAC9C,UAAA;AAAA,UAAAZ,uBAAW,OAAA,EAAI,WAAWY,EAAO,yBAAyB,GAAI,UAAAZ,GAAO;AAAA,UACrEF;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

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

@@ -2,4 +2,4 @@ import { Meta } from '@storybook/react';
 import { ControlsButtonProps } from './ControlsButton';
 declare const _default: Meta<ControlsButtonProps>;
 export default _default;
-export declare const ControlsButtonExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ControlsButtonProps>;
+export declare const ControlsButtonExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ControlsButtonProps>;