npm - @uva-glass/component-library - Versions diffs - 3.55.7 → 3.55.8 - Mend

@uva-glass/component-library 3.55.7 → 3.55.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (665) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../TextArea-CuASC9bX.js";
+import { r as e } from "../../test-CpW02epT.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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,5 +1,5 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
-import { t } from "../../ToggleSwitch-C7z7JVtx.js";
+import { r as e } from "../../test-CpW02epT.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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-CpW02epT.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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;CAAK,CAAA,CAC/B"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;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"}