@uva-glass/component-library 3.52.8 → 3.52.10

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { f as l } from "../../index-Dbb5M7Zc.js";
+import { f as l } from "../../index-DRQMriwT.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

package/dist/components/Buttons/LinkButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { f as s } from "../../index-Dbb5M7Zc.js";
+import { f as s } from "../../index-DRQMriwT.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as n } from "./LinkButton.js";
 const d = `

package/dist/components/Buttons/MenuButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import { f as c } from "../../index-Dbb5M7Zc.js";
+import { f as c } from "../../index-DRQMriwT.js";
 import { MenuButton as t } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style" 

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

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { f as e } from "../../index-Dbb5M7Zc.js";
+import { f as e } from "../../index-DRQMriwT.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

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

@@ -7,3 +7,4 @@ export declare const AsRadioButtonBar: import('storybook/internal/csf').Annotate
 export declare const WithPrefix: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
 export declare const WithTooltip: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
 export declare const Segmented: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;
+export declare const WithPeriods: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxButtonBarProps>;

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

@@ -1,7 +1,8 @@
 import { jsx as e, jsxs as t, Fragment as l } from "react/jsx-runtime";
-import { f as o } from "../../index-Dbb5M7Zc.js";
+import { f as o } from "../../index-DRQMriwT.js";
 import { CheckboxButtonBar as i } from "./CheckboxButtonBar.js";
-const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", v = {
+import { Periods as r } from "../Periods/Periods.js";
+const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", B = {
   title: "Molecules/CheckboxButtonBar",
   component: i,
   argTypes: {
@@ -44,8 +45,8 @@ const u = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosit
     inspectComponent: i,
     codeString: u
   }
-}, a = (r) => /* @__PURE__ */ e(i, { ...r }), s = a.bind({});
-s.args = {
+}, a = (s) => /* @__PURE__ */ e(i, { ...s }), n = a.bind({});
+n.args = {
   label: "Periode",
   required: !0,
   checkboxes: [
@@ -79,8 +80,8 @@ s.args = {
   footerText: "Weken in periode 2",
   onSetValues: o()
 };
-const n = a.bind({});
-n.args = {
+const b = a.bind({});
+b.args = {
   label: "Weken",
   required: !0,
   checkboxes: [
@@ -114,8 +115,8 @@ n.args = {
   actAsRadioButtonBar: !0,
   onSetValues: o()
 };
-const b = a.bind({});
-b.args = {
+const p = a.bind({});
+p.args = {
   label: "Weken",
   required: !0,
   checkboxes: [
@@ -155,8 +156,8 @@ b.args = {
   actAsRadioButtonBar: !1,
   onSetValues: o()
 };
-const p = a.bind({});
-p.args = {
+const d = a.bind({});
+d.args = {
   label: "Weken",
   required: !0,
   checkboxes: [
@@ -282,12 +283,35 @@ c.args = {
   segmented: !0,
   onSetValues: o()
 };
+const f = a.bind({});
+f.args = {
+  label: "Aanbieding",
+  required: !0,
+  checkboxes: [
+    {
+      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+      label: /* @__PURE__ */ e(r, { periods: [1, 2] }),
+      value: "1"
+    },
+    {
+      // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+      label: /* @__PURE__ */ e(r, { periods: [2, 3] }),
+      value: "2"
+    }
+  ],
+  defaultValues: ["1"],
+  labelPosition: "top",
+  actAsRadioButtonBar: !1,
+  segmented: !0,
+  onSetValues: o()
+};
 export {
-  n as AsRadioButtonBar,
-  s as CheckboxButtonBarExample,
+  b as AsRadioButtonBar,
+  n as CheckboxButtonBarExample,
   c as Segmented,
-  b as WithPrefix,
-  p as WithTooltip,
-  v as default
+  f as WithPeriods,
+  p as WithPrefix,
+  d as WithTooltip,
+  B as default
 };
 //# sourceMappingURL=CheckboxButtonBar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  checkboxes: [\n    {\n      label: '1.1',\n      value: '1',\n    },\n    {\n      label: '1.2',\n      value: '2',\n    },\n    {\n      label: '1.3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '36',\n      tooltip: (\n        <>\n          1 sept - 5 sept\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '37',\n      tooltip: (\n        <>\n          8 sept - 12 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '38',\n      tooltip: (\n        <>\n          15 sept - 19 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '39',\n      tooltip: (\n        <>\n          22 sept - 26 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '40',\n      tooltip: (\n        <>\n          29 sept - 3 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '41',\n      tooltip: (\n        <>\n          6 okt - 10 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '7',\n      value: '7',\n      prefix: '42',\n      tooltip: (\n        <>\n          13 okt - 17 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '8',\n      value: '8',\n      prefix: '43',\n      tooltip: (\n        <>\n          20 okt - 24 okt\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n  label: 'Year(s)',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      tooltip: <>2023 - 2024</>,\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      tooltip: <>2025 - 2026</>,\n    },\n    {\n      label: '3',\n      value: '3',\n      tooltip: <>2026 - 2027</>,\n    },\n    {\n      label: '4',\n      value: '4',\n      tooltip: <>2027 - 2028</>,\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","AsRadioButtonBar","WithPrefix","WithTooltip","jsxs","Fragment","Segmented"],"mappings":"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"}
+{"version":3,"file":"CheckboxButtonBar.stories.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CheckboxButtonBarProps } from './CheckboxButtonBar';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nimport { Periods } from 'components/Periods';\n\nconst codeString =\n  '<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/CheckboxButtonBar',\n  component: CheckboxButtonBar,\n  argTypes: {\n    checkboxes: {\n      table: {\n        disable: true,\n      },\n    },\n    defaultValues: {\n      table: {\n        disable: true,\n      },\n    },\n    label: {\n      control: 'text',\n    },\n    labelPosition: {\n      control: 'radio',\n      options: ['top', 'left'],\n    },\n    required: {\n      control: 'boolean',\n    },\n    notValidatedText: {\n      control: 'text',\n    },\n    disableGroup: {\n      control: 'boolean',\n    },\n    actAsRadioButtonBar: {\n      control: 'boolean',\n    },\n    onSetValues: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: CheckboxButtonBar,\n    codeString: codeString,\n  },\n} as Meta<CheckboxButtonBarProps>;\n\nconst Template: StoryFn<CheckboxButtonBarProps> = (args) => <CheckboxButtonBar {...args} />;\n\nexport const CheckboxButtonBarExample = Template.bind({});\nCheckboxButtonBarExample.args = {\n  label: 'Periode',\n  required: true,\n  checkboxes: [\n    {\n      label: '1.1',\n      value: '1',\n    },\n    {\n      label: '1.2',\n      value: '2',\n    },\n    {\n      label: '1.3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1', '2'],\n  labelPosition: 'top',\n  footerText: 'Weken in periode 2',\n  onSetValues: fn(),\n};\n\nexport const AsRadioButtonBar = Template.bind({});\nAsRadioButtonBar.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n    },\n    {\n      label: '2',\n      value: '2',\n    },\n    {\n      label: '3',\n      value: '3',\n    },\n    {\n      label: '4',\n      value: '4',\n    },\n    {\n      label: '5',\n      value: '5',\n    },\n    {\n      label: '6',\n      value: '6',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: true,\n  onSetValues: fn(),\n};\n\nexport const WithPrefix = Template.bind({});\nWithPrefix.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '13',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '14',\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '15',\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '16',\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '17',\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '18',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const WithTooltip = Template.bind({});\nWithTooltip.args = {\n  label: 'Weken',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      prefix: '36',\n      tooltip: (\n        <>\n          1 sept - 5 sept\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      prefix: '37',\n      tooltip: (\n        <>\n          8 sept - 12 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '3',\n      value: '3',\n      prefix: '38',\n      tooltip: (\n        <>\n          15 sept - 19 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '4',\n      value: '4',\n      prefix: '39',\n      tooltip: (\n        <>\n          22 sept - 26 sept\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '5',\n      value: '5',\n      prefix: '40',\n      tooltip: (\n        <>\n          29 sept - 3 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '6',\n      value: '6',\n      prefix: '41',\n      tooltip: (\n        <>\n          6 okt - 10 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '7',\n      value: '7',\n      prefix: '42',\n      tooltip: (\n        <>\n          13 okt - 17 okt\n          <br />\n          2025\n        </>\n      ),\n    },\n    {\n      label: '8',\n      value: '8',\n      prefix: '43',\n      tooltip: (\n        <>\n          20 okt - 24 okt\n          <br />\n          2025\n        </>\n      ),\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  onSetValues: fn(),\n};\n\nexport const Segmented = Template.bind({});\nSegmented.args = {\n  label: 'Year(s)',\n  required: true,\n  checkboxes: [\n    {\n      label: '1',\n      value: '1',\n      tooltip: <>2023 - 2024</>,\n      tooltipPosition: 'left',\n    },\n    {\n      label: '2',\n      value: '2',\n      tooltip: <>2025 - 2026</>,\n    },\n    {\n      label: '3',\n      value: '3',\n      tooltip: <>2026 - 2027</>,\n    },\n    {\n      label: '4',\n      value: '4',\n      tooltip: <>2027 - 2028</>,\n      tooltipPosition: 'right',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n\nexport const WithPeriods = Template.bind({});\nWithPeriods.args = {\n  label: 'Aanbieding',\n  required: true,\n  checkboxes: [\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[1, 2]} />,\n      value: '1',\n    },\n    {\n      // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n      label: <Periods periods={[2, 3]} />,\n      value: '2',\n    },\n  ],\n  defaultValues: ['1'],\n  labelPosition: 'top',\n  actAsRadioButtonBar: false,\n  segmented: true,\n  onSetValues: fn(),\n};\n"],"names":["codeString","CheckboxButtonBar_stories","CheckboxButtonBar","Template","args","jsx","CheckboxButtonBarExample","fn","AsRadioButtonBar","WithPrefix","WithTooltip","jsxs","Fragment","Segmented","WithPeriods","Periods"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx as h, jsxs as b } from "react/jsx-runtime";
-import { f as C } from "../../index-Dbb5M7Zc.js";
-import { a as u } from "../../chunk-RW5PKMWM-pUx2dyqB.js";
+import { f as C } from "../../index-DRQMriwT.js";
+import { a as u } from "../../chunk-HERDX7MO-DaYu-eWo.js";
 import { useState as f } from "react";
 import { CheckboxTree as p } from "./CheckboxTree.js";
 import { Chip as g } from "../Chip/Chip.js";

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

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

package/dist/components/ControlsButton/ControlsButton.js

@@ -1,71 +1,74 @@
-import { jsxs as c, Fragment as w, jsx as o } from "react/jsx-runtime";
-import { useId as g } from "react";
-import { c as b } from "../../clsx-OuTLNxxd.js";
-import { Icon as I } from "../Icon/Icon.js";
-import '../../assets/ControlsButton.css';const t = {
-  "controls-input": "_controls-input_17k7u_1",
-  "controls-button": "_controls-button_17k7u_40",
-  "controls-button--squared": "_controls-button--squared_17k7u_58",
-  "controls-button--with-prefix": "_controls-button--with-prefix_17k7u_70",
-  "controls-button--with-icon": "_controls-button--with-icon_17k7u_76",
-  "controls-button__wrapper": "_controls-button__wrapper_17k7u_80",
-  "controls-button__prefix": "_controls-button__prefix_17k7u_86",
-  "controls-button__tooltip": "_controls-button__tooltip_17k7u_91",
-  "controls-button__tooltip--left": "_controls-button__tooltip--left_17k7u_106",
-  "controls-button__tooltip--center": "_controls-button__tooltip--center_17k7u_110",
-  "controls-button__tooltip--right": "_controls-button__tooltip--right_17k7u_115"
-}, j = ({
-  type: p = "checkbox",
+import { jsxs as l, Fragment as g, jsx as o } from "react/jsx-runtime";
+import { useId as I } from "react";
+import { c as p } from "../../clsx-OuTLNxxd.js";
+import { Icon as $ } from "../Icon/Icon.js";
+import '../../assets/ControlsButton.css';const k = "_periods__item_t81b2_160", t = {
+  "controls-input": "_controls-input_t81b2_1",
+  "controls-button": "_controls-button_t81b2_40",
+  "controls-button--squared": "_controls-button--squared_t81b2_58",
+  "controls-button--with-prefix": "_controls-button--with-prefix_t81b2_70",
+  "controls-button--with-icon": "_controls-button--with-icon_t81b2_76",
+  "controls-button__wrapper": "_controls-button__wrapper_t81b2_80",
+  "controls-button__prefix": "_controls-button__prefix_t81b2_86",
+  "controls-button__tooltip": "_controls-button__tooltip_t81b2_91",
+  "controls-button__tooltip--left": "_controls-button__tooltip--left_t81b2_106",
+  "controls-button__tooltip--center": "_controls-button__tooltip--center_t81b2_110",
+  "controls-button__tooltip--right": "_controls-button__tooltip--right_t81b2_115",
+  "controls-button--checked": "_controls-button--checked_t81b2_160",
+  periods__item: k
+}, z = ({
+  type: a = "checkbox",
   label: n,
   value: i,
   iconName: r,
-  prefix: s,
-  tooltip: _,
-  tooltipPosition: a = "center",
-  name: d,
-  forceSquared: h = !1,
-  checked: m,
+  prefix: _,
+  tooltip: s,
+  tooltipPosition: d = "center",
+  name: h,
+  forceSquared: m = !1,
+  checked: e,
   disabled: f,
-  onSetValue: k
+  onSetValue: x
 }) => {
-  const x = g(), u = (typeof n == "string" ? n : i).replace(/\s+/g, "_"), l = `${x}${u}`, e = `${l}-tooltip`;
-  return /* @__PURE__ */ c(w, { children: [
+  const w = I(), b = (typeof n == "string" ? n : i).replace(/\s+/g, "_"), c = `${w}${b}`, u = `${c}-tooltip`;
+  return /* @__PURE__ */ l(g, { children: [
     /* @__PURE__ */ o(
       "input",
       {
-        type: p,
-        id: l,
-        name: d ?? u,
+        type: a,
+        id: c,
+        name: h ?? b,
         disabled: f,
         value: i,
-        checked: m,
-        onChange: k,
+        checked: e,
+        onChange: x,
         className: t["controls-input"],
-        "aria-describedby": _ ? e : void 0
+        "aria-describedby": s ? u : void 0
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "label",
       {
-        htmlFor: l,
-        className: b(t["controls-button"], [
-          h && t["controls-button--squared"],
-          s && t["controls-button--with-prefix"],
-          r && t["controls-button--with-icon"]
+        htmlFor: c,
+        className: p(t["controls-button"], [
+          m && t["controls-button--squared"],
+          _ && t["controls-button--with-prefix"],
+          r && t["controls-button--with-icon"],
+          e && t["controls-button--checked"]
         ]),
         children: [
-          r && /* @__PURE__ */ o(I, { name: r, size: 20 }),
-          /* @__PURE__ */ c("div", { className: t["controls-button__wrapper"], children: [
-            s && /* @__PURE__ */ o("div", { className: t["controls-button__prefix"], children: s }),
+          r && /* @__PURE__ */ o($, { name: r, size: 20 }),
+          /* @__PURE__ */ l("div", { className: t["controls-button__wrapper"], children: [
+            _ && /* @__PURE__ */ o("div", { className: t["controls-button__prefix"], children: _ }),
             n
           ] }),
-          _ && /* @__PURE__ */ o(
+          s && /* @__PURE__ */ o(
             "div",
             {
-              id: e,
+              id: u,
               role: "tooltip",
-              className: b(t["controls-button__tooltip"], t[`controls-button__tooltip--${a}`]),
-              children: _
+              className: p(t["controls-button__tooltip"], t[`controls-button__tooltip--${d}`]),
+              children: s
             }
           )
         ]
@@ -74,6 +77,6 @@ import '../../assets/ControlsButton.css';const t = {
   ] });
 };
 export {
-  j as ControlsButton
+  z as ControlsButton
 };
 //# sourceMappingURL=ControlsButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.js","sources":["../../../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":["import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent, ReactNode } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  /** button label */\r\n  label: string | ReactNode;\r\n  /** button value */\r\n  value: string;\r\n  /** set if icon is needed in font of label */\r\n  iconName?: IconProps['name'];\r\n  /** set if prefix is needed above of label */\r\n  prefix?: string;\r\n  /** set tooltip */\r\n  tooltip?: ReactNode;\r\n  /** set horizontal position of the tooltip */\r\n  tooltipPosition?: 'left' | 'center' | 'right';\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. Note: hides icon */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  iconName,\r\n  prefix,\r\n  tooltip,\r\n  tooltipPosition = 'center',\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n  const labelString = typeof label === 'string' ? label : value;\r\n  const sanitizedLabel = labelString.replace(/\\s+/g, '_');\r\n  const baseId = `${idPrefix}${sanitizedLabel}`;\r\n  const tooltipId = `${baseId}-tooltip`;\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={baseId}\r\n        name={name ?? sanitizedLabel}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={onSetValue}\r\n        className={styles['controls-input']}\r\n        aria-describedby={tooltip ? tooltipId : undefined}\r\n      />\r\n      <label\r\n        htmlFor={baseId}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n          iconName && styles['controls-button--with-icon'],\r\n        ])}\r\n      >\r\n        {iconName && <Icon name={iconName} size={20} />}\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n        {tooltip && (\r\n          <div\r\n            id={tooltipId}\r\n            role=\"tooltip\"\r\n            className={clsx(styles['controls-button__tooltip'], styles[`controls-button__tooltip--${tooltipPosition}`])}\r\n          >\r\n            {tooltip}\r\n          </div>\r\n        )}\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ControlsButton","type","label","value","iconName","prefix","tooltip","tooltipPosition","name","forceSquared","checked","disabled","onSetValue","idPrefix","useId","sanitizedLabel","baseId","tooltipId","jsxs","Fragment","jsx","styles","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;GAqCaA,IAAiB,CAAC;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA2B;AACzB,QAAMC,IAAWC,EAAA,GAEXC,KADc,OAAOb,KAAU,WAAWA,IAAQC,GACrB,QAAQ,QAAQ,GAAG,GAChDa,IAAS,GAAGH,CAAQ,GAAGE,CAAc,IACrCE,IAAY,GAAGD,CAAM;AAE3B,SACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAnB;AAAA,QACA,IAAIe;AAAA,QACJ,MAAMR,KAAQO;AAAA,QACd,UAAAJ;AAAA,QACA,OAAAR;AAAA,QACA,SAAAO;AAAA,QACA,UAAUE;AAAA,QACV,WAAWS,EAAO,gBAAgB;AAAA,QAClC,oBAAkBf,IAAUW,IAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1C,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASF;AAAA,QACT,WAAWM,EAAKD,EAAO,iBAAiB,GAAG;AAAA,UACzCZ,KAAgBY,EAAO,0BAA0B;AAAA,UACjDhB,KAAUgB,EAAO,8BAA8B;AAAA,UAC/CjB,KAAYiB,EAAO,4BAA4B;AAAA,QAAA,CAChD;AAAA,QAEA,UAAA;AAAA,UAAAjB,KAAY,gBAAAgB,EAACG,GAAA,EAAK,MAAMnB,GAAU,MAAM,IAAI;AAAA,UAC7C,gBAAAc,EAAC,OAAA,EAAI,WAAWG,EAAO,0BAA0B,GAC9C,UAAA;AAAA,YAAAhB,uBAAW,OAAA,EAAI,WAAWgB,EAAO,yBAAyB,GAAI,UAAAhB,GAAO;AAAA,YACrEH;AAAA,UAAA,GACH;AAAA,UACCI,KACC,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,MAAK;AAAA,cACL,WAAWK,EAAKD,EAAO,0BAA0B,GAAGA,EAAO,6BAA6Bd,CAAe,EAAE,CAAC;AAAA,cAEzG,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}
+{"version":3,"file":"ControlsButton.js","sources":["../../../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":["import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent, ReactNode } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  /** button label */\r\n  label: string | ReactNode;\r\n  /** button value */\r\n  value: string;\r\n  /** set if icon is needed in font of label */\r\n  iconName?: IconProps['name'];\r\n  /** set if prefix is needed above of label */\r\n  prefix?: string;\r\n  /** set tooltip */\r\n  tooltip?: ReactNode;\r\n  /** set horizontal position of the tooltip */\r\n  tooltipPosition?: 'left' | 'center' | 'right';\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. Note: hides icon */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  iconName,\r\n  prefix,\r\n  tooltip,\r\n  tooltipPosition = 'center',\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n  const labelString = typeof label === 'string' ? label : value;\r\n  const sanitizedLabel = labelString.replace(/\\s+/g, '_');\r\n  const baseId = `${idPrefix}${sanitizedLabel}`;\r\n  const tooltipId = `${baseId}-tooltip`;\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={baseId}\r\n        name={name ?? sanitizedLabel}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={onSetValue}\r\n        className={styles['controls-input']}\r\n        aria-describedby={tooltip ? tooltipId : undefined}\r\n      />\r\n      <label\r\n        htmlFor={baseId}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n          iconName && styles['controls-button--with-icon'],\r\n          checked && styles['controls-button--checked'],\r\n        ])}\r\n      >\r\n        {iconName && <Icon name={iconName} size={20} />}\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n        {tooltip && (\r\n          <div\r\n            id={tooltipId}\r\n            role=\"tooltip\"\r\n            className={clsx(styles['controls-button__tooltip'], styles[`controls-button__tooltip--${tooltipPosition}`])}\r\n          >\r\n            {tooltip}\r\n          </div>\r\n        )}\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ControlsButton","type","label","value","iconName","prefix","tooltip","tooltipPosition","name","forceSquared","checked","disabled","onSetValue","idPrefix","useId","sanitizedLabel","baseId","tooltipId","jsxs","Fragment","jsx","styles","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;GAqCaA,IAAiB,CAAC;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA2B;AACzB,QAAMC,IAAWC,EAAA,GAEXC,KADc,OAAOb,KAAU,WAAWA,IAAQC,GACrB,QAAQ,QAAQ,GAAG,GAChDa,IAAS,GAAGH,CAAQ,GAAGE,CAAc,IACrCE,IAAY,GAAGD,CAAM;AAE3B,SACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAnB;AAAA,QACA,IAAIe;AAAA,QACJ,MAAMR,KAAQO;AAAA,QACd,UAAAJ;AAAA,QACA,OAAAR;AAAA,QACA,SAAAO;AAAA,QACA,UAAUE;AAAA,QACV,WAAWS,EAAO,gBAAgB;AAAA,QAClC,oBAAkBf,IAAUW,IAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1C,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASF;AAAA,QACT,WAAWM,EAAKD,EAAO,iBAAiB,GAAG;AAAA,UACzCZ,KAAgBY,EAAO,0BAA0B;AAAA,UACjDhB,KAAUgB,EAAO,8BAA8B;AAAA,UAC/CjB,KAAYiB,EAAO,4BAA4B;AAAA,UAC/CX,KAAWW,EAAO,0BAA0B;AAAA,QAAA,CAC7C;AAAA,QAEA,UAAA;AAAA,UAAAjB,KAAY,gBAAAgB,EAACG,GAAA,EAAK,MAAMnB,GAAU,MAAM,IAAI;AAAA,UAC7C,gBAAAc,EAAC,OAAA,EAAI,WAAWG,EAAO,0BAA0B,GAC9C,UAAA;AAAA,YAAAhB,uBAAW,OAAA,EAAI,WAAWgB,EAAO,yBAAyB,GAAI,UAAAhB,GAAO;AAAA,YACrEH;AAAA,UAAA,GACH;AAAA,UACCI,KACC,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIH;AAAA,cACJ,MAAK;AAAA,cACL,WAAWK,EAAKD,EAAO,0BAA0B,GAAGA,EAAO,6BAA6Bd,CAAe,EAAE,CAAC;AAAA,cAEzG,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ;"}

package/dist/components/ControlsButton/ControlsButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as l, Fragment as s } from "react/jsx-runtime";
-import { f as e } from "../../index-Dbb5M7Zc.js";
+import { f as e } from "../../index-DRQMriwT.js";
 import { ControlsButton as t } from "./ControlsButton.js";
 import { Icons as a } from "../Icon/icons/index.js";
 import { Periods as i } from "../Periods/Periods.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { OverlayProvider as p } from "@react-aria/overlays";
-import { f as m } from "../../index-Dbb5M7Zc.js";
+import { f as m } from "../../index-DRQMriwT.js";
 import { useState as c } from "react";
 import { Drawer as r } from "./Drawer.js";
 import { Button as o } from "../Buttons/Button.js";

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { f as i } from "../../index-Dbb5M7Zc.js";
+import { f as i } from "../../index-DRQMriwT.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { f as r } from "../../index-Dbb5M7Zc.js";
+import { f as r } from "../../index-DRQMriwT.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>

package/dist/components/InputField/InputField.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { f as p } from "../../index-Dbb5M7Zc.js";
+import { f as p } from "../../index-DRQMriwT.js";
 import { InputField as e } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import "../Accordion/Accordion.js";

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as r } from "@react-aria/overlays";
-import { f as i } from "../../index-Dbb5M7Zc.js";
+import { f as i } from "../../index-DRQMriwT.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as s } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { f as d } from "../../index-Dbb5M7Zc.js";
+import { f as d } from "../../index-DRQMriwT.js";
 import { useState as p } from "react";
 import { M as e } from "../../TablePlugin-CqCjNBW_.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";

package/dist/components/MultiSelectBox/MultiSelectBox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { f as u } from "../../index-Dbb5M7Zc.js";
+import { f as u } from "../../index-DRQMriwT.js";
 import { useState as r } from "react";
 import { MultiSelectBox as l } from "./MultiSelectBox.js";
 const d = "<MultiSelectBox selectData={[{label, value}]} onChange={fn} labelSuffix={string} />", S = {

package/dist/components/Notification/Notification.stories.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { f as a } from "../../index-Dbb5M7Zc.js";
+import { f as a } from "../../index-DRQMriwT.js";
 import { Notification as t } from "./Notification.js";
 const r = `<Notification title={title} subtitle={subtitle} action={action} 
   level={level} variant={variant} onClose={() => {}} />`, p = {

package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { f as a } from "../../index-Dbb5M7Zc.js";
+import { f as a } from "../../index-DRQMriwT.js";
 import { OverlayCloseButton as o } from "./OverlayCloseButton.js";
 import { Container as l } from "../../storyComponents/Container/Container.js";
 const r = "<OverlayCloseButton aria-label={aria-label} onClick={onClickFunction} />", c = {

package/dist/components/PeriodSelector/PeriodSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { f as t } from "../../index-Dbb5M7Zc.js";
+import { f as t } from "../../index-DRQMriwT.js";
 import { PeriodSelector as e } from "./PeriodSelector.js";
 const i = "<PeriodSelector maxPeriods={} defaultValues={} label={} labelPosition={} required={} onChange={} />", m = {
   title: "Organisms/PeriodSelector",

package/dist/components/Periods/Periods.js

@@ -34,7 +34,8 @@ import '../../assets/Periods.css';const N = "_periods__container_1dwwu_1", g = "
       className: P(
         _.periods__item,
         h(e) ? _["periods__item--active"] : ""
-      )
+      ),
+      "data-period-item": !0
     },
     `${$}-${e}`
   )) });

package/dist/components/Periods/Periods.js.map

@@ -1 +1 @@
-{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n  period: string;\n  periods: string;\n  and: string;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 6 | 7;\n  /** A object of translations for the tooltip. */\n  tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n    const semesterPeriods: Record<number, number[]> = {};\n\n    // Group periods by semester\n    isArrayOfNumbers\n      ? periods.forEach((period) => {\n          if (typeof period === 'number') {\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n            if (!semesterPeriods[groupKey]) {\n              semesterPeriods[groupKey] = [];\n            }\n            semesterPeriods[groupKey].push(mappedValue);\n          }\n        })\n      : periods.forEach((period) => {\n          const { semesterNumber, periodInSemester } = period as Period;\n\n          if (!semesterPeriods[semesterNumber]) {\n            semesterPeriods[semesterNumber] = [];\n          }\n          semesterPeriods[semesterNumber].push(periodInSemester);\n        });\n\n    // Build the title string\n    const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n      const semesterNumber = Number(semesterKey);\n      const periodsInSemester = semesterPeriods[semesterNumber];\n      let periodTitle = '';\n\n      // Determine if we need singular or plural form for \"period\"\n      const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n      // Build period sequence for the current semester\n      if (periodsInSemester.length > 1) {\n        const lastPeriod = periodsInSemester.pop();\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n      } else {\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n      }\n\n      // Add proper spacing and periods\n      return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n    }, '');\n\n    return title.trim() + '.';\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(\n              styles['periods__item'],\n              isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n            )}\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["MAX_PERIODS","Periods","periods","tooltipTranslations","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","semesterPeriods","period","groupKey","mappedValue","semesterNumber","periodInSemester","acc","semesterKey","periodsInSemester","periodTitle","blokLabel","lastPeriod","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GA4BMA,IAAc,GAGPC,IAAU,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,YAAAC,IAAaJ,QAAgC;AACnG,QAAMK,IAAiB,MAAM,KAAK,EAAE,QAAQD,EAAA,GAAc,CAACE,GAAGC,MAAUA,IAAQ,CAAC,GAC3EC,IAAWC,EAAA,GAEXC,IAAmBR,EAAQ,KAAK,CAACS,MAC9B,OAAOA,KAAU,QACzB,GAEKC,IAAY,CAACT,MAAqD;AACtE,UAAMU,IAA4C,CAAA;AAGlD,WAAAH,IACIR,EAAQ,QAAQ,CAACY,MAAW;AAC1B,UAAI,OAAOA,KAAW,UAAU;AAE9B,cAAMC,IAAW,KAAK,KAAKD,IAAS,CAAC,GAE/BE,KAAgBF,IAAS,KAAK,IAAK;AAEzC,QAAKD,EAAgBE,CAAQ,MAC3BF,EAAgBE,CAAQ,IAAI,CAAA,IAE9BF,EAAgBE,CAAQ,EAAE,KAAKC,CAAW;AAAA,MAC5C;AAAA,IACF,CAAC,IACDd,EAAQ,QAAQ,CAACY,MAAW;AAC1B,YAAM,EAAE,gBAAAG,GAAgB,kBAAAC,EAAA,IAAqBJ;AAE7C,MAAKD,EAAgBI,CAAc,MACjCJ,EAAgBI,CAAc,IAAI,CAAA,IAEpCJ,EAAgBI,CAAc,EAAE,KAAKC,CAAgB;AAAA,IACvD,CAAC,GAGS,OAAO,KAAKL,CAAe,EAAE,OAAO,CAACM,GAAKC,GAAab,MAAU;AAC7E,YAAMU,IAAiB,OAAOG,CAAW,GACnCC,IAAoBR,EAAgBI,CAAc;AACxD,UAAIK,IAAc;AAGlB,YAAMC,IAAYF,EAAkB,SAAS,IAAIlB,EAAoB,UAAUA,EAAoB;AAGnG,UAAIkB,EAAkB,SAAS,GAAG;AAChC,cAAMG,IAAaH,EAAkB,IAAA;AACrC,QAAAC,IAAc,YAAYL,CAAc,IAAIM,CAAS,IAAIF,EAAkB,KAAK,IAAI,CAAC,IAAIlB,EAAoB,GAAG,IAAIqB,CAAU;AAAA,MAChI;AACE,QAAAF,IAAc,YAAYL,CAAc,IAAIM,CAAS,IAAIF,EAAkB,CAAC,CAAC;AAI/E,aAAO,GAAGF,CAAG,GAAGZ,IAAQ,IAAI,OAAO,EAAE,GAAGe,CAAW;AAAA,IACrD,GAAG,EAAE,EAEQ,SAAS;AAAA,EACxB,GAEMG,IAAiB,CAACC,MAClBhB,IACMR,EAAqB,SAASwB,CAAW,IAE1C,EAAAxB,EAAQ,KAAK,CAACY,MAAYA,EAAkB,WAAWY,CAAW;AAI7E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,oBAAuB,OAAOzB,IAAsBS,EAAUT,CAAmB,IAAI,IACzG,UAAAE,EAAe,IAAI,CAACqB,MAEjB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACTD,EAAO;AAAA,QACPH,EAAeC,CAAW,IAAIE,EAAO,uBAAuB,IAAI;AAAA,MAAA;AAAA,IAClE;AAAA,IACK,GAAGpB,CAAQ,IAAIkB,CAAW;AAAA,EAAA,CAGpC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Periods.js","sources":["../../../src/components/Periods/Periods.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useId } from 'react';\n\nimport styles from './Periods.module.css';\n\ninterface Period {\n  id: string;\n  number: number;\n  semesterNumber: number;\n  periodInSemester: number;\n}\n\ninterface TooltipTranslations {\n  period: string;\n  periods: string;\n  and: string;\n}\n\nexport interface PeriodsProps {\n  /** Indicates which periods are selected. */\n  periods: Period[] | number[];\n  /** Indicates the maximum number of periods to show in the selector. */\n  // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n  maxPeriods?: 6 | 7;\n  /** A object of translations for the tooltip. */\n  tooltipTranslations?: TooltipTranslations;\n}\n\nconst MAX_PERIODS = 6;\n\n/** Represents a component for a period indicator. */\nexport const Periods = ({ periods, tooltipTranslations, maxPeriods = MAX_PERIODS }: PeriodsProps) => {\n  const maxPeriodsList = Array.from({ length: maxPeriods }, (_, index) => index + 1);\n  const idPrefix = useId();\n\n  const isArrayOfNumbers = periods.some((value) => {\n    return typeof value === 'number';\n  });\n\n  const getTitles = (tooltipTranslations: TooltipTranslations): string => {\n    const semesterPeriods: Record<number, number[]> = {};\n\n    // Group periods by semester\n    isArrayOfNumbers\n      ? periods.forEach((period) => {\n          if (typeof period === 'number') {\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const groupKey = Math.ceil(period / 3); // Determine the semester (1, 2, or 3)\n            // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n            const mappedValue = ((period - 1) % 3) + 1; // Map period to semester\n\n            if (!semesterPeriods[groupKey]) {\n              semesterPeriods[groupKey] = [];\n            }\n            semesterPeriods[groupKey].push(mappedValue);\n          }\n        })\n      : periods.forEach((period) => {\n          const { semesterNumber, periodInSemester } = period as Period;\n\n          if (!semesterPeriods[semesterNumber]) {\n            semesterPeriods[semesterNumber] = [];\n          }\n          semesterPeriods[semesterNumber].push(periodInSemester);\n        });\n\n    // Build the title string\n    const title = Object.keys(semesterPeriods).reduce((acc, semesterKey, index) => {\n      const semesterNumber = Number(semesterKey);\n      const periodsInSemester = semesterPeriods[semesterNumber];\n      let periodTitle = '';\n\n      // Determine if we need singular or plural form for \"period\"\n      const blokLabel = periodsInSemester.length > 1 ? tooltipTranslations.periods : tooltipTranslations.period;\n\n      // Build period sequence for the current semester\n      if (periodsInSemester.length > 1) {\n        const lastPeriod = periodsInSemester.pop();\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester.join(', ')} ${tooltipTranslations.and} ${lastPeriod}`;\n      } else {\n        periodTitle = `Semester ${semesterNumber} ${blokLabel} ${periodsInSemester[0]}`;\n      }\n\n      // Add proper spacing and periods\n      return `${acc}${index > 0 ? '. ' : ''}${periodTitle}`;\n    }, '');\n\n    return title.trim() + '.';\n  };\n\n  const isPeriodActive = (periodIndex: number): boolean => {\n    if (isArrayOfNumbers) {\n      return (periods as number[]).includes(periodIndex);\n    } else {\n      return periods.find((period) => (period as Period).number === periodIndex) ? true : false;\n    }\n  };\n\n  return (\n    <div className={styles['periods__container']} title={tooltipTranslations ? getTitles(tooltipTranslations) : ''}>\n      {maxPeriodsList.map((periodIndex) => {\n        return (\n          <span\n            className={clsx(\n              styles['periods__item'],\n              isPeriodActive(periodIndex) ? styles['periods__item--active'] : ''\n            )}\n            data-period-item\n            key={`${idPrefix}-${periodIndex}`}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["MAX_PERIODS","Periods","periods","tooltipTranslations","maxPeriods","maxPeriodsList","_","index","idPrefix","useId","isArrayOfNumbers","value","getTitles","semesterPeriods","period","groupKey","mappedValue","semesterNumber","periodInSemester","acc","semesterKey","periodsInSemester","periodTitle","blokLabel","lastPeriod","isPeriodActive","periodIndex","jsx","styles","clsx"],"mappings":";;;;;;;GA4BMA,IAAc,GAGPC,IAAU,CAAC,EAAE,SAAAC,GAAS,qBAAAC,GAAqB,YAAAC,IAAaJ,QAAgC;AACnG,QAAMK,IAAiB,MAAM,KAAK,EAAE,QAAQD,EAAA,GAAc,CAACE,GAAGC,MAAUA,IAAQ,CAAC,GAC3EC,IAAWC,EAAA,GAEXC,IAAmBR,EAAQ,KAAK,CAACS,MAC9B,OAAOA,KAAU,QACzB,GAEKC,IAAY,CAACT,MAAqD;AACtE,UAAMU,IAA4C,CAAA;AAGlD,WAAAH,IACIR,EAAQ,QAAQ,CAACY,MAAW;AAC1B,UAAI,OAAOA,KAAW,UAAU;AAE9B,cAAMC,IAAW,KAAK,KAAKD,IAAS,CAAC,GAE/BE,KAAgBF,IAAS,KAAK,IAAK;AAEzC,QAAKD,EAAgBE,CAAQ,MAC3BF,EAAgBE,CAAQ,IAAI,CAAA,IAE9BF,EAAgBE,CAAQ,EAAE,KAAKC,CAAW;AAAA,MAC5C;AAAA,IACF,CAAC,IACDd,EAAQ,QAAQ,CAACY,MAAW;AAC1B,YAAM,EAAE,gBAAAG,GAAgB,kBAAAC,EAAA,IAAqBJ;AAE7C,MAAKD,EAAgBI,CAAc,MACjCJ,EAAgBI,CAAc,IAAI,CAAA,IAEpCJ,EAAgBI,CAAc,EAAE,KAAKC,CAAgB;AAAA,IACvD,CAAC,GAGS,OAAO,KAAKL,CAAe,EAAE,OAAO,CAACM,GAAKC,GAAab,MAAU;AAC7E,YAAMU,IAAiB,OAAOG,CAAW,GACnCC,IAAoBR,EAAgBI,CAAc;AACxD,UAAIK,IAAc;AAGlB,YAAMC,IAAYF,EAAkB,SAAS,IAAIlB,EAAoB,UAAUA,EAAoB;AAGnG,UAAIkB,EAAkB,SAAS,GAAG;AAChC,cAAMG,IAAaH,EAAkB,IAAA;AACrC,QAAAC,IAAc,YAAYL,CAAc,IAAIM,CAAS,IAAIF,EAAkB,KAAK,IAAI,CAAC,IAAIlB,EAAoB,GAAG,IAAIqB,CAAU;AAAA,MAChI;AACE,QAAAF,IAAc,YAAYL,CAAc,IAAIM,CAAS,IAAIF,EAAkB,CAAC,CAAC;AAI/E,aAAO,GAAGF,CAAG,GAAGZ,IAAQ,IAAI,OAAO,EAAE,GAAGe,CAAW;AAAA,IACrD,GAAG,EAAE,EAEQ,SAAS;AAAA,EACxB,GAEMG,IAAiB,CAACC,MAClBhB,IACMR,EAAqB,SAASwB,CAAW,IAE1C,EAAAxB,EAAQ,KAAK,CAACY,MAAYA,EAAkB,WAAWY,CAAW;AAI7E,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,oBAAuB,OAAOzB,IAAsBS,EAAUT,CAAmB,IAAI,IACzG,UAAAE,EAAe,IAAI,CAACqB,MAEjB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACTD,EAAO;AAAA,QACPH,EAAeC,CAAW,IAAIE,EAAO,uBAAuB,IAAI;AAAA,MAAA;AAAA,MAElE,oBAAgB;AAAA,IAAA;AAAA,IACX,GAAGpB,CAAQ,IAAIkB,CAAW;AAAA,EAAA,CAGpC,EAAA,CACH;AAEJ;"}

package/dist/components/ProgrammeCard/ProgrammeCard.d.ts

@@ -6,6 +6,7 @@ export interface ProgrammeCardProps {
     header?: ReactNode;
     /** The programme details. */
     details?: ReactNode;
+    isNew?: boolean;
 }
 /** Represents a component to render a card for a programme. */
-export declare const ProgrammeCard: ({ href, header, details }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgrammeCard: ({ href, header, details, isNew }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -1,27 +1,29 @@
-import { jsxs as c, jsx as d } from "react/jsx-runtime";
-import { useNavigate as s } from "react-router";
-import '../../assets/ProgrammeCard.css';const o = {
-  "programme-card": "_programme-card_b682i_1",
-  "programme-card__divider": "_programme-card__divider_b682i_18"
-}, p = ({ href: a, header: e, details: m }) => {
-  const i = s();
-  return /* @__PURE__ */ c(
+import { jsxs as s, jsx as _ } from "react/jsx-runtime";
+import { useNavigate as i } from "react-router";
+import { c as p } from "../../clsx-OuTLNxxd.js";
+import '../../assets/ProgrammeCard.css';const a = {
+  "programme-card": "_programme-card_1f880_1",
+  "programme-card--new": "_programme-card--new_1f880_13",
+  "programme-card__divider": "_programme-card__divider_1f880_31"
+}, l = ({ href: m, header: o, details: e, isNew: c }) => {
+  const d = i();
+  return /* @__PURE__ */ s(
     "a",
     {
-      className: o["programme-card"],
-      href: a,
+      className: p(a["programme-card"], c && a["programme-card--new"]),
+      href: m,
       onClick: (r) => {
-        r.metaKey || r.ctrlKey || r.shiftKey || r.altKey || r.button !== 0 || (r.preventDefault(), i(a));
+        r.metaKey || r.ctrlKey || r.shiftKey || r.altKey || r.button !== 0 || (r.preventDefault(), d(m));
       },
       children: [
-        e,
-        m && /* @__PURE__ */ d("hr", { className: o["programme-card__divider"] }),
-        m
+        o,
+        e && /* @__PURE__ */ _("hr", { className: a["programme-card__divider"] }),
+        e
       ]
     }
   );
 };
 export {
-  p as ProgrammeCard
+  l as ProgrammeCard
 };
 //# sourceMappingURL=ProgrammeCard.js.map

package/dist/components/ProgrammeCard/ProgrammeCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import { useNavigate } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  /** The URL to navigate to when the card is clicked. */\n  href: string;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={styles['programme-card']}\n      href={href}\n      onClick={(event) => {\n        // lets browser handle new tab\n        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {\n          return;\n        }\n        event.preventDefault();\n        // lets react-router handle SPA-style navigation\n        navigate(href);\n      }}\n    >\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </a>\n  );\n};\n"],"names":["ProgrammeCard","href","header","details","navigate","useNavigate","jsxs","styles","event","jsx"],"mappings":";;;;;GAgBaA,IAAgB,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,QAAkC;AAC9E,QAAMC,IAAWC,EAAA;AAEjB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO,gBAAgB;AAAA,MAClC,MAAAN;AAAA,MACA,SAAS,CAACO,MAAU;AAElB,QAAIA,EAAM,WAAWA,EAAM,WAAWA,EAAM,YAAYA,EAAM,UAAUA,EAAM,WAAW,MAGzFA,EAAM,eAAA,GAENJ,EAASH,CAAI;AAAA,MACf;AAAA,MAEC,UAAA;AAAA,QAAAC;AAAA,QACAC,KAAW,gBAAAM,EAAC,MAAA,EAAG,WAAWF,EAAO,yBAAyB,GAAG;AAAA,QAC7DJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import { useNavigate } from 'react-router';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\nimport { clsx } from 'clsx';\n\nexport interface ProgrammeCardProps {\n  /** The URL to navigate to when the card is clicked. */\n  href: string;\n  /** The header contents. */\n  header?: ReactNode;\n  /** The programme details. */\n  details?: ReactNode;\n  isNew?: boolean;\n}\n\n/** Represents a component to render a card for a programme. */\nexport const ProgrammeCard = ({ href, header, details, isNew }: ProgrammeCardProps) => {\n  const navigate = useNavigate();\n\n  return (\n    <a\n      className={clsx(styles['programme-card'], isNew && styles['programme-card--new'])}\n      href={href}\n      onClick={(event) => {\n        // lets browser handle new tab\n        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {\n          return;\n        }\n        event.preventDefault();\n        // lets react-router handle SPA-style navigation\n        navigate(href);\n      }}\n    >\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </a>\n  );\n};\n"],"names":["ProgrammeCard","href","header","details","isNew","navigate","useNavigate","jsxs","clsx","styles","event","jsx"],"mappings":";;;;;;;GAkBaA,IAAgB,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,GAAS,OAAAC,QAAgC;AACrF,QAAMC,IAAWC,EAAA;AAEjB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,gBAAgB,GAAGL,KAASK,EAAO,qBAAqB,CAAC;AAAA,MAChF,MAAAR;AAAA,MACA,SAAS,CAACS,MAAU;AAElB,QAAIA,EAAM,WAAWA,EAAM,WAAWA,EAAM,YAAYA,EAAM,UAAUA,EAAM,WAAW,MAGzFA,EAAM,eAAA,GAENL,EAASJ,CAAI;AAAA,MACf;AAAA,MAEC,UAAA;AAAA,QAAAC;AAAA,QACAC,KAAW,gBAAAQ,EAAC,MAAA,EAAG,WAAWF,EAAO,yBAAyB,GAAG;AAAA,QAC7DN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -30,7 +30,7 @@ import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
 import "../../SortableProvider-BbwlEPIr.js";
 import "../WeekSelector/components/WeekSelectorOptionContainer.js";
-const n = "<ProgrammeCard key={key} header={header} details={details} href={href} />", O = {
+const n = "<ProgrammeCard key={key} header={header} details={details} href={href} isNew={boolean} />", O = {
   title: "Atoms/ProgrammeCard",
   component: o,
   parameters: {
@@ -39,8 +39,8 @@ const n = "<ProgrammeCard key={key} header={header} details={details} href={href
   }
 }, s = (t) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(p, { size: "large", children: /* @__PURE__ */ r(o, { ...t }) }) }), l = s.bind({});
 l.args = {
-  header: "This is my header",
-  details: "This is my details",
+  header: "This is our header",
+  details: "This is our details",
   href: "/"
 };
 const d = s.bind({});