@uva-glass/component-library 3.47.1 → 3.47.3

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

@@ -1 +1 @@
-{"version":3,"file":"WeekSelector.stories.js","sources":["../../../src/components/WeekSelector/WeekSelector.stories.tsx"],"sourcesContent":["import 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    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 {...args} defaultSelection={45} currentPeriod={2} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector {...args} defaultSelection={6} currentPeriod={3} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector {...args} defaultSelection={13} currentPeriod={4} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector {...args} defaultSelection={23} currentPeriod={5} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector {...args} defaultSelection={28} currentPeriod={6} onSelectWeek={handleSelectWeek} />\r\n      <WeekSelector {...args} defaultSelection={36} onSelectWeek={handleSelectWeek} />\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 - Block 1',\r\n};\r\n\r\nexport const WeekSelectorExample = Template.bind({});\r\n\r\nWeekSelectorExample.args = {\r\n  ...defaultArgs,\r\n};\r\n"],"names":["codeString","WeekSelector_stories","WeekSelector","Template","args","handleSelectWeek","weekNumber","jsxs","jsx","defaultArgs","mockWeeks","WeekSelectorExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,eAAe,EAAE,OAAO,EAAE,SAAS,KAAK;AAAA,IACxC,kBAAkB,EAAE,OAAO,EAAE,SAAS,KAAK;AAAA,EAAE;AAAA,EAE/C,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAS;AACrD,QAAMC,IAAmB,CAACC,MAAuB;AAC/C,IAAAF,EAAK,aAAaE,CAAU;AAAA,EAC9B;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,MAGjB,UAAA;AAAA,QAAA,gBAAAC,EAACN,KAAc,GAAGE,GAAM,eAAe,GAAG,cAAcC,GAAkB;AAAA,QAC1E,gBAAAG,EAACN,KAAc,GAAGE,GAAM,kBAAkB,IAAI,eAAe,GAAG,cAAcC,GAAkB;AAAA,QAChG,gBAAAG,EAACN,KAAc,GAAGE,GAAM,kBAAkB,GAAG,eAAe,GAAG,cAAcC,GAAkB;AAAA,QAC/F,gBAAAG,EAACN,KAAc,GAAGE,GAAM,kBAAkB,IAAI,eAAe,GAAG,cAAcC,GAAkB;AAAA,QAChG,gBAAAG,EAACN,KAAc,GAAGE,GAAM,kBAAkB,IAAI,eAAe,GAAG,cAAcC,GAAkB;AAAA,QAChG,gBAAAG,EAACN,KAAc,GAAGE,GAAM,kBAAkB,IAAI,eAAe,GAAG,cAAcC,GAAkB;AAAA,0BAC/FH,GAAA,EAAc,GAAGE,GAAM,kBAAkB,IAAI,cAAcC,EAAA,CAAkB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpF,GAEMI,IAA0C;AAAA,EAC9C,OAAOC;AAAA,EACP,YAAY;AAAA,EACZ,cAAc,CAAC,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,OAAO;AAAA,EAClF,eAAe;AACjB,GAEaC,IAAsBR,EAAS,KAAK,CAAA,CAAE;AAEnDQ,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}
+{"version":3,"file":"WeekSelector.stories.js","sources":["../../../src/components/WeekSelector/WeekSelector.stories.tsx"],"sourcesContent":["import 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    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"],"names":["codeString","WeekSelector_stories","WeekSelector","Template","args","handleSelectWeek","weekNumber","jsxs","jsx","defaultArgs","mockWeeks","WeekSelectorExample"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,eAAe,EAAE,OAAO,EAAE,SAAS,KAAK;AAAA,IACxC,kBAAkB,EAAE,OAAO,EAAE,SAAS,KAAK;AAAA,EAAE;AAAA,EAE/C,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAS;AACrD,QAAMC,IAAmB,CAACC,MAAuB;AAC/C,IAAAF,EAAK,aAAaE,CAAU;AAAA,EAC9B;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,KAAK;AAAA,QACL,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,MAGjB,UAAA;AAAA,QAAA,gBAAAC,EAACN,KAAc,GAAGE,GAAM,eAAe,GAAG,cAAcC,GAAkB;AAAA,QAC1E,gBAAAG;AAAA,UAACN;AAAA,UAAA;AAAA,YACE,GAAGE;AAAA,YACJ,kBAAkB;AAAA,YAClB,eAAe;AAAA,YACf,cAAcC;AAAA,YACd,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhB,gBAAAG;AAAA,UAACN;AAAA,UAAA;AAAA,YACE,GAAGE;AAAA,YACJ,kBAAkB;AAAA,YAClB,eAAe;AAAA,YACf,cAAcC;AAAA,YACd,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhB,gBAAAG;AAAA,UAACN;AAAA,UAAA;AAAA,YACE,GAAGE;AAAA,YACJ,kBAAkB;AAAA,YAClB,eAAe;AAAA,YACf,cAAcC;AAAA,YACd,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhB,gBAAAG;AAAA,UAACN;AAAA,UAAA;AAAA,YACE,GAAGE;AAAA,YACJ,kBAAkB;AAAA,YAClB,eAAe;AAAA,YACf,cAAcC;AAAA,YACd,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhB,gBAAAG;AAAA,UAACN;AAAA,UAAA;AAAA,YACE,GAAGE;AAAA,YACJ,kBAAkB;AAAA,YAClB,eAAe;AAAA,YACf,cAAcC;AAAA,YACd,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAEhB,gBAAAG;AAAA,UAACN;AAAA,UAAA;AAAA,YACE,GAAGE;AAAA,YACJ,kBAAkB;AAAA,YAClB,cAAcC;AAAA,YACd,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMI,IAA0C;AAAA,EAC9C,OAAOC;AAAA,EACP,YAAY;AAAA,EACZ,cAAc,CAAC,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,OAAO;AAAA,EAClF,eAAe;AACjB,GAEaC,IAAsBR,EAAS,KAAK,CAAA,CAAE;AAEnDQ,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}

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

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { Icon as s } from "../../Icon/Icon.js";
-import { s as n } from "../../../WeekSelector.module-BA7qqZsx.js";
+import { s as n } from "../../../WeekSelector.module-CTDcqKel.js";
 const m = ({ label: e, onClick: t }) => /* @__PURE__ */ o(
   "button",
   {

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

@@ -1,31 +1,86 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as i } from "../../../clsx-OuTLNxxd.js";
-import { s as r } from "../../../WeekSelector.module-BA7qqZsx.js";
-const k = ({
-  periodIndex: o,
-  weeks: l,
-  selectedOption: a,
-  disabled: s,
-  setSelectedOption: t,
-  onSelectWeek: m,
-  setIsOpen: n
-}) => /* @__PURE__ */ c("div", { className: r["week-selector-option-week-row"], children: l[o].map((e) => /* @__PURE__ */ c(
-  "button",
-  {
-    type: "button",
-    className: i(r["week-selector-option-week"], [
-      a === e.calendarWeekNumber && r["week-selector-option-week--selected"]
-    ]),
-    disabled: e.isBlocked || s,
-    onClick: () => {
-      e.isBlocked || (t(e.calendarWeekNumber), m(e.calendarWeekNumber), n(!1));
+import { jsx as s } from "react/jsx-runtime";
+import { c as f } from "../../../clsx-OuTLNxxd.js";
+import { s as a } from "../../../WeekSelector.module-CTDcqKel.js";
+const h = ({
+  periodIndex: i,
+  weeks: d,
+  selectedOption: o,
+  disabled: m,
+  setSelectedOption: b,
+  onSelectWeek: u,
+  setIsOpen: c
+}) => {
+  const p = (e) => {
+    const t = e.currentTarget;
+    switch (e.key) {
+      case "ArrowRight": {
+        e.preventDefault();
+        let r = t.nextElementSibling;
+        for (; r && r.disabled; )
+          r = r.nextElementSibling;
+        r?.focus();
+        break;
+      }
+      case "ArrowLeft": {
+        e.preventDefault();
+        let r = t.previousElementSibling;
+        for (; r && r.disabled; )
+          r = r.previousElementSibling;
+        r?.focus();
+        break;
+      }
+      case "ArrowDown": {
+        e.preventDefault();
+        const r = Array.from(t.parentElement?.children ?? []).indexOf(t);
+        let n = t.parentElement?.nextElementSibling;
+        for (; n; ) {
+          const l = n.children[r];
+          if (l && !l.disabled) {
+            l.focus();
+            break;
+          }
+          n = n.nextElementSibling;
+        }
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault();
+        const r = Array.from(t.parentElement?.children ?? []).indexOf(t);
+        let n = t.parentElement?.previousElementSibling;
+        for (; n; ) {
+          const l = n.children[r];
+          if (l && !l.disabled) {
+            l.focus();
+            break;
+          }
+          n = n.previousElementSibling;
+        }
+        break;
+      }
+      case "Tab":
+        c(!1);
+        break;
+    }
+  };
+  return /* @__PURE__ */ s("div", { className: a["week-selector-option-week-row"], children: d[i].map((e) => /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: f(a["week-selector-option-week"], [
+        o === e.calendarWeekNumber && a["week-selector-option-week--selected"]
+      ]),
+      disabled: e.isBlocked || m,
+      onKeyDown: p,
+      onClick: () => {
+        e.isBlocked || (b(e.calendarWeekNumber), u(e.calendarWeekNumber), c(!1));
+      },
+      autoFocus: o === e.calendarWeekNumber,
+      children: e.calendarWeekNumber
     },
-    autoFocus: a === e.calendarWeekNumber,
-    children: e.calendarWeekNumber
-  },
-  e.weekNumber
-)) }, o);
+    e.weekNumber
+  )) }, i);
+};
 export {
-  k as WeekSelectorOption
+  h as WeekSelectorOption
 };
 //# sourceMappingURL=WeekSelectorOption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WeekSelectorOption.js","sources":["../../../../src/components/WeekSelector/components/WeekSelectorOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\r\n\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  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          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"],"names":["WeekSelectorOption","periodIndex","weeks","selectedOption","disabled","setSelectedOption","onSelectWeek","setIsOpen","jsx","styles","week","clsx"],"mappings":";;;AAeO,MAAMA,IAAqB,CAAC;AAAA,EACjC,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAEI,gBAAAC,EAAC,OAAA,EAAsB,WAAWC,EAAO,+BAA+B,GACrE,UAAAP,EAAMD,CAAW,EAAE,IAAI,CAACS,MACvB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IAEC,MAAK;AAAA,IACL,WAAWG,EAAKF,EAAO,2BAA2B,GAAG;AAAA,MACnDN,MAAmBO,EAAK,sBAAsBD,EAAO,qCAAqC;AAAA,IAAA,CAC3F;AAAA,IACD,UAAUC,EAAK,aAAaN;AAAA,IAC5B,SAAS,MAAM;AACb,MAAKM,EAAK,cACRL,EAAkBK,EAAK,kBAAkB,GACzCJ,EAAaI,EAAK,kBAAkB,GACpCH,EAAU,EAAK;AAAA,IAEnB;AAAA,IACA,WAAWJ,MAAmBO,EAAK;AAAA,IAElC,UAAAA,EAAK;AAAA,EAAA;AAAA,EAfDA,EAAK;AAAA,CAiBb,KApBOT,CAqBV;"}
+{"version":3,"file":"WeekSelectorOption.js","sources":["../../../../src/components/WeekSelector/components/WeekSelectorOption.tsx"],"sourcesContent":["import { clsx } from 'clsx';\r\n\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: React.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"],"names":["WeekSelectorOption","periodIndex","weeks","selectedOption","disabled","setSelectedOption","onSelectWeek","setIsOpen","handleKeyDown","event","current","nextElement","prevElement","currentIndex","nextRow","candidate","prevRow","jsx","styles","week","clsx"],"mappings":";;;AAeO,MAAMA,IAAqB,CAAC;AAAA,EACjC,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAgB,CAACC,MAAkD;AACvE,UAAMC,IAAUD,EAAM;AAEtB,YAAQA,EAAM,KAAA;AAAA,MACZ,KAAK,cAAc;AACjB,QAAAA,EAAM,eAAA;AACN,YAAIE,IAAcD,EAAQ;AAC1B,eAAOC,KAAeA,EAAY;AAChC,UAAAA,IAAcA,EAAY;AAE5B,QAAAA,GAAa,MAAA;AACb;AAAA,MACF;AAAA,MACA,KAAK,aAAa;AAChB,QAAAF,EAAM,eAAA;AACN,YAAIG,IAAcF,EAAQ;AAC1B,eAAOE,KAAeA,EAAY;AAChC,UAAAA,IAAcA,EAAY;AAE5B,QAAAA,GAAa,MAAA;AACb;AAAA,MACF;AAAA,MACA,KAAK,aAAa;AAChB,QAAAH,EAAM,eAAA;AACN,cAAMI,IAAe,MAAM,KAAKH,EAAQ,eAAe,YAAY,CAAA,CAAE,EAAE,QAAQA,CAAO;AACtF,YAAII,IAAUJ,EAAQ,eAAe;AACrC,eAAOI,KAAS;AACd,gBAAMC,IAAYD,EAAQ,SAASD,CAAY;AAC/C,cAAIE,KAAa,CAACA,EAAU,UAAU;AACpC,YAAAA,EAAU,MAAA;AACV;AAAA,UACF;AACA,UAAAD,IAAUA,EAAQ;AAAA,QACpB;AACA;AAAA,MACF;AAAA,MACA,KAAK,WAAW;AACd,QAAAL,EAAM,eAAA;AACN,cAAMI,IAAe,MAAM,KAAKH,EAAQ,eAAe,YAAY,CAAA,CAAE,EAAE,QAAQA,CAAO;AACtF,YAAIM,IAAUN,EAAQ,eAAe;AACrC,eAAOM,KAAS;AACd,gBAAMD,IAAYC,EAAQ,SAASH,CAAY;AAC/C,cAAIE,KAAa,CAACA,EAAU,UAAU;AACpC,YAAAA,EAAU,MAAA;AACV;AAAA,UACF;AACA,UAAAC,IAAUA,EAAQ;AAAA,QACpB;AACA;AAAA,MACF;AAAA,MACA,KAAK;AACH,QAAAT,EAAU,EAAK;AACf;AAAA,IAEA;AAAA,EAEN;AACA,SACE,gBAAAU,EAAC,OAAA,EAAsB,WAAWC,EAAO,+BAA+B,GACrE,UAAAhB,EAAMD,CAAW,EAAE,IAAI,CAACkB,MACvB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAWG,EAAKF,EAAO,2BAA2B,GAAG;AAAA,QACnDf,MAAmBgB,EAAK,sBAAsBD,EAAO,qCAAqC;AAAA,MAAA,CAC3F;AAAA,MACD,UAAUC,EAAK,aAAaf;AAAA,MAC5B,WAAWI;AAAA,MACX,SAAS,MAAM;AACb,QAAKW,EAAK,cACRd,EAAkBc,EAAK,kBAAkB,GACzCb,EAAaa,EAAK,kBAAkB,GACpCZ,EAAU,EAAK;AAAA,MAEnB;AAAA,MACA,WAAWJ,MAAmBgB,EAAK;AAAA,MAElC,UAAAA,EAAK;AAAA,IAAA;AAAA,IAhBDA,EAAK;AAAA,EAAA,CAkBb,KArBOlB,CAsBV;AAEJ;"}

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { c as m } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as d } from "react";
-import { s as e } from "../../../WeekSelector.module-BA7qqZsx.js";
+import { s as e } from "../../../WeekSelector.module-CTDcqKel.js";
 const k = d(
   ({ header: r, periodLabels: i, isVisible: l = !1, topPosition: a, children: c }, n) => /* @__PURE__ */ t(
     "div",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.47.1",
+  "version": "3.47.3",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -43,8 +43,8 @@
     "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
+    "@commitlint/cli": "^20.0.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@react-aria/button": "^3.14.1",
     "@react-aria/dialog": "^3.5.30",
     "@react-aria/overlays": "^3.29.1",
@@ -60,27 +60,27 @@
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^30.0.0",
-    "@types/node": "^22.18.6",
-    "@types/react": "^19.1.13",
+    "@types/node": "^22.18.7",
+    "@types/react": "^19.1.15",
     "@types/react-dom": "^19.1.9",
     "@uva-glass/eslint-config": "^1.3.11",
     "@uva-glass/stylelint-config": "^1.2.3",
-    "@vitejs/plugin-react": "^5.0.3",
-    "babel-jest": "^30.1.2",
+    "@vitejs/plugin-react": "^5.0.4",
+    "babel-jest": "^30.2.0",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "clsx": "^2.1.1",
     "eslint-plugin-react-hooks": "^6.0.0",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.1.3",
-    "jest-environment-jsdom": "^30.1.2",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
     "jest-junit": "^16.0.0",
     "jsdom": "^27.0.0",
     "npm-run-all2": "^8.0.4",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-router": "^7.9.2",
+    "react-router": "^7.9.3",
     "semantic-release": "^24.2.9",
     "storybook": "^9.1.8",
     "style-dictionary": "^5.0.4",
@@ -109,8 +109,8 @@
   },
   "optionalDependencies": {
     "@ast-grep/napi-linux-x64-gnu": "0.39.5",
-    "@rollup/rollup-linux-x64-gnu": "^4.52.2",
-    "@rspack/binding-darwin-arm64": "1.5.7",
-    "@rspack/binding-linux-x64-gnu": "1.5.7"
+    "@rollup/rollup-linux-x64-gnu": "^4.52.3",
+    "@rspack/binding-darwin-arm64": "1.5.8",
+    "@rspack/binding-linux-x64-gnu": "1.5.8"
   }
 }

package/dist/SearchField.module-DTDxokfU.js

@@ -1,17 +0,0 @@
-import './assets/SearchField.css';const _ = {
-  "search-field__input-wrapper": "_search-field__input-wrapper_x3viy_1",
-  "search-field__input-field": "_search-field__input-field_x3viy_8",
-  "search-field__icon": "_search-field__icon_x3viy_35",
-  "search-field__result-wrapper": "_search-field__result-wrapper_x3viy_43",
-  "search-field__input-container": "_search-field__input-container_x3viy_58",
-  "search-field__input-container--hidden": "_search-field__input-container--hidden_x3viy_63",
-  "search-field__input-container--visible": "_search-field__input-container--visible_x3viy_67",
-  "search-field__compact-button": "_search-field__compact-button_x3viy_77",
-  "search-field__compact-icon": "_search-field__compact-icon_x3viy_94",
-  "search-field__result-list": "_search-field__result-list_x3viy_98",
-  "search-field__result-item": "_search-field__result-item_x3viy_111"
-};
-export {
-  _ as s
-};
-//# sourceMappingURL=SearchField.module-DTDxokfU.js.map

package/dist/SearchField.module-DTDxokfU.js.map

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

package/dist/WeekSelector.module-BA7qqZsx.js

@@ -1,17 +0,0 @@
-import './assets/WeekSelector.css';const e = {
-  "week-selector": "_week-selector_10y30_1",
-  "week-selector-button": "_week-selector-button_10y30_5",
-  "week-selector-option-container": "_week-selector-option-container_10y30_21",
-  "week-selector-option-header": "_week-selector-option-header_10y30_35",
-  "week-selector-option-table": "_week-selector-option-table_10y30_42",
-  "week-selector-option-table-labels": "_week-selector-option-table-labels_10y30_47",
-  "week-selector-option-week-grid": "_week-selector-option-week-grid_10y30_48",
-  "week-selector-option-table-label": "_week-selector-option-table-label_10y30_47",
-  "week-selector-option-week-row": "_week-selector-option-week-row_10y30_71",
-  "week-selector-option-week": "_week-selector-option-week_10y30_48",
-  "week-selector-option-week--selected": "_week-selector-option-week--selected_10y30_101"
-};
-export {
-  e as s
-};
-//# sourceMappingURL=WeekSelector.module-BA7qqZsx.js.map

package/dist/WeekSelector.module-BA7qqZsx.js.map

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