@uva-glass/component-library 1.39.0 → 1.40.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/components/CourseCard/CourseCard.d.ts +2 -2
- package/dist/components/CourseCard/CourseCard.js +16 -17
- package/dist/components/CourseCard/CourseCard.js.map +1 -1
- package/dist/components/CourseCard/CourseCard.stories.js +17 -17
- package/dist/components/CourseCard/CourseCard.stories.js.map +1 -1
- package/dist/components/CourseCard/CourseCardHeader/CourseCardHeader.d.ts +2 -3
- package/dist/components/CourseCard/CourseCardHeader/CourseCardHeader.js +11 -12
- package/dist/components/CourseCard/CourseCardHeader/CourseCardHeader.js.map +1 -1
- package/dist/components/CourseCard/CourseCardOffering/CourseCardOffering.d.ts +1 -1
- package/dist/components/CourseCard/CourseCardOffering/CourseCardOffering.js +10 -10
- package/dist/components/CourseCard/CourseCardOffering/CourseCardOffering.js.map +1 -1
- package/dist/components/Icon/icons/index.d.ts +6 -0
- package/dist/components/Icon/icons/index.js +60 -58
- package/dist/components/Icon/icons/index.js.map +1 -1
- package/package.json +10 -10
|
@@ -19,11 +19,11 @@ interface Courses {
|
|
|
19
19
|
name: Name;
|
|
20
20
|
offerings: Offering[];
|
|
21
21
|
programmeId: string;
|
|
22
|
-
isNew
|
|
22
|
+
isNew?: boolean;
|
|
23
23
|
}
|
|
24
24
|
export interface CourseCardProps {
|
|
25
25
|
course: Courses;
|
|
26
|
-
localeTags: Record<string,
|
|
26
|
+
localeTags: Record<string, string>;
|
|
27
27
|
currentLanguage: 'NL' | 'EN';
|
|
28
28
|
actions?: Record<string, string>[];
|
|
29
29
|
onActionClick: ({ action, id }: Record<string, string>) => void;
|
|
@@ -1,40 +1,39 @@
|
|
|
1
1
|
import { jsxs as f, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { c as C } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { CourseCardHeader as p } from "./CourseCardHeader/CourseCardHeader.js";
|
|
4
|
-
import { CourseCardOffering as
|
|
5
|
-
import '../../assets/CourseCard.css';const
|
|
4
|
+
import { CourseCardOffering as u } from "./CourseCardOffering/CourseCardOffering.js";
|
|
5
|
+
import '../../assets/CourseCard.css';const o = {
|
|
6
6
|
"course-container": "_course-container_j1mva_3",
|
|
7
7
|
"course-container--clickable": "_course-container--clickable_j1mva_12",
|
|
8
8
|
"course__instance-container": "_course__instance-container_j1mva_18"
|
|
9
|
-
},
|
|
10
|
-
const a =
|
|
11
|
-
|
|
9
|
+
}, x = ({ course: e, localeTags: n, currentLanguage: r, actions: t, onClick: i }) => {
|
|
10
|
+
const a = e.offerings, s = typeof i == "function", d = () => {
|
|
11
|
+
s && i(e.id);
|
|
12
12
|
};
|
|
13
13
|
return /* @__PURE__ */ f(
|
|
14
14
|
"div",
|
|
15
15
|
{
|
|
16
|
-
className: C(
|
|
17
|
-
...
|
|
16
|
+
className: C(o["course-container"], s && o["course-container--clickable"]),
|
|
17
|
+
...i && { onClick: d },
|
|
18
18
|
children: [
|
|
19
19
|
/* @__PURE__ */ c(
|
|
20
20
|
p,
|
|
21
21
|
{
|
|
22
|
-
id:
|
|
23
|
-
code:
|
|
24
|
-
name:
|
|
25
|
-
credits:
|
|
22
|
+
id: e.id,
|
|
23
|
+
code: e.code,
|
|
24
|
+
name: e.name[r],
|
|
25
|
+
credits: e.credits,
|
|
26
26
|
actions: t,
|
|
27
27
|
localeTags: n,
|
|
28
|
-
|
|
29
|
-
isNew: i.isNew ? n["is-new"][e] : void 0,
|
|
28
|
+
isNew: e.isNew ? n["is-new"] : void 0,
|
|
30
29
|
onActionClick: console.log
|
|
31
30
|
}
|
|
32
31
|
),
|
|
33
|
-
/* @__PURE__ */ c("div", { className:
|
|
34
|
-
|
|
32
|
+
/* @__PURE__ */ c("div", { className: o["course__instance-container"], children: a.map(({ id: m, periods: _, maxPeriods: l }) => /* @__PURE__ */ c(
|
|
33
|
+
u,
|
|
35
34
|
{
|
|
36
35
|
periods: _,
|
|
37
|
-
currentLanguage:
|
|
36
|
+
currentLanguage: r,
|
|
38
37
|
localeTags: n,
|
|
39
38
|
maxPeriods: l
|
|
40
39
|
},
|
|
@@ -45,6 +44,6 @@ import '../../assets/CourseCard.css';const s = {
|
|
|
45
44
|
);
|
|
46
45
|
};
|
|
47
46
|
export {
|
|
48
|
-
|
|
47
|
+
x as CourseCard
|
|
49
48
|
};
|
|
50
49
|
//# sourceMappingURL=CourseCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CourseCard.js","sources":["../../../src/components/CourseCard/CourseCard.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './CourseCard.module.css';\nimport { CourseCardHeader } from './CourseCardHeader';\nimport { CourseCardOffering } from './CourseCardOffering';\n\ninterface Offering {\n academicYear: number;\n courseId: string;\n id: string;\n offeringNumber: number;\n periods: number[];\n maxPeriods: number;\n}\n\ninterface Name {\n EN: string;\n NL: string;\n}\n\ninterface Courses {\n code: string;\n credits: number;\n departmentId: string;\n id: string;\n level: string;\n name: Name;\n offerings: Offering[];\n programmeId: string;\n isNew
|
|
1
|
+
{"version":3,"file":"CourseCard.js","sources":["../../../src/components/CourseCard/CourseCard.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './CourseCard.module.css';\nimport { CourseCardHeader } from './CourseCardHeader';\nimport { CourseCardOffering } from './CourseCardOffering';\n\ninterface Offering {\n academicYear: number;\n courseId: string;\n id: string;\n offeringNumber: number;\n periods: number[];\n maxPeriods: number;\n}\n\ninterface Name {\n EN: string;\n NL: string;\n}\n\ninterface Courses {\n code: string;\n credits: number;\n departmentId: string;\n id: string;\n level: string;\n name: Name;\n offerings: Offering[];\n programmeId: string;\n isNew?: boolean;\n}\n\nexport interface CourseCardProps {\n course: Courses;\n localeTags: Record<string, string>;\n currentLanguage: 'NL' | 'EN';\n actions?: Record<string, string>[];\n onActionClick: ({ action, id }: Record<string, string>) => void;\n onClick?: (id: string) => void;\n}\n\nexport const CourseCard = ({ course, localeTags, currentLanguage, actions, onClick }: CourseCardProps) => {\n const offerings = course.offerings;\n const isClickable = typeof onClick === 'function';\n\n const handleOnClick = () => {\n if (isClickable) onClick(course.id);\n };\n\n return (\n <div\n className={clsx(styles['course-container'], isClickable && styles['course-container--clickable'])}\n {...(onClick && { onClick: handleOnClick })}\n >\n <CourseCardHeader\n id={course.id}\n code={course.code}\n name={course.name[currentLanguage]}\n credits={course.credits}\n actions={actions}\n localeTags={localeTags}\n isNew={course.isNew ? localeTags['is-new'] : undefined}\n onActionClick={console.log}\n />\n <div className={styles['course__instance-container']}>\n {offerings.map(({ id, periods, maxPeriods }) => (\n <CourseCardOffering\n periods={periods}\n key={id}\n currentLanguage={currentLanguage}\n localeTags={localeTags}\n maxPeriods={maxPeriods}\n />\n ))}\n </div>\n </div>\n );\n};\n"],"names":["CourseCard","course","localeTags","currentLanguage","actions","onClick","offerings","isClickable","handleOnClick","jsxs","clsx","styles","jsx","CourseCardHeader","id","periods","maxPeriods","CourseCardOffering"],"mappings":";;;;;;;;GAyCaA,IAAa,CAAC,EAAE,QAAAC,GAAQ,YAAAC,GAAY,iBAAAC,GAAiB,SAAAC,GAAS,SAAAC,QAA+B;AACxG,QAAMC,IAAYL,EAAO,WACnBM,IAAc,OAAOF,KAAY,YAEjCG,IAAgB,MAAM;AACtB,IAAAD,KAAqBF,EAAAJ,EAAO,EAAE;AAAA,EAAA;AAIlC,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,kBAAkB,GAAGJ,KAAeI,EAAO,6BAA6B,CAAC;AAAA,MAC/F,GAAIN,KAAW,EAAE,SAASG,EAAc;AAAA,MAEzC,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIZ,EAAO;AAAA,YACX,MAAMA,EAAO;AAAA,YACb,MAAMA,EAAO,KAAKE,CAAe;AAAA,YACjC,SAASF,EAAO;AAAA,YAChB,SAAAG;AAAA,YACA,YAAAF;AAAA,YACA,OAAOD,EAAO,QAAQC,EAAW,QAAQ,IAAI;AAAA,YAC7C,eAAe,QAAQ;AAAA,UAAA;AAAA,QACzB;AAAA,QACC,gBAAAU,EAAA,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GAChD,UAAUL,EAAA,IAAI,CAAC,EAAE,IAAAQ,GAAI,SAAAC,GAAS,YAAAC,EAC7B,MAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAAF;AAAA,YAEA,iBAAAZ;AAAA,YACA,YAAAD;AAAA,YACA,YAAAc;AAAA,UAAA;AAAA,UAHKF;AAAA,QAKR,CAAA,GACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -9,7 +9,7 @@ import "../IconButton/IconButton.js";
|
|
|
9
9
|
import "../Input/Input.js";
|
|
10
10
|
import "../InputField/InputField.js";
|
|
11
11
|
import "../../MultiSelect-Blc_VDxu.js";
|
|
12
|
-
import { Repeater as
|
|
12
|
+
import { Repeater as m } from "../Repeater/Repeater.js";
|
|
13
13
|
import "../SelectListbox/SelectListbox.js";
|
|
14
14
|
import "../SelectListbox/SelectProvider.js";
|
|
15
15
|
import { Container as d } from "../storyComponents/Container/Container.js";
|
|
@@ -388,14 +388,14 @@ const e = {
|
|
|
388
388
|
title: "Organisms/CourseCard",
|
|
389
389
|
component: a,
|
|
390
390
|
argTypes: {}
|
|
391
|
-
}, c = (r) => /* @__PURE__ */ o(d, { size: "large", children: /* @__PURE__ */ o(a, { ...r }) }),
|
|
391
|
+
}, c = (r) => /* @__PURE__ */ o(d, { size: "large", children: /* @__PURE__ */ o(a, { ...r }) }), t = {
|
|
392
392
|
course: e.coursesByProgrammeId[0],
|
|
393
393
|
localeTags: {
|
|
394
|
-
"course-coordinator":
|
|
395
|
-
"is-new":
|
|
396
|
-
"menu-actions-edit":
|
|
397
|
-
"menu-actions-change-owner":
|
|
398
|
-
"menu-actions-delete":
|
|
394
|
+
"course-coordinator": "Vakcoördinator",
|
|
395
|
+
"is-new": "Nieuw",
|
|
396
|
+
"menu-actions-edit": "Bewerken",
|
|
397
|
+
"menu-actions-change-owner": "Verander eigenaar",
|
|
398
|
+
"menu-actions-delete": "Verwijder"
|
|
399
399
|
},
|
|
400
400
|
currentLanguage: "NL",
|
|
401
401
|
actions: [
|
|
@@ -415,9 +415,9 @@ const e = {
|
|
|
415
415
|
onActionClick: s()
|
|
416
416
|
}, u = c.bind({});
|
|
417
417
|
u.args = {
|
|
418
|
-
...
|
|
418
|
+
...t
|
|
419
419
|
};
|
|
420
|
-
const
|
|
420
|
+
const R = (r) => /* @__PURE__ */ o(d, { size: "large", children: /* @__PURE__ */ o(m, { children: e.coursesByProgrammeId.map((i) => /* @__PURE__ */ n(
|
|
421
421
|
a,
|
|
422
422
|
{
|
|
423
423
|
...r,
|
|
@@ -427,14 +427,14 @@ const l = (r) => /* @__PURE__ */ o(d, { size: "large", children: /* @__PURE__ */
|
|
|
427
427
|
actions: r.actions,
|
|
428
428
|
key: i.id
|
|
429
429
|
}
|
|
430
|
-
)) }) }),
|
|
431
|
-
|
|
430
|
+
)) }) }), l = R.bind({});
|
|
431
|
+
l.args = {
|
|
432
432
|
localeTags: {
|
|
433
|
-
"course-coordinator":
|
|
434
|
-
"is-new":
|
|
435
|
-
"menu-actions-edit":
|
|
436
|
-
"menu-actions-change-owner":
|
|
437
|
-
"menu-actions-delete":
|
|
433
|
+
"course-coordinator": "Vakcoördinator",
|
|
434
|
+
"is-new": "Nieuw",
|
|
435
|
+
"menu-actions-edit": "Bewerken",
|
|
436
|
+
"menu-actions-change-owner": "Verander eigenaar",
|
|
437
|
+
"menu-actions-delete": "Verwijder"
|
|
438
438
|
},
|
|
439
439
|
currentLanguage: "NL",
|
|
440
440
|
actions: [
|
|
@@ -455,7 +455,7 @@ R.args = {
|
|
|
455
455
|
};
|
|
456
456
|
export {
|
|
457
457
|
u as CourseCardExample,
|
|
458
|
-
|
|
458
|
+
l as WithMultipleCourseCards,
|
|
459
459
|
T as default
|
|
460
460
|
};
|
|
461
461
|
//# sourceMappingURL=CourseCard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CourseCard.stories.js","sources":["../../../src/components/CourseCard/mockdata.js","../../../src/components/CourseCard/CourseCard.stories.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nexport const data = {\n coursesByProgrammeId: [\n {\n code: '7055R016AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R016AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Developmental and Parenting Problems: Aetiology & Intervention',\n NL: 'Developmental and parenting problems: aetiology & intervention',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R016AY',\n id: 'oh:course-offering:UN_7055R016AY_2023_1',\n offeringNumber: 1,\n periods: [2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R027AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R027AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Family systems',\n NL: 'Family systems',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R027AY',\n id: 'oh:course-offering:UN_7055R027AY_2023_1',\n offeringNumber: 1,\n periods: [4],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R036AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R036AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Learning & Social-Emotional Disorders in Educ. Contexts',\n NL: 'Learning and social-emotional disorders in educational contexts',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R036AY',\n id: 'oh:course-offering:UN_7055R036AY_2023_1',\n offeringNumber: 1,\n periods: [4],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: true,\n },\n {\n code: '7055R046AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R046AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Micro-Processes at School and Learning',\n NL: 'Micro-processes at School and Learning',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R046AY',\n id: 'oh:course-offering:UN_7055R046AY_2023_1',\n offeringNumber: 1,\n periods: [5],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R057CY',\n credits: 9,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R057CY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Multilevel Data Analysis',\n NL: 'Multilevel Data Analysis',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R057CY',\n id: 'oh:course-offering:UN_7055R057CY_2023_1',\n offeringNumber: 1,\n periods: [3, 4],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R070BY',\n credits: 12,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R070BY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Structural equation modelling in educational research',\n NL: 'Structural equation modelling in educational research',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R070BY',\n id: 'oh:course-offering:UN_7055R070BY_2023_1',\n offeringNumber: 1,\n periods: [1, 2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R083DY',\n credits: 3,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R083DY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Academic Skills',\n NL: 'Academic Skills',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R083DY',\n id: 'oh:course-offering:UN_7055R083DY_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R090BY',\n credits: 12,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R090BY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Methods and Statistics in Education Research',\n NL: 'Methods and statistics in educational research',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R090BY',\n id: 'oh:course-offering:UN_7055R090BY_2023_1',\n offeringNumber: 1,\n periods: [1, 2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R107AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R107AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Intervention Research',\n NL: 'Intervention Research',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R107AY',\n id: 'oh:course-offering:UN_7055R107AY_2023_1',\n offeringNumber: 1,\n periods: [1],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R136AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R136AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Criminal Behaviour of Juveniles ',\n NL: 'Criminal behaviour of juveniles',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R136AY',\n id: 'oh:course-offering:UN_7055R136AY_2023_1',\n offeringNumber: 1,\n periods: [5],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R146AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R146AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Philosophy of Education',\n NL: 'Philosophy of Education',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R146AY',\n id: 'oh:course-offering:UN_7055R146AY_2023_1',\n offeringNumber: 1,\n periods: [1],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R160AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R160AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Critical Debates on Children and Education in a Comparative Perspective',\n NL: 'Critical Debates on Children and Education in a Comparative Perspective',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R160AY',\n id: 'oh:course-offering:UN_7055R160AY_2023_1',\n offeringNumber: 1,\n periods: [2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R301KY',\n credits: 30,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R301KY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Research Master Thesis',\n NL: 'Research Master Thesis',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R301KY',\n id: 'oh:course-offering:UN_7055R301KY_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R456HY',\n credits: 18,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R456HY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Research Internship',\n NL: 'Research Internship',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R456HY',\n id: 'oh:course-offering:UN_7055R456HY_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055RMT01Y',\n credits: 0,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055RMT01Y',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Mentoring & Tutorial - Year 1',\n NL: 'Mentoring & Tutorial - Year 1',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055RMT01Y',\n id: 'oh:course-offering:UN_7055RMT01Y_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055RMT02Y',\n credits: 0,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055RMT02Y',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Mentoring & Tutorial - Year 2',\n NL: 'Mentoring & Tutorial - Year 2',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055RMT02Y',\n id: 'oh:course-offering:UN_7055RMT02Y_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n ],\n};\n","import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CourseCardProps } from './CourseCard';\n\nimport { CourseCard } from './CourseCard';\nimport { data } from './mockdata';\n\nimport { Repeater } from 'components';\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/CourseCard',\n component: CourseCard,\n argTypes: {},\n} as Meta<CourseCardProps>;\n\nconst Template: StoryFn<CourseCardProps> = (args) => (\n <Container size=\"large\">\n <CourseCard {...args} />\n </Container>\n);\n\nconst defaultArgs: Partial<CourseCardProps> = {\n course: data.coursesByProgrammeId[0],\n localeTags: {\n 'course-coordinator': { NL: 'Vakcoördinator', EN: 'Course coordinator' },\n 'is-new': { NL: 'Nieuw', EN: 'New' },\n 'menu-actions-edit': { NL: 'Bewerken', EN: 'Edit' },\n 'menu-actions-change-owner': { NL: 'Verander eigenaar', EN: 'Change owner' },\n 'menu-actions-delete': { NL: 'Verwijder', EN: 'Delete' },\n },\n currentLanguage: 'NL',\n actions: [\n {\n action: 'edit',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'change-owner',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'delete',\n value: data.coursesByProgrammeId[0].id,\n },\n ],\n onActionClick: fn(),\n};\n\nexport const CourseCardExample = Template.bind({});\nCourseCardExample.args = {\n ...defaultArgs,\n};\n\nconst WithMultipleCourseCardsTemplate: StoryFn<CourseCardProps> = (args) => (\n <Container size=\"large\">\n <Repeater>\n {data.coursesByProgrammeId.map((course) => (\n <CourseCard\n {...args}\n course={course}\n localeTags={args.localeTags}\n currentLanguage={args.currentLanguage}\n actions={args.actions}\n key={course.id}\n />\n ))}\n </Repeater>\n </Container>\n);\n\nexport const WithMultipleCourseCards = WithMultipleCourseCardsTemplate.bind({});\n\nWithMultipleCourseCards.args = {\n localeTags: {\n 'course-coordinator': { NL: 'Vakcoördinator', EN: 'Course coordinator' },\n 'is-new': { NL: 'Nieuw', EN: 'New' },\n 'menu-actions-edit': { NL: 'Bewerken', EN: 'Edit' },\n 'menu-actions-change-owner': { NL: 'Verander eigenaar', EN: 'Change owner' },\n 'menu-actions-delete': { NL: 'Verwijder', EN: 'Delete' },\n },\n currentLanguage: 'NL',\n actions: [\n {\n action: 'edit',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'change-owner',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'delete',\n value: data.coursesByProgrammeId[0].id,\n },\n ],\n onActionClick: fn(),\n};\n"],"names":["data","CourseCard_stories","CourseCard","Template","args","jsx","Container","defaultArgs","fn","CourseCardExample","WithMultipleCourseCardsTemplate","Repeater","course","createElement","WithMultipleCourseCards"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CourseCard.stories.js","sources":["../../../src/components/CourseCard/mockdata.js","../../../src/components/CourseCard/CourseCard.stories.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nexport const data = {\n coursesByProgrammeId: [\n {\n code: '7055R016AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R016AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Developmental and Parenting Problems: Aetiology & Intervention',\n NL: 'Developmental and parenting problems: aetiology & intervention',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R016AY',\n id: 'oh:course-offering:UN_7055R016AY_2023_1',\n offeringNumber: 1,\n periods: [2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R027AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R027AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Family systems',\n NL: 'Family systems',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R027AY',\n id: 'oh:course-offering:UN_7055R027AY_2023_1',\n offeringNumber: 1,\n periods: [4],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R036AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R036AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Learning & Social-Emotional Disorders in Educ. Contexts',\n NL: 'Learning and social-emotional disorders in educational contexts',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R036AY',\n id: 'oh:course-offering:UN_7055R036AY_2023_1',\n offeringNumber: 1,\n periods: [4],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: true,\n },\n {\n code: '7055R046AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R046AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Micro-Processes at School and Learning',\n NL: 'Micro-processes at School and Learning',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R046AY',\n id: 'oh:course-offering:UN_7055R046AY_2023_1',\n offeringNumber: 1,\n periods: [5],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R057CY',\n credits: 9,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R057CY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Multilevel Data Analysis',\n NL: 'Multilevel Data Analysis',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R057CY',\n id: 'oh:course-offering:UN_7055R057CY_2023_1',\n offeringNumber: 1,\n periods: [3, 4],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R070BY',\n credits: 12,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R070BY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Structural equation modelling in educational research',\n NL: 'Structural equation modelling in educational research',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R070BY',\n id: 'oh:course-offering:UN_7055R070BY_2023_1',\n offeringNumber: 1,\n periods: [1, 2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R083DY',\n credits: 3,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R083DY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Academic Skills',\n NL: 'Academic Skills',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R083DY',\n id: 'oh:course-offering:UN_7055R083DY_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R090BY',\n credits: 12,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R090BY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Methods and Statistics in Education Research',\n NL: 'Methods and statistics in educational research',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R090BY',\n id: 'oh:course-offering:UN_7055R090BY_2023_1',\n offeringNumber: 1,\n periods: [1, 2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R107AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R107AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Intervention Research',\n NL: 'Intervention Research',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R107AY',\n id: 'oh:course-offering:UN_7055R107AY_2023_1',\n offeringNumber: 1,\n periods: [1],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R136AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R136AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Criminal Behaviour of Juveniles ',\n NL: 'Criminal behaviour of juveniles',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R136AY',\n id: 'oh:course-offering:UN_7055R136AY_2023_1',\n offeringNumber: 1,\n periods: [5],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R146AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R146AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Philosophy of Education',\n NL: 'Philosophy of Education',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R146AY',\n id: 'oh:course-offering:UN_7055R146AY_2023_1',\n offeringNumber: 1,\n periods: [1],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R160AY',\n credits: 6,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R160AY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Critical Debates on Children and Education in a Comparative Perspective',\n NL: 'Critical Debates on Children and Education in a Comparative Perspective',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R160AY',\n id: 'oh:course-offering:UN_7055R160AY_2023_1',\n offeringNumber: 1,\n periods: [2],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R301KY',\n credits: 30,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R301KY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Research Master Thesis',\n NL: 'Research Master Thesis',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R301KY',\n id: 'oh:course-offering:UN_7055R301KY_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055R456HY',\n credits: 18,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055R456HY',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Research Internship',\n NL: 'Research Internship',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055R456HY',\n id: 'oh:course-offering:UN_7055R456HY_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055RMT01Y',\n credits: 0,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055RMT01Y',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Mentoring & Tutorial - Year 1',\n NL: 'Mentoring & Tutorial - Year 1',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055RMT01Y',\n id: 'oh:course-offering:UN_7055RMT01Y_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n {\n code: '7055RMT02Y',\n credits: 0,\n departmentId: 'oh:department:GSCDE',\n id: 'oh:course:7055RMT02Y',\n level: 'RESEARCH_MASTER',\n name: {\n EN: 'Mentoring & Tutorial - Year 2',\n NL: 'Mentoring & Tutorial - Year 2',\n },\n offerings: [\n {\n academicYear: 2024,\n courseId: 'oh:course:7055RMT02Y',\n id: 'oh:course-offering:UN_7055RMT02Y_2023_1',\n offeringNumber: 1,\n periods: [1, 2, 3, 4, 5, 6],\n maxPeriods: 7,\n },\n ],\n programmeId: 'oh:programme:SMR_CDE',\n isNew: false,\n },\n ],\n};\n","import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { CourseCardProps } from './CourseCard';\n\nimport { CourseCard } from './CourseCard';\nimport { data } from './mockdata';\n\nimport { Repeater } from 'components';\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/CourseCard',\n component: CourseCard,\n argTypes: {},\n} as Meta<CourseCardProps>;\n\nconst Template: StoryFn<CourseCardProps> = (args) => (\n <Container size=\"large\">\n <CourseCard {...args} />\n </Container>\n);\n\nconst defaultArgs: Partial<CourseCardProps> = {\n course: data.coursesByProgrammeId[0],\n localeTags: {\n 'course-coordinator': 'Vakcoördinator',\n 'is-new': 'Nieuw',\n 'menu-actions-edit': 'Bewerken',\n 'menu-actions-change-owner': 'Verander eigenaar',\n 'menu-actions-delete': 'Verwijder',\n },\n currentLanguage: 'NL',\n actions: [\n {\n action: 'edit',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'change-owner',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'delete',\n value: data.coursesByProgrammeId[0].id,\n },\n ],\n onActionClick: fn(),\n};\n\nexport const CourseCardExample = Template.bind({});\nCourseCardExample.args = {\n ...defaultArgs,\n};\n\nconst WithMultipleCourseCardsTemplate: StoryFn<CourseCardProps> = (args) => (\n <Container size=\"large\">\n <Repeater>\n {data.coursesByProgrammeId.map((course) => (\n <CourseCard\n {...args}\n course={course}\n localeTags={args.localeTags}\n currentLanguage={args.currentLanguage}\n actions={args.actions}\n key={course.id}\n />\n ))}\n </Repeater>\n </Container>\n);\n\nexport const WithMultipleCourseCards = WithMultipleCourseCardsTemplate.bind({});\n\nWithMultipleCourseCards.args = {\n localeTags: {\n 'course-coordinator': 'Vakcoördinator',\n 'is-new': 'Nieuw',\n 'menu-actions-edit': 'Bewerken',\n 'menu-actions-change-owner': 'Verander eigenaar',\n 'menu-actions-delete': 'Verwijder',\n },\n currentLanguage: 'NL',\n actions: [\n {\n action: 'edit',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'change-owner',\n value: data.coursesByProgrammeId[0].id,\n },\n {\n action: 'delete',\n value: data.coursesByProgrammeId[0].id,\n },\n ],\n onActionClick: fn(),\n};\n"],"names":["data","CourseCard_stories","CourseCard","Template","args","jsx","Container","defaultArgs","fn","CourseCardExample","WithMultipleCourseCardsTemplate","Repeater","course","createElement","WithMultipleCourseCards"],"mappings":"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"}
|
|
@@ -4,10 +4,9 @@ interface CourseCardHeaderProps {
|
|
|
4
4
|
name: string;
|
|
5
5
|
credits: number;
|
|
6
6
|
actions?: Record<string, string>[];
|
|
7
|
-
localeTags: Record<string,
|
|
8
|
-
currentLanguage: 'NL' | 'EN';
|
|
7
|
+
localeTags: Record<string, string>;
|
|
9
8
|
isNew?: string | undefined;
|
|
10
9
|
onActionClick: ({ action, id }: Record<string, string>) => void;
|
|
11
10
|
}
|
|
12
|
-
export declare const CourseCardHeader: ({ id, code, name, credits, actions, localeTags,
|
|
11
|
+
export declare const CourseCardHeader: ({ id, code, name, credits, actions, localeTags, isNew, onActionClick, }: CourseCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
export {};
|
|
@@ -1,39 +1,38 @@
|
|
|
1
1
|
import { jsxs as _, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { ActionList as
|
|
4
|
-
import { StatusPill as
|
|
5
|
-
import '../../../assets/CourseCardHeader.css';const
|
|
6
|
-
course__header:
|
|
2
|
+
import { c as i } from "../../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { ActionList as m } from "../../ActionList/ActionList.js";
|
|
4
|
+
import { StatusPill as f } from "../../StatusPill/StatusPill.js";
|
|
5
|
+
import '../../../assets/CourseCardHeader.css';const p = "_course__header_cu2xn_1", e = {
|
|
6
|
+
course__header: p,
|
|
7
7
|
"course__header--new": "_course__header--new_cu2xn_10",
|
|
8
8
|
"course__header-left": "_course__header-left_cu2xn_22",
|
|
9
9
|
"course__header-left--code": "_course__header-left--code_cu2xn_29",
|
|
10
10
|
"course__header-left--title": "_course__header-left--title_cu2xn_34",
|
|
11
11
|
"course__header-right": "_course__header-right_cu2xn_38"
|
|
12
|
-
},
|
|
12
|
+
}, C = ({
|
|
13
13
|
id: o,
|
|
14
14
|
code: t,
|
|
15
15
|
name: l,
|
|
16
16
|
credits: d,
|
|
17
17
|
actions: s,
|
|
18
18
|
localeTags: h,
|
|
19
|
-
currentLanguage: n,
|
|
20
19
|
isNew: c,
|
|
21
|
-
onActionClick:
|
|
22
|
-
}) => /* @__PURE__ */ _("header", { className:
|
|
20
|
+
onActionClick: n
|
|
21
|
+
}) => /* @__PURE__ */ _("header", { className: i(e.course__header, c && e["course__header--new"]), children: [
|
|
23
22
|
/* @__PURE__ */ _("div", { className: e["course__header-left"], children: [
|
|
24
23
|
/* @__PURE__ */ r("span", { className: e["course__header-left--code"], children: t }),
|
|
25
24
|
/* @__PURE__ */ r("span", { className: e["course__header-left--title"], children: l }),
|
|
26
|
-
c && /* @__PURE__ */ r(
|
|
25
|
+
c && /* @__PURE__ */ r(f, { label: c, status: "new" })
|
|
27
26
|
] }),
|
|
28
27
|
/* @__PURE__ */ _("div", { className: e["course__header-right"], children: [
|
|
29
28
|
/* @__PURE__ */ _("span", { className: e["course__header-right--ec"], children: [
|
|
30
29
|
d,
|
|
31
30
|
" EC"
|
|
32
31
|
] }),
|
|
33
|
-
s && /* @__PURE__ */ r(
|
|
32
|
+
s && /* @__PURE__ */ r(m, { iconName: "EllipsisVertical", variant: "blank-icon", label: "", children: s.map(({ action: a, value: u }) => /* @__PURE__ */ r("button", { type: "button", onClick: () => n({ action: a, id: o }), children: h[`menu-actions-${a}`] }, u)) })
|
|
34
33
|
] })
|
|
35
34
|
] });
|
|
36
35
|
export {
|
|
37
|
-
|
|
36
|
+
C as CourseCardHeader
|
|
38
37
|
};
|
|
39
38
|
//# sourceMappingURL=CourseCardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CourseCardHeader.js","sources":["../../../../src/components/CourseCard/CourseCardHeader/CourseCardHeader.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './CourseCardHeader.module.css';\n\nimport { ActionList } from 'components/ActionList';\nimport { StatusPill } from 'components/StatusPill';\ninterface CourseCardHeaderProps {\n id: string;\n code: string;\n name: string;\n credits: number;\n actions?: Record<string, string>[];\n localeTags: Record<string,
|
|
1
|
+
{"version":3,"file":"CourseCardHeader.js","sources":["../../../../src/components/CourseCard/CourseCardHeader/CourseCardHeader.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './CourseCardHeader.module.css';\n\nimport { ActionList } from 'components/ActionList';\nimport { StatusPill } from 'components/StatusPill';\ninterface CourseCardHeaderProps {\n id: string;\n code: string;\n name: string;\n credits: number;\n actions?: Record<string, string>[];\n localeTags: Record<string, string>;\n isNew?: string | undefined;\n onActionClick: ({ action, id }: Record<string, string>) => void;\n}\n\nexport const CourseCardHeader = ({\n id,\n code,\n name,\n credits,\n actions,\n localeTags,\n isNew,\n onActionClick,\n}: CourseCardHeaderProps) => (\n <header className={clsx(styles['course__header'], isNew && styles['course__header--new'])}>\n <div className={styles['course__header-left']}>\n <span className={styles['course__header-left--code']}>{code}</span>\n <span className={styles['course__header-left--title']}>{name}</span>\n {isNew && <StatusPill label={isNew} status=\"new\" />}\n </div>\n <div className={styles['course__header-right']}>\n <span className={styles['course__header-right--ec']}>{credits} EC</span>\n {actions && (\n <ActionList iconName={'EllipsisVertical'} variant=\"blank-icon\" label=\"\">\n {actions.map(({ action, value }) => (\n <button type=\"button\" onClick={() => onActionClick({ action, id })} key={value}>\n {localeTags[`menu-actions-${action}`]}\n </button>\n ))}\n </ActionList>\n )}\n </div>\n </header>\n);\n"],"names":["CourseCardHeader","id","code","name","credits","actions","localeTags","isNew","onActionClick","jsxs","clsx","styles","jsx","StatusPill","ActionList","action","value"],"mappings":";;;;;;;;;;;GAiBaA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MACE,gBAAAC,EAAC,UAAO,EAAA,WAAWC,EAAKC,EAAO,gBAAmBJ,KAASI,EAAO,qBAAqB,CAAC,GACtF,UAAA;AAAA,EAAA,gBAAAF,EAAC,OAAI,EAAA,WAAWE,EAAO,qBAAqB,GAC1C,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAK,EAAA,WAAWD,EAAO,2BAA2B,GAAI,UAAKT,GAAA;AAAA,sBAC3D,QAAK,EAAA,WAAWS,EAAO,4BAA4B,GAAI,UAAKR,GAAA;AAAA,IAC5DI,KAAU,gBAAAK,EAAAC,GAAA,EAAW,OAAON,GAAO,QAAO,OAAM;AAAA,EAAA,GACnD;AAAA,EACC,gBAAAE,EAAA,OAAA,EAAI,WAAWE,EAAO,sBAAsB,GAC3C,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAK,EAAA,WAAWE,EAAO,0BAA0B,GAAI,UAAA;AAAA,MAAAP;AAAA,MAAQ;AAAA,IAAA,GAAG;AAAA,IAChEC,KACC,gBAAAO,EAACE,GAAW,EAAA,UAAU,oBAAoB,SAAQ,cAAa,OAAM,IAClE,YAAQ,IAAI,CAAC,EAAE,QAAAC,GAAQ,OAAAC,EACtB,MAAA,gBAAAJ,EAAC,UAAO,EAAA,MAAK,UAAS,SAAS,MAAMJ,EAAc,EAAE,QAAAO,GAAQ,IAAAd,GAAI,GAC9D,UAAAK,EAAW,gBAAgBS,CAAM,EAAE,KADmCC,CAEzE,CACD,GACH;AAAA,EAAA,GAEJ;AAAA,EACF,CAAA;"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsxs as r, jsx as
|
|
1
|
+
import { jsxs as r, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { Periods as _ } from "../../Periods/Periods.js";
|
|
3
|
-
import '../../../assets/CourseCardOffering.css';const i = "_course__instance_1dr3c_1",
|
|
3
|
+
import '../../../assets/CourseCardOffering.css';const i = "_course__instance_1dr3c_1", n = {
|
|
4
4
|
course__instance: i,
|
|
5
5
|
"course__instance--language": "_course__instance--language_1dr3c_12",
|
|
6
6
|
"course__instance--course-coordinator--line": "_course__instance--course-coordinator--line_1dr3c_13",
|
|
7
7
|
"course__instance--course-coordinator": "_course__instance--course-coordinator_1dr3c_13"
|
|
8
8
|
}, t = 6, l = ({
|
|
9
|
-
periods:
|
|
10
|
-
currentLanguage:
|
|
9
|
+
periods: s,
|
|
10
|
+
currentLanguage: e,
|
|
11
11
|
localeTags: o,
|
|
12
12
|
maxPeriods: a = t
|
|
13
|
-
}) => /* @__PURE__ */ r("div", { className:
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */ r("span", { className:
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
13
|
+
}) => /* @__PURE__ */ r("div", { className: n.course__instance, children: [
|
|
14
|
+
/* @__PURE__ */ c(_, { periods: s, maxPeriods: a }),
|
|
15
|
+
/* @__PURE__ */ c("span", { className: n["course__instance--language"], children: /* @__PURE__ */ c("span", { children: e }) }),
|
|
16
|
+
/* @__PURE__ */ r("span", { className: n["course__instance--course-coordinator--line"], children: [
|
|
17
|
+
/* @__PURE__ */ c("span", { children: o["course-coordinator"] }),
|
|
18
|
+
/* @__PURE__ */ c("span", { className: n["course__instance--course-coordinator"], children: "dr. Marten Stienstra" })
|
|
19
19
|
] })
|
|
20
20
|
] });
|
|
21
21
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CourseCardOffering.js","sources":["../../../../src/components/CourseCard/CourseCardOffering/CourseCardOffering.tsx"],"sourcesContent":["import styles from './CourseCardOffering.module.css';\n\nimport { Periods } from 'components/Periods';\n\ninterface CourseCardOfferingProps {\n periods: number[];\n localeTags: Record<string,
|
|
1
|
+
{"version":3,"file":"CourseCardOffering.js","sources":["../../../../src/components/CourseCard/CourseCardOffering/CourseCardOffering.tsx"],"sourcesContent":["import styles from './CourseCardOffering.module.css';\n\nimport { Periods } from 'components/Periods';\n\ninterface CourseCardOfferingProps {\n periods: number[];\n localeTags: Record<string, string>;\n currentLanguage: 'NL' | 'EN';\n maxPeriods?: number;\n}\n\nconst DEFAULT_MAX_PERIODS = 6;\n\nexport const CourseCardOffering = ({\n periods,\n currentLanguage,\n localeTags,\n maxPeriods = DEFAULT_MAX_PERIODS,\n}: CourseCardOfferingProps) => {\n return (\n <div className={styles['course__instance']}>\n <Periods periods={periods} maxPeriods={maxPeriods} />\n <span className={styles['course__instance--language']}>\n <span>{currentLanguage}</span>\n </span>\n <span className={styles['course__instance--course-coordinator--line']}>\n <span>{localeTags['course-coordinator']}</span>\n <span className={styles['course__instance--course-coordinator']}>dr. Marten Stienstra</span>\n </span>\n </div>\n );\n};\n"],"names":["DEFAULT_MAX_PERIODS","CourseCardOffering","periods","currentLanguage","localeTags","maxPeriods","jsxs","styles","jsx","Periods"],"mappings":";;;;;;;GAWMA,IAAsB,GAEfC,IAAqB,CAAC;AAAA,EACjC,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC,IAAaL;AACf,MAEK,gBAAAM,EAAA,OAAA,EAAI,WAAWC,EAAO,kBACrB,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAQ,SAAAP,GAAkB,YAAAG,EAAwB,CAAA;AAAA,EACnD,gBAAAG,EAAC,UAAK,WAAWD,EAAO,4BAA4B,GAClD,UAAA,gBAAAC,EAAC,QAAM,EAAA,UAAAL,EAAA,CAAgB,EACzB,CAAA;AAAA,EACC,gBAAAG,EAAA,QAAA,EAAK,WAAWC,EAAO,4CAA4C,GAClE,UAAA;AAAA,IAAC,gBAAAC,EAAA,QAAA,EAAM,UAAWJ,EAAA,oBAAoB,EAAE,CAAA;AAAA,sBACvC,QAAK,EAAA,WAAWG,EAAO,sCAAsC,GAAG,UAAoB,wBAAA;AAAA,EAAA,GACvF;AACF,EAAA,CAAA;"}
|
|
@@ -41,6 +41,9 @@ export declare const Icons: {
|
|
|
41
41
|
BrowserBroken: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
42
42
|
title?: string;
|
|
43
43
|
}>;
|
|
44
|
+
BuildingOffice: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
45
|
+
title?: string;
|
|
46
|
+
}>;
|
|
44
47
|
Calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
45
48
|
title?: string;
|
|
46
49
|
}>;
|
|
@@ -182,6 +185,9 @@ export declare const Icons: {
|
|
|
182
185
|
Sparkles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
183
186
|
title?: string;
|
|
184
187
|
}>;
|
|
188
|
+
Star: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
189
|
+
title?: string;
|
|
190
|
+
}>;
|
|
185
191
|
Swap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
186
192
|
title?: string;
|
|
187
193
|
}>;
|