@selfcommunity/react-theme-default 0.4.2-courses.186 → 0.4.2-courses.187

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/lib/cjs/components/SCAddUsersButton.d.ts +7 -1
  2. package/lib/cjs/components/SCAddUsersButton.js +6 -1
  3. package/lib/cjs/components/SCCourseDashboard.d.ts +8 -11
  4. package/lib/cjs/components/SCCourseDashboard.js +13 -16
  5. package/lib/cjs/components/SCCourseForm.d.ts +20 -8
  6. package/lib/cjs/components/SCCourseForm.js +17 -7
  7. package/lib/cjs/components/SCCourseTypePopover.d.ts +23 -0
  8. package/lib/cjs/components/SCCourseTypePopover.js +24 -0
  9. package/lib/cjs/components/SCCourseUsersTable.d.ts +5 -3
  10. package/lib/cjs/components/SCCourseUsersTable.js +5 -4
  11. package/lib/cjs/components/SCCourses.d.ts +1 -1
  12. package/lib/cjs/components/SCCourses.js +2 -2
  13. package/lib/cjs/components/SCEditCourse.d.ts +50 -29
  14. package/lib/cjs/components/SCEditCourse.js +52 -31
  15. package/lib/cjs/components/SCEmptyStatus.d.ts +1 -0
  16. package/lib/cjs/components/SCEmptyStatus.js +1 -0
  17. package/lib/cjs/index.d.ts +114 -53
  18. package/lib/cjs/index.js +2 -0
  19. package/lib/esm/components/SCAddUsersButton.d.ts +7 -1
  20. package/lib/esm/components/SCAddUsersButton.js +6 -1
  21. package/lib/esm/components/SCCourseDashboard.d.ts +8 -11
  22. package/lib/esm/components/SCCourseDashboard.js +13 -16
  23. package/lib/esm/components/SCCourseForm.d.ts +20 -8
  24. package/lib/esm/components/SCCourseForm.js +17 -7
  25. package/lib/esm/components/SCCourseTypePopover.d.ts +23 -0
  26. package/lib/esm/components/SCCourseTypePopover.js +22 -0
  27. package/lib/esm/components/SCCourseUsersTable.d.ts +5 -3
  28. package/lib/esm/components/SCCourseUsersTable.js +5 -4
  29. package/lib/esm/components/SCCourses.d.ts +1 -1
  30. package/lib/esm/components/SCCourses.js +2 -2
  31. package/lib/esm/components/SCEditCourse.d.ts +50 -29
  32. package/lib/esm/components/SCEditCourse.js +52 -31
  33. package/lib/esm/components/SCEmptyStatus.d.ts +1 -0
  34. package/lib/esm/components/SCEmptyStatus.js +1 -0
  35. package/lib/esm/index.d.ts +114 -53
  36. package/lib/esm/index.js +2 -0
  37. package/lib/umd/react-theme-default.js +1 -1
  38. package/package.json +2 -2
package/lib/cjs/components/SCAddUsersButton.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: () => {};
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ '&.SCAddUsersButton-contrast-color': {
7
+ color: any;
8
+ };
9
+ };
4
10
  dialogRoot: () => {
5
11
  '& .MuiDialogActions-root': {
6
12
  marginTop: string;
package/lib/cjs/components/SCAddUsersButton.js CHANGED
@@ -1,8 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
3
4
  const Component = {
4
5
  styleOverrides: {
5
- root: () => ({}),
6
+ root: ({ theme }) => ({
7
+ '&.SCAddUsersButton-contrast-color': {
8
+ color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
9
+ }
10
+ }),
6
11
  dialogRoot: () => ({
7
12
  '& .MuiDialogActions-root': {
8
13
  marginTop: '36px'
package/lib/cjs/components/SCCourseDashboard.d.ts CHANGED
@@ -9,9 +9,6 @@ declare const Component: {
9
9
  '& .SCCourseDashboard-contrast-color': {
10
10
  color: any;
11
11
  };
12
- '& .SCCourseDashboard-contrast-bg-color': {
13
- backgroundColor: any;
14
- };
15
12
  '& .SCCourseDashboard-header': {
16
13
  [x: number]: {
17
14
  paddingLeft: string;
@@ -54,14 +51,6 @@ declare const Component: {
54
51
  flexDirection: string;
55
52
  alignItems: string;
56
53
  gap: any;
57
- '& .SCCourseDashboard-header-button-popover': {
58
- padding: number;
59
- textDecoration: string;
60
- '&:hover': {
61
- backgroundColor: string;
62
- textDecoration: string;
63
- };
64
- };
65
54
  };
66
55
  };
67
56
  };
@@ -86,6 +75,7 @@ declare const Component: {
86
75
  border: string;
87
76
  borderRadius: string;
88
77
  padding: any;
78
+ backgroundColor: any;
89
79
  '& .SCCourseParticipantsButton-root': {
90
80
  justifyContent: string;
91
81
  padding: number;
@@ -116,6 +106,10 @@ declare const Component: {
116
106
  paddingLeft: string;
117
107
  paddingRight: string;
118
108
  };
109
+ backgroundColor: any;
110
+ border: string;
111
+ borderRadius: string;
112
+ padding: string;
119
113
  '& .SCCourseDashboard-outer-wrapper': {
120
114
  marginTop: string;
121
115
  marginBottom: string;
@@ -160,6 +154,7 @@ declare const Component: {
160
154
  flexDirection: string;
161
155
  alignItems: string;
162
156
  justifyContent: string;
157
+ backgroundColor: any;
163
158
  '& .SCCourseDashboard-user': {
164
159
  flexDirection: string;
165
160
  alignItems: string;
@@ -196,6 +191,7 @@ declare const Component: {
196
191
  borderTopLeftRadius: string;
197
192
  borderTopRightRadius: string;
198
193
  padding: string;
194
+ backgroundColor: any;
199
195
  '& .SCCourseDashboard-circle': {
200
196
  width: string;
201
197
  height: string;
@@ -212,6 +208,7 @@ declare const Component: {
212
208
  border: string;
213
209
  borderRadius: string;
214
210
  padding: string;
211
+ backgroundColor: any;
215
212
  };
216
213
  '& .SCCourseDashboard-percentage-wrapper': {
217
214
  [x: number]: {
package/lib/cjs/components/SCCourseDashboard.js CHANGED
@@ -10,9 +10,6 @@ const Component = {
10
10
  '& .SCCourseDashboard-contrast-color': {
11
11
  color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
12
12
  },
13
- '& .SCCourseDashboard-contrast-bg-color': {
14
- backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
15
- },
16
13
  '& .SCCourseDashboard-header': {
17
14
  [theme.breakpoints.down('sm')]: {
18
15
  paddingLeft: '14px',
@@ -54,15 +51,7 @@ const Component = {
54
51
  '& .SCCourseDashboard-header-icon-wrapper': {
55
52
  flexDirection: 'row',
56
53
  alignItems: 'center',
57
- gap: theme.spacing(1),
58
- '& .SCCourseDashboard-header-button-popover': {
59
- padding: 0,
60
- textDecoration: 'underline',
61
- '&:hover': {
62
- backgroundColor: 'unset',
63
- textDecoration: 'underline'
64
- }
65
- }
54
+ gap: theme.spacing(1)
66
55
  }
67
56
  }
68
57
  }
@@ -82,8 +71,9 @@ const Component = {
82
71
  flex: 1,
83
72
  gap: '6px',
84
73
  border: `1px solid ${theme.palette.grey['300']}`,
85
- borderRadius: '10px',
74
+ borderRadius: '5px',
86
75
  padding: theme.spacing('17px', 3, '19px'),
76
+ backgroundColor: theme.palette.common.white,
87
77
  '& .SCCourseParticipantsButton-root': {
88
78
  justifyContent: 'flex-start',
89
79
  padding: 0
@@ -103,13 +93,17 @@ const Component = {
103
93
  }
104
94
  },
105
95
  '& .SCCourseDashboard-tab-panel': {
106
- padding: theme.spacing(3, 0, 0),
96
+ padding: theme.spacing(3, 0),
107
97
  [theme.breakpoints.down('md')]: {
108
98
  paddingLeft: '14px',
109
99
  paddingRight: '14px'
110
100
  }
111
101
  },
112
102
  '& .SCCourseDashboard-comments-container': {
103
+ backgroundColor: theme.palette.common.white,
104
+ border: `1px solid ${theme.palette.grey['300']}`,
105
+ borderRadius: '5px',
106
+ padding: '5px 0',
113
107
  [theme.breakpoints.up('sm')]: {
114
108
  paddingLeft: '36px',
115
109
  paddingRight: '36px'
@@ -158,6 +152,7 @@ const Component = {
158
152
  flexDirection: 'row',
159
153
  alignItems: 'center',
160
154
  justifyContent: 'space-between',
155
+ backgroundColor: theme.palette.common.white,
161
156
  '& .SCCourseDashboard-user': {
162
157
  flexDirection: 'row',
163
158
  alignItems: 'center',
@@ -194,6 +189,7 @@ const Component = {
194
189
  borderTopLeftRadius: '5px',
195
190
  borderTopRightRadius: '5px',
196
191
  padding: '19px 24px',
192
+ backgroundColor: theme.palette.common.white,
197
193
  '& .SCCourseDashboard-circle': {
198
194
  width: '6px',
199
195
  height: '6px',
@@ -209,7 +205,8 @@ const Component = {
209
205
  gap: '13px',
210
206
  border: `1px solid ${theme.palette.grey['300']}`,
211
207
  borderRadius: '5px',
212
- padding: '11px 24px'
208
+ padding: '11px 24px',
209
+ backgroundColor: theme.palette.common.white
213
210
  },
214
211
  '& .SCCourseDashboard-percentage-wrapper': {
215
212
  justifyContent: 'space-between',
@@ -290,7 +287,7 @@ const Component = {
290
287
  flex: 1,
291
288
  gap: '6px',
292
289
  border: `1px solid ${theme.palette.grey['300']}`,
293
- borderRadius: '10px',
290
+ borderRadius: '5px',
294
291
  padding: theme.spacing('17px', 3, '19px'),
295
292
  '& .SCCourseParticipantsButton-root': {
296
293
  justifyContent: 'flex-start',
package/lib/cjs/components/SCCourseForm.d.ts CHANGED
@@ -1,12 +1,11 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
- root: ({ theme }: any) => {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
4
6
  '& .SCCourseForm-contrast-color': {
5
7
  color: any;
6
8
  };
7
- '& .SCCourseForm-contrast-bg-color': {
8
- backgroundColor: any;
9
- };
10
9
  '& .SCCourseForm-cover': {
11
10
  position: string;
12
11
  height: number;
@@ -24,10 +23,16 @@ declare const Component: {
24
23
  marginTop: any;
25
24
  color: any;
26
25
  };
26
+ '& h5': {
27
+ padding: any;
28
+ };
27
29
  '& .SCCourseForm-form': {
28
- '& h5': {
29
- padding: any;
30
- };
30
+ border: string;
31
+ borderBottom: string;
32
+ borderRadius: string;
33
+ borderBottomLeftRadius: string;
34
+ borderBottomRightRadius: string;
35
+ backgroundColor: any;
31
36
  '& .SCCourseForm-name': {
32
37
  marginTop: any;
33
38
  };
@@ -35,6 +40,7 @@ declare const Component: {
35
40
  marginTop: any;
36
41
  };
37
42
  '& .SCCourseForm-edit-root': {
43
+ backgroundColor: any;
38
44
  marginTop: any;
39
45
  '& .SCCourseForm-edit-card': {
40
46
  display: string;
@@ -127,7 +133,13 @@ declare const Component: {
127
133
  color: any;
128
134
  };
129
135
  '& .SCCourseForm-actions': {
130
- marginTop: any;
136
+ border: string;
137
+ borderTop: string;
138
+ borderRadius: string;
139
+ borderTopLeftRadius: string;
140
+ borderTopRightRadius: string;
141
+ backgroundColor: any;
142
+ padding: any;
131
143
  display: string;
132
144
  justifyContent: string;
133
145
  gap: any;
package/lib/cjs/components/SCCourseForm.js CHANGED
@@ -7,9 +7,6 @@ const Component = {
7
7
  '& .SCCourseForm-contrast-color': {
8
8
  color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
9
9
  },
10
- '& .SCCourseForm-contrast-bg-color': {
11
- backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
12
- },
13
10
  '& .SCCourseForm-cover': {
14
11
  position: 'relative',
15
12
  height: 103,
@@ -27,10 +24,16 @@ const Component = {
27
24
  marginTop: theme.spacing(4.5),
28
25
  color: theme.palette.text.secondary
29
26
  },
27
+ '& h5': {
28
+ padding: theme.spacing(1)
29
+ },
30
30
  '& .SCCourseForm-form': {
31
- '& h5': {
32
- padding: theme.spacing(1)
33
- },
31
+ border: `1px solid ${theme.palette.grey['300']}`,
32
+ borderBottom: 'unset',
33
+ borderRadius: '5px',
34
+ borderBottomLeftRadius: 'unset',
35
+ borderBottomRightRadius: 'unset',
36
+ backgroundColor: theme.palette.common.white,
34
37
  '& .SCCourseForm-name': {
35
38
  marginTop: theme.spacing(3)
36
39
  },
@@ -38,6 +41,7 @@ const Component = {
38
41
  marginTop: theme.spacing(1)
39
42
  },
40
43
  '& .SCCourseForm-edit-root': {
44
+ backgroundColor: theme.palette.common.white,
41
45
  marginTop: theme.spacing(1),
42
46
  '& .SCCourseForm-edit-card': {
43
47
  display: 'flex',
@@ -130,7 +134,13 @@ const Component = {
130
134
  color: theme.palette.error.main
131
135
  },
132
136
  '& .SCCourseForm-actions': {
133
- marginTop: theme.spacing(2),
137
+ border: `1px solid ${theme.palette.grey['300']}`,
138
+ borderTop: 'unset',
139
+ borderRadius: '5px',
140
+ borderTopLeftRadius: 'unset',
141
+ borderTopRightRadius: 'unset',
142
+ backgroundColor: theme.palette.common.white,
143
+ padding: theme.spacing(2, 0),
134
144
  display: 'flex',
135
145
  justifyContent: 'flex-end',
136
146
  gap: theme.spacing(2),
package/lib/cjs/components/SCCourseTypePopover.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: {
4
+ theme: any;
5
+ }) => {
6
+ flexDirection: string;
7
+ alignItems: string;
8
+ gap: any;
9
+ '&.SCCourseTypePopover-contrast-color': {
10
+ color: any;
11
+ };
12
+ '& .SCCourseTypePopover-button': {
13
+ padding: number;
14
+ textDecoration: string;
15
+ '&:hover': {
16
+ backgroundColor: string;
17
+ textDecoration: string;
18
+ };
19
+ };
20
+ };
21
+ };
22
+ };
23
+ export default Component;
package/lib/cjs/components/SCCourseTypePopover.js ADDED
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const material_1 = require("@mui/material");
4
+ const Component = {
5
+ styleOverrides: {
6
+ root: ({ theme }) => ({
7
+ flexDirection: 'row',
8
+ alignItems: 'center',
9
+ gap: theme.spacing(1),
10
+ '&.SCCourseTypePopover-contrast-color': {
11
+ color: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
12
+ },
13
+ '& .SCCourseTypePopover-button': {
14
+ padding: 0,
15
+ textDecoration: 'underline',
16
+ '&:hover': {
17
+ backgroundColor: 'unset',
18
+ textDecoration: 'underline'
19
+ }
20
+ }
21
+ })
22
+ }
23
+ };
24
+ exports.default = Component;
package/lib/cjs/components/SCCourseUsersTable.d.ts CHANGED
@@ -3,9 +3,11 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
- '&.SCCourseUsersTable-contrast-bg-color': {
7
- backgroundColor: any;
8
- };
6
+ border: string;
7
+ borderTop: string;
8
+ borderRadius: string;
9
+ paddingBottom: string;
10
+ backgroundColor: any;
9
11
  '& .SCCourseUsersTable-search': {
10
12
  '& > .MuiInputBase-root': {
11
13
  borderBottomLeftRadius: string;
package/lib/cjs/components/SCCourseUsersTable.js CHANGED
@@ -1,12 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const material_1 = require("@mui/material");
4
3
  const Component = {
5
4
  styleOverrides: {
6
5
  root: ({ theme }) => ({
7
- '&.SCCourseUsersTable-contrast-bg-color': {
8
- backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.default, theme.palette.common.white) > 4.5 ? theme.palette.common.white : undefined
9
- },
6
+ border: `1px solid ${theme.palette.grey['300']}`,
7
+ borderTop: 'unset',
8
+ borderRadius: '5px',
9
+ paddingBottom: '5px',
10
+ backgroundColor: theme.palette.common.white,
10
11
  '& .SCCourseUsersTable-search': {
11
12
  '& > .MuiInputBase-root': {
12
13
  borderBottomLeftRadius: 'unset',
package/lib/cjs/components/SCCourses.d.ts CHANGED
@@ -123,7 +123,7 @@ declare const Component: {
123
123
  };
124
124
  };
125
125
  };
126
- coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
126
+ coursesChipRoot: ({ theme, showMine, showManagedCourses }: any) => {
127
127
  height: any;
128
128
  borderRadius: any;
129
129
  color: any;
package/lib/cjs/components/SCCourses.js CHANGED
@@ -125,10 +125,10 @@ const Component = {
125
125
  }
126
126
  }
127
127
  }),
128
- coursesChipRoot: ({ theme, showForMe, showMyCourses }) => ({
128
+ coursesChipRoot: ({ theme, showMine, showManagedCourses }) => ({
129
129
  height: theme.spacing(5.25),
130
130
  borderRadius: theme.spacing(0.5),
131
- color: showForMe || showMyCourses ? theme.palette.common.white : theme.palette.text.primary,
131
+ color: showMine || showManagedCourses ? theme.palette.common.white : theme.palette.text.primary,
132
132
  '& .MuiIcon-root': {
133
133
  fontSize: '1rem',
134
134
  color: theme.palette.common.white
package/lib/cjs/components/SCEditCourse.d.ts CHANGED
@@ -9,9 +9,6 @@ declare const Component: {
9
9
  '& .SCEditCourse-contrast-color': {
10
10
  color: any;
11
11
  };
12
- '& .SCEditCourse-contrast-bg-color': {
13
- backgroundColor: any;
14
- };
15
12
  '& .SCEditCourse-header': {
16
13
  [x: number]: {
17
14
  paddingLeft: any;
@@ -57,6 +54,14 @@ declare const Component: {
57
54
  };
58
55
  '& .SCEditCourse-status': {
59
56
  borderRadius: any;
57
+ '& .MuiButtonBase-root': {
58
+ padding: number;
59
+ textDecoration: string;
60
+ '&:hover': {
61
+ backgroundColor: string;
62
+ textDecoration: string;
63
+ };
64
+ };
60
65
  };
61
66
  '& .SCEditCourse-lesson-empty-status': {
62
67
  border: string;
@@ -75,6 +80,7 @@ declare const Component: {
75
80
  borderBottom: string;
76
81
  borderTopLeftRadius: string;
77
82
  borderTopRightRadius: string;
83
+ backgroundColor: any;
78
84
  '& .SCEditCourse-lessons-sections': {
79
85
  flexDirection: string;
80
86
  alignItems: string;
@@ -98,6 +104,7 @@ declare const Component: {
98
104
  border: string;
99
105
  borderBottomLeftRadius: string;
100
106
  borderBottomRightRadius: string;
107
+ backgroundColor: any;
101
108
  '& .SCEditCourse-table': {
102
109
  '& .SCEditCourse-cell-width': {
103
110
  width: string;
@@ -180,19 +187,25 @@ declare const Component: {
180
187
  marginTop: string;
181
188
  marginBottom: any;
182
189
  };
183
- '& .SCEditCourse-options-wrapper': {
184
- gap: any;
185
- maxWidth: string;
186
- margin: string;
187
- };
188
- '& .SCEditCourse-options-divider': {
189
- marginTop: string;
190
- marginBottom: any;
191
- };
192
- '& .SCEditCourse-options-button-wrapper': {
193
- alignItems: string;
194
- maxWidth: string;
195
- margin: string;
190
+ '& .SCEditCourse-options-container': {
191
+ border: string;
192
+ borderRadius: string;
193
+ padding: string;
194
+ backgroundColor: any;
195
+ '& .SCEditCourse-options-wrapper': {
196
+ gap: any;
197
+ maxWidth: string;
198
+ margin: string;
199
+ };
200
+ '& .SCEditCourse-options-divider': {
201
+ marginTop: string;
202
+ marginBottom: any;
203
+ };
204
+ '& .SCEditCourse-options-button-wrapper': {
205
+ alignItems: string;
206
+ maxWidth: string;
207
+ margin: string;
208
+ };
196
209
  };
197
210
  };
198
211
  };
@@ -241,12 +254,14 @@ declare const Component: {
241
254
  padding: any;
242
255
  border: string;
243
256
  borderRadius: string;
257
+ backgroundColor: any;
244
258
  };
245
259
  '& .SCEditCourse-table-container': {
246
260
  width: string;
247
261
  border: string;
248
262
  borderBottomLeftRadius: string;
249
263
  borderBottomRightRadius: string;
264
+ backgroundColor: any;
250
265
  '& .SCEditCourse-margin': {
251
266
  margin: string;
252
267
  };
@@ -265,19 +280,25 @@ declare const Component: {
265
280
  marginTop: string;
266
281
  marginBottom: any;
267
282
  };
268
- '& .SCEditCourse-options-wrapper': {
269
- gap: any;
270
- maxWidth: string;
271
- margin: string;
272
- };
273
- '& .SCEditCourse-options-divider': {
274
- marginTop: string;
275
- marginBottom: any;
276
- };
277
- '& .SCEditCourse-options-button-wrapper': {
278
- alignItems: string;
279
- maxWidth: string;
280
- margin: string;
283
+ '& .SCEditCourse-options-container': {
284
+ border: string;
285
+ borderRadius: string;
286
+ paddingBottom: string;
287
+ backgroundColor: any;
288
+ '& .SCEditCourse-options-wrapper': {
289
+ gap: any;
290
+ maxWidth: string;
291
+ margin: string;
292
+ };
293
+ '& .SCEditCourse-options-divider': {
294
+ marginTop: string;
295
+ marginBottom: any;
296
+ };
297
+ '& .SCEditCourse-options-button-wrapper': {
298
+ alignItems: string;
299
+ maxWidth: string;
300
+ margin: string;
301
+ };
281
302
  };
282
303
  };
283
304
  };