@uva-glass/component-library 3.55.1 → 3.55.2

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

@@ -1,58 +1,76 @@
-import { jsx as t } from "react/jsx-runtime";
-import "../../index-CULNJwuI.js";
-import { r as l, s as e, w as a } from "../../react.esm-C68fQMAi.js";
-import { u as i } from "../../index-YdDr6J97.js";
-import { useState as s } from "react";
-import { VarIndicator as n } from "./VarIndicator.js";
-const o = {
-  DRAFT: "Concept",
-  REJECTED: "Concept",
-  SUBMITTED: "Verificatie",
-  ACTIVE: "Actief"
+import "../../dist-D6qYwmKD.js";
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../VarIndicator-C-GueOZD.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { a as t, i as n, n as r } from "../../react.esm-Cev8dB-E.js";
+import { t as i } from "../../esm-Cmy7DlsJ.js";
+import { useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/VarIndicator/VarIndicator.test.tsx
+var s = {
+	DRAFT: "Concept",
+	REJECTED: "Concept",
+	SUBMITTED: "Verificatie",
+	ACTIVE: "Actief"
 };
-jest.mock("components/Icon", () => ({
-  Icon: ({ name: r }) => /* @__PURE__ */ t("svg", { "data-testid": r })
-}));
-const T = () => {
-  const [r, c] = s(1);
-  return (
-    // When clicked the onClick callback updates currentStep from 1 to 2.
-    /* @__PURE__ */ t(
-      n,
-      {
-        label: o,
-        variant: "SUBMITTED",
-        maxSteps: 3,
-        currentStep: r,
-        onClick: () => c(2)
-      }
-    )
-  );
+jest.mock("components/Icon", () => ({ Icon: ({ name: e }) => /* @__PURE__ */ o("svg", { "data-testid": e }) }));
+var c = () => {
+	let [t, n] = a(1);
+	return /* @__PURE__ */ o(e, {
+		label: s,
+		variant: "SUBMITTED",
+		maxSteps: 3,
+		currentStep: t,
+		onClick: () => n(2)
+	});
 };
 describe("VarIndicator", () => {
-  const r = jest.fn();
-  beforeEach(() => {
-    r.mockClear();
-  }), it("should render Concept (DRAFT)", () => {
-    l(/* @__PURE__ */ t(n, { label: o, variant: "DRAFT" })), expect(e.getByText("Concept")).toBeInTheDocument();
-  }), it("should render Concept (REJECTED)", () => {
-    l(/* @__PURE__ */ t(n, { label: o, variant: "REJECTED" })), expect(e.getByText("Concept")).toBeInTheDocument();
-  }), it("should render Concept (ACTIVE)", () => {
-    l(/* @__PURE__ */ t(n, { label: o, variant: "ACTIVE" })), expect(e.getByText("Actief")).toBeInTheDocument();
-  }), it("should render dots (SUBMITTED)", () => {
-    l(/* @__PURE__ */ t(n, { label: o, variant: "SUBMITTED", maxSteps: 3, currentStep: 0 })), expect(e.getByText("Verificatie")).toBeInTheDocument(), expect(e.getAllByTestId("CircleSmall")).toHaveLength(3), expect(e.queryByTestId("CircleSmallFilled")).not.toBeInTheDocument();
-  }), it("should render filled dots when currentStep != 0 (SUBMITTED)", () => {
-    l(/* @__PURE__ */ t(n, { label: o, variant: "SUBMITTED", maxSteps: 3, currentStep: 1, onClick: r }));
-    const c = e.getByText("Verificatie");
-    expect(c).toBeInTheDocument(), expect(e.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(e.getAllByTestId("CircleSmall")).toHaveLength(2);
-  }), it("should render filled dots currentStep is updated (SUBMITTED)", async () => {
-    l(/* @__PURE__ */ t(T, {})), expect(e.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(e.getAllByTestId("CircleSmall")).toHaveLength(2);
-    const c = e.getByText("Verificatie");
-    await i.click(c), await a(() => {
-      expect(e.getAllByTestId("CircleSmallFilled")).toHaveLength(2);
-    }), await a(() => {
-      expect(e.getAllByTestId("CircleSmall")).toHaveLength(1);
-    });
-  });
+	let a = jest.fn();
+	beforeEach(() => {
+		a.mockClear();
+	}), it("should render Concept (DRAFT)", () => {
+		r(/* @__PURE__ */ o(e, {
+			label: s,
+			variant: "DRAFT"
+		})), expect(n.getByText("Concept")).toBeInTheDocument();
+	}), it("should render Concept (REJECTED)", () => {
+		r(/* @__PURE__ */ o(e, {
+			label: s,
+			variant: "REJECTED"
+		})), expect(n.getByText("Concept")).toBeInTheDocument();
+	}), it("should render Concept (ACTIVE)", () => {
+		r(/* @__PURE__ */ o(e, {
+			label: s,
+			variant: "ACTIVE"
+		})), expect(n.getByText("Actief")).toBeInTheDocument();
+	}), it("should render dots (SUBMITTED)", () => {
+		r(/* @__PURE__ */ o(e, {
+			label: s,
+			variant: "SUBMITTED",
+			maxSteps: 3,
+			currentStep: 0
+		})), expect(n.getByText("Verificatie")).toBeInTheDocument(), expect(n.getAllByTestId("CircleSmall")).toHaveLength(3), expect(n.queryByTestId("CircleSmallFilled")).not.toBeInTheDocument();
+	}), it("should render filled dots when currentStep != 0 (SUBMITTED)", () => {
+		r(/* @__PURE__ */ o(e, {
+			label: s,
+			variant: "SUBMITTED",
+			maxSteps: 3,
+			currentStep: 1,
+			onClick: a
+		}));
+		let t = n.getByText("Verificatie");
+		expect(t).toBeInTheDocument(), expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(n.getAllByTestId("CircleSmall")).toHaveLength(2);
+	}), it("should render filled dots currentStep is updated (SUBMITTED)", async () => {
+		r(/* @__PURE__ */ o(c, {})), expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(n.getAllByTestId("CircleSmall")).toHaveLength(2);
+		let e = n.getByText("Verificatie");
+		await i.click(e), await t(() => {
+			expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(2);
+		}), await t(() => {
+			expect(n.getAllByTestId("CircleSmall")).toHaveLength(1);
+		});
+	});
 });
-//# sourceMappingURL=VarIndicator.test.js.map
+//#endregion
+
+//# sourceMappingURL=VarIndicator.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VarIndicator.test.js","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"],"names":["LABELS","name","jsx","TestWrapper","currentStep","setCurrentStep","useState","VarIndicator","onClickSpy","render","screen","verificationButton","userEvent","waitFor"],"mappings":";;;;;;AAQA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV;AAEA,KAAK,KAAK,mBAAmB,OAAO;AAAA,EAClC,MAAM,CAAC,EAAE,MAAAC,EAAA,MAA6B,gBAAAC,EAAC,OAAA,EAAI,eAAaD,EAAA,CAAM;AAChE,EAAE;AAEF,MAAME,IAAc,MAAM;AACxB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC;AAChD;AAAA;AAAA,IAEE,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAOP;AAAA,QACP,SAAQ;AAAA,QACR,UAAU;AAAA,QACV,aAAAI;AAAA,QACA,SAAS,MAAMC,EAAe,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA;AAGrC;AAEA,SAAS,gBAAgB,MAAM;AAC7B,QAAMG,IAAa,KAAK,GAAA;AAExB,aAAW,MAAM;AACf,IAAAA,EAAW,UAAA;AAAA,EACb,CAAC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAC,oBAAQF,GAAA,EAAa,OAAOP,GAAQ,SAAQ,SAAQ,CAAE,GACtD,OAAOU,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAA;AAAA,EACtC,CAAC,GAED,GAAG,oCAAoC,MAAM;AAC3C,IAAAD,oBAAQF,GAAA,EAAa,OAAOP,GAAQ,SAAQ,YAAW,CAAE,GACzD,OAAOU,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAA;AAAA,EACtC,CAAC,GAED,GAAG,kCAAkC,MAAM;AACzC,IAAAD,oBAAQF,GAAA,EAAa,OAAOP,GAAQ,SAAQ,UAAS,CAAE,GACvD,OAAOU,EAAO,UAAU,QAAQ,CAAC,EAAE,kBAAA;AAAA,EACrC,CAAC,GAED,GAAG,kCAAkC,MAAM;AACzC,IAAAD,EAAO,gBAAAP,EAACK,GAAA,EAAa,OAAOP,GAAQ,SAAQ,aAAY,UAAU,GAAG,aAAa,EAAA,CAAG,CAAE,GACvF,OAAOU,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC,GAC3D,OAAOA,EAAO,cAAc,mBAAmB,CAAC,EAAE,IAAI,kBAAA;AAAA,EACxD,CAAC,GAED,GAAG,+DAA+D,MAAM;AACtE,IAAAD,EAAO,gBAAAP,EAACK,GAAA,EAAa,OAAOP,GAAQ,SAAQ,aAAY,UAAU,GAAG,aAAa,GAAG,SAASQ,EAAA,CAAY,CAAE;AAC5G,UAAMG,IAAqBD,EAAO,UAAU,aAAa;AACzD,WAAOC,CAAkB,EAAE,kBAAA,GAC3B,OAAOD,EAAO,eAAe,mBAAmB,CAAC,EAAE,aAAa,CAAC,GACjE,OAAOA,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC;AAAA,EAC7D,CAAC,GAED,GAAG,gEAAgE,YAAY;AAC7E,IAAAD,EAAO,gBAAAP,EAACC,KAAY,CAAE,GACtB,OAAOO,EAAO,eAAe,mBAAmB,CAAC,EAAE,aAAa,CAAC,GACjE,OAAOA,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC;AAC3D,UAAMC,IAAqBD,EAAO,UAAU,aAAa;AACzD,UAAME,EAAU,MAAMD,CAAkB,GACxC,MAAME,EAAQ,MAAM;AAClB,aAAOH,EAAO,eAAe,mBAAmB,CAAC,EAAE,aAAa,CAAC;AAAA,IACnE,CAAC,GACD,MAAMG,EAAQ,MAAM;AAClB,aAAOH,EAAO,eAAe,aAAa,CAAC,EAAE,aAAa,CAAC;AAAA,IAC7D,CAAC;AAAA,EACH,CAAC;AACH,CAAC;"}
+{"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;AACjD,QAEE,kBAAC,GAAD;EACE,OAAO;EACP,SAAQ;EACR,UAAU;EACG;EACb,eAAe,EAAe,EAAE;EAChC,CAAA;;AAIN,SAAS,sBAAsB;CAC7B,IAAM,IAAa,KAAK,IAAI;AAoC5B,CAlCA,iBAAiB;AACf,IAAW,WAAW;GACtB,EAEF,GAAG,uCAAuC;AAExC,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAU,CAAA,CAAC,EACvD,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,0CAA0C;AAE3C,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAa,CAAA,CAAC,EAC1D,OAAO,EAAO,UAAU,UAAU,CAAC,CAAC,mBAAmB;GACvD,EAEF,GAAG,wCAAwC;AAEzC,EADA,EAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAW,CAAA,CAAC,EACxD,OAAO,EAAO,UAAU,SAAS,CAAC,CAAC,mBAAmB;GACtD,EAEF,GAAG,wCAAwC;AAIzC,EAHA,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;AACtE,IAAO,kBAAC,GAAD;GAAc,OAAO;GAAQ,SAAQ;GAAY,UAAU;GAAG,aAAa;GAAG,SAAS;GAAc,CAAA,CAAC;EAC7G,IAAM,IAAqB,EAAO,UAAU,cAAc;AAG1D,EAFA,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;AAG7E,EAFA,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;AAK1D,EAJA,MAAM,EAAU,MAAM,EAAmB,EACzC,MAAM,QAAc;AAClB,UAAO,EAAO,eAAe,oBAAoB,CAAC,CAAC,aAAa,EAAE;IAClE,EACF,MAAM,QAAc;AAClB,UAAO,EAAO,eAAe,cAAc,CAAC,CAAC,aAAa,EAAE;IAC5D;GACF;EACF"}

package/dist/components/VarIndicator/index.js

@@ -1,5 +1,2 @@
-import { VarIndicator as a } from "./VarIndicator.js";
-export {
-  a as VarIndicator
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../VarIndicator-C-GueOZD.js";
+export { e as VarIndicator };

package/dist/components/WeekSelector/WeekSelector.js

@@ -1,98 +1,90 @@
-import { jsx as t, jsxs as F } from "react/jsx-runtime";
-import { useState as b, useRef as k, useMemo as $, useEffect as y } from "react";
-import { createPortal as x } from "react-dom";
-import { useOverlay as A, usePreventScroll as C, OverlayContainer as D } from "@react-aria/overlays";
-import { FocusScope as L } from "@react-aria/focus";
-import { WeekSelectorButton as E } from "./components/WeekSelectorButton.js";
-import { WeekSelectorOptionContainer as K } from "./components/WeekSelectorOptionContainer.js";
-import { WeekSelectorOption as M } from "./components/WeekSelectorOption.js";
-import { s as O } from "../../WeekSelector.module-Clco7jTs.js";
-import { Backdrop as P } from "../Backdrop/Backdrop.js";
-import { useOnClickOutside as R } from "../hooks/useOnClickOutside.js";
-const Z = ({
-  weeks: r,
-  currentPeriod: i = 0,
-  defaultSelection: n,
-  weekPrefix: h,
-  optionsHeader: N,
-  periodLabels: v,
-  onSelectWeek: W,
-  portalContainerRef: u,
-  optionContainerOffset: m = []
-}) => {
-  const [a, p] = b(null), [o, l] = b(!1), f = k(null), s = k(null), B = $(() => Object.keys(r ?? {}), [r]);
-  y(() => {
-    if (n) {
-      for (const e in r)
-        if (r[e].some((c) => c.calendarWeekNumber === n && !c.isBlocked) && Number(e) > i) {
-          p(n);
-          return;
-        }
-    }
-    for (const e in r) {
-      const c = r[e].find((q) => !q.isBlocked);
-      if (c && Number(e) > i) {
-        p(c.calendarWeekNumber);
-        return;
-      }
-    }
-  }, [r, i, n]), y(() => {
-    o && requestAnimationFrame(() => {
-      const e = s.current?.querySelector(
-        `.${O["week-selector-option-week--selected"]}`
-      );
-      e ? e.focus() : s.current?.querySelector("button:not(:disabled)")?.focus();
-    });
-  }, [o, a]);
-  const S = () => `${h} ${a ?? n ?? "?"}`;
-  R(f, (e) => {
-    s.current && s.current.contains(e.target) || l(!1);
-  });
-  const { overlayProps: g, underlayProps: j } = A(
-    {
-      isOpen: o,
-      isDismissable: !0,
-      onClose: () => l(!1)
-    },
-    s
-  );
-  C({ isDisabled: !o || !u?.current });
-  const d = /* @__PURE__ */ t(
-    K,
-    {
-      header: N,
-      periodLabels: v,
-      ref: s,
-      ...m.length === 2 ? {
-        style: {
-          top: m[0],
-          left: m[1]
-        }
-      } : {},
-      children: B.map((e) => /* @__PURE__ */ t(
-        M,
-        {
-          periodIndex: e,
-          weeks: r,
-          disabled: Number(e) <= i,
-          selectedOption: a,
-          setSelectedOption: p,
-          onSelectWeek: W,
-          setIsOpen: l
-        },
-        e
-      ))
-    }
-  );
-  return /* @__PURE__ */ F("div", { className: O["week-selector"], tabIndex: -1, ref: f, children: [
-    /* @__PURE__ */ t(E, { label: S(), onClick: () => l(!o) }),
-    o && (u?.current ? x(
-      /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(P, { ...j, children: /* @__PURE__ */ t(L, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ t("div", { ...g, children: d }) }) }) }),
-      u.current
-    ) : d)
-  ] });
+import { t as e } from "../../Backdrop-D8AHeuBn.js";
+import { useOnClickOutside as t } from "../hooks/useOnClickOutside.js";
+import { t as n } from "../../WeekSelector.module-BLPrVYgn.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";
+import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { FocusScope as f } from "@react-aria/focus";
+import { OverlayContainer as p, useOverlay as m, usePreventScroll as h } from "@react-aria/overlays";
+import { createPortal as g } from "react-dom";
+//#region src/components/WeekSelector/WeekSelector.tsx
+var _ = ({ weeks: _, currentPeriod: v = 0, defaultSelection: y, weekPrefix: b, optionsHeader: x, periodLabels: S, onSelectWeek: C, portalContainerRef: w, optionContainerOffset: T = [] }) => {
+	let [E, D] = l(null), [O, k] = l(!1), A = c(null), j = c(null), M = s(() => Object.keys(_ ?? {}), [_]);
+	o(() => {
+		if (y) {
+			for (let e in _) if (_[e].some((e) => e.calendarWeekNumber === y && !e.isBlocked) && Number(e) > v) {
+				D(y);
+				return;
+			}
+		}
+		for (let e in _) {
+			let t = _[e].find((e) => !e.isBlocked);
+			if (t && Number(e) > v) {
+				D(t.calendarWeekNumber);
+				return;
+			}
+		}
+	}, [
+		_,
+		v,
+		y
+	]), o(() => {
+		O && requestAnimationFrame(() => {
+			let e = j.current?.querySelector(`.${n["week-selector-option-week--selected"]}`);
+			e ? e.focus() : j.current?.querySelector("button:not(:disabled)")?.focus();
+		});
+	}, [O, E]);
+	let N = () => `${b} ${E ?? y ?? "?"}`;
+	t(A, (e) => {
+		j.current && j.current.contains(e.target) || k(!1);
+	});
+	let { overlayProps: P, underlayProps: F } = m({
+		isOpen: O,
+		isDismissable: !0,
+		onClose: () => k(!1)
+	}, j);
+	h({ isDisabled: !O || !w?.current });
+	let I = /* @__PURE__ */ u(i, {
+		header: x,
+		periodLabels: S,
+		ref: j,
+		...T.length === 2 ? { style: {
+			top: T[0],
+			left: T[1]
+		} } : {},
+		children: M.map((e) => /* @__PURE__ */ u(a, {
+			periodIndex: e,
+			weeks: _,
+			disabled: Number(e) <= v,
+			selectedOption: E,
+			setSelectedOption: D,
+			onSelectWeek: C,
+			setIsOpen: k
+		}, e))
+	});
+	return /* @__PURE__ */ d("div", {
+		className: n["week-selector"],
+		tabIndex: -1,
+		ref: A,
+		children: [/* @__PURE__ */ u(r, {
+			label: N(),
+			onClick: () => k(!O)
+		}), O && (w?.current ? g(/* @__PURE__ */ u(p, { children: /* @__PURE__ */ u(e, {
+			...F,
+			children: /* @__PURE__ */ u(f, {
+				contain: !0,
+				restoreFocus: !0,
+				children: /* @__PURE__ */ u("div", {
+					...P,
+					children: I
+				})
+			})
+		}) }), w.current) : I)]
+	});
 };
-export {
-  Z as WeekSelector
-};
-//# sourceMappingURL=WeekSelector.js.map
+//#endregion
+export { _ as WeekSelector };
+
+//# sourceMappingURL=WeekSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WeekSelector.js","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"],"names":["WeekSelector","weeks","currentPeriod","defaultSelection","weekPrefix","optionsHeader","periodLabels","onSelectWeek","portalContainerRef","optionContainerOffset","selectedOption","setSelectedOption","useState","isOpen","setIsOpen","wrapperRef","useRef","optionContainerRef","periodKeys","useMemo","useEffect","period","week","firstAvailableWeek","selectedButton","styles","getButtonLabel","useOnClickOutside","event","overlayProps","underlayProps","useOverlay","usePreventScroll","OptionList","jsx","WeekSelectorOptionContainer","periodIndex","WeekSelectorOption","jsxs","WeekSelectorButton","createPortal","OverlayContainer","Backdrop","FocusScope"],"mappings":"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"}
+{"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;AAuBnE,CArBA,QAAgB;AACd,MAAI;QACG,IAAM,KAAU,EACnB,KACE,EAAM,GAAQ,MAAM,MAAS,EAAK,uBAAuB,KAAoB,CAAC,EAAK,UAAU,IAC7F,OAAO,EAAO,GAAG,GACjB;AACA,MAAkB,EAAiB;AACnC;;;AAIN,OAAK,IAAM,KAAU,GAAO;GAC1B,IAAM,IAAqB,EAAM,GAAQ,MAAM,MAAS,CAAC,EAAK,UAAU;AACxE,OAAI,KAAsB,OAAO,EAAO,GAAG,GAAe;AACxD,MAAkB,EAAmB,mBAAmB;AACxD;;;IAGH;EAAC;EAAO;EAAe;EAAiB,CAAC,EAE5C,QAAgB;AACd,EAAI,KACF,4BAA4B;GAC1B,IAAM,IAAiB,EAAmB,SAAS,cACjD,IAAI,EAAO,yCACZ;AACD,GAAI,IACF,EAAe,OAAO,GAEtB,EAAmB,SAAS,cAAiC,wBAAwB,EAAE,OAAO;IAEhG;IAEH,CAAC,GAAQ,EAAe,CAAC;CAE5B,IAAM,UAEG,GAAG,EAAW,GADF,KAAkB,KAAoB;AAI3D,GAAkB,IAAuC,MAAU;AAC7D,IAAmB,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;AAED,GAAiB,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;AAGhC,QACE,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"}