@uva-glass/component-library 1.40.2 → 1.40.4
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/{MultiSelect-Blc_VDxu.js → MultiSelect-CkfmzGsn.js} +2 -2
- package/dist/{MultiSelect-Blc_VDxu.js.map → MultiSelect-CkfmzGsn.js.map} +1 -1
- package/dist/MultiSelectItem-BKDbs8D_.js +24 -0
- package/dist/{MultiSelectItem-CPf7drsR.js.map → MultiSelectItem-BKDbs8D_.js.map} +1 -1
- package/dist/assets/MultiSelectItem.css +1 -1
- package/dist/components/InputField/InputField.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +2 -2
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +2 -2
- package/dist/components/MultiSelect/components/MultiSelectItem.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +59 -61
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +59 -61
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/MultiSelectItem-CPf7drsR.js +0 -24
- package/dist/assets/CourseCard.css +0 -1
- package/dist/assets/CourseCardHeader.css +0 -1
- package/dist/assets/CourseCardOffering.css +0 -1
- package/dist/components/CourseCard/CourseCard.d.ts +0 -33
- package/dist/components/CourseCard/CourseCard.js +0 -49
- package/dist/components/CourseCard/CourseCard.js.map +0 -1
- package/dist/components/CourseCard/CourseCard.stories.d.ts +0 -7
- package/dist/components/CourseCard/CourseCard.stories.js +0 -461
- package/dist/components/CourseCard/CourseCard.stories.js.map +0 -1
- package/dist/components/CourseCard/CourseCardHeader/CourseCardHeader.d.ts +0 -12
- package/dist/components/CourseCard/CourseCardHeader/CourseCardHeader.js +0 -38
- package/dist/components/CourseCard/CourseCardHeader/CourseCardHeader.js.map +0 -1
- package/dist/components/CourseCard/CourseCardHeader/index.d.ts +0 -1
- package/dist/components/CourseCard/CourseCardHeader/index.js +0 -5
- package/dist/components/CourseCard/CourseCardHeader/index.js.map +0 -1
- package/dist/components/CourseCard/CourseCardOffering/CourseCardOffering.d.ts +0 -8
- package/dist/components/CourseCard/CourseCardOffering/CourseCardOffering.js +0 -24
- package/dist/components/CourseCard/CourseCardOffering/CourseCardOffering.js.map +0 -1
- package/dist/components/CourseCard/CourseCardOffering/index.d.ts +0 -1
- package/dist/components/CourseCard/CourseCardOffering/index.js +0 -5
- package/dist/components/CourseCard/CourseCardOffering/index.js.map +0 -1
- package/dist/components/CourseCard/index.d.ts +0 -1
- package/dist/components/CourseCard/index.js +0 -5
- package/dist/components/CourseCard/index.js.map +0 -1
- package/dist/components/CourseCard/mockdata.d.ts +0 -23
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._course__header_ohjo1_1{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:.5rem .5rem .5rem 1rem;position:relative}._course__header--new_ohjo1_10:before{background-color:var(--color-blue-500);border-radius:.25rem 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}._course__header-left_ohjo1_22{align-items:center;display:flex;gap:1rem;justify-content:flex-start}._course__header-left--code_ohjo1_29{color:var(--color-grey-400);width:5rem}._course__header-left--title_ohjo1_34{font-weight:var(--semibold)}._course__header-right_ohjo1_38{align-items:center;display:flex;gap:1.5rem;justify-content:flex-end}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._course__instance_igt67_1{align-items:center;border-top:1px solid var(--color-grey-200);color:var(--color-grey-500);display:flex;font-size:14px;gap:2rem;line-height:14px;padding:.25rem .5rem}._course__instance--language_igt67_12,._course__instance--course-coordinator--line_igt67_13{align-items:center;display:flex;gap:.5rem}._course__instance--course-coordinator_igt67_13{color:var(--color-black)}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
interface Offering {
|
|
2
|
-
academicYear: number;
|
|
3
|
-
courseId: string;
|
|
4
|
-
id: string;
|
|
5
|
-
offeringNumber: number;
|
|
6
|
-
periods: number[];
|
|
7
|
-
maxPeriods: number;
|
|
8
|
-
}
|
|
9
|
-
interface Name {
|
|
10
|
-
EN: string;
|
|
11
|
-
NL: string;
|
|
12
|
-
}
|
|
13
|
-
interface Courses {
|
|
14
|
-
code: string;
|
|
15
|
-
credits: number;
|
|
16
|
-
departmentId: string;
|
|
17
|
-
id: string;
|
|
18
|
-
level: string;
|
|
19
|
-
name: Name;
|
|
20
|
-
offerings: Offering[];
|
|
21
|
-
programmeId: string;
|
|
22
|
-
isNew?: boolean;
|
|
23
|
-
}
|
|
24
|
-
export interface CourseCardProps {
|
|
25
|
-
course: Courses;
|
|
26
|
-
localeTags: Record<string, string>;
|
|
27
|
-
currentLanguage: 'NL' | 'EN';
|
|
28
|
-
actions?: Record<string, string>[];
|
|
29
|
-
onActionClick: ({ action, id }: Record<string, string>) => void;
|
|
30
|
-
onClick?: (id: string) => void;
|
|
31
|
-
}
|
|
32
|
-
export declare const CourseCard: ({ course, localeTags, currentLanguage, actions, onClick }: CourseCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export {};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsxs as f, jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { c as C } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import { CourseCardHeader as p } from "./CourseCardHeader/CourseCardHeader.js";
|
|
4
|
-
import { CourseCardOffering as u } from "./CourseCardOffering/CourseCardOffering.js";
|
|
5
|
-
import '../../assets/CourseCard.css';const o = {
|
|
6
|
-
"course-container": "_course-container_j1mva_3",
|
|
7
|
-
"course-container--clickable": "_course-container--clickable_j1mva_12",
|
|
8
|
-
"course__instance-container": "_course__instance-container_j1mva_18"
|
|
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
|
-
};
|
|
13
|
-
return /* @__PURE__ */ f(
|
|
14
|
-
"div",
|
|
15
|
-
{
|
|
16
|
-
className: C(o["course-container"], s && o["course-container--clickable"]),
|
|
17
|
-
...i && { onClick: d },
|
|
18
|
-
children: [
|
|
19
|
-
/* @__PURE__ */ c(
|
|
20
|
-
p,
|
|
21
|
-
{
|
|
22
|
-
id: e.id,
|
|
23
|
-
code: e.code,
|
|
24
|
-
name: e.name[r],
|
|
25
|
-
credits: e.credits,
|
|
26
|
-
actions: t,
|
|
27
|
-
localeTags: n,
|
|
28
|
-
isNew: e.isNew ? n["is-new"] : void 0,
|
|
29
|
-
onActionClick: console.log
|
|
30
|
-
}
|
|
31
|
-
),
|
|
32
|
-
/* @__PURE__ */ c("div", { className: o["course__instance-container"], children: a.map(({ id: m, periods: _, maxPeriods: l }) => /* @__PURE__ */ c(
|
|
33
|
-
u,
|
|
34
|
-
{
|
|
35
|
-
periods: _,
|
|
36
|
-
currentLanguage: r,
|
|
37
|
-
localeTags: n,
|
|
38
|
-
maxPeriods: l
|
|
39
|
-
},
|
|
40
|
-
m
|
|
41
|
-
)) })
|
|
42
|
-
]
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
};
|
|
46
|
-
export {
|
|
47
|
-
x as CourseCard
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=CourseCard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { CourseCardProps } from './CourseCard';
|
|
3
|
-
|
|
4
|
-
declare const _default: Meta<CourseCardProps>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const CourseCardExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CourseCardProps>;
|
|
7
|
-
export declare const WithMultipleCourseCards: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CourseCardProps>;
|
|
@@ -1,461 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { createElement as n } from "react";
|
|
3
|
-
import { f as s } from "../../index-0Faxlks_.js";
|
|
4
|
-
import { CourseCard as a } from "./CourseCard.js";
|
|
5
|
-
import "../Button/Button.js";
|
|
6
|
-
import "../OverlayCloseButton/OverlayCloseButton.js";
|
|
7
|
-
import "../GridRow/GridRow.js";
|
|
8
|
-
import "../IconButton/IconButton.js";
|
|
9
|
-
import "../Input/Input.js";
|
|
10
|
-
import "../InputField/InputField.js";
|
|
11
|
-
import "../../MultiSelect-Blc_VDxu.js";
|
|
12
|
-
import { Repeater as m } from "../Repeater/Repeater.js";
|
|
13
|
-
import "../SelectListbox/SelectListbox.js";
|
|
14
|
-
import "../SelectListbox/SelectProvider.js";
|
|
15
|
-
import { Container as d } from "../storyComponents/Container/Container.js";
|
|
16
|
-
const e = {
|
|
17
|
-
coursesByProgrammeId: [
|
|
18
|
-
{
|
|
19
|
-
code: "7055R016AY",
|
|
20
|
-
credits: 6,
|
|
21
|
-
departmentId: "oh:department:GSCDE",
|
|
22
|
-
id: "oh:course:7055R016AY",
|
|
23
|
-
level: "RESEARCH_MASTER",
|
|
24
|
-
name: {
|
|
25
|
-
EN: "Developmental and Parenting Problems: Aetiology & Intervention",
|
|
26
|
-
NL: "Developmental and parenting problems: aetiology & intervention"
|
|
27
|
-
},
|
|
28
|
-
offerings: [
|
|
29
|
-
{
|
|
30
|
-
academicYear: 2024,
|
|
31
|
-
courseId: "oh:course:7055R016AY",
|
|
32
|
-
id: "oh:course-offering:UN_7055R016AY_2023_1",
|
|
33
|
-
offeringNumber: 1,
|
|
34
|
-
periods: [2],
|
|
35
|
-
maxPeriods: 7
|
|
36
|
-
}
|
|
37
|
-
],
|
|
38
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
39
|
-
isNew: !1
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
code: "7055R027AY",
|
|
43
|
-
credits: 6,
|
|
44
|
-
departmentId: "oh:department:GSCDE",
|
|
45
|
-
id: "oh:course:7055R027AY",
|
|
46
|
-
level: "RESEARCH_MASTER",
|
|
47
|
-
name: {
|
|
48
|
-
EN: "Family systems",
|
|
49
|
-
NL: "Family systems"
|
|
50
|
-
},
|
|
51
|
-
offerings: [
|
|
52
|
-
{
|
|
53
|
-
academicYear: 2024,
|
|
54
|
-
courseId: "oh:course:7055R027AY",
|
|
55
|
-
id: "oh:course-offering:UN_7055R027AY_2023_1",
|
|
56
|
-
offeringNumber: 1,
|
|
57
|
-
periods: [4],
|
|
58
|
-
maxPeriods: 7
|
|
59
|
-
}
|
|
60
|
-
],
|
|
61
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
62
|
-
isNew: !1
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
code: "7055R036AY",
|
|
66
|
-
credits: 6,
|
|
67
|
-
departmentId: "oh:department:GSCDE",
|
|
68
|
-
id: "oh:course:7055R036AY",
|
|
69
|
-
level: "RESEARCH_MASTER",
|
|
70
|
-
name: {
|
|
71
|
-
EN: "Learning & Social-Emotional Disorders in Educ. Contexts",
|
|
72
|
-
NL: "Learning and social-emotional disorders in educational contexts"
|
|
73
|
-
},
|
|
74
|
-
offerings: [
|
|
75
|
-
{
|
|
76
|
-
academicYear: 2024,
|
|
77
|
-
courseId: "oh:course:7055R036AY",
|
|
78
|
-
id: "oh:course-offering:UN_7055R036AY_2023_1",
|
|
79
|
-
offeringNumber: 1,
|
|
80
|
-
periods: [4],
|
|
81
|
-
maxPeriods: 7
|
|
82
|
-
}
|
|
83
|
-
],
|
|
84
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
85
|
-
isNew: !0
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
code: "7055R046AY",
|
|
89
|
-
credits: 6,
|
|
90
|
-
departmentId: "oh:department:GSCDE",
|
|
91
|
-
id: "oh:course:7055R046AY",
|
|
92
|
-
level: "RESEARCH_MASTER",
|
|
93
|
-
name: {
|
|
94
|
-
EN: "Micro-Processes at School and Learning",
|
|
95
|
-
NL: "Micro-processes at School and Learning"
|
|
96
|
-
},
|
|
97
|
-
offerings: [
|
|
98
|
-
{
|
|
99
|
-
academicYear: 2024,
|
|
100
|
-
courseId: "oh:course:7055R046AY",
|
|
101
|
-
id: "oh:course-offering:UN_7055R046AY_2023_1",
|
|
102
|
-
offeringNumber: 1,
|
|
103
|
-
periods: [5],
|
|
104
|
-
maxPeriods: 7
|
|
105
|
-
}
|
|
106
|
-
],
|
|
107
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
108
|
-
isNew: !1
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
code: "7055R057CY",
|
|
112
|
-
credits: 9,
|
|
113
|
-
departmentId: "oh:department:GSCDE",
|
|
114
|
-
id: "oh:course:7055R057CY",
|
|
115
|
-
level: "RESEARCH_MASTER",
|
|
116
|
-
name: {
|
|
117
|
-
EN: "Multilevel Data Analysis",
|
|
118
|
-
NL: "Multilevel Data Analysis"
|
|
119
|
-
},
|
|
120
|
-
offerings: [
|
|
121
|
-
{
|
|
122
|
-
academicYear: 2024,
|
|
123
|
-
courseId: "oh:course:7055R057CY",
|
|
124
|
-
id: "oh:course-offering:UN_7055R057CY_2023_1",
|
|
125
|
-
offeringNumber: 1,
|
|
126
|
-
periods: [3, 4],
|
|
127
|
-
maxPeriods: 7
|
|
128
|
-
}
|
|
129
|
-
],
|
|
130
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
131
|
-
isNew: !1
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
code: "7055R070BY",
|
|
135
|
-
credits: 12,
|
|
136
|
-
departmentId: "oh:department:GSCDE",
|
|
137
|
-
id: "oh:course:7055R070BY",
|
|
138
|
-
level: "RESEARCH_MASTER",
|
|
139
|
-
name: {
|
|
140
|
-
EN: "Structural equation modelling in educational research",
|
|
141
|
-
NL: "Structural equation modelling in educational research"
|
|
142
|
-
},
|
|
143
|
-
offerings: [
|
|
144
|
-
{
|
|
145
|
-
academicYear: 2024,
|
|
146
|
-
courseId: "oh:course:7055R070BY",
|
|
147
|
-
id: "oh:course-offering:UN_7055R070BY_2023_1",
|
|
148
|
-
offeringNumber: 1,
|
|
149
|
-
periods: [1, 2],
|
|
150
|
-
maxPeriods: 7
|
|
151
|
-
}
|
|
152
|
-
],
|
|
153
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
154
|
-
isNew: !1
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
code: "7055R083DY",
|
|
158
|
-
credits: 3,
|
|
159
|
-
departmentId: "oh:department:GSCDE",
|
|
160
|
-
id: "oh:course:7055R083DY",
|
|
161
|
-
level: "RESEARCH_MASTER",
|
|
162
|
-
name: {
|
|
163
|
-
EN: "Academic Skills",
|
|
164
|
-
NL: "Academic Skills"
|
|
165
|
-
},
|
|
166
|
-
offerings: [
|
|
167
|
-
{
|
|
168
|
-
academicYear: 2024,
|
|
169
|
-
courseId: "oh:course:7055R083DY",
|
|
170
|
-
id: "oh:course-offering:UN_7055R083DY_2023_1",
|
|
171
|
-
offeringNumber: 1,
|
|
172
|
-
periods: [1, 2, 3, 4, 5, 6],
|
|
173
|
-
maxPeriods: 7
|
|
174
|
-
}
|
|
175
|
-
],
|
|
176
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
177
|
-
isNew: !1
|
|
178
|
-
},
|
|
179
|
-
{
|
|
180
|
-
code: "7055R090BY",
|
|
181
|
-
credits: 12,
|
|
182
|
-
departmentId: "oh:department:GSCDE",
|
|
183
|
-
id: "oh:course:7055R090BY",
|
|
184
|
-
level: "RESEARCH_MASTER",
|
|
185
|
-
name: {
|
|
186
|
-
EN: "Methods and Statistics in Education Research",
|
|
187
|
-
NL: "Methods and statistics in educational research"
|
|
188
|
-
},
|
|
189
|
-
offerings: [
|
|
190
|
-
{
|
|
191
|
-
academicYear: 2024,
|
|
192
|
-
courseId: "oh:course:7055R090BY",
|
|
193
|
-
id: "oh:course-offering:UN_7055R090BY_2023_1",
|
|
194
|
-
offeringNumber: 1,
|
|
195
|
-
periods: [1, 2],
|
|
196
|
-
maxPeriods: 7
|
|
197
|
-
}
|
|
198
|
-
],
|
|
199
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
200
|
-
isNew: !1
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
code: "7055R107AY",
|
|
204
|
-
credits: 6,
|
|
205
|
-
departmentId: "oh:department:GSCDE",
|
|
206
|
-
id: "oh:course:7055R107AY",
|
|
207
|
-
level: "RESEARCH_MASTER",
|
|
208
|
-
name: {
|
|
209
|
-
EN: "Intervention Research",
|
|
210
|
-
NL: "Intervention Research"
|
|
211
|
-
},
|
|
212
|
-
offerings: [
|
|
213
|
-
{
|
|
214
|
-
academicYear: 2024,
|
|
215
|
-
courseId: "oh:course:7055R107AY",
|
|
216
|
-
id: "oh:course-offering:UN_7055R107AY_2023_1",
|
|
217
|
-
offeringNumber: 1,
|
|
218
|
-
periods: [1],
|
|
219
|
-
maxPeriods: 7
|
|
220
|
-
}
|
|
221
|
-
],
|
|
222
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
223
|
-
isNew: !1
|
|
224
|
-
},
|
|
225
|
-
{
|
|
226
|
-
code: "7055R136AY",
|
|
227
|
-
credits: 6,
|
|
228
|
-
departmentId: "oh:department:GSCDE",
|
|
229
|
-
id: "oh:course:7055R136AY",
|
|
230
|
-
level: "RESEARCH_MASTER",
|
|
231
|
-
name: {
|
|
232
|
-
EN: "Criminal Behaviour of Juveniles ",
|
|
233
|
-
NL: "Criminal behaviour of juveniles"
|
|
234
|
-
},
|
|
235
|
-
offerings: [
|
|
236
|
-
{
|
|
237
|
-
academicYear: 2024,
|
|
238
|
-
courseId: "oh:course:7055R136AY",
|
|
239
|
-
id: "oh:course-offering:UN_7055R136AY_2023_1",
|
|
240
|
-
offeringNumber: 1,
|
|
241
|
-
periods: [5],
|
|
242
|
-
maxPeriods: 7
|
|
243
|
-
}
|
|
244
|
-
],
|
|
245
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
246
|
-
isNew: !1
|
|
247
|
-
},
|
|
248
|
-
{
|
|
249
|
-
code: "7055R146AY",
|
|
250
|
-
credits: 6,
|
|
251
|
-
departmentId: "oh:department:GSCDE",
|
|
252
|
-
id: "oh:course:7055R146AY",
|
|
253
|
-
level: "RESEARCH_MASTER",
|
|
254
|
-
name: {
|
|
255
|
-
EN: "Philosophy of Education",
|
|
256
|
-
NL: "Philosophy of Education"
|
|
257
|
-
},
|
|
258
|
-
offerings: [
|
|
259
|
-
{
|
|
260
|
-
academicYear: 2024,
|
|
261
|
-
courseId: "oh:course:7055R146AY",
|
|
262
|
-
id: "oh:course-offering:UN_7055R146AY_2023_1",
|
|
263
|
-
offeringNumber: 1,
|
|
264
|
-
periods: [1],
|
|
265
|
-
maxPeriods: 7
|
|
266
|
-
}
|
|
267
|
-
],
|
|
268
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
269
|
-
isNew: !1
|
|
270
|
-
},
|
|
271
|
-
{
|
|
272
|
-
code: "7055R160AY",
|
|
273
|
-
credits: 6,
|
|
274
|
-
departmentId: "oh:department:GSCDE",
|
|
275
|
-
id: "oh:course:7055R160AY",
|
|
276
|
-
level: "RESEARCH_MASTER",
|
|
277
|
-
name: {
|
|
278
|
-
EN: "Critical Debates on Children and Education in a Comparative Perspective",
|
|
279
|
-
NL: "Critical Debates on Children and Education in a Comparative Perspective"
|
|
280
|
-
},
|
|
281
|
-
offerings: [
|
|
282
|
-
{
|
|
283
|
-
academicYear: 2024,
|
|
284
|
-
courseId: "oh:course:7055R160AY",
|
|
285
|
-
id: "oh:course-offering:UN_7055R160AY_2023_1",
|
|
286
|
-
offeringNumber: 1,
|
|
287
|
-
periods: [2],
|
|
288
|
-
maxPeriods: 7
|
|
289
|
-
}
|
|
290
|
-
],
|
|
291
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
292
|
-
isNew: !1
|
|
293
|
-
},
|
|
294
|
-
{
|
|
295
|
-
code: "7055R301KY",
|
|
296
|
-
credits: 30,
|
|
297
|
-
departmentId: "oh:department:GSCDE",
|
|
298
|
-
id: "oh:course:7055R301KY",
|
|
299
|
-
level: "RESEARCH_MASTER",
|
|
300
|
-
name: {
|
|
301
|
-
EN: "Research Master Thesis",
|
|
302
|
-
NL: "Research Master Thesis"
|
|
303
|
-
},
|
|
304
|
-
offerings: [
|
|
305
|
-
{
|
|
306
|
-
academicYear: 2024,
|
|
307
|
-
courseId: "oh:course:7055R301KY",
|
|
308
|
-
id: "oh:course-offering:UN_7055R301KY_2023_1",
|
|
309
|
-
offeringNumber: 1,
|
|
310
|
-
periods: [1, 2, 3, 4, 5, 6],
|
|
311
|
-
maxPeriods: 7
|
|
312
|
-
}
|
|
313
|
-
],
|
|
314
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
315
|
-
isNew: !1
|
|
316
|
-
},
|
|
317
|
-
{
|
|
318
|
-
code: "7055R456HY",
|
|
319
|
-
credits: 18,
|
|
320
|
-
departmentId: "oh:department:GSCDE",
|
|
321
|
-
id: "oh:course:7055R456HY",
|
|
322
|
-
level: "RESEARCH_MASTER",
|
|
323
|
-
name: {
|
|
324
|
-
EN: "Research Internship",
|
|
325
|
-
NL: "Research Internship"
|
|
326
|
-
},
|
|
327
|
-
offerings: [
|
|
328
|
-
{
|
|
329
|
-
academicYear: 2024,
|
|
330
|
-
courseId: "oh:course:7055R456HY",
|
|
331
|
-
id: "oh:course-offering:UN_7055R456HY_2023_1",
|
|
332
|
-
offeringNumber: 1,
|
|
333
|
-
periods: [1, 2, 3, 4, 5, 6],
|
|
334
|
-
maxPeriods: 7
|
|
335
|
-
}
|
|
336
|
-
],
|
|
337
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
338
|
-
isNew: !1
|
|
339
|
-
},
|
|
340
|
-
{
|
|
341
|
-
code: "7055RMT01Y",
|
|
342
|
-
credits: 0,
|
|
343
|
-
departmentId: "oh:department:GSCDE",
|
|
344
|
-
id: "oh:course:7055RMT01Y",
|
|
345
|
-
level: "RESEARCH_MASTER",
|
|
346
|
-
name: {
|
|
347
|
-
EN: "Mentoring & Tutorial - Year 1",
|
|
348
|
-
NL: "Mentoring & Tutorial - Year 1"
|
|
349
|
-
},
|
|
350
|
-
offerings: [
|
|
351
|
-
{
|
|
352
|
-
academicYear: 2024,
|
|
353
|
-
courseId: "oh:course:7055RMT01Y",
|
|
354
|
-
id: "oh:course-offering:UN_7055RMT01Y_2023_1",
|
|
355
|
-
offeringNumber: 1,
|
|
356
|
-
periods: [1, 2, 3, 4, 5, 6],
|
|
357
|
-
maxPeriods: 7
|
|
358
|
-
}
|
|
359
|
-
],
|
|
360
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
361
|
-
isNew: !1
|
|
362
|
-
},
|
|
363
|
-
{
|
|
364
|
-
code: "7055RMT02Y",
|
|
365
|
-
credits: 0,
|
|
366
|
-
departmentId: "oh:department:GSCDE",
|
|
367
|
-
id: "oh:course:7055RMT02Y",
|
|
368
|
-
level: "RESEARCH_MASTER",
|
|
369
|
-
name: {
|
|
370
|
-
EN: "Mentoring & Tutorial - Year 2",
|
|
371
|
-
NL: "Mentoring & Tutorial - Year 2"
|
|
372
|
-
},
|
|
373
|
-
offerings: [
|
|
374
|
-
{
|
|
375
|
-
academicYear: 2024,
|
|
376
|
-
courseId: "oh:course:7055RMT02Y",
|
|
377
|
-
id: "oh:course-offering:UN_7055RMT02Y_2023_1",
|
|
378
|
-
offeringNumber: 1,
|
|
379
|
-
periods: [1, 2, 3, 4, 5, 6],
|
|
380
|
-
maxPeriods: 7
|
|
381
|
-
}
|
|
382
|
-
],
|
|
383
|
-
programmeId: "oh:programme:SMR_CDE",
|
|
384
|
-
isNew: !1
|
|
385
|
-
}
|
|
386
|
-
]
|
|
387
|
-
}, T = {
|
|
388
|
-
title: "Organisms/CourseCard",
|
|
389
|
-
component: a,
|
|
390
|
-
argTypes: {}
|
|
391
|
-
}, c = (r) => /* @__PURE__ */ o(d, { size: "large", children: /* @__PURE__ */ o(a, { ...r }) }), t = {
|
|
392
|
-
course: e.coursesByProgrammeId[0],
|
|
393
|
-
localeTags: {
|
|
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
|
-
},
|
|
400
|
-
currentLanguage: "NL",
|
|
401
|
-
actions: [
|
|
402
|
-
{
|
|
403
|
-
action: "edit",
|
|
404
|
-
value: e.coursesByProgrammeId[0].id
|
|
405
|
-
},
|
|
406
|
-
{
|
|
407
|
-
action: "change-owner",
|
|
408
|
-
value: e.coursesByProgrammeId[0].id
|
|
409
|
-
},
|
|
410
|
-
{
|
|
411
|
-
action: "delete",
|
|
412
|
-
value: e.coursesByProgrammeId[0].id
|
|
413
|
-
}
|
|
414
|
-
],
|
|
415
|
-
onActionClick: s()
|
|
416
|
-
}, u = c.bind({});
|
|
417
|
-
u.args = {
|
|
418
|
-
...t
|
|
419
|
-
};
|
|
420
|
-
const R = (r) => /* @__PURE__ */ o(d, { size: "large", children: /* @__PURE__ */ o(m, { children: e.coursesByProgrammeId.map((i) => /* @__PURE__ */ n(
|
|
421
|
-
a,
|
|
422
|
-
{
|
|
423
|
-
...r,
|
|
424
|
-
course: i,
|
|
425
|
-
localeTags: r.localeTags,
|
|
426
|
-
currentLanguage: r.currentLanguage,
|
|
427
|
-
actions: r.actions,
|
|
428
|
-
key: i.id
|
|
429
|
-
}
|
|
430
|
-
)) }) }), l = R.bind({});
|
|
431
|
-
l.args = {
|
|
432
|
-
localeTags: {
|
|
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
|
-
},
|
|
439
|
-
currentLanguage: "NL",
|
|
440
|
-
actions: [
|
|
441
|
-
{
|
|
442
|
-
action: "edit",
|
|
443
|
-
value: e.coursesByProgrammeId[0].id
|
|
444
|
-
},
|
|
445
|
-
{
|
|
446
|
-
action: "change-owner",
|
|
447
|
-
value: e.coursesByProgrammeId[0].id
|
|
448
|
-
},
|
|
449
|
-
{
|
|
450
|
-
action: "delete",
|
|
451
|
-
value: e.coursesByProgrammeId[0].id
|
|
452
|
-
}
|
|
453
|
-
],
|
|
454
|
-
onActionClick: s()
|
|
455
|
-
};
|
|
456
|
-
export {
|
|
457
|
-
u as CourseCardExample,
|
|
458
|
-
l as WithMultipleCourseCards,
|
|
459
|
-
T as default
|
|
460
|
-
};
|
|
461
|
-
//# sourceMappingURL=CourseCard.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface CourseCardHeaderProps {
|
|
2
|
-
id: string;
|
|
3
|
-
code: string;
|
|
4
|
-
name: string;
|
|
5
|
-
credits: number;
|
|
6
|
-
actions?: Record<string, string>[];
|
|
7
|
-
localeTags: Record<string, string>;
|
|
8
|
-
isNew?: string | undefined;
|
|
9
|
-
onActionClick: ({ action, id }: Record<string, string>) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const CourseCardHeader: ({ id, code, name, credits, actions, localeTags, isNew, onActionClick, }: CourseCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsxs as _, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { c as u } 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_ohjo1_1", e = {
|
|
6
|
-
course__header: p,
|
|
7
|
-
"course__header--new": "_course__header--new_ohjo1_10",
|
|
8
|
-
"course__header-left": "_course__header-left_ohjo1_22",
|
|
9
|
-
"course__header-left--code": "_course__header-left--code_ohjo1_29",
|
|
10
|
-
"course__header-left--title": "_course__header-left--title_ohjo1_34",
|
|
11
|
-
"course__header-right": "_course__header-right_ohjo1_38"
|
|
12
|
-
}, x = ({
|
|
13
|
-
id: c,
|
|
14
|
-
code: t,
|
|
15
|
-
name: h,
|
|
16
|
-
credits: l,
|
|
17
|
-
actions: s,
|
|
18
|
-
localeTags: d,
|
|
19
|
-
isNew: o,
|
|
20
|
-
onActionClick: i
|
|
21
|
-
}) => /* @__PURE__ */ _("header", { className: u(e.course__header, o && e["course__header--new"]), children: [
|
|
22
|
-
/* @__PURE__ */ _("div", { className: e["course__header-left"], children: [
|
|
23
|
-
/* @__PURE__ */ r("span", { className: e["course__header-left--code"], children: t }),
|
|
24
|
-
/* @__PURE__ */ r("span", { className: e["course__header-left--title"], children: h }),
|
|
25
|
-
o && /* @__PURE__ */ r(f, { label: o, status: "new" })
|
|
26
|
-
] }),
|
|
27
|
-
/* @__PURE__ */ _("div", { className: e["course__header-right"], children: [
|
|
28
|
-
/* @__PURE__ */ _("span", { className: e["course__header-right--ec"], children: [
|
|
29
|
-
l,
|
|
30
|
-
" EC"
|
|
31
|
-
] }),
|
|
32
|
-
s && /* @__PURE__ */ r(m, { iconName: "EllipsisVertical", variant: "blank-icon", label: "", children: s.map(({ action: a, value: n }) => /* @__PURE__ */ r("button", { type: "button", onClick: () => i({ action: a, id: c }), children: d[`menu-actions-${a}`] }, n)) })
|
|
33
|
-
] })
|
|
34
|
-
] });
|
|
35
|
-
export {
|
|
36
|
-
x as CourseCardHeader
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=CourseCardHeader.js.map
|