@uva-glass/component-library 3.0.11 → 3.0.12
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/Column-BL3dsYxn.js +101 -0
- package/dist/{Column-BUyVh2Oo.js.map → Column-BL3dsYxn.js.map} +1 -1
- package/dist/TimelineItem-DmrymETS.js +52 -0
- package/dist/{TimelineItem-v4zDdKUz.js.map → TimelineItem-DmrymETS.js.map} +1 -1
- package/dist/assets/Column.css +1 -1
- package/dist/assets/TimelineItem.css +1 -1
- package/dist/components/Card/Card.test.d.ts +0 -0
- package/dist/components/Card/Card.test.js +10 -0
- package/dist/components/Card/Card.test.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.test.d.ts +0 -0
- package/dist/components/Checkbox/Checkbox.test.js +16 -0
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -0
- package/dist/components/CheckboxButton/CheckboxButton.test.d.ts +0 -0
- package/dist/components/CheckboxButton/CheckboxButton.test.js +51 -0
- package/dist/components/CheckboxButton/CheckboxButton.test.js.map +1 -0
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.d.ts +0 -0
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +90 -0
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js.map +1 -0
- package/dist/components/GridRow/Column/Column.js +1 -1
- package/dist/components/GridRow/Column/index.js +1 -1
- package/dist/components/GridRow/GridRow.js +1 -1
- package/dist/components/Timeline/Timeline.js +1 -1
- package/dist/components/Timeline/TimelineItem.js +1 -1
- package/dist/components/Timeline/mockTimelineItem.js +3 -3
- package/dist/components/Timeline/mockTimelineItem.js.map +1 -1
- package/package.json +1 -1
- package/dist/Column-BUyVh2Oo.js +0 -101
- package/dist/TimelineItem-v4zDdKUz.js +0 -52
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import './assets/Column.css';const _ = {
|
|
4
|
+
"page-grid__row": "_page-grid__row_10s51_1",
|
|
5
|
+
"page-grid__row-mt-0": "_page-grid__row-mt-0_10s51_9",
|
|
6
|
+
"page-grid__row-mt-025": "_page-grid__row-mt-025_10s51_13",
|
|
7
|
+
"page-grid__row-mt-050": "_page-grid__row-mt-050_10s51_17",
|
|
8
|
+
"page-grid__row-mt-075": "_page-grid__row-mt-075_10s51_21",
|
|
9
|
+
"page-grid__row-mt-100": "_page-grid__row-mt-100_10s51_25",
|
|
10
|
+
"page-grid__row-mt-125": "_page-grid__row-mt-125_10s51_29",
|
|
11
|
+
"page-grid__row-mt-150": "_page-grid__row-mt-150_10s51_33",
|
|
12
|
+
"page-grid__row-mt-175": "_page-grid__row-mt-175_10s51_37",
|
|
13
|
+
"page-grid__row-mt-200": "_page-grid__row-mt-200_10s51_41",
|
|
14
|
+
"page-grid__row-mt-250": "_page-grid__row-mt-250_10s51_45",
|
|
15
|
+
"page-grid__row-mt-300": "_page-grid__row-mt-300_10s51_49",
|
|
16
|
+
"page-grid__row-mt-350": "_page-grid__row-mt-350_10s51_53",
|
|
17
|
+
"page-grid__row-mb-0": "_page-grid__row-mb-0_10s51_57",
|
|
18
|
+
"page-grid__row-mb-025": "_page-grid__row-mb-025_10s51_61",
|
|
19
|
+
"page-grid__row-mb-050": "_page-grid__row-mb-050_10s51_65",
|
|
20
|
+
"page-grid__row-mb-075": "_page-grid__row-mb-075_10s51_69",
|
|
21
|
+
"page-grid__row-mb-100": "_page-grid__row-mb-100_10s51_73",
|
|
22
|
+
"page-grid__row-mb-125": "_page-grid__row-mb-125_10s51_77",
|
|
23
|
+
"page-grid__row-mb-150": "_page-grid__row-mb-150_10s51_81",
|
|
24
|
+
"page-grid__row-mb-175": "_page-grid__row-mb-175_10s51_85",
|
|
25
|
+
"page-grid__row-mb-200": "_page-grid__row-mb-200_10s51_89",
|
|
26
|
+
"page-grid__row-mb-250": "_page-grid__row-mb-250_10s51_93",
|
|
27
|
+
"page-grid__row-mb-300": "_page-grid__row-mb-300_10s51_97",
|
|
28
|
+
"page-grid__row-mb-350": "_page-grid__row-mb-350_10s51_101",
|
|
29
|
+
"page-grid__col-12": "_page-grid__col-12_10s51_109",
|
|
30
|
+
"page-grid__col": "_page-grid__col_10s51_109",
|
|
31
|
+
"page-grid__col-1": "_page-grid__col-1_10s51_109",
|
|
32
|
+
"page-grid__col-2": "_page-grid__col-2_10s51_124",
|
|
33
|
+
"page-grid__col-3": "_page-grid__col-3_10s51_132",
|
|
34
|
+
"page-grid__col-4": "_page-grid__col-4_10s51_140",
|
|
35
|
+
"page-grid__col-5": "_page-grid__col-5_10s51_148",
|
|
36
|
+
"page-grid__col-6": "_page-grid__col-6_10s51_156",
|
|
37
|
+
"page-grid__col-7": "_page-grid__col-7_10s51_164",
|
|
38
|
+
"page-grid__col-8": "_page-grid__col-8_10s51_172",
|
|
39
|
+
"page-grid__col-9": "_page-grid__col-9_10s51_180",
|
|
40
|
+
"page-grid__col-10": "_page-grid__col-10_10s51_188",
|
|
41
|
+
"page-grid__col-11": "_page-grid__col-11_10s51_196",
|
|
42
|
+
"page-grid__col-md-1": "_page-grid__col-md-1_10s51_215",
|
|
43
|
+
"page-grid__col-md-2": "_page-grid__col-md-2_10s51_223",
|
|
44
|
+
"page-grid__col-md-3": "_page-grid__col-md-3_10s51_231",
|
|
45
|
+
"page-grid__col-md-4": "_page-grid__col-md-4_10s51_239",
|
|
46
|
+
"page-grid__col-md-5": "_page-grid__col-md-5_10s51_247",
|
|
47
|
+
"page-grid__col-md-6": "_page-grid__col-md-6_10s51_255",
|
|
48
|
+
"page-grid__col-md-7": "_page-grid__col-md-7_10s51_263",
|
|
49
|
+
"page-grid__col-md-8": "_page-grid__col-md-8_10s51_271",
|
|
50
|
+
"page-grid__col-md-9": "_page-grid__col-md-9_10s51_279",
|
|
51
|
+
"page-grid__col-md-10": "_page-grid__col-md-10_10s51_287",
|
|
52
|
+
"page-grid__col-md-11": "_page-grid__col-md-11_10s51_295",
|
|
53
|
+
"page-grid__col-md-12": "_page-grid__col-md-12_10s51_303",
|
|
54
|
+
"page-grid__col-start-position-1": "_page-grid__col-start-position-1_10s51_312",
|
|
55
|
+
"page-grid__col-start-position-2": "_page-grid__col-start-position-2_10s51_316",
|
|
56
|
+
"page-grid__col-start-position-3": "_page-grid__col-start-position-3_10s51_320",
|
|
57
|
+
"page-grid__col-start-position-4": "_page-grid__col-start-position-4_10s51_324",
|
|
58
|
+
"page-grid__col-start-position-5": "_page-grid__col-start-position-5_10s51_328",
|
|
59
|
+
"page-grid__col-start-position-6": "_page-grid__col-start-position-6_10s51_332",
|
|
60
|
+
"page-grid__col-start-position-7": "_page-grid__col-start-position-7_10s51_336",
|
|
61
|
+
"page-grid__col-start-position-8": "_page-grid__col-start-position-8_10s51_340",
|
|
62
|
+
"page-grid__col-start-position-9": "_page-grid__col-start-position-9_10s51_344",
|
|
63
|
+
"page-grid__col-start-position-10": "_page-grid__col-start-position-10_10s51_348",
|
|
64
|
+
"page-grid__col-start-position-11": "_page-grid__col-start-position-11_10s51_352",
|
|
65
|
+
"page-grid__col-md-start-position-1": "_page-grid__col-md-start-position-1_10s51_359",
|
|
66
|
+
"page-grid__col-md-start-position-2": "_page-grid__col-md-start-position-2_10s51_363",
|
|
67
|
+
"page-grid__col-md-start-position-3": "_page-grid__col-md-start-position-3_10s51_367",
|
|
68
|
+
"page-grid__col-md-start-position-4": "_page-grid__col-md-start-position-4_10s51_371",
|
|
69
|
+
"page-grid__col-md-start-position-5": "_page-grid__col-md-start-position-5_10s51_375",
|
|
70
|
+
"page-grid__col-md-start-position-6": "_page-grid__col-md-start-position-6_10s51_379",
|
|
71
|
+
"page-grid__col-md-start-position-7": "_page-grid__col-md-start-position-7_10s51_383",
|
|
72
|
+
"page-grid__col-md-start-position-8": "_page-grid__col-md-start-position-8_10s51_387",
|
|
73
|
+
"page-grid__col-md-start-position-9": "_page-grid__col-md-start-position-9_10s51_391",
|
|
74
|
+
"page-grid__col-md-start-position-10": "_page-grid__col-md-start-position-10_10s51_395",
|
|
75
|
+
"page-grid__col-md-start-position-11": "_page-grid__col-md-start-position-11_10s51_399"
|
|
76
|
+
}, c = ({
|
|
77
|
+
size: g,
|
|
78
|
+
mediumSize: r,
|
|
79
|
+
startPositon: o,
|
|
80
|
+
mediumStartPosition: i,
|
|
81
|
+
position: a,
|
|
82
|
+
children: p
|
|
83
|
+
}) => /* @__PURE__ */ d(
|
|
84
|
+
"div",
|
|
85
|
+
{
|
|
86
|
+
className: s(
|
|
87
|
+
_["page-grid__col"],
|
|
88
|
+
g && _[`page-grid__col-${g}`],
|
|
89
|
+
r && _[`page-grid__col-md-${r}`],
|
|
90
|
+
o && _[`page-grid__col-start-position-${o}`],
|
|
91
|
+
i && _[`page-grid__col-md-start-position-${i}`],
|
|
92
|
+
a && _[`page-grid__col-${a}`]
|
|
93
|
+
),
|
|
94
|
+
children: p
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
export {
|
|
98
|
+
c as C,
|
|
99
|
+
_ as s
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=Column-BL3dsYxn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column-
|
|
1
|
+
{"version":3,"file":"Column-BL3dsYxn.js","sources":["../src/components/GridRow/Column/Column.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from 'components/GridRow/GridRow.module.css';\n\ntype columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\nexport interface ColumnProps {\n size?: columnSize;\n mediumSize?: columnSize;\n startPositon?: columnSize;\n mediumStartPosition?: columnSize;\n position?: 'start' | 'center' | 'end';\n}\n\nexport const Column = ({\n size,\n mediumSize,\n startPositon,\n mediumStartPosition,\n position,\n children,\n}: PropsWithChildren<ColumnProps>) => {\n return (\n <div\n className={clsx(\n styles['page-grid__col'],\n size && styles[`page-grid__col-${size}`],\n mediumSize && styles[`page-grid__col-md-${mediumSize}`],\n startPositon && styles[`page-grid__col-start-position-${startPositon}`],\n mediumStartPosition && styles[`page-grid__col-md-start-position-${mediumStartPosition}`],\n position && styles[`page-grid__col-${position}`]\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["Column","size","mediumSize","startPositon","mediumStartPosition","position","children","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBaA,IAAS,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,gBAAgB;AAAA,MACvBR,KAAQQ,EAAO,kBAAkBR,CAAI,EAAE;AAAA,MACvCC,KAAcO,EAAO,qBAAqBP,CAAU,EAAE;AAAA,MACtDC,KAAgBM,EAAO,iCAAiCN,CAAY,EAAE;AAAA,MACtEC,KAAuBK,EAAO,oCAAoCL,CAAmB,EAAE;AAAA,MACvFC,KAAYI,EAAO,kBAAkBJ,CAAQ,EAAE;AAAA,IACjD;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsxs as a, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import './assets/TimelineItem.css';const b = "_timeline__container_recyi_20", f = "_timeline__list_recyi_40", u = "_timeline__item_recyi_47", e = {
|
|
4
|
+
timeline__container: b,
|
|
5
|
+
"timeline__button-container": "_timeline__button-container_recyi_31",
|
|
6
|
+
"timeline__button-container--active": "_timeline__button-container--active_recyi_36",
|
|
7
|
+
timeline__list: f,
|
|
8
|
+
timeline__item: u,
|
|
9
|
+
"timeline__item--todo": "_timeline__item--todo_recyi_78",
|
|
10
|
+
"timeline__item-title": "_timeline__item-title_recyi_86",
|
|
11
|
+
"timeline__item--current": "_timeline__item--current_recyi_107",
|
|
12
|
+
"timeline__item--rejected": "_timeline__item--rejected_recyi_118",
|
|
13
|
+
"timeline__item--draft": "_timeline__item--draft_recyi_126",
|
|
14
|
+
"timeline__item-label": "_timeline__item-label_recyi_137",
|
|
15
|
+
"timeline__item-dark-label": "_timeline__item-dark-label_recyi_138",
|
|
16
|
+
"timeline__item-card": "_timeline__item-card_recyi_149",
|
|
17
|
+
"timeline__item--verified": "_timeline__item--verified_recyi_161",
|
|
18
|
+
"timeline__item--submitted": "_timeline__item--submitted_recyi_189"
|
|
19
|
+
}, h = ({ title: c, type: i, reason: s, subtitle: n, tasks: l, completed: _ = !1 }) => /* @__PURE__ */ a(
|
|
20
|
+
"li",
|
|
21
|
+
{
|
|
22
|
+
className: m(e.timeline__item, {
|
|
23
|
+
[e["timeline__item--active"]]: i === "active" && !_,
|
|
24
|
+
[e["timeline__item--todo"]]: i === "active" && !_ || i === "submitted" && !_,
|
|
25
|
+
[e["timeline__item--submitted"]]: i === "submitted" && !_,
|
|
26
|
+
[e["timeline__item--draft"]]: i === "draft",
|
|
27
|
+
[e["timeline__item--current"]]: i === "draft",
|
|
28
|
+
[e["timeline__item--rejected"]]: i === "rejected",
|
|
29
|
+
[e["timeline__item--submitted"]]: i === "submitted",
|
|
30
|
+
[e["timeline__item--verified"]]: i === "verified"
|
|
31
|
+
}),
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ t("span", { className: e["timeline__item-title"], "data-reason": s, children: c }),
|
|
34
|
+
n && /* @__PURE__ */ t("span", { className: e["timeline__item-dark-label"], children: n }),
|
|
35
|
+
l && l.map(({ title: r, assignee: d }, o) => /* @__PURE__ */ a("div", { className: e["timeline__item-card"], children: [
|
|
36
|
+
/* @__PURE__ */ t(
|
|
37
|
+
"span",
|
|
38
|
+
{
|
|
39
|
+
className: m(i === "rejected" ? e["timeline__item-dark-label"] : e["timeline__item-label"]),
|
|
40
|
+
children: r
|
|
41
|
+
}
|
|
42
|
+
),
|
|
43
|
+
/* @__PURE__ */ t("span", { className: m(i === "rejected" ? e["timeline__item-label"] : e["timeline__item-info"]), children: d })
|
|
44
|
+
] }, `${r}_${o}`))
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
export {
|
|
49
|
+
h as T,
|
|
50
|
+
e as s
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=TimelineItem-DmrymETS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimelineItem-
|
|
1
|
+
{"version":3,"file":"TimelineItem-DmrymETS.js","sources":["../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { TimelineItemProps } from './Timeline';\n\nimport styles from 'components/Timeline/Timeline.module.css';\n\nexport const TimelineItem = ({ title, type, reason, subtitle, tasks, completed = false }: TimelineItemProps) => (\n <li\n className={clsx(styles['timeline__item'], {\n [styles['timeline__item--active']]: type === 'active' && !completed,\n [styles['timeline__item--todo']]: (type === 'active' && !completed) || (type === 'submitted' && !completed),\n [styles['timeline__item--submitted']]: type === 'submitted' && !completed,\n\n [styles['timeline__item--draft']]: type === 'draft',\n [styles['timeline__item--current']]: type === 'draft',\n [styles['timeline__item--rejected']]: type === 'rejected',\n [styles['timeline__item--submitted']]: type === 'submitted',\n [styles['timeline__item--verified']]: type === 'verified',\n })}\n >\n <span className={styles['timeline__item-title']} data-reason={reason}>\n {title}\n </span>\n {subtitle && <span className={styles['timeline__item-dark-label']}>{subtitle}</span>}\n {tasks &&\n tasks.map(({ title, assignee }, idx) => (\n <div className={styles['timeline__item-card']} key={`${title}_${idx}`}>\n <span\n className={clsx(type === 'rejected' ? styles['timeline__item-dark-label'] : styles['timeline__item-label'])}\n >\n {title}\n </span>\n <span className={clsx(type === 'rejected' ? styles['timeline__item-label'] : styles['timeline__item-info'])}>\n {assignee}\n </span>\n </div>\n ))}\n </li>\n);\n"],"names":["TimelineItem","title","type","reason","subtitle","tasks","completed","jsxs","clsx","styles","jsx","assignee","idx"],"mappings":";;;;;;;;;;;;;;;;;;GAMaA,IAAe,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,WAAAC,IAAY,GAAA,MAC/E,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,gBAAmB;AAAA,MACxC,CAACA,EAAO,wBAAwB,CAAC,GAAGP,MAAS,YAAY,CAACI;AAAA,MAC1D,CAACG,EAAO,sBAAsB,CAAC,GAAIP,MAAS,YAAY,CAACI,KAAeJ,MAAS,eAAe,CAACI;AAAA,MACjG,CAACG,EAAO,2BAA2B,CAAC,GAAGP,MAAS,eAAe,CAACI;AAAA,MAEhE,CAACG,EAAO,uBAAuB,CAAC,GAAGP,MAAS;AAAA,MAC5C,CAACO,EAAO,yBAAyB,CAAC,GAAGP,MAAS;AAAA,MAC9C,CAACO,EAAO,0BAA0B,CAAC,GAAGP,MAAS;AAAA,MAC/C,CAACO,EAAO,2BAA2B,CAAC,GAAGP,MAAS;AAAA,MAChD,CAACO,EAAO,0BAA0B,CAAC,GAAGP,MAAS;AAAA,IAAA,CAChD;AAAA,IAED,UAAA;AAAA,MAAA,gBAAAQ,EAAC,UAAK,WAAWD,EAAO,sBAAsB,GAAG,eAAaN,GAC3D,UACHF,GAAA;AAAA,MACCG,KAAa,gBAAAM,EAAA,QAAA,EAAK,WAAWD,EAAO,2BAA2B,GAAI,UAASL,GAAA;AAAA,MAC5EC,KACCA,EAAM,IAAI,CAAC,EAAE,OAAAJ,GAAO,UAAAU,EAAS,GAAGC,MAC7B,gBAAAL,EAAA,OAAA,EAAI,WAAWE,EAAO,qBAAqB,GAC1C,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKN,MAAS,aAAaO,EAAO,2BAA2B,IAAIA,EAAO,sBAAsB,CAAC;AAAA,YAEzG,UAAAR;AAAAA,UAAA;AAAA,QACH;AAAA,QACC,gBAAAS,EAAA,QAAA,EAAK,WAAWF,EAAKN,MAAS,aAAaO,EAAO,sBAAsB,IAAIA,EAAO,qBAAqB,CAAC,GACvG,UACHE,EAAA,CAAA;AAAA,MAAA,EAAA,GARkD,GAAGV,CAAK,IAAIW,CAAG,EASnE,CACD;AAAA,IAAA;AAAA,EAAA;AACL;"}
|
package/dist/assets/Column.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._page-
|
|
1
|
+
._page-grid__row_10s51_1{--grid-cols: 12;display:flex;flex-wrap:wrap;min-width:100%}._page-grid__row-mt-0_10s51_9{margin-top:0}._page-grid__row-mt-025_10s51_13{margin-top:.25rem}._page-grid__row-mt-050_10s51_17{margin-top:.5rem}._page-grid__row-mt-075_10s51_21{margin-top:.75rem}._page-grid__row-mt-100_10s51_25{margin-top:1rem}._page-grid__row-mt-125_10s51_29{margin-top:1.25rem}._page-grid__row-mt-150_10s51_33{margin-top:1.5rem}._page-grid__row-mt-175_10s51_37{margin-top:1.75rem}._page-grid__row-mt-200_10s51_41{margin-top:2rem}._page-grid__row-mt-250_10s51_45{margin-top:2.5rem}._page-grid__row-mt-300_10s51_49{margin-top:3rem}._page-grid__row-mt-350_10s51_53{margin-top:3.5rem}._page-grid__row-mb-0_10s51_57{margin-bottom:0}._page-grid__row-mb-025_10s51_61{margin-bottom:.25rem}._page-grid__row-mb-050_10s51_65{margin-bottom:.5rem}._page-grid__row-mb-075_10s51_69{margin-bottom:.75rem}._page-grid__row-mb-100_10s51_73{margin-bottom:1rem}._page-grid__row-mb-125_10s51_77{margin-bottom:1.25rem}._page-grid__row-mb-150_10s51_81{margin-bottom:1.5rem}._page-grid__row-mb-175_10s51_85{margin-bottom:1.75rem}._page-grid__row-mb-200_10s51_89{margin-bottom:2rem}._page-grid__row-mb-250_10s51_93{margin-bottom:2.5rem}._page-grid__row-mb-300_10s51_97{margin-bottom:3rem}._page-grid__row-mb-350_10s51_101{margin-bottom:3.5rem}[class^=page-grid__col]{position:relative}._page-grid__col-12_10s51_109,._page-grid__col_10s51_109{flex-basis:100%;max-width:100%;padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-1_10s51_109{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-2_10s51_124{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-3_10s51_132{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-4_10s51_140{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-5_10s51_148{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-6_10s51_156{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-7_10s51_164{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-8_10s51_172{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-9_10s51_180{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-10_10s51_188{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-11_10s51_196{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-12_10s51_109{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}@media only screen and (max-width: 64rem){._page-grid__col-md-1_10s51_215{--collspan: 1;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-2_10s51_223{--collspan: 2;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-3_10s51_231{--collspan: 3;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-4_10s51_239{--collspan: 4;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-5_10s51_247{--collspan: 5;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-6_10s51_255{--collspan: 6;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-7_10s51_263{--collspan: 7;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-8_10s51_271{--collspan: 8;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-9_10s51_279{--collspan: 9;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-10_10s51_287{--collspan: 10;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-11_10s51_295{--collspan: 11;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}._page-grid__col-md-12_10s51_303{--collspan: 12;flex-basis:calc((var(--collspan) / var(--grid-cols) * 100%));max-width:calc((var(--collspan) / var(--grid-cols) * 100%));padding:0 calc(var(--grid-gap) / 2)}}._page-grid__col-start-position-1_10s51_312{margin-left:calc((1 / 12 * 100%))}._page-grid__col-start-position-2_10s51_316{margin-left:calc((2 / 12 * 100%))}._page-grid__col-start-position-3_10s51_320{margin-left:25%}._page-grid__col-start-position-4_10s51_324{margin-left:calc((4 / 12 * 100%))}._page-grid__col-start-position-5_10s51_328{margin-left:calc((5 / 12 * 100%))}._page-grid__col-start-position-6_10s51_332{margin-left:50%}._page-grid__col-start-position-7_10s51_336{margin-left:calc((7 / 12 * 100%))}._page-grid__col-start-position-8_10s51_340{margin-left:calc((8 / 12 * 100%))}._page-grid__col-start-position-9_10s51_344{margin-left:75%}._page-grid__col-start-position-10_10s51_348{margin-left:calc((10 / 12 * 100%))}._page-grid__col-start-position-11_10s51_352{margin-left:calc((11 / 12 * 100%))}@media only screen and (max-width: 64rem){._page-grid__col-md-start-position-1_10s51_359{margin-left:calc((1 / 12 * 100%))}._page-grid__col-md-start-position-2_10s51_363{margin-left:calc((2 / 12 * 100%))}._page-grid__col-md-start-position-3_10s51_367{margin-left:25%}._page-grid__col-md-start-position-4_10s51_371{margin-left:calc((4 / 12 * 100%))}._page-grid__col-md-start-position-5_10s51_375{margin-left:calc((5 / 12 * 100%))}._page-grid__col-md-start-position-6_10s51_379{margin-left:50%}._page-grid__col-md-start-position-7_10s51_383{margin-left:calc((7 / 12 * 100%))}._page-grid__col-md-start-position-8_10s51_387{margin-left:calc((8 / 12 * 100%))}._page-grid__col-md-start-position-9_10s51_391{margin-left:75%}._page-grid__col-md-start-position-10_10s51_395{margin-left:calc((10 / 12 * 100%))}._page-grid__col-md-start-position-11_10s51_399{margin-left:calc((11 / 12 * 100%))}}@media only screen and (max-width: 40rem){._page-grid__col-1_10s51_109,._page-grid__col-2_10s51_124,._page-grid__col-3_10s51_132,._page-grid__col-4_10s51_140,._page-grid__col-5_10s51_148,._page-grid__col-6_10s51_156,._page-grid__col-7_10s51_164,._page-grid__col-8_10s51_172,._page-grid__col-9_10s51_180,._page-grid__col-10_10s51_188,._page-grid__col-11_10s51_196{flex-basis:100%;margin-left:0;max-width:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--gray-100: #faf9f9;--gray-200: #f5f4f4;--gray-300: #e7e5e4;--gray-400: #d6d3d1;--gray-500: #a8a19e;--gray-600: #78706c;--gray-700: #57514e;--gray-800: #433f3d;--gray-900: #282625;--uva-black: #000;--uva-white: #fff}.
|
|
1
|
+
:root{--gray-100: #faf9f9;--gray-200: #f5f4f4;--gray-300: #e7e5e4;--gray-400: #d6d3d1;--gray-500: #a8a19e;--gray-600: #78706c;--gray-700: #57514e;--gray-800: #433f3d;--gray-900: #282625;--uva-black: #000;--uva-white: #fff}._timeline__container_recyi_20{align-items:flex-start;background-color:var(--uva-white);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:.25rem 1rem;width:100%}._timeline__button-container_recyi_31{margin-bottom:-.25rem;margin-left:1.5rem}._timeline__button-container--active_recyi_36{margin-bottom:.75rem}._timeline__list_recyi_40{list-style:none;margin:0;padding:0;width:100%}._timeline__item_recyi_47{display:flex;flex-direction:column;padding-bottom:1.25rem;position:relative;width:100%}._timeline__item_recyi_47:empty{min-height:1rem}._timeline__item_recyi_47:not(:last-child):before{background-color:var(--uva-black);border:none;bottom:-1rem;content:"";left:.25rem;position:absolute;top:1rem;width:1px}._timeline__item_recyi_47:last-child{padding-bottom:0}._timeline__item_recyi_47:nth-last-child(2):before{bottom:-.75rem}._timeline__item--todo_recyi_78:not(:last-child):before{background:repeating-linear-gradient(to bottom,transparent 0 4px,var(--gray-400) 4px 8px) 80%/2px 100% no-repeat}._timeline__item_recyi_47:empty:before{top:-1rem}._timeline__item-title_recyi_86{align-items:center;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--semibold);margin-bottom:.25rem;position:relative}._timeline__item-title_recyi_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item--current_recyi_107 ._timeline__item-title_recyi_86:before{height:.5rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--todo_recyi_78 ._timeline__item-title_recyi_86:before{background-color:var(--gray-400)}._timeline__item--rejected_recyi_118 ._timeline__item-title_recyi_86:before{border-radius:0;height:.125rem;margin-left:0;margin-right:1rem;width:.5rem}._timeline__item--draft_recyi_126:last-child ._timeline__item-title_recyi_86:before{background-color:var(--uva-black);border-radius:50%;content:"";height:.375rem;margin-left:.0625rem;margin-right:1.0625rem;position:relative;width:.375rem}._timeline__item-label_recyi_137,._timeline__item-dark-label_recyi_138{color:var(--gray-700);font-size:var(--font-size-text-non-essential)}._timeline__item-dark-label_recyi_138{color:var(--uva-black);margin-bottom:.25rem;margin-left:1.5rem}._timeline__item-card_recyi_149{display:flex;flex-direction:column;margin-bottom:.125rem;margin-left:1.5rem;padding:.5rem 0}._timeline__item-card_recyi_149 ._timeline__item-dark-label_recyi_138{margin-left:0}._timeline__item--verified_recyi_161 ._timeline__item-card_recyi_149{margin-top:-.25rem;padding:.125rem 0}._timeline__item--rejected_recyi_118{margin-bottom:-.25rem}._timeline__item--rejected_recyi_118 ._timeline__item-card_recyi_149{margin-top:-.25rem;padding:.125rem 0}._timeline__item--draft_recyi_126{margin-bottom:.5rem}._timeline__item--draft_recyi_126 ._timeline__item-card_recyi_149{margin-top:-.25rem;padding:.125rem 0}._timeline__item--todo_recyi_78 ._timeline__item-card_recyi_149{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--submitted_recyi_189:not(._timeline__item--todo_recyi_78){margin-bottom:-.25rem}._timeline__item--submitted_recyi_189:not(._timeline__item--todo_recyi_78) ._timeline__item-card_recyi_149{margin-top:-.25rem;padding:.125rem 0}._timeline__item--draft_recyi_126:not(:last-child) ._timeline__item-card_recyi_149{background-color:var(--gray-200);padding:.5rem .75rem}._timeline__item--verified_recyi_161{margin-bottom:-.25rem}._timeline__item--verified_recyi_161 ._timeline__item-title_recyi_86:after{background-color:var(--gray-200);color:var(--color-grey-500);content:attr(data-reason);font-size:var(--font-size-text-non-essential);margin-left:.5rem;padding:.25rem .5rem}
|
|
File without changes
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-Z7qwJmRM.js";
|
|
3
|
+
import { r, s as d } from "../../react.esm-BOUd0cvD.js";
|
|
4
|
+
import { Card as o } from "./Card.js";
|
|
5
|
+
describe("Card", () => {
|
|
6
|
+
it("should render", () => {
|
|
7
|
+
r(/* @__PURE__ */ e(o, { header: "Header Card" })), expect(d.getByText("Header Card")).toBeInTheDocument();
|
|
8
|
+
});
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=Card.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.test.js","sources":["../../../src/components/Card/Card.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n it('should render', () => {\n render(<Card header=\"Header Card\" />);\n expect(screen.getByText('Header Card')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Card","screen"],"mappings":";;;;AAKA,SAAS,QAAQ,MAAM;AACrB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAK,QAAO,cAAc,CAAA,CAAE,GACpC,OAAOC,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC3D;AACH,CAAC;"}
|
|
File without changes
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-Z7qwJmRM.js";
|
|
3
|
+
import { r as o, s as t } from "../../react.esm-BOUd0cvD.js";
|
|
4
|
+
import { Checkbox as h } from "./Checkbox.js";
|
|
5
|
+
describe("Checkbox", () => {
|
|
6
|
+
it("should render", () => {
|
|
7
|
+
o(/* @__PURE__ */ c(h, { id: "test-checkbox" }));
|
|
8
|
+
const e = t.getByRole("checkbox");
|
|
9
|
+
expect(e).toBeInTheDocument();
|
|
10
|
+
}), it("should be checked if clicked", () => {
|
|
11
|
+
o(/* @__PURE__ */ c(h, { id: "test-checkbox" }));
|
|
12
|
+
const e = t.getByRole("checkbox");
|
|
13
|
+
expect(e).toBeInTheDocument(), e.click(), expect(e).toBeChecked();
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=Checkbox.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n it('should render', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n });\n\n it('should be checked if clicked', () => {\n render(<Checkbox id=\"test-checkbox\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n checkbox.click();\n expect(checkbox).toBeChecked();\n });\n});\n"],"names":["render","jsx","Checkbox","checkbox","screen"],"mappings":";;;;AAKA,SAAS,YAAY,MAAM;AACzB,KAAG,iBAAiB,MAAM;AACxB,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAAA,EAAA,CACpC,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAH,EAAQ,gBAAAC,EAAAC,GAAA,EAAS,IAAG,gBAAgB,CAAA,CAAE;AAChC,UAAAC,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GACnCA,EAAS,MAAM,GACR,OAAAA,CAAQ,EAAE,YAAY;AAAA,EAAA,CAC9B;AACH,CAAC;"}
|
|
File without changes
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-Z7qwJmRM.js";
|
|
3
|
+
import { r as n, s as t } from "../../react.esm-BOUd0cvD.js";
|
|
4
|
+
import { CheckboxButton as a } from "./CheckboxButton.js";
|
|
5
|
+
const c = jest.fn();
|
|
6
|
+
describe("CheckboxButton", () => {
|
|
7
|
+
it("should render", () => {
|
|
8
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c }));
|
|
9
|
+
const e = t.getByRole("checkbox");
|
|
10
|
+
expect(e).toBeInTheDocument();
|
|
11
|
+
}), it("should be checked if clicked", () => {
|
|
12
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c }));
|
|
13
|
+
const e = t.getByRole("checkbox");
|
|
14
|
+
expect(e).toBeInTheDocument(), e.click(), expect(e).toBeChecked(), expect(c).toHaveBeenCalledTimes(1);
|
|
15
|
+
}), it("should be disabled", () => {
|
|
16
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c, disabled: !0 }));
|
|
17
|
+
const e = t.getByRole("checkbox");
|
|
18
|
+
expect(e).toBeInTheDocument(), expect(e).toBeDisabled();
|
|
19
|
+
}), it("should show noValid", () => {
|
|
20
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c, notValid: !0 }));
|
|
21
|
+
const e = t.getByRole("checkbox");
|
|
22
|
+
expect(e).toBeInTheDocument();
|
|
23
|
+
const o = t.getByText("2.1");
|
|
24
|
+
expect(o).toHaveClass("checkbox-button--not-valid");
|
|
25
|
+
}), it("should render single variant", () => {
|
|
26
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c, notValid: !0 }));
|
|
27
|
+
const e = t.getByRole("checkbox");
|
|
28
|
+
expect(e).toBeInTheDocument();
|
|
29
|
+
const o = t.getByText("2.1");
|
|
30
|
+
expect(o).toHaveClass("checkbox-button--single");
|
|
31
|
+
}), it("should render start variant", () => {
|
|
32
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c, notValid: !0, variant: "start" }));
|
|
33
|
+
const e = t.getByRole("checkbox");
|
|
34
|
+
expect(e).toBeInTheDocument();
|
|
35
|
+
const o = t.getByText("2.1");
|
|
36
|
+
expect(o).toHaveClass("checkbox-button--start");
|
|
37
|
+
}), it("should render middle variant", () => {
|
|
38
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c, notValid: !0, variant: "middle" }));
|
|
39
|
+
const e = t.getByRole("checkbox");
|
|
40
|
+
expect(e).toBeInTheDocument();
|
|
41
|
+
const o = t.getByText("2.1");
|
|
42
|
+
expect(o).toHaveClass("checkbox-button--middle");
|
|
43
|
+
}), it("should render end variant", () => {
|
|
44
|
+
n(/* @__PURE__ */ l(a, { label: "2.1", value: "4", onSetValue: c, notValid: !0, variant: "end" }));
|
|
45
|
+
const e = t.getByRole("checkbox");
|
|
46
|
+
expect(e).toBeInTheDocument();
|
|
47
|
+
const o = t.getByText("2.1");
|
|
48
|
+
expect(o).toHaveClass("checkbox-button--end");
|
|
49
|
+
});
|
|
50
|
+
});
|
|
51
|
+
//# sourceMappingURL=CheckboxButton.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxButton.test.js","sources":["../../../src/components/CheckboxButton/CheckboxButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\n\r\nimport { CheckboxButton } from './CheckboxButton';\r\n\r\nconst onClickSpy = jest.fn();\r\n\r\ndescribe('CheckboxButton', () => {\r\n it('should render', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n });\r\n\r\n it('should be checked if clicked', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n checkbox.click();\r\n expect(checkbox).toBeChecked();\r\n expect(onClickSpy).toHaveBeenCalledTimes(1);\r\n });\r\n\r\n it('should be disabled', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} disabled={true} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n expect(checkbox).toBeDisabled();\r\n });\r\n\r\n it('should show noValid', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--not-valid');\r\n });\r\n\r\n it('should render single variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--single');\r\n });\r\n\r\n it('should render start variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"start\" />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--start');\r\n });\r\n\r\n it('should render middle variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"middle\" />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--middle');\r\n });\r\n\r\n it('should render end variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"end\" />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--end');\r\n });\r\n});\r\n"],"names":["onClickSpy","render","jsx","CheckboxButton","checkbox","screen","label"],"mappings":";;;;AAKA,MAAMA,IAAa,KAAK,GAAG;AAE3B,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACjB,IAAAC,EAAA,gBAAAC,EAACC,KAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,CAAE;AACjE,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAAA,EAAA,CACpC,GAED,GAAG,gCAAgC,MAAM;AAChC,IAAAH,EAAA,gBAAAC,EAACC,KAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,CAAE;AACjE,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GACnCA,EAAS,MAAM,GACR,OAAAA,CAAQ,EAAE,YAAY,GACtB,OAAAJ,CAAU,EAAE,sBAAsB,CAAC;AAAA,EAAA,CAC3C,GAED,GAAG,sBAAsB,MAAM;AACtB,IAAAC,EAAA,gBAAAC,EAACC,GAAe,EAAA,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,GAAM,CAAA,CAAE;AACjF,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB,GAC5B,OAAAA,CAAQ,EAAE,aAAa;AAAA,EAAA,CAC/B,GAED,GAAG,uBAAuB,MAAM;AACvB,IAAAH,EAAA,gBAAAC,EAACC,GAAe,EAAA,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,GAAM,CAAA,CAAE;AACjF,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACvD,GAED,GAAG,gCAAgC,MAAM;AAChC,IAAAL,EAAA,gBAAAC,EAACC,GAAe,EAAA,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,GAAM,CAAA,CAAE;AACjF,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,yBAAyB;AAAA,EAAA,CACpD,GAED,GAAG,+BAA+B,MAAM;AACtC,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,IAAM,SAAQ,QAAQ,CAAA,CAAE;AACjG,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,wBAAwB;AAAA,EAAA,CACnD,GAED,GAAG,gCAAgC,MAAM;AACvC,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,IAAM,SAAQ,SAAS,CAAA,CAAE;AAClG,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,yBAAyB;AAAA,EAAA,CACpD,GAED,GAAG,6BAA6B,MAAM;AACpC,IAAAL,EAAQ,gBAAAC,EAAAC,GAAA,EAAe,OAAM,OAAM,OAAM,KAAI,YAAYH,GAAY,UAAU,IAAM,SAAQ,MAAM,CAAA,CAAE;AAC/F,UAAAI,IAAWC,EAAO,UAAU,UAAU;AACrC,WAAAD,CAAQ,EAAE,kBAAkB;AAC7B,UAAAE,IAAQD,EAAO,UAAU,KAAK;AAC7B,WAAAC,CAAK,EAAE,YAAY,sBAAsB;AAAA,EAAA,CACjD;AACH,CAAC;"}
|
|
File without changes
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-Z7qwJmRM.js";
|
|
3
|
+
import { r as c, s as e } from "../../react.esm-BOUd0cvD.js";
|
|
4
|
+
import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
|
|
5
|
+
const n = jest.fn(), x = [
|
|
6
|
+
{
|
|
7
|
+
label: "1.1",
|
|
8
|
+
value: "1"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
label: "1.2",
|
|
12
|
+
value: "2"
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
label: "1.3",
|
|
16
|
+
value: "3"
|
|
17
|
+
}
|
|
18
|
+
];
|
|
19
|
+
describe("CheckboxButton", () => {
|
|
20
|
+
it("should render", () => {
|
|
21
|
+
c(
|
|
22
|
+
/* @__PURE__ */ l(
|
|
23
|
+
a,
|
|
24
|
+
{
|
|
25
|
+
label: "Periode",
|
|
26
|
+
checkboxes: x,
|
|
27
|
+
defaultValues: ["1", "2"],
|
|
28
|
+
labelPosition: "top",
|
|
29
|
+
onSetValues: n
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
), expect(e.getByText("Periode")).toBeInTheDocument();
|
|
33
|
+
const t = e.getAllByRole("checkbox");
|
|
34
|
+
expect(t).toHaveLength(3);
|
|
35
|
+
}), it("should render required", () => {
|
|
36
|
+
c(
|
|
37
|
+
/* @__PURE__ */ l(
|
|
38
|
+
a,
|
|
39
|
+
{
|
|
40
|
+
label: "Periode",
|
|
41
|
+
required: !0,
|
|
42
|
+
checkboxes: x,
|
|
43
|
+
defaultValues: ["1", "2"],
|
|
44
|
+
labelPosition: "top",
|
|
45
|
+
onSetValues: n
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
);
|
|
49
|
+
const t = e.getByText("Periode");
|
|
50
|
+
expect(t).toHaveTextContent("Periode"), expect(t).toHaveClass("label--required");
|
|
51
|
+
const o = e.getAllByRole("checkbox");
|
|
52
|
+
expect(o).toHaveLength(3);
|
|
53
|
+
}), it("should render default checked", () => {
|
|
54
|
+
c(
|
|
55
|
+
/* @__PURE__ */ l(
|
|
56
|
+
a,
|
|
57
|
+
{
|
|
58
|
+
label: "Periode",
|
|
59
|
+
checkboxes: x,
|
|
60
|
+
defaultValues: ["1", "2"],
|
|
61
|
+
labelPosition: "top",
|
|
62
|
+
onSetValues: n
|
|
63
|
+
}
|
|
64
|
+
)
|
|
65
|
+
);
|
|
66
|
+
const t = e.getByText("Periode");
|
|
67
|
+
expect(t).toHaveTextContent("Periode");
|
|
68
|
+
const o = e.getAllByRole("checkbox");
|
|
69
|
+
expect(o).toHaveLength(3), expect(o[0]).toBeChecked(), expect(o[1]).toBeChecked(), expect(o[2]).not.toBeChecked();
|
|
70
|
+
}), it("should render notValidatedText and notValid style", () => {
|
|
71
|
+
c(
|
|
72
|
+
/* @__PURE__ */ l(
|
|
73
|
+
a,
|
|
74
|
+
{
|
|
75
|
+
label: "Periode",
|
|
76
|
+
notValidatedText: "Not Valid",
|
|
77
|
+
checkboxes: x,
|
|
78
|
+
defaultValues: ["1", "2"],
|
|
79
|
+
labelPosition: "top",
|
|
80
|
+
onSetValues: n
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
);
|
|
84
|
+
const t = e.getByText("Periode");
|
|
85
|
+
expect(t).toHaveTextContent("Periode"), expect(e.getByText("Not Valid")).toBeInTheDocument();
|
|
86
|
+
const o = e.getAllByRole("checkbox");
|
|
87
|
+
expect(o).toHaveLength(3), expect(e.getByText("1.1")).toHaveClass("checkbox-button--not-valid"), expect(e.getByText("1.2")).toHaveClass("checkbox-button--not-valid"), expect(e.getByText("1.3")).toHaveClass("checkbox-button--not-valid");
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
//# sourceMappingURL=CheckboxButtonBar.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxButtonBar.test.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\r\nimport '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\n\r\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\r\n\r\nconst onClickSpy = jest.fn();\r\n\r\nconst MOCK_CHECKBOXES = [\r\n {\r\n label: '1.1',\r\n value: '1',\r\n },\r\n {\r\n label: '1.2',\r\n value: '2',\r\n },\r\n {\r\n label: '1.3',\r\n value: '3',\r\n },\r\n];\r\n\r\ndescribe('CheckboxButton', () => {\r\n it('should render', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n expect(screen.getByText('Periode')).toBeInTheDocument();\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n });\r\n\r\n it('should render required', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n required={true}\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n const label = screen.getByText('Periode');\r\n expect(label).toHaveTextContent('Periode');\r\n expect(label).toHaveClass('label--required');\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n });\r\n\r\n it('should render default checked', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n const label = screen.getByText('Periode');\r\n expect(label).toHaveTextContent('Periode');\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n expect(checkbox[0]).toBeChecked();\r\n expect(checkbox[1]).toBeChecked();\r\n expect(checkbox[2]).not.toBeChecked();\r\n });\r\n\r\n it('should render notValidatedText and notValid style', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n notValidatedText=\"Not Valid\"\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n const label = screen.getByText('Periode');\r\n expect(label).toHaveTextContent('Periode');\r\n expect(screen.getByText('Not Valid')).toBeInTheDocument();\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n expect(screen.getByText('1.1')).toHaveClass('checkbox-button--not-valid');\r\n expect(screen.getByText('1.2')).toHaveClass('checkbox-button--not-valid');\r\n expect(screen.getByText('1.3')).toHaveClass('checkbox-button--not-valid');\r\n });\r\n});\r\n"],"names":["onClickSpy","MOCK_CHECKBOXES","render","jsx","CheckboxButtonBar","screen","checkbox","label"],"mappings":";;;;AAMA,MAAMA,IAAa,KAAK,GAAG,GAErBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACxB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB,GACA,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAChD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GAClC,OAAAA,CAAK,EAAE,YAAY,iBAAiB;AACrC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS;AACnC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAY;AAAA,EAAA,CACrC,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB;AAClD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOD,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACzE;AACH,CAAC;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { c as i } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { s as r, C as d } from "../../Column-
|
|
3
|
+
import { s as r, C as d } from "../../Column-BL3dsYxn.js";
|
|
4
4
|
const s = {
|
|
5
5
|
0: { "--grid-gap": "0.25rem" },
|
|
6
6
|
"025": { "--grid-gap": "0.25rem" },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as s, jsx as o, Fragment as h } from "react/jsx-runtime";
|
|
2
2
|
import { useState as u, createElement as r } from "react";
|
|
3
3
|
import { c } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { s as t, T as a } from "../../TimelineItem-
|
|
4
|
+
import { s as t, T as a } from "../../TimelineItem-DmrymETS.js";
|
|
5
5
|
import { Button as T } from "../Buttons/Button.js";
|
|
6
6
|
import "../Buttons/LinkButton.js";
|
|
7
7
|
import "@react-aria/button";
|
|
@@ -35,8 +35,8 @@ const e = [
|
|
|
35
35
|
subtitle: "",
|
|
36
36
|
tasks: [
|
|
37
37
|
{
|
|
38
|
-
title: "
|
|
39
|
-
assignee: "
|
|
38
|
+
title: "Vakgegevens opnieuw in te dienen door",
|
|
39
|
+
assignee: "Vakcoördinator"
|
|
40
40
|
}
|
|
41
41
|
],
|
|
42
42
|
completed: !0
|
|
@@ -71,7 +71,7 @@ const e = [
|
|
|
71
71
|
subtitle: "",
|
|
72
72
|
tasks: [
|
|
73
73
|
{
|
|
74
|
-
title: "John Doe
|
|
74
|
+
title: "John Doe, 14 mei 2024, 16:37"
|
|
75
75
|
}
|
|
76
76
|
],
|
|
77
77
|
completed: !0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mockTimelineItem.js","sources":["../../../src/components/Timeline/mockTimelineItem.ts"],"sourcesContent":["export const MOCK_TIMELINE_ITEM = [\n {\n title: 'Actief',\n type: 'active',\n completed: false,\n reason: '',\n subtitle: '',\n tasks: [],\n },\n {\n title: 'Verificatie',\n type: 'submitted',\n reason: '',\n subtitle: '3 openstaande verificatietaken',\n tasks: [\n {\n title: 'Vakgegevens te verifiëren door',\n assignee: 'Opleidingsdirecteur',\n },\n {\n title: 'Vakgegevens te verifiëren door',\n assignee: 'Opleidingscoördinator',\n },\n {\n title: 'Vakgegevens te verifiëren door',\n assignee: 'Studiegidsredacteur',\n },\n ],\n completed: false,\n },\n {\n title: 'Concept',\n type: 'draft',\n reason: '',\n subtitle: '',\n tasks: [\n {\n title: '
|
|
1
|
+
{"version":3,"file":"mockTimelineItem.js","sources":["../../../src/components/Timeline/mockTimelineItem.ts"],"sourcesContent":["export const MOCK_TIMELINE_ITEM = [\n {\n title: 'Actief',\n type: 'active',\n completed: false,\n reason: '',\n subtitle: '',\n tasks: [],\n },\n {\n title: 'Verificatie',\n type: 'submitted',\n reason: '',\n subtitle: '3 openstaande verificatietaken',\n tasks: [\n {\n title: 'Vakgegevens te verifiëren door',\n assignee: 'Opleidingsdirecteur',\n },\n {\n title: 'Vakgegevens te verifiëren door',\n assignee: 'Opleidingscoördinator',\n },\n {\n title: 'Vakgegevens te verifiëren door',\n assignee: 'Studiegidsredacteur',\n },\n ],\n completed: false,\n },\n {\n title: 'Concept',\n type: 'draft',\n reason: '',\n subtitle: '',\n tasks: [\n {\n title: 'Vakgegevens opnieuw in te dienen door',\n assignee: 'Vakcoördinator',\n },\n ],\n completed: true,\n },\n {\n title: 'Vakgegevens afgewezen',\n type: 'rejected',\n tasks: [\n {\n title: 'Afwijsreden: gegevens mbt de aanbiedingen kloppen nog niet.',\n assignee: 'Jane Doe als opleidingscoördinator, 14 mei 2024, 16:39',\n },\n ],\n completed: true,\n },\n {\n title: 'Geverifieerd 1 van 3',\n type: 'verified',\n reason: 'ongeldig door afwijzing',\n subtitle: '',\n tasks: [\n {\n title: 'Jan Doe als opleidingsdirecteur, 14 mei 2024, 16:38',\n },\n ],\n completed: true,\n },\n {\n title: 'Concept ingediend',\n type: 'submitted',\n reason: '',\n subtitle: '',\n tasks: [\n {\n title: 'John Doe, 14 mei 2024, 16:37',\n },\n ],\n completed: true,\n },\n {\n title: 'Aangemaakt',\n type: 'draft',\n reason: 'ongeldig door afwijzing',\n subtitle: '',\n tasks: [\n {\n title: 'Glass jaarkopie, 14 mei 2024, 16:35',\n },\n ],\n completed: true,\n },\n];\n"],"names":["MOCK_TIMELINE_ITEM"],"mappings":"AAAO,MAAMA,IAAqB;AAAA,EAChC;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO,CAAA;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAEd;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,MAAA;AAAA,IAEX;AAAA,IACA,WAAW;AAAA,EAAA;AAEf;"}
|
package/package.json
CHANGED
package/dist/Column-BUyVh2Oo.js
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
-
import { c as s } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import './assets/Column.css';const _ = {
|
|
4
|
-
"page-grid__row": "_page-grid__row_k1mos_1",
|
|
5
|
-
"page-grid__row-mt-0": "_page-grid__row-mt-0_k1mos_10",
|
|
6
|
-
"page-grid__row-mt-025": "_page-grid__row-mt-025_k1mos_14",
|
|
7
|
-
"page-grid__row-mt-050": "_page-grid__row-mt-050_k1mos_18",
|
|
8
|
-
"page-grid__row-mt-075": "_page-grid__row-mt-075_k1mos_22",
|
|
9
|
-
"page-grid__row-mt-100": "_page-grid__row-mt-100_k1mos_26",
|
|
10
|
-
"page-grid__row-mt-125": "_page-grid__row-mt-125_k1mos_30",
|
|
11
|
-
"page-grid__row-mt-150": "_page-grid__row-mt-150_k1mos_34",
|
|
12
|
-
"page-grid__row-mt-175": "_page-grid__row-mt-175_k1mos_38",
|
|
13
|
-
"page-grid__row-mt-200": "_page-grid__row-mt-200_k1mos_42",
|
|
14
|
-
"page-grid__row-mt-250": "_page-grid__row-mt-250_k1mos_46",
|
|
15
|
-
"page-grid__row-mt-300": "_page-grid__row-mt-300_k1mos_50",
|
|
16
|
-
"page-grid__row-mt-350": "_page-grid__row-mt-350_k1mos_54",
|
|
17
|
-
"page-grid__row-mb-0": "_page-grid__row-mb-0_k1mos_58",
|
|
18
|
-
"page-grid__row-mb-025": "_page-grid__row-mb-025_k1mos_62",
|
|
19
|
-
"page-grid__row-mb-050": "_page-grid__row-mb-050_k1mos_66",
|
|
20
|
-
"page-grid__row-mb-075": "_page-grid__row-mb-075_k1mos_70",
|
|
21
|
-
"page-grid__row-mb-100": "_page-grid__row-mb-100_k1mos_74",
|
|
22
|
-
"page-grid__row-mb-125": "_page-grid__row-mb-125_k1mos_78",
|
|
23
|
-
"page-grid__row-mb-150": "_page-grid__row-mb-150_k1mos_82",
|
|
24
|
-
"page-grid__row-mb-175": "_page-grid__row-mb-175_k1mos_86",
|
|
25
|
-
"page-grid__row-mb-200": "_page-grid__row-mb-200_k1mos_90",
|
|
26
|
-
"page-grid__row-mb-250": "_page-grid__row-mb-250_k1mos_94",
|
|
27
|
-
"page-grid__row-mb-300": "_page-grid__row-mb-300_k1mos_98",
|
|
28
|
-
"page-grid__row-mb-350": "_page-grid__row-mb-350_k1mos_102",
|
|
29
|
-
"page-grid__col-12": "_page-grid__col-12_k1mos_110",
|
|
30
|
-
"page-grid__col": "_page-grid__col_k1mos_110",
|
|
31
|
-
"page-grid__col-1": "_page-grid__col-1_k1mos_110",
|
|
32
|
-
"page-grid__col-2": "_page-grid__col-2_k1mos_125",
|
|
33
|
-
"page-grid__col-3": "_page-grid__col-3_k1mos_133",
|
|
34
|
-
"page-grid__col-4": "_page-grid__col-4_k1mos_141",
|
|
35
|
-
"page-grid__col-5": "_page-grid__col-5_k1mos_149",
|
|
36
|
-
"page-grid__col-6": "_page-grid__col-6_k1mos_157",
|
|
37
|
-
"page-grid__col-7": "_page-grid__col-7_k1mos_165",
|
|
38
|
-
"page-grid__col-8": "_page-grid__col-8_k1mos_173",
|
|
39
|
-
"page-grid__col-9": "_page-grid__col-9_k1mos_181",
|
|
40
|
-
"page-grid__col-10": "_page-grid__col-10_k1mos_189",
|
|
41
|
-
"page-grid__col-11": "_page-grid__col-11_k1mos_197",
|
|
42
|
-
"page-grid__col-md-1": "_page-grid__col-md-1_k1mos_216",
|
|
43
|
-
"page-grid__col-md-2": "_page-grid__col-md-2_k1mos_224",
|
|
44
|
-
"page-grid__col-md-3": "_page-grid__col-md-3_k1mos_232",
|
|
45
|
-
"page-grid__col-md-4": "_page-grid__col-md-4_k1mos_240",
|
|
46
|
-
"page-grid__col-md-5": "_page-grid__col-md-5_k1mos_248",
|
|
47
|
-
"page-grid__col-md-6": "_page-grid__col-md-6_k1mos_256",
|
|
48
|
-
"page-grid__col-md-7": "_page-grid__col-md-7_k1mos_264",
|
|
49
|
-
"page-grid__col-md-8": "_page-grid__col-md-8_k1mos_272",
|
|
50
|
-
"page-grid__col-md-9": "_page-grid__col-md-9_k1mos_280",
|
|
51
|
-
"page-grid__col-md-10": "_page-grid__col-md-10_k1mos_288",
|
|
52
|
-
"page-grid__col-md-11": "_page-grid__col-md-11_k1mos_296",
|
|
53
|
-
"page-grid__col-md-12": "_page-grid__col-md-12_k1mos_304",
|
|
54
|
-
"page-grid__col-start-position-1": "_page-grid__col-start-position-1_k1mos_313",
|
|
55
|
-
"page-grid__col-start-position-2": "_page-grid__col-start-position-2_k1mos_317",
|
|
56
|
-
"page-grid__col-start-position-3": "_page-grid__col-start-position-3_k1mos_321",
|
|
57
|
-
"page-grid__col-start-position-4": "_page-grid__col-start-position-4_k1mos_325",
|
|
58
|
-
"page-grid__col-start-position-5": "_page-grid__col-start-position-5_k1mos_329",
|
|
59
|
-
"page-grid__col-start-position-6": "_page-grid__col-start-position-6_k1mos_333",
|
|
60
|
-
"page-grid__col-start-position-7": "_page-grid__col-start-position-7_k1mos_337",
|
|
61
|
-
"page-grid__col-start-position-8": "_page-grid__col-start-position-8_k1mos_341",
|
|
62
|
-
"page-grid__col-start-position-9": "_page-grid__col-start-position-9_k1mos_345",
|
|
63
|
-
"page-grid__col-start-position-10": "_page-grid__col-start-position-10_k1mos_349",
|
|
64
|
-
"page-grid__col-start-position-11": "_page-grid__col-start-position-11_k1mos_353",
|
|
65
|
-
"page-grid__col-md-start-position-1": "_page-grid__col-md-start-position-1_k1mos_360",
|
|
66
|
-
"page-grid__col-md-start-position-2": "_page-grid__col-md-start-position-2_k1mos_364",
|
|
67
|
-
"page-grid__col-md-start-position-3": "_page-grid__col-md-start-position-3_k1mos_368",
|
|
68
|
-
"page-grid__col-md-start-position-4": "_page-grid__col-md-start-position-4_k1mos_372",
|
|
69
|
-
"page-grid__col-md-start-position-5": "_page-grid__col-md-start-position-5_k1mos_376",
|
|
70
|
-
"page-grid__col-md-start-position-6": "_page-grid__col-md-start-position-6_k1mos_380",
|
|
71
|
-
"page-grid__col-md-start-position-7": "_page-grid__col-md-start-position-7_k1mos_384",
|
|
72
|
-
"page-grid__col-md-start-position-8": "_page-grid__col-md-start-position-8_k1mos_388",
|
|
73
|
-
"page-grid__col-md-start-position-9": "_page-grid__col-md-start-position-9_k1mos_392",
|
|
74
|
-
"page-grid__col-md-start-position-10": "_page-grid__col-md-start-position-10_k1mos_396",
|
|
75
|
-
"page-grid__col-md-start-position-11": "_page-grid__col-md-start-position-11_k1mos_400"
|
|
76
|
-
}, e = ({
|
|
77
|
-
size: o,
|
|
78
|
-
mediumSize: g,
|
|
79
|
-
startPositon: r,
|
|
80
|
-
mediumStartPosition: i,
|
|
81
|
-
position: a,
|
|
82
|
-
children: p
|
|
83
|
-
}) => /* @__PURE__ */ d(
|
|
84
|
-
"div",
|
|
85
|
-
{
|
|
86
|
-
className: s(
|
|
87
|
-
_["page-grid__col"],
|
|
88
|
-
o && _[`page-grid__col-${o}`],
|
|
89
|
-
g && _[`page-grid__col-md-${g}`],
|
|
90
|
-
r && _[`page-grid__col-start-position-${r}`],
|
|
91
|
-
i && _[`page-grid__col-md-start-position-${i}`],
|
|
92
|
-
a && _[`page-grid__col-${a}`]
|
|
93
|
-
),
|
|
94
|
-
children: p
|
|
95
|
-
}
|
|
96
|
-
);
|
|
97
|
-
export {
|
|
98
|
-
e as C,
|
|
99
|
-
_ as s
|
|
100
|
-
};
|
|
101
|
-
//# sourceMappingURL=Column-BUyVh2Oo.js.map
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as m } from "./clsx-OuTLNxxd.js";
|
|
3
|
-
import './assets/TimelineItem.css';const o = "_timeline__container_9xui0_20", x = "_timeline__list_9xui0_40", b = "_timeline__item_9xui0_47", e = {
|
|
4
|
-
timeline__container: o,
|
|
5
|
-
"timeline__button-container": "_timeline__button-container_9xui0_31",
|
|
6
|
-
"timeline__button-container--active": "_timeline__button-container--active_9xui0_36",
|
|
7
|
-
timeline__list: x,
|
|
8
|
-
timeline__item: b,
|
|
9
|
-
"timeline__item--todo": "_timeline__item--todo_9xui0_78",
|
|
10
|
-
"timeline__item-title": "_timeline__item-title_9xui0_86",
|
|
11
|
-
"timeline__item--current": "_timeline__item--current_9xui0_106",
|
|
12
|
-
"timeline__item--rejected": "_timeline__item--rejected_9xui0_117",
|
|
13
|
-
"timeline__item--draft": "_timeline__item--draft_9xui0_125",
|
|
14
|
-
"timeline__item-label": "_timeline__item-label_9xui0_136",
|
|
15
|
-
"timeline__item-dark-label": "_timeline__item-dark-label_9xui0_137",
|
|
16
|
-
"timeline__item-card": "_timeline__item-card_9xui0_148",
|
|
17
|
-
"timeline__item--verified": "_timeline__item--verified_9xui0_160",
|
|
18
|
-
"timeline__item--submitted": "_timeline__item--submitted_9xui0_177"
|
|
19
|
-
}, j = ({ title: c, type: i, reason: s, subtitle: n, tasks: l, completed: _ = !1 }) => /* @__PURE__ */ r(
|
|
20
|
-
"li",
|
|
21
|
-
{
|
|
22
|
-
className: m(e.timeline__item, {
|
|
23
|
-
[e["timeline__item--active"]]: i === "active" && !_,
|
|
24
|
-
[e["timeline__item--todo"]]: i === "active" && !_ || i === "submitted" && !_,
|
|
25
|
-
[e["timeline__item--submitted"]]: i === "submitted" && !_,
|
|
26
|
-
[e["timeline__item--draft"]]: i === "draft",
|
|
27
|
-
[e["timeline__item--current"]]: i === "draft",
|
|
28
|
-
[e["timeline__item--rejected"]]: i === "rejected",
|
|
29
|
-
[e["timeline__item--submitted"]]: i === "submitted",
|
|
30
|
-
[e["timeline__item--verified"]]: i === "verified"
|
|
31
|
-
}),
|
|
32
|
-
children: [
|
|
33
|
-
/* @__PURE__ */ t("span", { className: e["timeline__item-title"], "data-reason": s, children: c }),
|
|
34
|
-
n && /* @__PURE__ */ t("span", { className: e["timeline__item-dark-label"], children: n }),
|
|
35
|
-
l && l.map(({ title: a, assignee: d }, u) => /* @__PURE__ */ r("div", { className: e["timeline__item-card"], children: [
|
|
36
|
-
/* @__PURE__ */ t(
|
|
37
|
-
"span",
|
|
38
|
-
{
|
|
39
|
-
className: m(i === "rejected" ? e["timeline__item-dark-label"] : e["timeline__item-label"]),
|
|
40
|
-
children: a
|
|
41
|
-
}
|
|
42
|
-
),
|
|
43
|
-
/* @__PURE__ */ t("span", { className: m(i === "rejected" ? e["timeline__item-label"] : e["timeline__item-info"]), children: d })
|
|
44
|
-
] }, `${a}_${u}`))
|
|
45
|
-
]
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
export {
|
|
49
|
-
j as T,
|
|
50
|
-
e as s
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=TimelineItem-v4zDdKUz.js.map
|