@uva-glass/component-library 3.55.7 → 3.55.9

package/dist/components/StatusBadge/StatusBage.d.ts

@@ -4,4 +4,4 @@ export interface StatusBadgeProps {
     /** true to render the card with high contrast colors; otherwise, false. The default is false. */
     highContrast?: boolean;
 }
-export declare const StatusBadge: ({ label, highContrast }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusBadge: ({ label, highContrast }: StatusBadgeProps) => import("react").JSX.Element;

package/dist/components/StatusBadge/StatusBage.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../StatusBage-DQDOF5-U.js";
+import { t as e } from "../../StatusBage-CfEIuIPa.js";
 export { e as StatusBadge };

package/dist/components/StatusBadge/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../StatusBage-DQDOF5-U.js";
+import { t as e } from "../../StatusBage-CfEIuIPa.js";
 export { e as StatusBadge };

package/dist/components/StatusPill/StatusPill.d.ts

@@ -7,4 +7,4 @@ export interface StatusPillProps {
     label: string;
 }
 /** Represents a component for a status pill. */
-export declare function StatusPill({ status, variant, label }: StatusPillProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusPill({ status, variant, label }: StatusPillProps): import("react").JSX.Element;

package/dist/components/StatusPill/StatusPill.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../StatusPill-DM7n3I4W.js";
+import { t as e } from "../../StatusPill-CbJV4t-V.js";
 export { e as StatusPill };

package/dist/components/StatusPill/StatusPill.stories.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../StatusPill-DM7n3I4W.js";
-import { t } from "../../Container-BLjtYDqq.js";
+import { t as e } from "../../StatusPill-CbJV4t-V.js";
+import { t } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1 +1 @@
-{"version":3,"file":"StatusPill.stories.js","names":[],"sources":["../../../src/components/StatusPill/StatusPill.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { StatusPillProps } from './StatusPill';\n\nimport { StatusPill } from './StatusPill';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<StatusPill  status={status} label={label} variant={variant}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/StatusPill',\n  component: StatusPill,\n  parameters: {\n    inspectComponent: StatusPill,\n    codeString: codeString,\n  },\n} as Meta<StatusPillProps>;\n\nconst Template: StoryFn<StatusPillProps> = (args) => (\n  <Container>\n    <StatusPill {...args} />\n  </Container>\n);\n\nexport const StatusPillExample = Template.bind({});\nStatusPillExample.args = {\n  status: 'possible',\n  variant: 'default',\n  label: 'Example Status Pill',\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAQY,MAN+B,MAC1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EACd,CAAA,EAG4B,KAAK,EAAE,CAAC;AAClD,EAAkB,OAAO;CACvB,QAAQ;CACR,SAAS;CACT,OAAO;CACR"}
+{"version":3,"file":"StatusPill.stories.js","names":[],"sources":["../../../src/components/StatusPill/StatusPill.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { StatusPillProps } from './StatusPill';\n\nimport { StatusPill } from './StatusPill';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<StatusPill  status={status} label={label} variant={variant}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/StatusPill',\n  component: StatusPill,\n  parameters: {\n    inspectComponent: StatusPill,\n    codeString: codeString,\n  },\n} as Meta<StatusPillProps>;\n\nconst Template: StoryFn<StatusPillProps> = (args) => (\n  <Container>\n    <StatusPill {...args} />\n  </Container>\n);\n\nexport const StatusPillExample = Template.bind({});\nStatusPillExample.args = {\n  status: 'possible',\n  variant: 'default',\n  label: 'Example Status Pill',\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAQa,MAN+B,MAC1C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,EACd,CAAA,GAG6B,KAAK,CAAC,CAAC;AACjD,EAAkB,OAAO;CACvB,QAAQ;CACR,SAAS;CACT,OAAO;AACT"}

package/dist/components/StatusPill/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../StatusPill-DM7n3I4W.js";
+import { t as e } from "../../StatusPill-CbJV4t-V.js";
 export { e as StatusPill };

package/dist/components/TextArea/TextArea.d.ts

@@ -16,4 +16,4 @@ export interface TextAreaProps {
     /** `true` to color border red to show not valid; otherwise, `false`. */
     notValid?: boolean;
 }
-export declare function TextArea({ onChange, label, subLabel, maxCharacters, heightAsTextField, defaultValue, required, notValid, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ onChange, label, subLabel, maxCharacters, heightAsTextField, defaultValue, required, notValid, }: TextAreaProps): import("react").JSX.Element;

package/dist/components/TextArea/TextArea.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextArea-CuASC9bX.js";
+import { t as e } from "../../TextArea-GR2ZWwLh.js";
 export { e as TextArea };

package/dist/components/TextArea/TextArea.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../TextArea-CuASC9bX.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
+import { t } from "../../TextArea-GR2ZWwLh.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Atoms/TextArea",

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.stories.js","names":[],"sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n  parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n  label: 'Sample label',\n  subLabel: 'Sample sub label',\n  maxCharacters: 140,\n  defaultValue:\n    'Sample default value \\n Sample default value \\n Sample default value \\n Sample default value \\n Sample default value',\n  onChange: fn(),\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EAAE,OAAO,EAAE,SAAS,QAAQ;EAAE,eAAe,EAAE,SAAS,UAAU;EAAE;CAC9E,YAAY;EAAE,kBAAkB;EAAsB;EAAY;CACnE,EAEK,KAAoC,MAAS,kBAAC,GAAD,EAAU,GAAI,GAAQ,CAAA,EAE5D,IAAkB,EAAS,KAAK,EAAE,CAAC;AAChD,EAAgB,OAAO;CACrB,OAAO;CACP,eAAe;CACf,cAAc;CACd,UAAU,GAAI;CACf;AAED,IAAa,IAA0B,EAAS,KAAK,EAAE,CAAC;AACxD,EAAwB,OAAO;CAC7B,OAAO;CACP,UAAU;CACV,eAAe;CACf,cACE;CACF,UAAU,GAAI;CACf"}
+{"version":3,"file":"TextArea.stories.js","names":[],"sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { TextAreaProps } from './TextArea';\n\nimport { TextArea } from './TextArea';\n\nconst codeString = `\n  <TextArea label={label} maxCharacters={maxCharacters} defaultValue={string}/> `;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/TextArea',\n  component: TextArea,\n  argTypes: { label: { control: 'text' }, maxCharacters: { control: 'number' } },\n  parameters: { inspectComponent: TextArea, codeString: codeString },\n} as Meta<TextAreaProps>;\n\nconst Template: StoryFn<TextAreaProps> = (args) => <TextArea {...args} />;\n\nexport const TextAreaExample = Template.bind({});\nTextAreaExample.args = {\n  label: 'Sample label',\n  maxCharacters: 140,\n  defaultValue: 'Sample default value',\n  onChange: fn(),\n};\n\nexport const TextAreaSubtitleExample = Template.bind({});\nTextAreaSubtitleExample.args = {\n  label: 'Sample label',\n  subLabel: 'Sample sub label',\n  maxCharacters: 140,\n  defaultValue:\n    'Sample default value \\n Sample default value \\n Sample default value \\n Sample default value \\n Sample default value',\n  onChange: fn(),\n};\n"],"mappings":";;;AAWA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EAAE,OAAO,EAAE,SAAS,OAAO;EAAG,eAAe,EAAE,SAAS,SAAS;CAAE;CAC7E,YAAY;EAAE,kBAAkB;EAAsB;CAAW;AACnE,GAEM,KAAoC,MAAS,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA,GAE3D,IAAkB,EAAS,KAAK,CAAC,CAAC;AAC/C,EAAgB,OAAO;CACrB,OAAO;CACP,eAAe;CACf,cAAc;CACd,UAAU,EAAG;AACf;AAEA,IAAa,IAA0B,EAAS,KAAK,CAAC,CAAC;AACvD,EAAwB,OAAO;CAC7B,OAAO;CACP,UAAU;CACV,eAAe;CACf,cACE;CACF,UAAU,EAAG;AACf"}

package/dist/components/TextArea/TextArea.test.js

@@ -1,7 +1,7 @@
-import "../../dist-V_v3kC0L.js";
-import { t as e } from "../../TextArea-CuASC9bX.js";
-import { i as t, n, t as r } from "../../react.esm-CweFe1CK.js";
-import { t as i } from "../../esm-BoujHjK5.js";
+import "../../dist-Cxk2-lJw.js";
+import { t as e } from "../../TextArea-GR2ZWwLh.js";
+import { i as t, n, t as r } from "../../react.esm-GvSawg5E.js";
+import { t as i } from "../../esm-BJhEQquH.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/TextArea/TextArea.test.tsx
 describe("TextArea", () => {

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB;CAyBzB,AAxBA,GAAG,4CAA4C;EAE7C,AADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAe,CAAA,CAAC,EAC5D,OAAO,EAAO,UAAU,aAAa,CAAC,CAAC,mBAAmB;GAC1D,EAEF,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,IAAI;EAC9B,EAAO,kBAAC,GAAD,EAAU,UAAU,GAAgB,CAAA,CAAC;EAE5C,IAAM,IAAW,EAAO,UAAU,UAAU;EAE5C,AADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,SAAS,EAAE,CAAC,EACzD,OAAO,EAAa,CAAC,qBAAqB,QAAQ;GAClD,EAEF,GAAG,uCAAuC;EACxC,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,IAAI;GAAE,OAAM;GAAO,eAAe;GAAM,CAAA,CAAC;EAEzE,IAAM,IAAW,EAAO,UAAU,UAAU;EAI5C,AAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,EAExD,OAAO,EAAO,UAAU,IAAI,CAAC,CAAC,mBAAmB,EACjD,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB;GACpD,EAEF,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,IAAI;EAC9B,EAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;GAAK,CAAA,CAAC;EAE9D,IAAM,IAAW,EAAO,UAAU,UAAU;EAM5C,AAJA,MAAM,EAAU,KAAK,GAAU,eAAe,EAE9C,OAAO,EAAa,CAAC,kBAAkB,EAEvC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,GAAG,GAAG,OAAO,CAAC,KAAK,EAAE;GACrF;EACF"}
+{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB;CAyBzB,AAxBA,GAAG,4CAA4C;EAE7C,AADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;EAAc,CAAA,CAAC,GAC3D,OAAO,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB;CAC3D,CAAC,GAED,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD,EAAU,UAAU,EAAe,CAAA,CAAC;EAE3C,IAAM,IAAW,EAAO,UAAU,SAAS;EAE3C,AADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,GACxD,OAAO,CAAY,EAAE,qBAAqB,OAAO;CACnD,CAAC,GAED,GAAG,uCAAuC;EACxC,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;GAAO,eAAe;EAAK,CAAA,CAAC;EAExE,IAAM,IAAW,EAAO,UAAU,SAAS;EAI3C,AAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GAEvD,OAAO,EAAO,UAAU,GAAG,CAAC,EAAE,kBAAkB,GAChD,OAAO,EAAO,UAAU,MAAM,CAAC,EAAE,kBAAkB;CACrD,CAAC,GAED,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;EAAI,CAAA,CAAC;EAE7D,IAAM,IAAW,EAAO,UAAU,SAAS;EAM3C,AAJA,MAAM,EAAU,KAAK,GAAU,cAAc,GAE7C,OAAO,CAAY,EAAE,iBAAiB,GAEtC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,GAAG,GAAG,MAAM,EAAE,KAAK,CAAC;CACtF,CAAC;AACH,CAAC"}

package/dist/components/TextArea/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../TextArea-CuASC9bX.js";
+import { t as e } from "../../TextArea-GR2ZWwLh.js";
 export { e as TextArea };

package/dist/components/ToggleSwitch/ToggleSwitch.d.ts

@@ -12,4 +12,4 @@ export interface ToggleSwitchProps extends Omit<InputHTMLAttributes<HTMLInputEle
     extraLeftGap?: boolean;
 }
 /** Represents a component for a toggle switch. */
-export declare function ToggleSwitch({ label, labelPosition, labelVisible, loading, extraLeftGap, ...restProps }: ToggleSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleSwitch({ label, labelPosition, labelVisible, loading, extraLeftGap, ...restProps }: ToggleSwitchProps): import("react").JSX.Element;

package/dist/components/ToggleSwitch/ToggleSwitch.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ToggleSwitch-C7z7JVtx.js";
+import { t as e } from "../../ToggleSwitch-b54K58vY.js";
 export { e as ToggleSwitch };

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../ToggleSwitch-C7z7JVtx.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
+import { t } from "../../ToggleSwitch-b54K58vY.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {
 	title: "Atoms/ToggleSwitch",

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.stories.js","names":[],"sources":["../../../src/components/ToggleSwitch/ToggleSwitch.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ToggleSwitchProps } from './ToggleSwitch';\n\nimport { ToggleSwitch } from './ToggleSwitch';\n\nconst codeString = `\n// Has all InputHTMLAttributes props available except \"className\" and \"style\" \n<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ToggleSwitch',\n  component: ToggleSwitch,\n  parameters: {\n    inspectComponent: ToggleSwitch,\n    codeString: codeString,\n  },\n} as Meta<ToggleSwitchProps>;\n\nconst Template: StoryFn<ToggleSwitchProps> = (args) => {\n  return <ToggleSwitch {...args} />;\n};\n\nconst defaultArgs: Partial<ToggleSwitchProps> = {\n  label: 'Toggle switch example',\n  labelPosition: 'before',\n  onChange: fn(),\n};\n\nexport const ToggleSwitchExample = Template.bind({});\nToggleSwitchExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwC,MACrC,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAG7B,IAA0C;CAC9C,OAAO;CACP,eAAe;CACf,UAAU,GAAI;CACf,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}
+{"version":3,"file":"ToggleSwitch.stories.js","names":[],"sources":["../../../src/components/ToggleSwitch/ToggleSwitch.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ToggleSwitchProps } from './ToggleSwitch';\n\nimport { ToggleSwitch } from './ToggleSwitch';\n\nconst codeString = `\n// Has all InputHTMLAttributes props available except \"className\" and \"style\" \n<ToggleSwitch onChange={onChangeFunction} checked={checked} label={label} />\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ToggleSwitch',\n  component: ToggleSwitch,\n  parameters: {\n    inspectComponent: ToggleSwitch,\n    codeString: codeString,\n  },\n} as Meta<ToggleSwitchProps>;\n\nconst Template: StoryFn<ToggleSwitchProps> = (args) => {\n  return <ToggleSwitch {...args} />;\n};\n\nconst defaultArgs: Partial<ToggleSwitchProps> = {\n  label: 'Toggle switch example',\n  labelPosition: 'before',\n  onChange: fn(),\n};\n\nexport const ToggleSwitchExample = Template.bind({});\nToggleSwitchExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;AAaA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAwC,MACrC,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA,GAG5B,IAA0C;CAC9C,OAAO;CACP,eAAe;CACf,UAAU,EAAG;AACf,GAEa,IAAsB,EAAS,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO,EACzB,GAAG,EACL"}

package/dist/components/ToggleSwitch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../ToggleSwitch-C7z7JVtx.js";
+import { t as e } from "../../ToggleSwitch-b54K58vY.js";
 export { e as ToggleSwitch };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -12,4 +12,4 @@ export interface TooltipProps {
     openUnderTrigger?: boolean;
 }
 /** Represents a component for a custom tooltip. */
-export declare function Tooltip({ element, id, text, size, openUnderTrigger }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ element, id, text, size, openUnderTrigger }: TooltipProps): import("react").JSX.Element;

package/dist/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Tooltip-D27p9kh4.js";
+import { t as e } from "../../Tooltip-DvkGwn4j.js";
 export { e as Tooltip };

package/dist/components/Tooltip/Tooltip.stories.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../Tooltip-D27p9kh4.js";
-import { t } from "../../Container-BLjtYDqq.js";
+import { t as e } from "../../Tooltip-DvkGwn4j.js";
+import { t } from "../../Container-DK25h_-f.js";
 import "../../storyComponents/Container/index.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { TooltipProps } from './Tooltip';\n\nimport { Tooltip } from './Tooltip';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Tooltip element={element} id={id} text={text} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Tooltip',\n  component: Tooltip,\n  argTypes: {\n    element: {\n      control: 'text',\n    },\n    // Disable openUnderTrigger controls as this is a Lens specific prop that we should not use in other places.\n    // This is still needed until Lens structure is reworked.\n    openUnderTrigger: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Tooltip,\n    codeString: codeString,\n  },\n} as Meta<TooltipProps>;\n\nconst Template: StoryFn<TooltipProps> = (args) => (\n  <Container centerContent>\n    <Tooltip {...args} />\n  </Container>\n);\n\nexport const TooltipExample = Template.bind({});\nTooltipExample.args = {\n  element: 'Tooltip Trigger',\n  id: '52fcc9e9',\n  text: 'Here is your Tooltip',\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,QACV;EAGD,kBAAkB,EAChB,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAQY,MAN4B,MACvC,kBAAC,GAAD;CAAW,eAAA;WACT,kBAAC,GAAD,EAAS,GAAI,GAAQ,CAAA;CACX,CAAA,EAGyB,KAAK,EAAE,CAAC;AAC/C,EAAe,OAAO;CACpB,SAAS;CACT,IAAI;CACJ,MAAM;CACP"}
+{"version":3,"file":"Tooltip.stories.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { TooltipProps } from './Tooltip';\n\nimport { Tooltip } from './Tooltip';\n\nimport { Container } from 'storyComponents/Container';\n\nconst codeString = '<Tooltip element={element} id={id} text={text} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Tooltip',\n  component: Tooltip,\n  argTypes: {\n    element: {\n      control: 'text',\n    },\n    // Disable openUnderTrigger controls as this is a Lens specific prop that we should not use in other places.\n    // This is still needed until Lens structure is reworked.\n    openUnderTrigger: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Tooltip,\n    codeString: codeString,\n  },\n} as Meta<TooltipProps>;\n\nconst Template: StoryFn<TooltipProps> = (args) => (\n  <Container centerContent>\n    <Tooltip {...args} />\n  </Container>\n);\n\nexport const TooltipExample = Template.bind({});\nTooltipExample.args = {\n  element: 'Tooltip Trigger',\n  id: '52fcc9e9',\n  text: 'Here is your Tooltip',\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,SAAS,EACP,SAAS,OACX;EAGA,kBAAkB,EAChB,OAAO,EACL,SAAS,GACX,EACF;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAQa,MAN4B,MACvC,kBAAC,GAAD;CAAW,eAAA;WACT,kBAAC,GAAD,EAAS,GAAI,EAAO,CAAA;AACX,CAAA,GAG0B,KAAK,CAAC,CAAC;AAC9C,EAAe,OAAO;CACpB,SAAS;CACT,IAAI;CACJ,MAAM;AACR"}

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Tooltip-D27p9kh4.js";
+import { t as e } from "../../Tooltip-DvkGwn4j.js";
 export { e as Tooltip };

package/dist/components/VarIndicator/VarIndicator.d.ts

@@ -12,4 +12,4 @@ export interface VarIndicatorProps {
     isCompact?: boolean;
     onClick?: () => void;
 }
-export declare const VarIndicator: ({ label, variant, maxSteps, currentStep, isCompact, onClick, }: VarIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VarIndicator: ({ label, variant, maxSteps, currentStep, isCompact, onClick, }: VarIndicatorProps) => import("react").JSX.Element;

package/dist/components/VarIndicator/VarIndicator.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../VarIndicator-C-GueOZD.js";
+import { t as e } from "../../VarIndicator-DoMWwSUm.js";
 export { e as VarIndicator };

package/dist/components/VarIndicator/VarIndicator.stories.js

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../VarIndicator-C-GueOZD.js";
+import { r as e } from "../../test-Bd7kXF_B.js";
+import { t } from "../../VarIndicator-DoMWwSUm.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.stories.tsx
 var r = {

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

@@ -1 +1 @@
-{"version":3,"file":"VarIndicator.stories.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { VarIndicatorProps } from './VarIndicator';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\nconst codeString =\n  '<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/VarIndicator',\n  component: VarIndicator,\n  argTypes: {},\n  parameters: {\n    inspectComponent: VarIndicator,\n    codeString: codeString,\n  },\n} as Meta<VarIndicatorProps>;\n\nconst Template: StoryFn<VarIndicatorProps> = (args) => (\n  <div style={{ margin: '0 0 0 6rem' }}>\n    <VarIndicator {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<VarIndicatorProps> = {\n  label: LABELS,\n  maxSteps: 3,\n  currentStep: 2,\n  onClick: fn(),\n};\n\nexport const VarIndicatorExample = Template.bind({});\nVarIndicatorExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;AAOA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;CACT,EAMD,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAE;CACZ,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwC,MAC5C,kBAAC,OAAD;CAAK,OAAO,EAAE,QAAQ,cAAc;WAClC,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA;CACtB,CAAA,EAGF,IAA0C;CAC9C,OAAO;CACP,UAAU;CACV,aAAa;CACb,SAAS,GAAI;CACd,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,GAAG,GACJ"}
+{"version":3,"file":"VarIndicator.stories.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { VarIndicatorProps } from './VarIndicator';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\nconst codeString =\n  '<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/VarIndicator',\n  component: VarIndicator,\n  argTypes: {},\n  parameters: {\n    inspectComponent: VarIndicator,\n    codeString: codeString,\n  },\n} as Meta<VarIndicatorProps>;\n\nconst Template: StoryFn<VarIndicatorProps> = (args) => (\n  <div style={{ margin: '0 0 0 6rem' }}>\n    <VarIndicator {...args} />\n  </div>\n);\n\nconst defaultArgs: Partial<VarIndicatorProps> = {\n  label: LABELS,\n  maxSteps: 3,\n  currentStep: 2,\n  onClick: fn(),\n};\n\nexport const VarIndicatorExample = Template.bind({});\nVarIndicatorExample.args = {\n  ...defaultArgs,\n};\n"],"mappings":";;;;AAOA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;AACV,GAMA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,CAAC;CACX,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAwC,MAC5C,kBAAC,OAAD;CAAK,OAAO,EAAE,QAAQ,aAAa;WACjC,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA;AACtB,CAAA,GAGD,IAA0C;CAC9C,OAAO;CACP,UAAU;CACV,aAAa;CACb,SAAS,EAAG;AACd,GAEa,IAAsB,EAAS,KAAK,CAAC,CAAC;AACnD,EAAoB,OAAO,EACzB,GAAG,EACL"}

package/dist/components/VarIndicator/VarIndicator.test.js

@@ -1,7 +1,7 @@
-import "../../dist-V_v3kC0L.js";
-import { t as e } from "../../VarIndicator-C-GueOZD.js";
-import { a as t, i as n, n as r } from "../../react.esm-CweFe1CK.js";
-import { t as i } from "../../esm-BoujHjK5.js";
+import "../../dist-Cxk2-lJw.js";
+import { t as e } from "../../VarIndicator-DoMWwSUm.js";
+import { a as t, i as n, n as r } from "../../react.esm-GvSawg5E.js";
+import { t as i } from "../../esm-BJhEQquH.js";
 import { useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.test.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n  const [currentStep, setCurrentStep] = useState(1);\n  return (\n    // When clicked the onClick callback updates currentStep from 1 to 2.\n    <VarIndicator\n      label={LABELS}\n      variant=\"SUBMITTED\"\n      maxSteps={3}\n      currentStep={currentStep}\n      onClick={() => setCurrentStep(2)}\n    />\n  );\n};\n\ndescribe('VarIndicator', () => {\n  const onClickSpy = jest.fn();\n\n  beforeEach(() => {\n    onClickSpy.mockClear();\n  });\n\n  it('should render Concept (DRAFT)', () => {\n    render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (REJECTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (ACTIVE)', () => {\n    render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should render dots (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n    expect(screen.getByText('Verificatie')).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n    expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n  });\n\n  it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n    const verificationButton = screen.getByText('Verificatie');\n    expect(verificationButton).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n  });\n\n  it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n    render(<TestWrapper />);\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n    const verificationButton = screen.getByText('Verificatie');\n    await userEvent.click(verificationButton);\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n    });\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n    });\n  });\n});\n"],"mappings":";;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;CACT;AAED,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,GAAQ,CAAA,EACjE,EAAE;AAEH,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,EAAE;CACjD,OAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,EAAE;EAChC,CAAA;;AAIN,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,IAAI;CAoC5B,AAlCA,iBAAiB;EACf,EAAW,WAAW;GACtB,EAEF,GAAG,uCAAuC;EAExC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAU,CAAA,CAAC,EACvD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAa,CAAA,CAAC,EAC1D,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,wCAAwC;EAEzC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAW,CAAA,CAAC,EACxD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,mBAAmB;GACtD,EAEF,GAAG,wCAAwC;EAIzC,AAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAK,CAAA,CAAC,EACxF,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE,EAC5D,OAAO,EAAO,cAAc,oBAAoB,CAAC,CAAC,IAAI,mBAAmB;GACzE,EAEF,GAAG,qEAAqE;EACtE,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;GAAc,CAAA,CAAC;EAC7G,IAAM,IAAqB,EAAO,UAAU,cAAc;EAG1D,AAFA,OAAO,EAAmB,CAAC,mBAAmB,EAC9C,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE,EAClE,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;GAC5D,EAEF,GAAG,gEAAgE,YAAY;EAG7E,AAFA,EAAO,kBAAC,GAAD,EAAe,CAAA,CAAC,EACvB,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE,EAClE,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;EAC5D,IAAM,IAAqB,EAAO,UAAU,cAAc;EAK1D,AAJA,MAAM,EAAU,MAAM,EAAmB,EACzC,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE;IAClE,EACF,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;IAC5D;GACF;EACF"}
+{"version":3,"file":"VarIndicator.test.js","names":[],"sources":["../../../src/components/VarIndicator/VarIndicator.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { useState } from 'react';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n  DRAFT: 'Concept',\n  REJECTED: 'Concept',\n  SUBMITTED: 'Verificatie',\n  ACTIVE: 'Actief',\n};\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: string }) => <svg data-testid={name} />,\n}));\n\nconst TestWrapper = () => {\n  const [currentStep, setCurrentStep] = useState(1);\n  return (\n    // When clicked the onClick callback updates currentStep from 1 to 2.\n    <VarIndicator\n      label={LABELS}\n      variant=\"SUBMITTED\"\n      maxSteps={3}\n      currentStep={currentStep}\n      onClick={() => setCurrentStep(2)}\n    />\n  );\n};\n\ndescribe('VarIndicator', () => {\n  const onClickSpy = jest.fn();\n\n  beforeEach(() => {\n    onClickSpy.mockClear();\n  });\n\n  it('should render Concept (DRAFT)', () => {\n    render(<VarIndicator label={LABELS} variant=\"DRAFT\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (REJECTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"REJECTED\" />);\n    expect(screen.getByText('Concept')).toBeInTheDocument();\n  });\n\n  it('should render Concept (ACTIVE)', () => {\n    render(<VarIndicator label={LABELS} variant=\"ACTIVE\" />);\n    expect(screen.getByText('Actief')).toBeInTheDocument();\n  });\n\n  it('should render dots (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={0} />);\n    expect(screen.getByText('Verificatie')).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(3);\n    expect(screen.queryByTestId('CircleSmallFilled')).not.toBeInTheDocument();\n  });\n\n  it('should render filled dots when currentStep != 0 (SUBMITTED)', () => {\n    render(<VarIndicator label={LABELS} variant=\"SUBMITTED\" maxSteps={3} currentStep={1} onClick={onClickSpy} />);\n    const verificationButton = screen.getByText('Verificatie');\n    expect(verificationButton).toBeInTheDocument();\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n  });\n\n  it('should render filled dots currentStep is updated (SUBMITTED)', async () => {\n    render(<TestWrapper />);\n    expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(1);\n    expect(screen.getAllByTestId('CircleSmall')).toHaveLength(2);\n    const verificationButton = screen.getByText('Verificatie');\n    await userEvent.click(verificationButton);\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmallFilled')).toHaveLength(2);\n    });\n    await waitFor(() => {\n      expect(screen.getAllByTestId('CircleSmall')).toHaveLength(1);\n    });\n  });\n});\n"],"mappings":";;;;;;;AAQA,IAAM,IAAS;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,QAAQ;AACV;AAEA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAA6B,kBAAC,OAAD,EAAK,eAAa,EAAO,CAAA,EACjE,EAAE;AAEF,IAAM,UAAoB;CACxB,IAAM,CAAC,GAAa,KAAkB,EAAS,CAAC;CAChD,OAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,CAAC;CAChC,CAAA;AAEL;AAEA,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,GAAG;CAoC3B,AAlCA,iBAAiB;EACf,EAAW,UAAU;CACvB,CAAC,GAED,GAAG,uCAAuC;EAExC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAS,CAAA,CAAC,GACtD,OAAO,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;CACxD,CAAC,GAED,GAAG,0CAA0C;EAE3C,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAY,CAAA,CAAC,GACzD,OAAO,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;CACxD,CAAC,GAED,GAAG,wCAAwC;EAEzC,AADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;EAAU,CAAA,CAAC,GACvD,OAAO,EAAO,UAAU,QAAQ,CAAC,EAAE,kBAAkB;CACvD,CAAC,GAED,GAAG,wCAAwC;EAIzC,AAHA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;EAAI,CAAA,CAAC,GACvF,OAAO,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB,GAC1D,OAAO,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC,GAC3D,OAAO,EAAO,cAAc,mBAAmB,CAAC,EAAE,IAAI,kBAAkB;CAC1E,CAAC,GAED,GAAG,qEAAqE;EACtE,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;EAAa,CAAA,CAAC;EAC5G,IAAM,IAAqB,EAAO,UAAU,aAAa;EAGzD,AAFA,OAAO,CAAkB,EAAE,kBAAkB,GAC7C,OAAO,EAAO,eAAe,mBAAmB,CAAC,EAAE,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC;CAC7D,CAAC,GAED,GAAG,gEAAgE,YAAY;EAG7E,AAFA,EAAO,kBAAC,GAAD,CAAc,CAAA,CAAC,GACtB,OAAO,EAAO,eAAe,mBAAmB,CAAC,EAAE,aAAa,CAAC,GACjE,OAAO,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC;EAC3D,IAAM,IAAqB,EAAO,UAAU,aAAa;EAKzD,AAJA,MAAM,EAAU,MAAM,CAAkB,GACxC,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,mBAAmB,CAAC,EAAE,aAAa,CAAC;EACnE,CAAC,GACD,MAAM,QAAc;GAClB,OAAO,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC;EAC7D,CAAC;CACH,CAAC;AACH,CAAC"}

package/dist/components/VarIndicator/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../VarIndicator-C-GueOZD.js";
+import { t as e } from "../../VarIndicator-DoMWwSUm.js";
 export { e as VarIndicator };

package/dist/components/WeekSelector/WeekSelector.d.ts

@@ -28,4 +28,4 @@ export interface WeekSelectorProps {
     /** Optional WeekSelectorOptionContainer offset values [top, bottom] */
     optionContainerOffset?: number[];
 }
-export declare const WeekSelector: ({ weeks, currentPeriod, defaultSelection, weekPrefix, optionsHeader, periodLabels, onSelectWeek, portalContainerRef, optionContainerOffset, }: WeekSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WeekSelector: ({ weeks, currentPeriod, defaultSelection, weekPrefix, optionsHeader, periodLabels, onSelectWeek, portalContainerRef, optionContainerOffset, }: WeekSelectorProps) => import("react").JSX.Element;

package/dist/components/WeekSelector/WeekSelector.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../Backdrop-D8AHeuBn.js";
+import { t as e } from "../../Backdrop-bQ8kXsge.js";
 import { useOnClickOutside as t } from "../hooks/useOnClickOutside.js";
-import { t as n } from "../../WeekSelector.module-BLPrVYgn.js";
+import { t as n } from "../../WeekSelector.module-DuEbNvok.js";
 import { WeekSelectorButton as r } from "./components/WeekSelectorButton.js";
 import { WeekSelectorOptionContainer as i } from "./components/WeekSelectorOptionContainer.js";
 import { WeekSelectorOption as a } from "./components/WeekSelectorOption.js";

package/dist/components/WeekSelector/WeekSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekSelector.js","names":[],"sources":["../../../src/components/WeekSelector/WeekSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { OverlayContainer, useOverlay, usePreventScroll } from '@react-aria/overlays';\r\nimport { FocusScope } from '@react-aria/focus';\r\n\r\nimport type { CSSProperties, RefObject } from 'react';\r\n\r\nimport { WeekSelectorButton } from './components/WeekSelectorButton';\r\nimport { WeekSelectorOptionContainer } from './components/WeekSelectorOptionContainer';\r\nimport { WeekSelectorOption } from './components/WeekSelectorOption';\r\nimport styles from './WeekSelector.module.css';\r\n\r\nimport { Backdrop } from 'components/Backdrop';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\nexport type PeriodWeek = {\r\n  academicWeekNumber: number;\r\n  calendarWeekNumber: number;\r\n  isBlocked: boolean;\r\n  period: number;\r\n  startDate: string;\r\n  endDate: string;\r\n  weekNumber: number;\r\n};\r\n\r\nexport interface WeekSelectorProps {\r\n  /** Object with periodnumbers with array of weeks in period */\r\n  weeks: Record<string, PeriodWeek[]>;\r\n  /** Current period to disable previous periods */\r\n  currentPeriod?: number;\r\n  /** Default selected week */\r\n  defaultSelection?: number;\r\n  /** Prefix for the week button label */\r\n  weekPrefix: string;\r\n  /** Labels for each period */\r\n  periodLabels: string[];\r\n  /** Header text for the options container */\r\n  optionsHeader: string;\r\n  /** Callback function when a week is selected */\r\n  onSelectWeek: (weeknumber: number) => void;\r\n  /** Ref for the dropdown portal target */\r\n  portalContainerRef?: RefObject<HTMLElement | null>;\r\n  /** Optional WeekSelectorOptionContainer offset values [top, bottom] */\r\n  optionContainerOffset?: number[];\r\n}\r\n\r\nexport const WeekSelector = ({\r\n  weeks,\r\n  currentPeriod = 0,\r\n  defaultSelection,\r\n  weekPrefix,\r\n  optionsHeader,\r\n  periodLabels,\r\n  onSelectWeek,\r\n  portalContainerRef,\r\n  optionContainerOffset = [],\r\n}: WeekSelectorProps) => {\r\n  const [selectedOption, setSelectedOption] = useState<number | null>(null);\r\n  const [isOpen, setIsOpen] = useState<boolean>(false);\r\n  const wrapperRef = useRef<HTMLDivElement>(null);\r\n  const optionContainerRef = useRef<HTMLDivElement>(null);\r\n  const periodKeys = useMemo(() => Object.keys(weeks ?? {}), [weeks]);\r\n\r\n  useEffect(() => {\r\n    if (defaultSelection) {\r\n      for (const period in weeks) {\r\n        if (\r\n          weeks[period].some((week) => week.calendarWeekNumber === defaultSelection && !week.isBlocked) &&\r\n          Number(period) > currentPeriod\r\n        ) {\r\n          setSelectedOption(defaultSelection);\r\n          return;\r\n        }\r\n      }\r\n    }\r\n    for (const period in weeks) {\r\n      const firstAvailableWeek = weeks[period].find((week) => !week.isBlocked);\r\n      if (firstAvailableWeek && Number(period) > currentPeriod) {\r\n        setSelectedOption(firstAvailableWeek.calendarWeekNumber);\r\n        return;\r\n      }\r\n    }\r\n  }, [weeks, currentPeriod, defaultSelection]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      requestAnimationFrame(() => {\r\n        const selectedButton = optionContainerRef.current?.querySelector<HTMLButtonElement>(\r\n          `.${styles['week-selector-option-week--selected']}`\r\n        );\r\n        if (selectedButton) {\r\n          selectedButton.focus();\r\n        } else {\r\n          optionContainerRef.current?.querySelector<HTMLButtonElement>('button:not(:disabled)')?.focus();\r\n        }\r\n      });\r\n    }\r\n  }, [isOpen, selectedOption]);\r\n\r\n  const getButtonLabel = () => {\r\n    const weekNumber = selectedOption ?? defaultSelection ?? '?';\r\n    return `${weekPrefix} ${weekNumber}`;\r\n  };\r\n\r\n  useOnClickOutside(wrapperRef as RefObject<HTMLElement>, (event) => {\r\n    if (optionContainerRef.current && optionContainerRef.current.contains(event.target as Node)) {\r\n      return;\r\n    }\r\n    setIsOpen(false);\r\n  });\r\n\r\n  const { overlayProps, underlayProps } = useOverlay(\r\n    {\r\n      isOpen,\r\n      isDismissable: true,\r\n      onClose: () => setIsOpen(false),\r\n    },\r\n    optionContainerRef\r\n  );\r\n\r\n  usePreventScroll({ isDisabled: !isOpen || !portalContainerRef?.current });\r\n\r\n  const OptionList = (\r\n    <WeekSelectorOptionContainer\r\n      header={optionsHeader}\r\n      periodLabels={periodLabels}\r\n      ref={optionContainerRef}\r\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n      {...(optionContainerOffset.length === 2\r\n        ? {\r\n            style: {\r\n              top: optionContainerOffset[0],\r\n              left: optionContainerOffset[1],\r\n            } as CSSProperties,\r\n          }\r\n        : {})}\r\n    >\r\n      {periodKeys.map((periodIndex) => (\r\n        <WeekSelectorOption\r\n          key={periodIndex}\r\n          periodIndex={periodIndex}\r\n          weeks={weeks}\r\n          disabled={Number(periodIndex) <= currentPeriod}\r\n          selectedOption={selectedOption}\r\n          setSelectedOption={setSelectedOption}\r\n          onSelectWeek={onSelectWeek}\r\n          setIsOpen={setIsOpen}\r\n        />\r\n      ))}\r\n    </WeekSelectorOptionContainer>\r\n  );\r\n\r\n  return (\r\n    <div className={styles['week-selector']} tabIndex={-1} ref={wrapperRef}>\r\n      <WeekSelectorButton label={getButtonLabel()} onClick={() => setIsOpen(!isOpen)} />\r\n\r\n      {isOpen &&\r\n        (portalContainerRef?.current\r\n          ? createPortal(\r\n              <OverlayContainer>\r\n                <Backdrop {...underlayProps}>\r\n                  <FocusScope contain restoreFocus>\r\n                    <div {...overlayProps}>{OptionList}</div>\r\n                  </FocusScope>\r\n                </Backdrop>\r\n              </OverlayContainer>,\r\n              portalContainerRef.current\r\n            )\r\n          : OptionList)}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;AA8CA,IAAa,KAAgB,EAC3B,UACA,mBAAgB,GAChB,qBACA,eACA,kBACA,iBACA,iBACA,uBACA,2BAAwB,EAAE,OACH;CACvB,IAAM,CAAC,GAAgB,KAAqB,EAAwB,KAAK,EACnE,CAAC,GAAQ,KAAa,EAAkB,GAAM,EAC9C,IAAa,EAAuB,KAAK,EACzC,IAAqB,EAAuB,KAAK,EACjD,IAAa,QAAc,OAAO,KAAK,KAAS,EAAE,CAAC,EAAE,CAAC,EAAM,CAAC;CAuBnE,AArBA,QAAgB;EACd,IAAI;QACG,IAAM,KAAU,GACnB,IACE,EAAM,GAAQ,MAAM,MAAS,EAAK,uBAAuB,KAAoB,CAAC,EAAK,UAAU,IAC7F,OAAO,EAAO,GAAG,GACjB;IACA,EAAkB,EAAiB;IACnC;;;EAIN,KAAK,IAAM,KAAU,GAAO;GAC1B,IAAM,IAAqB,EAAM,GAAQ,MAAM,MAAS,CAAC,EAAK,UAAU;GACxE,IAAI,KAAsB,OAAO,EAAO,GAAG,GAAe;IACxD,EAAkB,EAAmB,mBAAmB;IACxD;;;IAGH;EAAC;EAAO;EAAe;EAAiB,CAAC,EAE5C,QAAgB;EACd,AAAI,KACF,4BAA4B;GAC1B,IAAM,IAAiB,EAAmB,SAAS,cACjD,IAAI,EAAO,yCACZ;GACD,AAAI,IACF,EAAe,OAAO,GAEtB,EAAmB,SAAS,cAAiC,wBAAwB,EAAE,OAAO;IAEhG;IAEH,CAAC,GAAQ,EAAe,CAAC;CAE5B,IAAM,UAEG,GAAG,EAAW,GADF,KAAkB,KAAoB;CAI3D,EAAkB,IAAuC,MAAU;EAC7D,EAAmB,WAAW,EAAmB,QAAQ,SAAS,EAAM,OAAe,IAG3F,EAAU,GAAM;GAChB;CAEF,IAAM,EAAE,iBAAc,qBAAkB,EACtC;EACE;EACA,eAAe;EACf,eAAe,EAAU,GAAM;EAChC,EACD,EACD;CAED,EAAiB,EAAE,YAAY,CAAC,KAAU,CAAC,GAAoB,SAAS,CAAC;CAEzE,IAAM,IACJ,kBAAC,GAAD;EACE,QAAQ;EACM;EACd,KAAK;EAEL,GAAK,EAAsB,WAAW,IAClC,EACE,OAAO;GACL,KAAK,EAAsB;GAC3B,MAAM,EAAsB;GAC7B,EACF,GACD,EAAE;YAEL,EAAW,KAAK,MACf,kBAAC,GAAD;GAEe;GACN;GACP,UAAU,OAAO,EAAY,IAAI;GACjB;GACG;GACL;GACH;GACX,EARK,EAQL,CACF;EAC0B,CAAA;CAGhC,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAkB,UAAU;EAAI,KAAK;YAA5D,CACE,kBAAC,GAAD;GAAoB,OAAO,GAAgB;GAAE,eAAe,EAAU,CAAC,EAAO;GAAI,CAAA,EAEjF,MACE,GAAoB,UACjB,EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAU,GAAI;aACZ,kBAAC,GAAD;IAAY,SAAA;IAAQ,cAAA;cAClB,kBAAC,OAAD;KAAK,GAAI;eAAe;KAAiB,CAAA;IAC9B,CAAA;GACJ,CAAA,EACM,CAAA,EACnB,EAAmB,QACpB,GACD,GACF"}
+{"version":3,"file":"WeekSelector.js","names":[],"sources":["../../../src/components/WeekSelector/WeekSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { OverlayContainer, useOverlay, usePreventScroll } from '@react-aria/overlays';\r\nimport { FocusScope } from '@react-aria/focus';\r\n\r\nimport type { CSSProperties, RefObject } from 'react';\r\n\r\nimport { WeekSelectorButton } from './components/WeekSelectorButton';\r\nimport { WeekSelectorOptionContainer } from './components/WeekSelectorOptionContainer';\r\nimport { WeekSelectorOption } from './components/WeekSelectorOption';\r\nimport styles from './WeekSelector.module.css';\r\n\r\nimport { Backdrop } from 'components/Backdrop';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\nexport type PeriodWeek = {\r\n  academicWeekNumber: number;\r\n  calendarWeekNumber: number;\r\n  isBlocked: boolean;\r\n  period: number;\r\n  startDate: string;\r\n  endDate: string;\r\n  weekNumber: number;\r\n};\r\n\r\nexport interface WeekSelectorProps {\r\n  /** Object with periodnumbers with array of weeks in period */\r\n  weeks: Record<string, PeriodWeek[]>;\r\n  /** Current period to disable previous periods */\r\n  currentPeriod?: number;\r\n  /** Default selected week */\r\n  defaultSelection?: number;\r\n  /** Prefix for the week button label */\r\n  weekPrefix: string;\r\n  /** Labels for each period */\r\n  periodLabels: string[];\r\n  /** Header text for the options container */\r\n  optionsHeader: string;\r\n  /** Callback function when a week is selected */\r\n  onSelectWeek: (weeknumber: number) => void;\r\n  /** Ref for the dropdown portal target */\r\n  portalContainerRef?: RefObject<HTMLElement | null>;\r\n  /** Optional WeekSelectorOptionContainer offset values [top, bottom] */\r\n  optionContainerOffset?: number[];\r\n}\r\n\r\nexport const WeekSelector = ({\r\n  weeks,\r\n  currentPeriod = 0,\r\n  defaultSelection,\r\n  weekPrefix,\r\n  optionsHeader,\r\n  periodLabels,\r\n  onSelectWeek,\r\n  portalContainerRef,\r\n  optionContainerOffset = [],\r\n}: WeekSelectorProps) => {\r\n  const [selectedOption, setSelectedOption] = useState<number | null>(null);\r\n  const [isOpen, setIsOpen] = useState<boolean>(false);\r\n  const wrapperRef = useRef<HTMLDivElement>(null);\r\n  const optionContainerRef = useRef<HTMLDivElement>(null);\r\n  const periodKeys = useMemo(() => Object.keys(weeks ?? {}), [weeks]);\r\n\r\n  useEffect(() => {\r\n    if (defaultSelection) {\r\n      for (const period in weeks) {\r\n        if (\r\n          weeks[period].some((week) => week.calendarWeekNumber === defaultSelection && !week.isBlocked) &&\r\n          Number(period) > currentPeriod\r\n        ) {\r\n          setSelectedOption(defaultSelection);\r\n          return;\r\n        }\r\n      }\r\n    }\r\n    for (const period in weeks) {\r\n      const firstAvailableWeek = weeks[period].find((week) => !week.isBlocked);\r\n      if (firstAvailableWeek && Number(period) > currentPeriod) {\r\n        setSelectedOption(firstAvailableWeek.calendarWeekNumber);\r\n        return;\r\n      }\r\n    }\r\n  }, [weeks, currentPeriod, defaultSelection]);\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      requestAnimationFrame(() => {\r\n        const selectedButton = optionContainerRef.current?.querySelector<HTMLButtonElement>(\r\n          `.${styles['week-selector-option-week--selected']}`\r\n        );\r\n        if (selectedButton) {\r\n          selectedButton.focus();\r\n        } else {\r\n          optionContainerRef.current?.querySelector<HTMLButtonElement>('button:not(:disabled)')?.focus();\r\n        }\r\n      });\r\n    }\r\n  }, [isOpen, selectedOption]);\r\n\r\n  const getButtonLabel = () => {\r\n    const weekNumber = selectedOption ?? defaultSelection ?? '?';\r\n    return `${weekPrefix} ${weekNumber}`;\r\n  };\r\n\r\n  useOnClickOutside(wrapperRef as RefObject<HTMLElement>, (event) => {\r\n    if (optionContainerRef.current && optionContainerRef.current.contains(event.target as Node)) {\r\n      return;\r\n    }\r\n    setIsOpen(false);\r\n  });\r\n\r\n  const { overlayProps, underlayProps } = useOverlay(\r\n    {\r\n      isOpen,\r\n      isDismissable: true,\r\n      onClose: () => setIsOpen(false),\r\n    },\r\n    optionContainerRef\r\n  );\r\n\r\n  usePreventScroll({ isDisabled: !isOpen || !portalContainerRef?.current });\r\n\r\n  const OptionList = (\r\n    <WeekSelectorOptionContainer\r\n      header={optionsHeader}\r\n      periodLabels={periodLabels}\r\n      ref={optionContainerRef}\r\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n      {...(optionContainerOffset.length === 2\r\n        ? {\r\n            style: {\r\n              top: optionContainerOffset[0],\r\n              left: optionContainerOffset[1],\r\n            } as CSSProperties,\r\n          }\r\n        : {})}\r\n    >\r\n      {periodKeys.map((periodIndex) => (\r\n        <WeekSelectorOption\r\n          key={periodIndex}\r\n          periodIndex={periodIndex}\r\n          weeks={weeks}\r\n          disabled={Number(periodIndex) <= currentPeriod}\r\n          selectedOption={selectedOption}\r\n          setSelectedOption={setSelectedOption}\r\n          onSelectWeek={onSelectWeek}\r\n          setIsOpen={setIsOpen}\r\n        />\r\n      ))}\r\n    </WeekSelectorOptionContainer>\r\n  );\r\n\r\n  return (\r\n    <div className={styles['week-selector']} tabIndex={-1} ref={wrapperRef}>\r\n      <WeekSelectorButton label={getButtonLabel()} onClick={() => setIsOpen(!isOpen)} />\r\n\r\n      {isOpen &&\r\n        (portalContainerRef?.current\r\n          ? createPortal(\r\n              <OverlayContainer>\r\n                <Backdrop {...underlayProps}>\r\n                  <FocusScope contain restoreFocus>\r\n                    <div {...overlayProps}>{OptionList}</div>\r\n                  </FocusScope>\r\n                </Backdrop>\r\n              </OverlayContainer>,\r\n              portalContainerRef.current\r\n            )\r\n          : OptionList)}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;AA8CA,IAAa,KAAgB,EAC3B,UACA,mBAAgB,GAChB,qBACA,eACA,kBACA,iBACA,iBACA,uBACA,2BAAwB,CAAC,QACF;CACvB,IAAM,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAClE,CAAC,GAAQ,KAAa,EAAkB,EAAK,GAC7C,IAAa,EAAuB,IAAI,GACxC,IAAqB,EAAuB,IAAI,GAChD,IAAa,QAAc,OAAO,KAAK,KAAS,CAAC,CAAC,GAAG,CAAC,CAAK,CAAC;CAuBlE,AArBA,QAAgB;EACd,IAAI;QACG,IAAM,KAAU,GACnB,IACE,EAAM,GAAQ,MAAM,MAAS,EAAK,uBAAuB,KAAoB,CAAC,EAAK,SAAS,KAC5F,OAAO,CAAM,IAAI,GACjB;IACA,EAAkB,CAAgB;IAClC;GACF;;EAGJ,KAAK,IAAM,KAAU,GAAO;GAC1B,IAAM,IAAqB,EAAM,GAAQ,MAAM,MAAS,CAAC,EAAK,SAAS;GACvE,IAAI,KAAsB,OAAO,CAAM,IAAI,GAAe;IACxD,EAAkB,EAAmB,kBAAkB;IACvD;GACF;EACF;CACF,GAAG;EAAC;EAAO;EAAe;CAAgB,CAAC,GAE3C,QAAgB;EACd,AAAI,KACF,4BAA4B;GAC1B,IAAM,IAAiB,EAAmB,SAAS,cACjD,IAAI,EAAO,wCACb;GACA,AAAI,IACF,EAAe,MAAM,IAErB,EAAmB,SAAS,cAAiC,uBAAuB,GAAG,MAAM;EAEjG,CAAC;CAEL,GAAG,CAAC,GAAQ,CAAc,CAAC;CAE3B,IAAM,UAEG,GAAG,EAAW,GADF,KAAkB,KAAoB;CAI3D,EAAkB,IAAuC,MAAU;EAC7D,EAAmB,WAAW,EAAmB,QAAQ,SAAS,EAAM,MAAc,KAG1F,EAAU,EAAK;CACjB,CAAC;CAED,IAAM,EAAE,iBAAc,qBAAkB,EACtC;EACE;EACA,eAAe;EACf,eAAe,EAAU,EAAK;CAChC,GACA,CACF;CAEA,EAAiB,EAAE,YAAY,CAAC,KAAU,CAAC,GAAoB,QAAQ,CAAC;CAExE,IAAM,IACJ,kBAAC,GAAD;EACE,QAAQ;EACM;EACd,KAAK;EAEL,GAAK,EAAsB,WAAW,IAClC,EACE,OAAO;GACL,KAAK,EAAsB;GAC3B,MAAM,EAAsB;EAC9B,EACF,IACA,CAAC;YAEJ,EAAW,KAAK,MACf,kBAAC,GAAD;GAEe;GACN;GACP,UAAU,OAAO,CAAW,KAAK;GACjB;GACG;GACL;GACH;EACZ,GARM,CAQN,CACF;CAC0B,CAAA;CAG/B,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAkB,UAAU;EAAI,KAAK;YAA5D,CACE,kBAAC,GAAD;GAAoB,OAAO,EAAe;GAAG,eAAe,EAAU,CAAC,CAAM;EAAI,CAAA,GAEhF,MACE,GAAoB,UACjB,EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAU,GAAI;aACZ,kBAAC,GAAD;IAAY,SAAA;IAAQ,cAAA;cAClB,kBAAC,OAAD;KAAK,GAAI;eAAe;IAAgB,CAAA;GAC9B,CAAA;EACJ,CAAA,EACM,CAAA,GAClB,EAAmB,OACrB,IACA,EACH;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"WeekSelector.stories.js","names":[],"sources":["../../../src/components/WeekSelector/WeekSelector.stories.tsx"],"sourcesContent":["import { useRef } from 'react';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { WeekSelectorProps } from 'components/WeekSelector';\r\n\r\nimport { mockWeeks } from './mockdata';\r\n\r\nimport { WeekSelector } from 'components/WeekSelector';\r\n\r\nconst codeString = `<WeekSelector \r\n  weeks={Object-with-periodnumbers-with-array-of-weeks-in-period};\r\n  currentPeriod?={number};\r\n  defaultSelection?={number};\r\n  weekPrefix={string};\r\n  periodLabels={string[]};\r\n  optionsHeader={string};\r\n  onSelectWeek={(weeknumber: {number}) => void};\r\n />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/WeekSelector',\r\n  component: WeekSelector,\r\n  argTypes: {\r\n    onSelectWeek: {\r\n      action: 'selected week',\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    portalContainerRef: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    optionContainerOffset: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    currentPeriod: { table: { disable: true } },\r\n    defaultSelection: { table: { disable: true } },\r\n  },\r\n  parameters: {\r\n    inspectComponent: WeekSelector,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<WeekSelectorProps>;\r\n\r\nconst Template: StoryFn<WeekSelectorProps> = (args) => {\r\n  const handleSelectWeek = (weekNumber: number) => {\r\n    args.onSelectWeek(weekNumber);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        padding: '1rem',\r\n        backgroundColor: '#EEE',\r\n        display: 'flex',\r\n        gap: '1rem',\r\n        alignItems: 'flex-start',\r\n        flexDirection: 'column',\r\n      }}\r\n    >\r\n      <WeekSelector {...args} currentPeriod={1} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={45}\r\n        currentPeriod={2}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 2\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={6}\r\n        currentPeriod={3}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 3\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={13}\r\n        currentPeriod={4}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 4\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={23}\r\n        currentPeriod={5}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 5\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={28}\r\n        currentPeriod={6}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 6\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={36}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Zomer\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nconst defaultArgs: Partial<WeekSelectorProps> = {\r\n  weeks: mockWeeks,\r\n  weekPrefix: 'week',\r\n  periodLabels: ['Blok 1', 'Blok 2', 'Blok 3', 'Blok 4', 'Blok 5', 'Blok 6', 'Zomer'],\r\n  optionsHeader: 'Kies een planning - Blok 1',\r\n};\r\n\r\nexport const WeekSelectorExample = Template.bind({});\r\n\r\nWeekSelectorExample.args = {\r\n  ...defaultArgs,\r\n};\r\n\r\nconst TemplateWithRef: StoryFn<WeekSelectorProps> = (args) => {\r\n  const handleSelectWeek = (weekNumber: number) => {\r\n    args.onSelectWeek(weekNumber);\r\n  };\r\n\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      style={{\r\n        padding: '1rem',\r\n        backgroundColor: '#EEE',\r\n        display: 'flex',\r\n        gap: '1rem',\r\n        alignItems: 'flex-start',\r\n        flexDirection: 'column',\r\n      }}\r\n    >\r\n      <WeekSelector\r\n        {...args}\r\n        currentPeriod={1}\r\n        onSelectWeek={handleSelectWeek}\r\n        portalContainerRef={containerRef}\r\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n        optionContainerOffset={[-200, -250]}\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={45}\r\n        currentPeriod={2}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 2\"\r\n        portalContainerRef={containerRef}\r\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n        optionContainerOffset={[-200, -250]}\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={6}\r\n        currentPeriod={3}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 3\"\r\n        portalContainerRef={containerRef}\r\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n        optionContainerOffset={[-200, -250]}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const InAPortal = TemplateWithRef.bind({});\r\n\r\nInAPortal.args = {\r\n  ...defaultArgs,\r\n};\r\n"],"mappings":";;;;AAoBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,cAAc;GACZ,QAAQ;GACR,OAAO,EACL,SAAS,IACV;GACF;EACD,oBAAoB,EAClB,OAAO,EACL,SAAS,IACV,EACF;EACD,uBAAuB,EACrB,OAAO,EACL,SAAS,IACV,EACF;EACD,eAAe,EAAE,OAAO,EAAE,SAAS,IAAM,EAAE;EAC3C,kBAAkB,EAAE,OAAO,EAAE,SAAS,IAAM,EAAE;EAC/C;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAEK,KAAwC,MAAS;CACrD,IAAM,KAAoB,MAAuB;EAC/C,EAAK,aAAa,EAAW;;CAG/B,OACE,kBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,iBAAiB;GACjB,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GAChB;YARH;GAUE,kBAAC,GAAD;IAAc,GAAI;IAAM,eAAe;IAAG,cAAc;IAAoB,CAAA;GAC5E,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,cAAc;IACd,eAAc;IACd,CAAA;GACE;;GAIJ,IAA0C;CAC9C,OAAO;CACP,YAAY;CACZ,cAAc;EAAC;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;EAAQ;CACnF,eAAe;CAChB,EAEY,IAAsB,EAAS,KAAK,EAAE,CAAC;AAEpD,EAAoB,OAAO,EACzB,GAAG,GACJ;AAqDD,IAAa,MAnDwC,MAAS;CAC5D,IAAM,KAAoB,MAAuB;EAC/C,EAAK,aAAa,EAAW;IAGzB,IAAe,EAAuB,KAAK;CAEjD,OACE,kBAAC,OAAD;EACE,KAAK;EACL,OAAO;GACL,SAAS;GACT,iBAAiB;GACjB,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;GAChB;YATH;GAWE,kBAAC,GAAD;IACE,GAAI;IACJ,eAAe;IACf,cAAc;IACd,oBAAoB;IAEpB,uBAAuB,CAAC,MAAM,KAAK;IACnC,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,oBAAoB;IAEpB,uBAAuB,CAAC,MAAM,KAAK;IACnC,CAAA;GACF,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,oBAAoB;IAEpB,uBAAuB,CAAC,MAAM,KAAK;IACnC,CAAA;GACE;;GAI+B,KAAK,EAAE,CAAC;AAEjD,EAAU,OAAO,EACf,GAAG,GACJ"}
+{"version":3,"file":"WeekSelector.stories.js","names":[],"sources":["../../../src/components/WeekSelector/WeekSelector.stories.tsx"],"sourcesContent":["import { useRef } from 'react';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { WeekSelectorProps } from 'components/WeekSelector';\r\n\r\nimport { mockWeeks } from './mockdata';\r\n\r\nimport { WeekSelector } from 'components/WeekSelector';\r\n\r\nconst codeString = `<WeekSelector \r\n  weeks={Object-with-periodnumbers-with-array-of-weeks-in-period};\r\n  currentPeriod?={number};\r\n  defaultSelection?={number};\r\n  weekPrefix={string};\r\n  periodLabels={string[]};\r\n  optionsHeader={string};\r\n  onSelectWeek={(weeknumber: {number}) => void};\r\n />`;\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/WeekSelector',\r\n  component: WeekSelector,\r\n  argTypes: {\r\n    onSelectWeek: {\r\n      action: 'selected week',\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    portalContainerRef: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    optionContainerOffset: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    currentPeriod: { table: { disable: true } },\r\n    defaultSelection: { table: { disable: true } },\r\n  },\r\n  parameters: {\r\n    inspectComponent: WeekSelector,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<WeekSelectorProps>;\r\n\r\nconst Template: StoryFn<WeekSelectorProps> = (args) => {\r\n  const handleSelectWeek = (weekNumber: number) => {\r\n    args.onSelectWeek(weekNumber);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        padding: '1rem',\r\n        backgroundColor: '#EEE',\r\n        display: 'flex',\r\n        gap: '1rem',\r\n        alignItems: 'flex-start',\r\n        flexDirection: 'column',\r\n      }}\r\n    >\r\n      <WeekSelector {...args} currentPeriod={1} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={45}\r\n        currentPeriod={2}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 2\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={6}\r\n        currentPeriod={3}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 3\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={13}\r\n        currentPeriod={4}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 4\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={23}\r\n        currentPeriod={5}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 5\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={28}\r\n        currentPeriod={6}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 6\"\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={36}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Zomer\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nconst defaultArgs: Partial<WeekSelectorProps> = {\r\n  weeks: mockWeeks,\r\n  weekPrefix: 'week',\r\n  periodLabels: ['Blok 1', 'Blok 2', 'Blok 3', 'Blok 4', 'Blok 5', 'Blok 6', 'Zomer'],\r\n  optionsHeader: 'Kies een planning - Blok 1',\r\n};\r\n\r\nexport const WeekSelectorExample = Template.bind({});\r\n\r\nWeekSelectorExample.args = {\r\n  ...defaultArgs,\r\n};\r\n\r\nconst TemplateWithRef: StoryFn<WeekSelectorProps> = (args) => {\r\n  const handleSelectWeek = (weekNumber: number) => {\r\n    args.onSelectWeek(weekNumber);\r\n  };\r\n\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      style={{\r\n        padding: '1rem',\r\n        backgroundColor: '#EEE',\r\n        display: 'flex',\r\n        gap: '1rem',\r\n        alignItems: 'flex-start',\r\n        flexDirection: 'column',\r\n      }}\r\n    >\r\n      <WeekSelector\r\n        {...args}\r\n        currentPeriod={1}\r\n        onSelectWeek={handleSelectWeek}\r\n        portalContainerRef={containerRef}\r\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n        optionContainerOffset={[-200, -250]}\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={45}\r\n        currentPeriod={2}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 2\"\r\n        portalContainerRef={containerRef}\r\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n        optionContainerOffset={[-200, -250]}\r\n      />\r\n      <WeekSelector\r\n        {...args}\r\n        defaultSelection={6}\r\n        currentPeriod={3}\r\n        onSelectWeek={handleSelectWeek}\r\n        optionsHeader=\"Kies een planning - Blok 3\"\r\n        portalContainerRef={containerRef}\r\n        // eslint-disable-next-line @typescript-eslint/no-magic-numbers\r\n        optionContainerOffset={[-200, -250]}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const InAPortal = TemplateWithRef.bind({});\r\n\r\nInAPortal.args = {\r\n  ...defaultArgs,\r\n};\r\n"],"mappings":";;;;AAoBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,cAAc;GACZ,QAAQ;GACR,OAAO,EACL,SAAS,GACX;EACF;EACA,oBAAoB,EAClB,OAAO,EACL,SAAS,GACX,EACF;EACA,uBAAuB,EACrB,OAAO,EACL,SAAS,GACX,EACF;EACA,eAAe,EAAE,OAAO,EAAE,SAAS,GAAK,EAAE;EAC1C,kBAAkB,EAAE,OAAO,EAAE,SAAS,GAAK,EAAE;CAC/C;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAEM,KAAwC,MAAS;CACrD,IAAM,KAAoB,MAAuB;EAC/C,EAAK,aAAa,CAAU;CAC9B;CAEA,OACE,kBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,iBAAiB;GACjB,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;EACjB;YARF;GAUE,kBAAC,GAAD;IAAc,GAAI;IAAM,eAAe;IAAG,cAAc;GAAmB,CAAA;GAC3E,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;GACf,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;GACf,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;GACf,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;GACf,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;GACf,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,cAAc;IACd,eAAc;GACf,CAAA;EACE;;AAET,GAEM,IAA0C;CAC9C,OAAO;CACP,YAAY;CACZ,cAAc;EAAC;EAAU;EAAU;EAAU;EAAU;EAAU;EAAU;CAAO;CAClF,eAAe;AACjB,GAEa,IAAsB,EAAS,KAAK,CAAC,CAAC;AAEnD,EAAoB,OAAO,EACzB,GAAG,EACL;AAqDA,IAAa,MAnDwC,MAAS;CAC5D,IAAM,KAAoB,MAAuB;EAC/C,EAAK,aAAa,CAAU;CAC9B,GAEM,IAAe,EAAuB,IAAI;CAEhD,OACE,kBAAC,OAAD;EACE,KAAK;EACL,OAAO;GACL,SAAS;GACT,iBAAiB;GACjB,SAAS;GACT,KAAK;GACL,YAAY;GACZ,eAAe;EACjB;YATF;GAWE,kBAAC,GAAD;IACE,GAAI;IACJ,eAAe;IACf,cAAc;IACd,oBAAoB;IAEpB,uBAAuB,CAAC,MAAM,IAAI;GACnC,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,oBAAoB;IAEpB,uBAAuB,CAAC,MAAM,IAAI;GACnC,CAAA;GACD,kBAAC,GAAD;IACE,GAAI;IACJ,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAc;IACd,oBAAoB;IAEpB,uBAAuB,CAAC,MAAM,IAAI;GACnC,CAAA;EACE;;AAET,GAEyC,KAAK,CAAC,CAAC;AAEhD,EAAU,OAAO,EACf,GAAG,EACL"}

package/dist/components/WeekSelector/components/WeekSelectorButton.d.ts

@@ -2,4 +2,4 @@ export interface WeekSelectorButtonProps {
     label: string;
     onClick: () => void;
 }
-export declare const WeekSelectorButton: ({ label, onClick }: WeekSelectorButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WeekSelectorButton: ({ label, onClick }: WeekSelectorButtonProps) => import("react").JSX.Element;

package/dist/components/WeekSelector/components/WeekSelectorButton.js

@@ -1,5 +1,5 @@
 import { Icon as e } from "../../Icon/Icon.js";
-import { t } from "../../../WeekSelector.module-BLPrVYgn.js";
+import { t } from "../../../WeekSelector.module-DuEbNvok.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/WeekSelector/components/WeekSelectorButton.tsx
 var i = ({ label: i, onClick: a }) => /* @__PURE__ */ r("button", {

package/dist/components/WeekSelector/components/WeekSelectorButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekSelectorButton.js","names":[],"sources":["../../../../src/components/WeekSelector/components/WeekSelectorButton.tsx"],"sourcesContent":["import { Icon } from 'components/Icon';\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\n\r\nexport interface WeekSelectorButtonProps {\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const WeekSelectorButton = ({ label, onClick }: WeekSelectorButtonProps) => {\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={styles['week-selector-button']}\r\n      tabIndex={0}\r\n      aria-haspopup=\"listbox\"\r\n      aria-label=\"Week selector\"\r\n      onClick={onClick}\r\n    >\r\n      {label}\r\n      <Icon name=\"CheveronDown\" size={20} />\r\n    </button>\r\n  );\r\n};\r\n"],"mappings":";;;;AAQA,IAAa,KAAsB,EAAE,UAAO,iBAExC,kBAAC,UAAD;CACE,MAAK;CACL,WAAW,EAAO;CAClB,UAAU;CACV,iBAAc;CACd,cAAW;CACF;WANX,CAQG,GACD,kBAAC,GAAD;EAAM,MAAK;EAAe,MAAM;EAAM,CAAA,CAC/B"}
+{"version":3,"file":"WeekSelectorButton.js","names":[],"sources":["../../../../src/components/WeekSelector/components/WeekSelectorButton.tsx"],"sourcesContent":["import { Icon } from 'components/Icon';\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\n\r\nexport interface WeekSelectorButtonProps {\r\n  label: string;\r\n  onClick: () => void;\r\n}\r\n\r\nexport const WeekSelectorButton = ({ label, onClick }: WeekSelectorButtonProps) => {\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={styles['week-selector-button']}\r\n      tabIndex={0}\r\n      aria-haspopup=\"listbox\"\r\n      aria-label=\"Week selector\"\r\n      onClick={onClick}\r\n    >\r\n      {label}\r\n      <Icon name=\"CheveronDown\" size={20} />\r\n    </button>\r\n  );\r\n};\r\n"],"mappings":";;;;AAQA,IAAa,KAAsB,EAAE,UAAO,iBAExC,kBAAC,UAAD;CACE,MAAK;CACL,WAAW,EAAO;CAClB,UAAU;CACV,iBAAc;CACd,cAAW;CACF;WANX,CAQG,GACD,kBAAC,GAAD;EAAM,MAAK;EAAe,MAAM;CAAK,CAAA,CAC/B"}

package/dist/components/WeekSelector/components/WeekSelectorOption.d.ts

@@ -8,4 +8,4 @@ export interface WeekSelectorOptionProps {
     onSelectWeek: (weeknumber: number) => void;
     setIsOpen: (isOpen: boolean) => void;
 }
-export declare const WeekSelectorOption: ({ periodIndex, weeks, selectedOption, disabled, setSelectedOption, onSelectWeek, setIsOpen, }: WeekSelectorOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WeekSelectorOption: ({ periodIndex, weeks, selectedOption, disabled, setSelectedOption, onSelectWeek, setIsOpen, }: WeekSelectorOptionProps) => import("react").JSX.Element;

package/dist/components/WeekSelector/components/WeekSelectorOption.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../clsx-BD2qMUU1.js";
-import { t } from "../../../WeekSelector.module-BLPrVYgn.js";
+import { t as e } from "../../../clsx-BWCAbrjV.js";
+import { t } from "../../../WeekSelector.module-DuEbNvok.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/WeekSelector/components/WeekSelectorOption.tsx
 var r = ({ periodIndex: r, weeks: i, selectedOption: a, disabled: o, setSelectedOption: s, onSelectWeek: c, setIsOpen: l }) => {

package/dist/components/WeekSelector/components/WeekSelectorOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekSelectorOption.js","names":[],"sources":["../../../../src/components/WeekSelector/components/WeekSelectorOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\r\n\r\nimport type { KeyboardEvent } from 'react';\r\nimport type { PeriodWeek } from 'components/WeekSelector/WeekSelector';\r\n\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\nexport interface WeekSelectorOptionProps {\r\n  periodIndex: string;\r\n  weeks: Record<string, PeriodWeek[]>;\r\n  selectedOption: number | null;\r\n  disabled?: boolean;\r\n  setSelectedOption: (weekNumber: number) => void;\r\n  onSelectWeek: (weeknumber: number) => void;\r\n  setIsOpen: (isOpen: boolean) => void;\r\n}\r\n\r\nexport const WeekSelectorOption = ({\r\n  periodIndex,\r\n  weeks,\r\n  selectedOption,\r\n  disabled,\r\n  setSelectedOption,\r\n  onSelectWeek,\r\n  setIsOpen,\r\n}: WeekSelectorOptionProps) => {\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\r\n    const current = event.currentTarget;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowRight': {\r\n        event.preventDefault();\r\n        let nextElement = current.nextElementSibling as HTMLButtonElement | null;\r\n        while (nextElement && nextElement.disabled) {\r\n          nextElement = nextElement.nextElementSibling as HTMLButtonElement | null;\r\n        }\r\n        nextElement?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowLeft': {\r\n        event.preventDefault();\r\n        let prevElement = current.previousElementSibling as HTMLButtonElement | null;\r\n        while (prevElement && prevElement.disabled) {\r\n          prevElement = prevElement.previousElementSibling as HTMLButtonElement | null;\r\n        }\r\n        prevElement?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        const currentIndex = Array.from(current.parentElement?.children ?? []).indexOf(current);\r\n        let nextRow = current.parentElement?.nextElementSibling as HTMLElement | null;\r\n        while (nextRow) {\r\n          const candidate = nextRow.children[currentIndex] as HTMLButtonElement | undefined;\r\n          if (candidate && !candidate.disabled) {\r\n            candidate.focus();\r\n            break;\r\n          }\r\n          nextRow = nextRow.nextElementSibling as HTMLElement | null;\r\n        }\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        const currentIndex = Array.from(current.parentElement?.children ?? []).indexOf(current);\r\n        let prevRow = current.parentElement?.previousElementSibling as HTMLElement | null;\r\n        while (prevRow) {\r\n          const candidate = prevRow.children[currentIndex] as HTMLButtonElement | undefined;\r\n          if (candidate && !candidate.disabled) {\r\n            candidate.focus();\r\n            break;\r\n          }\r\n          prevRow = prevRow.previousElementSibling as HTMLElement | null;\r\n        }\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        setIsOpen(false);\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n  return (\r\n    <div key={periodIndex} className={styles['week-selector-option-week-row']}>\r\n      {weeks[periodIndex].map((week) => (\r\n        <button\r\n          key={week.weekNumber}\r\n          type=\"button\"\r\n          className={clsx(styles['week-selector-option-week'], [\r\n            selectedOption === week.calendarWeekNumber && styles['week-selector-option-week--selected'],\r\n          ])}\r\n          disabled={week.isBlocked || disabled}\r\n          onKeyDown={handleKeyDown}\r\n          onClick={() => {\r\n            if (!week.isBlocked) {\r\n              setSelectedOption(week.calendarWeekNumber);\r\n              onSelectWeek(week.calendarWeekNumber);\r\n              setIsOpen(false);\r\n            }\r\n          }}\r\n          autoFocus={selectedOption === week.calendarWeekNumber}\r\n        >\r\n          {week.calendarWeekNumber}\r\n        </button>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;AAgBA,IAAa,KAAsB,EACjC,gBACA,UACA,mBACA,aACA,sBACA,iBACA,mBAC6B;CAC7B,IAAM,KAAiB,MAA4C;EACjE,IAAM,IAAU,EAAM;EAEtB,QAAQ,EAAM,KAAd;GACE,KAAK,cAAc;IACjB,EAAM,gBAAgB;IACtB,IAAI,IAAc,EAAQ;IAC1B,OAAO,KAAe,EAAY,WAChC,IAAc,EAAY;IAE5B,GAAa,OAAO;IACpB;;GAEF,KAAK,aAAa;IAChB,EAAM,gBAAgB;IACtB,IAAI,IAAc,EAAQ;IAC1B,OAAO,KAAe,EAAY,WAChC,IAAc,EAAY;IAE5B,GAAa,OAAO;IACpB;;GAEF,KAAK,aAAa;IAChB,EAAM,gBAAgB;IACtB,IAAM,IAAe,MAAM,KAAK,EAAQ,eAAe,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAQ,EACnF,IAAU,EAAQ,eAAe;IACrC,OAAO,IAAS;KACd,IAAM,IAAY,EAAQ,SAAS;KACnC,IAAI,KAAa,CAAC,EAAU,UAAU;MACpC,EAAU,OAAO;MACjB;;KAEF,IAAU,EAAQ;;IAEpB;;GAEF,KAAK,WAAW;IACd,EAAM,gBAAgB;IACtB,IAAM,IAAe,MAAM,KAAK,EAAQ,eAAe,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAQ,EACnF,IAAU,EAAQ,eAAe;IACrC,OAAO,IAAS;KACd,IAAM,IAAY,EAAQ,SAAS;KACnC,IAAI,KAAa,CAAC,EAAU,UAAU;MACpC,EAAU,OAAO;MACjB;;KAEF,IAAU,EAAQ;;IAEpB;;GAEF,KAAK;IACH,EAAU,GAAM;IAChB;GACF,SACE;;;CAGN,OACE,kBAAC,OAAD;EAAuB,WAAW,EAAO;YACtC,EAAM,GAAa,KAAK,MACvB,kBAAC,UAAD;GAEE,MAAK;GACL,WAAW,EAAK,EAAO,8BAA8B,CACnD,MAAmB,EAAK,sBAAsB,EAAO,uCACtD,CAAC;GACF,UAAU,EAAK,aAAa;GAC5B,WAAW;GACX,eAAe;IACb,AAAK,EAAK,cACR,EAAkB,EAAK,mBAAmB,EAC1C,EAAa,EAAK,mBAAmB,EACrC,EAAU,GAAM;;GAGpB,WAAW,MAAmB,EAAK;aAElC,EAAK;GACC,EAjBF,EAAK,WAiBH,CACT;EACE,EAtBI,EAsBJ"}
+{"version":3,"file":"WeekSelectorOption.js","names":[],"sources":["../../../../src/components/WeekSelector/components/WeekSelectorOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\r\n\r\nimport type { KeyboardEvent } from 'react';\r\nimport type { PeriodWeek } from 'components/WeekSelector/WeekSelector';\r\n\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\nexport interface WeekSelectorOptionProps {\r\n  periodIndex: string;\r\n  weeks: Record<string, PeriodWeek[]>;\r\n  selectedOption: number | null;\r\n  disabled?: boolean;\r\n  setSelectedOption: (weekNumber: number) => void;\r\n  onSelectWeek: (weeknumber: number) => void;\r\n  setIsOpen: (isOpen: boolean) => void;\r\n}\r\n\r\nexport const WeekSelectorOption = ({\r\n  periodIndex,\r\n  weeks,\r\n  selectedOption,\r\n  disabled,\r\n  setSelectedOption,\r\n  onSelectWeek,\r\n  setIsOpen,\r\n}: WeekSelectorOptionProps) => {\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\r\n    const current = event.currentTarget;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowRight': {\r\n        event.preventDefault();\r\n        let nextElement = current.nextElementSibling as HTMLButtonElement | null;\r\n        while (nextElement && nextElement.disabled) {\r\n          nextElement = nextElement.nextElementSibling as HTMLButtonElement | null;\r\n        }\r\n        nextElement?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowLeft': {\r\n        event.preventDefault();\r\n        let prevElement = current.previousElementSibling as HTMLButtonElement | null;\r\n        while (prevElement && prevElement.disabled) {\r\n          prevElement = prevElement.previousElementSibling as HTMLButtonElement | null;\r\n        }\r\n        prevElement?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        const currentIndex = Array.from(current.parentElement?.children ?? []).indexOf(current);\r\n        let nextRow = current.parentElement?.nextElementSibling as HTMLElement | null;\r\n        while (nextRow) {\r\n          const candidate = nextRow.children[currentIndex] as HTMLButtonElement | undefined;\r\n          if (candidate && !candidate.disabled) {\r\n            candidate.focus();\r\n            break;\r\n          }\r\n          nextRow = nextRow.nextElementSibling as HTMLElement | null;\r\n        }\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        const currentIndex = Array.from(current.parentElement?.children ?? []).indexOf(current);\r\n        let prevRow = current.parentElement?.previousElementSibling as HTMLElement | null;\r\n        while (prevRow) {\r\n          const candidate = prevRow.children[currentIndex] as HTMLButtonElement | undefined;\r\n          if (candidate && !candidate.disabled) {\r\n            candidate.focus();\r\n            break;\r\n          }\r\n          prevRow = prevRow.previousElementSibling as HTMLElement | null;\r\n        }\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        setIsOpen(false);\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n  return (\r\n    <div key={periodIndex} className={styles['week-selector-option-week-row']}>\r\n      {weeks[periodIndex].map((week) => (\r\n        <button\r\n          key={week.weekNumber}\r\n          type=\"button\"\r\n          className={clsx(styles['week-selector-option-week'], [\r\n            selectedOption === week.calendarWeekNumber && styles['week-selector-option-week--selected'],\r\n          ])}\r\n          disabled={week.isBlocked || disabled}\r\n          onKeyDown={handleKeyDown}\r\n          onClick={() => {\r\n            if (!week.isBlocked) {\r\n              setSelectedOption(week.calendarWeekNumber);\r\n              onSelectWeek(week.calendarWeekNumber);\r\n              setIsOpen(false);\r\n            }\r\n          }}\r\n          autoFocus={selectedOption === week.calendarWeekNumber}\r\n        >\r\n          {week.calendarWeekNumber}\r\n        </button>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;AAgBA,IAAa,KAAsB,EACjC,gBACA,UACA,mBACA,aACA,sBACA,iBACA,mBAC6B;CAC7B,IAAM,KAAiB,MAA4C;EACjE,IAAM,IAAU,EAAM;EAEtB,QAAQ,EAAM,KAAd;GACE,KAAK,cAAc;IACjB,EAAM,eAAe;IACrB,IAAI,IAAc,EAAQ;IAC1B,OAAO,KAAe,EAAY,WAChC,IAAc,EAAY;IAE5B,GAAa,MAAM;IACnB;GACF;GACA,KAAK,aAAa;IAChB,EAAM,eAAe;IACrB,IAAI,IAAc,EAAQ;IAC1B,OAAO,KAAe,EAAY,WAChC,IAAc,EAAY;IAE5B,GAAa,MAAM;IACnB;GACF;GACA,KAAK,aAAa;IAChB,EAAM,eAAe;IACrB,IAAM,IAAe,MAAM,KAAK,EAAQ,eAAe,YAAY,CAAC,CAAC,EAAE,QAAQ,CAAO,GAClF,IAAU,EAAQ,eAAe;IACrC,OAAO,IAAS;KACd,IAAM,IAAY,EAAQ,SAAS;KACnC,IAAI,KAAa,CAAC,EAAU,UAAU;MACpC,EAAU,MAAM;MAChB;KACF;KACA,IAAU,EAAQ;IACpB;IACA;GACF;GACA,KAAK,WAAW;IACd,EAAM,eAAe;IACrB,IAAM,IAAe,MAAM,KAAK,EAAQ,eAAe,YAAY,CAAC,CAAC,EAAE,QAAQ,CAAO,GAClF,IAAU,EAAQ,eAAe;IACrC,OAAO,IAAS;KACd,IAAM,IAAY,EAAQ,SAAS;KACnC,IAAI,KAAa,CAAC,EAAU,UAAU;MACpC,EAAU,MAAM;MAChB;KACF;KACA,IAAU,EAAQ;IACpB;IACA;GACF;GACA,KAAK;IACH,EAAU,EAAK;IACf;GACF,SACE;EACJ;CACF;CACA,OACE,kBAAC,OAAD;EAAuB,WAAW,EAAO;YACtC,EAAM,GAAa,KAAK,MACvB,kBAAC,UAAD;GAEE,MAAK;GACL,WAAW,EAAK,EAAO,8BAA8B,CACnD,MAAmB,EAAK,sBAAsB,EAAO,sCACvD,CAAC;GACD,UAAU,EAAK,aAAa;GAC5B,WAAW;GACX,eAAe;IACb,AAAK,EAAK,cACR,EAAkB,EAAK,kBAAkB,GACzC,EAAa,EAAK,kBAAkB,GACpC,EAAU,EAAK;GAEnB;GACA,WAAW,MAAmB,EAAK;aAElC,EAAK;EACA,GAjBD,EAAK,UAiBJ,CACT;CACE,GAtBK,CAsBL;AAET"}

package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../WeekSelector.module-BLPrVYgn.js";
+import { t as e } from "../../../WeekSelector.module-DuEbNvok.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/WeekSelector/components/WeekSelectorOptionContainer.tsx

package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekSelectorOptionContainer.js","names":[],"sources":["../../../../src/components/WeekSelector/components/WeekSelectorOptionContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport type { CSSProperties, ReactNode } from 'react';\r\n\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\n\r\nexport interface WeekSelectorOptionContainerProps {\r\n  header: string;\r\n  periodLabels?: string[];\r\n  children: ReactNode;\r\n  style?: CSSProperties;\r\n}\r\n\r\nexport const WeekSelectorOptionContainer = forwardRef<HTMLDivElement, WeekSelectorOptionContainerProps>(\r\n  ({ header, periodLabels, children, style }, ref) => {\r\n    return (\r\n      <div ref={ref} className={styles['week-selector-option-container']} style={style}>\r\n        <h2 className={styles['week-selector-option-header']}>{header}</h2>\r\n        <div className={styles['week-selector-option-table']}>\r\n          <div className={styles['week-selector-option-table-labels']}>\r\n            {periodLabels?.map((label, index) => (\r\n              <div key={`${label}-${index}`} className={styles['week-selector-option-table-label']}>\r\n                {label}\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <div className={styles['week-selector-option-week-grid']}>{children}</div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nWeekSelectorOptionContainer.displayName = 'WeekSelectorOptionContainer';\r\n"],"mappings":";;;;AAaA,IAAa,IAA8B,GACxC,EAAE,WAAQ,iBAAc,aAAU,YAAS,MAExC,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAO;CAA0C;WAA3E,CACE,kBAAC,MAAD;EAAI,WAAW,EAAO;YAAiC;EAAY,CAAA,EACnE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,GAAc,KAAK,GAAO,MACzB,kBAAC,OAAD;IAA+B,WAAW,EAAO;cAC9C;IACG,EAFI,GAAG,EAAM,GAAG,IAEhB,CACN;GACE,CAAA,EACN,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAoC;GAAe,CAAA,CACtE;IACF;GAGX;AAED,EAA4B,cAAc"}
+{"version":3,"file":"WeekSelectorOptionContainer.js","names":[],"sources":["../../../../src/components/WeekSelector/components/WeekSelectorOptionContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react';\r\n\r\nimport type { CSSProperties, ReactNode } from 'react';\r\n\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\n\r\nexport interface WeekSelectorOptionContainerProps {\r\n  header: string;\r\n  periodLabels?: string[];\r\n  children: ReactNode;\r\n  style?: CSSProperties;\r\n}\r\n\r\nexport const WeekSelectorOptionContainer = forwardRef<HTMLDivElement, WeekSelectorOptionContainerProps>(\r\n  ({ header, periodLabels, children, style }, ref) => {\r\n    return (\r\n      <div ref={ref} className={styles['week-selector-option-container']} style={style}>\r\n        <h2 className={styles['week-selector-option-header']}>{header}</h2>\r\n        <div className={styles['week-selector-option-table']}>\r\n          <div className={styles['week-selector-option-table-labels']}>\r\n            {periodLabels?.map((label, index) => (\r\n              <div key={`${label}-${index}`} className={styles['week-selector-option-table-label']}>\r\n                {label}\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <div className={styles['week-selector-option-week-grid']}>{children}</div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nWeekSelectorOptionContainer.displayName = 'WeekSelectorOptionContainer';\r\n"],"mappings":";;;;AAaA,IAAa,IAA8B,GACxC,EAAE,WAAQ,iBAAc,aAAU,YAAS,MAExC,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAO;CAA0C;WAA3E,CACE,kBAAC,MAAD;EAAI,WAAW,EAAO;YAAiC;CAAW,CAAA,GAClE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,GAAc,KAAK,GAAO,MACzB,kBAAC,OAAD;IAA+B,WAAW,EAAO;cAC9C;GACE,GAFK,GAAG,EAAM,GAAG,GAEjB,CACN;EACE,CAAA,GACL,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAoC;EAAc,CAAA,CACtE;GACF;EAGX;AAEA,EAA4B,cAAc"}