@uva-glass/component-library 3.46.0 → 3.47.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/dist/{TablePlugin-FTN9oxnI.js → TablePlugin-CfXPNfT8.js} +6 -5
  2. package/dist/{TablePlugin-FTN9oxnI.js.map → TablePlugin-CfXPNfT8.js.map} +1 -1
  3. package/dist/WeekSelector.module-BA7qqZsx.js +17 -0
  4. package/dist/WeekSelector.module-BA7qqZsx.js.map +1 -0
  5. package/dist/assets/CopyableText.css +1 -1
  6. package/dist/assets/ExpandableInfoPanel.css +1 -1
  7. package/dist/assets/WeekSelector.css +1 -0
  8. package/dist/components/CheckboxTree/CheckboxTree.js +4 -3
  9. package/dist/components/CheckboxTree/CheckboxTree.js.map +1 -1
  10. package/dist/components/CopyableText/CopyableText.js +13 -13
  11. package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js +30 -30
  12. package/dist/components/FormInput/FormInput.js +4 -3
  13. package/dist/components/FormInput/FormInput.js.map +1 -1
  14. package/dist/components/InputField/InputField.stories.js +4 -3
  15. package/dist/components/InputField/InputField.stories.js.map +1 -1
  16. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  17. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  18. package/dist/components/MultiSelect/components/MultiSelectHeader.js +3 -2
  19. package/dist/components/MultiSelect/components/MultiSelectHeader.js.map +1 -1
  20. package/dist/components/MultiSelect/index.js +1 -1
  21. package/dist/components/PeriodSelector/PeriodSelector.js +4 -3
  22. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  23. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +4 -3
  24. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
  25. package/dist/components/RadioTabSelector/RadioTabSelector.js +8 -7
  26. package/dist/components/RadioTabSelector/RadioTabSelector.js.map +1 -1
  27. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +6 -5
  28. package/dist/components/RteEditor/EditorHeader/EditorHeader.js.map +1 -1
  29. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +4 -3
  30. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js.map +1 -1
  31. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +3 -2
  32. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js.map +1 -1
  33. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +4 -3
  34. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
  35. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +3 -2
  36. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js.map +1 -1
  37. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +3 -2
  38. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js.map +1 -1
  39. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  40. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +1 -1
  41. package/dist/components/RteEditor/Plugins/index.js +1 -1
  42. package/dist/components/RteEditor/RteEditor.js +4 -3
  43. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  44. package/dist/components/WeekSelector/WeekSelector.d.ts +26 -0
  45. package/dist/components/WeekSelector/WeekSelector.js +62 -0
  46. package/dist/components/WeekSelector/WeekSelector.js.map +1 -0
  47. package/dist/components/WeekSelector/WeekSelector.stories.d.ts +5 -0
  48. package/dist/components/WeekSelector/WeekSelector.stories.js +68 -0
  49. package/dist/components/WeekSelector/WeekSelector.stories.js.map +1 -0
  50. package/dist/components/WeekSelector/components/WeekSelectorButton.d.ts +5 -0
  51. package/dist/components/WeekSelector/components/WeekSelectorButton.js +22 -0
  52. package/dist/components/WeekSelector/components/WeekSelectorButton.js.map +1 -0
  53. package/dist/components/WeekSelector/components/WeekSelectorOption.d.ts +11 -0
  54. package/dist/components/WeekSelector/components/WeekSelectorOption.js +31 -0
  55. package/dist/components/WeekSelector/components/WeekSelectorOption.js.map +1 -0
  56. package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.d.ts +8 -0
  57. package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js +28 -0
  58. package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js.map +1 -0
  59. package/dist/components/WeekSelector/index.d.ts +1 -0
  60. package/dist/components/WeekSelector/index.js +5 -0
  61. package/dist/components/WeekSelector/index.js.map +1 -0
  62. package/dist/components/WeekSelector/mockdata.d.ts +2 -0
  63. package/dist/components/WeekSelector/mockdata.js +470 -0
  64. package/dist/components/WeekSelector/mockdata.js.map +1 -0
  65. package/dist/components/index.d.ts +1 -0
  66. package/dist/components/index.js +31 -29
  67. package/dist/components/index.js.map +1 -1
  68. package/dist/index.js +31 -29
  69. package/dist/index.js.map +1 -1
  70. package/package.json +11 -11
@@ -0,0 +1,68 @@
1
+ import { jsxs as n, jsx as r } from "react/jsx-runtime";
2
+ import { mockWeeks as i } from "./mockdata.js";
3
+ import { WeekSelector as e } from "./WeekSelector.js";
4
+ const c = `<WeekSelector
5
+ weeks={Object-with-periodnumbers-with-array-of-weeks-in-period};
6
+ currentPeriod?={number};
7
+ defaultSelection?={number};
8
+ weekPrefix={string};
9
+ periodLabels={string[]};
10
+ optionsHeader={string};
11
+ onSelectWeek={(weeknumber: {number}) => void};
12
+ />`, m = {
13
+ title: "Molecules/WeekSelector",
14
+ component: e,
15
+ argTypes: {
16
+ onSelectWeek: {
17
+ action: "selected week",
18
+ table: {
19
+ disable: !0
20
+ }
21
+ },
22
+ currentPeriod: { table: { disable: !0 } },
23
+ defaultSelection: { table: { disable: !0 } }
24
+ },
25
+ parameters: {
26
+ inspectComponent: e,
27
+ codeString: c
28
+ }
29
+ }, d = (t) => {
30
+ const o = (l) => {
31
+ t.onSelectWeek(l);
32
+ };
33
+ return /* @__PURE__ */ n(
34
+ "div",
35
+ {
36
+ style: {
37
+ padding: "1rem",
38
+ backgroundColor: "#EEE",
39
+ display: "flex",
40
+ gap: "1rem",
41
+ alignItems: "flex-start",
42
+ flexDirection: "column"
43
+ },
44
+ children: [
45
+ /* @__PURE__ */ r(e, { ...t, currentPeriod: 1, onSelectWeek: o }),
46
+ /* @__PURE__ */ r(e, { ...t, defaultSelection: 45, currentPeriod: 2, onSelectWeek: o }),
47
+ /* @__PURE__ */ r(e, { ...t, defaultSelection: 6, currentPeriod: 3, onSelectWeek: o }),
48
+ /* @__PURE__ */ r(e, { ...t, defaultSelection: 13, currentPeriod: 4, onSelectWeek: o }),
49
+ /* @__PURE__ */ r(e, { ...t, defaultSelection: 23, currentPeriod: 5, onSelectWeek: o }),
50
+ /* @__PURE__ */ r(e, { ...t, defaultSelection: 28, currentPeriod: 6, onSelectWeek: o }),
51
+ /* @__PURE__ */ r(e, { ...t, defaultSelection: 36, onSelectWeek: o })
52
+ ]
53
+ }
54
+ );
55
+ }, k = {
56
+ weeks: i,
57
+ weekPrefix: "week",
58
+ periodLabels: ["Blok 1", "Blok 2", "Blok 3", "Blok 4", "Blok 5", "Blok 6", "Zomer"],
59
+ optionsHeader: "Kies een planning - Block 1"
60
+ }, s = d.bind({});
61
+ s.args = {
62
+ ...k
63
+ };
64
+ export {
65
+ s as WeekSelectorExample,
66
+ m as default
67
+ };
68
+ //# sourceMappingURL=WeekSelector.stories.js.map
@@ -0,0 +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;"}
@@ -0,0 +1,5 @@
1
+ export interface WeekSelectorButtonProps {
2
+ label: string;
3
+ onClick: () => void;
4
+ }
5
+ export declare const WeekSelectorButton: ({ label, onClick }: WeekSelectorButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,22 @@
1
+ import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
+ import { Icon as s } from "../../Icon/Icon.js";
3
+ import { s as n } from "../../../WeekSelector.module-BA7qqZsx.js";
4
+ const m = ({ label: e, onClick: t }) => /* @__PURE__ */ o(
5
+ "button",
6
+ {
7
+ type: "button",
8
+ className: n["week-selector-button"],
9
+ tabIndex: 0,
10
+ "aria-haspopup": "listbox",
11
+ "aria-label": "Week selector",
12
+ onClick: t,
13
+ children: [
14
+ e,
15
+ /* @__PURE__ */ r(s, { name: "CheveronDown", size: 20 })
16
+ ]
17
+ }
18
+ );
19
+ export {
20
+ m as WeekSelectorButton
21
+ };
22
+ //# sourceMappingURL=WeekSelectorButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WeekSelectorButton.js","sources":["../../../../src/components/WeekSelector/components/WeekSelectorButton.tsx"],"sourcesContent":["import { Icon } from 'components/Icon';\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\n\r\nexport interface WeekSelectorButtonProps {\r\n label: string;\r\n onClick: () => void;\r\n}\r\n\r\nexport const WeekSelectorButton = ({ label, onClick }: WeekSelectorButtonProps) => {\r\n return (\r\n <button\r\n type=\"button\"\r\n className={styles['week-selector-button']}\r\n tabIndex={0}\r\n aria-haspopup=\"listbox\"\r\n aria-label=\"Week selector\"\r\n onClick={onClick}\r\n >\r\n {label}\r\n <Icon name=\"CheveronDown\" size={20} />\r\n </button>\r\n );\r\n};\r\n"],"names":["WeekSelectorButton","label","onClick","jsxs","styles","jsx","Icon"],"mappings":";;;AAQO,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,SAAAC,QAExC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,WAAWC,EAAO,sBAAsB;AAAA,IACxC,UAAU;AAAA,IACV,iBAAc;AAAA,IACd,cAAW;AAAA,IACX,SAAAF;AAAA,IAEC,UAAA;AAAA,MAAAD;AAAA,MACD,gBAAAI,EAACC,GAAA,EAAK,MAAK,gBAAe,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAAA;"}
@@ -0,0 +1,11 @@
1
+ import { PeriodWeek } from 'components/WeekSelector/WeekSelector';
2
+ export interface WeekSelectorOptionProps {
3
+ periodIndex: string;
4
+ weeks: Record<string, PeriodWeek[]>;
5
+ selectedOption: number | null;
6
+ disabled?: boolean;
7
+ setSelectedOption: (weekNumber: number) => void;
8
+ onSelectWeek: (weeknumber: number) => void;
9
+ setIsOpen: (isOpen: boolean) => void;
10
+ }
11
+ export declare const WeekSelectorOption: ({ periodIndex, weeks, selectedOption, disabled, setSelectedOption, onSelectWeek, setIsOpen, }: WeekSelectorOptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,31 @@
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import { c as i } from "../../../clsx-OuTLNxxd.js";
3
+ import { s as r } from "../../../WeekSelector.module-BA7qqZsx.js";
4
+ const k = ({
5
+ periodIndex: o,
6
+ weeks: l,
7
+ selectedOption: a,
8
+ disabled: s,
9
+ setSelectedOption: t,
10
+ onSelectWeek: m,
11
+ setIsOpen: n
12
+ }) => /* @__PURE__ */ c("div", { className: r["week-selector-option-week-row"], children: l[o].map((e) => /* @__PURE__ */ c(
13
+ "button",
14
+ {
15
+ type: "button",
16
+ className: i(r["week-selector-option-week"], [
17
+ a === e.calendarWeekNumber && r["week-selector-option-week--selected"]
18
+ ]),
19
+ disabled: e.isBlocked || s,
20
+ onClick: () => {
21
+ e.isBlocked || (t(e.calendarWeekNumber), m(e.calendarWeekNumber), n(!1));
22
+ },
23
+ autoFocus: a === e.calendarWeekNumber,
24
+ children: e.calendarWeekNumber
25
+ },
26
+ e.weekNumber
27
+ )) }, o);
28
+ export {
29
+ k as WeekSelectorOption
30
+ };
31
+ //# sourceMappingURL=WeekSelectorOption.js.map
@@ -0,0 +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;"}
@@ -0,0 +1,8 @@
1
+ export interface WeekSelectorOptionContainerProps {
2
+ header: string;
3
+ periodLabels?: string[];
4
+ isVisible?: boolean;
5
+ topPosition?: number;
6
+ children: React.ReactNode;
7
+ }
8
+ export declare const WeekSelectorOptionContainer: import('react').ForwardRefExoticComponent<WeekSelectorOptionContainerProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,28 @@
1
+ import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
+ import { c as m } from "../../../clsx-OuTLNxxd.js";
3
+ import { forwardRef as d } from "react";
4
+ import { s as e } from "../../../WeekSelector.module-BA7qqZsx.js";
5
+ const k = d(
6
+ ({ header: r, periodLabels: i, isVisible: l = !1, topPosition: a, children: c }, n) => /* @__PURE__ */ t(
7
+ "div",
8
+ {
9
+ ref: n,
10
+ className: m(e["week-selector-option-container"], {
11
+ [e["week-selector-option-container-is-visible"]]: l
12
+ }),
13
+ style: { top: a },
14
+ children: [
15
+ /* @__PURE__ */ o("h2", { className: e["week-selector-option-header"], children: r }),
16
+ /* @__PURE__ */ t("div", { className: e["week-selector-option-table"], children: [
17
+ /* @__PURE__ */ o("div", { className: e["week-selector-option-table-labels"], children: i?.map((s, p) => /* @__PURE__ */ o("div", { className: e["week-selector-option-table-label"], children: s }, `${s}-${p}`)) }),
18
+ /* @__PURE__ */ o("div", { className: e["week-selector-option-week-grid"], children: c })
19
+ ] })
20
+ ]
21
+ }
22
+ )
23
+ );
24
+ k.displayName = "WeekSelectorOptionContainer";
25
+ export {
26
+ k as WeekSelectorOptionContainer
27
+ };
28
+ //# sourceMappingURL=WeekSelectorOptionContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WeekSelectorOptionContainer.js","sources":["../../../../src/components/WeekSelector/components/WeekSelectorOptionContainer.tsx"],"sourcesContent":["import { clsx } from 'clsx';\r\nimport { forwardRef } from 'react';\r\n\r\nimport styles from 'components/WeekSelector/WeekSelector.module.css';\r\n\r\nexport interface WeekSelectorOptionContainerProps {\r\n header: string;\r\n periodLabels?: string[];\r\n isVisible?: boolean;\r\n topPosition?: number;\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const WeekSelectorOptionContainer = forwardRef<HTMLDivElement, WeekSelectorOptionContainerProps>(\r\n ({ header, periodLabels, isVisible = false, topPosition, children }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n className={clsx(styles['week-selector-option-container'], {\r\n [styles['week-selector-option-container-is-visible']]: isVisible,\r\n })}\r\n style={{ top: topPosition }}\r\n >\r\n <h2 className={styles['week-selector-option-header']}>{header}</h2>\r\n <div className={styles['week-selector-option-table']}>\r\n <div className={styles['week-selector-option-table-labels']}>\r\n {periodLabels?.map((label, index) => (\r\n <div key={`${label}-${index}`} className={styles['week-selector-option-table-label']}>\r\n {label}\r\n </div>\r\n ))}\r\n </div>\r\n <div className={styles['week-selector-option-week-grid']}>{children}</div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nWeekSelectorOptionContainer.displayName = 'WeekSelectorOptionContainer';\r\n"],"names":["WeekSelectorOptionContainer","forwardRef","header","periodLabels","isVisible","topPosition","children","ref","jsxs","clsx","styles","jsx","label","index"],"mappings":";;;;AAaO,MAAMA,IAA8BC;AAAA,EACzC,CAAC,EAAE,QAAAC,GAAQ,cAAAC,GAAc,WAAAC,IAAY,IAAO,aAAAC,GAAa,UAAAC,EAAA,GAAYC,MAEjE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAKC,EAAO,gCAAgC,GAAG;AAAA,QACxD,CAACA,EAAO,2CAA2C,CAAC,GAAGN;AAAA,MAAA,CACxD;AAAA,MACD,OAAO,EAAE,KAAKC,EAAA;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAM,EAAC,MAAA,EAAG,WAAWD,EAAO,6BAA6B,GAAI,UAAAR,GAAO;AAAA,QAC9D,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,4BAA4B,GACjD,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,mCAAmC,GACvD,UAAAP,GAAc,IAAI,CAACS,GAAOC,MACzB,gBAAAF,EAAC,SAA8B,WAAWD,EAAO,kCAAkC,GAChF,UAAAE,EAAA,GADO,GAAGA,CAAK,IAAIC,CAAK,EAE3B,CACD,EAAA,CACH;AAAA,4BACC,OAAA,EAAI,WAAWH,EAAO,gCAAgC,GAAI,UAAAJ,EAAA,CAAS;AAAA,QAAA,EAAA,CACtE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAN,EAA4B,cAAc;"}
@@ -0,0 +1 @@
1
+ export * from './WeekSelector';
@@ -0,0 +1,5 @@
1
+ import { WeekSelector as r } from "./WeekSelector.js";
2
+ export {
3
+ r as WeekSelector
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,2 @@
1
+ import { WeekSelectorProps } from './WeekSelector';
2
+ export declare const mockWeeks: WeekSelectorProps['weeks'];