@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.
- package/dist/{TablePlugin-FTN9oxnI.js → TablePlugin-CfXPNfT8.js} +6 -5
- package/dist/{TablePlugin-FTN9oxnI.js.map → TablePlugin-CfXPNfT8.js.map} +1 -1
- package/dist/WeekSelector.module-BA7qqZsx.js +17 -0
- package/dist/WeekSelector.module-BA7qqZsx.js.map +1 -0
- package/dist/assets/CopyableText.css +1 -1
- package/dist/assets/ExpandableInfoPanel.css +1 -1
- package/dist/assets/WeekSelector.css +1 -0
- package/dist/components/CheckboxTree/CheckboxTree.js +4 -3
- package/dist/components/CheckboxTree/CheckboxTree.js.map +1 -1
- package/dist/components/CopyableText/CopyableText.js +13 -13
- package/dist/components/ExpandableInfoPanel/ExpandableInfoPanel.js +30 -30
- package/dist/components/FormInput/FormInput.js +4 -3
- package/dist/components/FormInput/FormInput.js.map +1 -1
- package/dist/components/InputField/InputField.stories.js +4 -3
- package/dist/components/InputField/InputField.stories.js.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +3 -2
- package/dist/components/MultiSelect/components/MultiSelectHeader.js.map +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.js +4 -3
- package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +4 -3
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
- package/dist/components/RadioTabSelector/RadioTabSelector.js +8 -7
- package/dist/components/RadioTabSelector/RadioTabSelector.js.map +1 -1
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +6 -5
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js.map +1 -1
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +4 -3
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +3 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +4 -3
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +3 -2
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +3 -2
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +1 -1
- package/dist/components/RteEditor/Plugins/index.js +1 -1
- package/dist/components/RteEditor/RteEditor.js +4 -3
- package/dist/components/RteEditor/RteEditor.js.map +1 -1
- package/dist/components/WeekSelector/WeekSelector.d.ts +26 -0
- package/dist/components/WeekSelector/WeekSelector.js +62 -0
- package/dist/components/WeekSelector/WeekSelector.js.map +1 -0
- package/dist/components/WeekSelector/WeekSelector.stories.d.ts +5 -0
- package/dist/components/WeekSelector/WeekSelector.stories.js +68 -0
- package/dist/components/WeekSelector/WeekSelector.stories.js.map +1 -0
- package/dist/components/WeekSelector/components/WeekSelectorButton.d.ts +5 -0
- package/dist/components/WeekSelector/components/WeekSelectorButton.js +22 -0
- package/dist/components/WeekSelector/components/WeekSelectorButton.js.map +1 -0
- package/dist/components/WeekSelector/components/WeekSelectorOption.d.ts +11 -0
- package/dist/components/WeekSelector/components/WeekSelectorOption.js +31 -0
- package/dist/components/WeekSelector/components/WeekSelectorOption.js.map +1 -0
- package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.d.ts +8 -0
- package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js +28 -0
- package/dist/components/WeekSelector/components/WeekSelectorOptionContainer.js.map +1 -0
- package/dist/components/WeekSelector/index.d.ts +1 -0
- package/dist/components/WeekSelector/index.js +5 -0
- package/dist/components/WeekSelector/index.js.map +1 -0
- package/dist/components/WeekSelector/mockdata.d.ts +2 -0
- package/dist/components/WeekSelector/mockdata.js +470 -0
- package/dist/components/WeekSelector/mockdata.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +31 -29
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +31 -29
- package/dist/index.js.map +1 -1
- 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,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 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|