@selfcommunity/react-theme-default 0.4.2-courses.185 → 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 (50) 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/components/SCEvent.d.ts +22 -0
  18. package/lib/cjs/components/SCEvent.js +22 -0
  19. package/lib/cjs/components/SCEvents.d.ts +11 -1
  20. package/lib/cjs/components/SCEvents.js +12 -2
  21. package/lib/cjs/components/SCLessonObject.d.ts +0 -1
  22. package/lib/cjs/components/SCLessonObject.js +0 -1
  23. package/lib/cjs/index.d.ts +147 -55
  24. package/lib/cjs/index.js +2 -0
  25. package/lib/esm/components/SCAddUsersButton.d.ts +7 -1
  26. package/lib/esm/components/SCAddUsersButton.js +6 -1
  27. package/lib/esm/components/SCCourseDashboard.d.ts +8 -11
  28. package/lib/esm/components/SCCourseDashboard.js +13 -16
  29. package/lib/esm/components/SCCourseForm.d.ts +20 -8
  30. package/lib/esm/components/SCCourseForm.js +17 -7
  31. package/lib/esm/components/SCCourseTypePopover.d.ts +23 -0
  32. package/lib/esm/components/SCCourseTypePopover.js +22 -0
  33. package/lib/esm/components/SCCourseUsersTable.d.ts +5 -3
  34. package/lib/esm/components/SCCourseUsersTable.js +5 -4
  35. package/lib/esm/components/SCCourses.d.ts +1 -1
  36. package/lib/esm/components/SCCourses.js +2 -2
  37. package/lib/esm/components/SCEditCourse.d.ts +50 -29
  38. package/lib/esm/components/SCEditCourse.js +52 -31
  39. package/lib/esm/components/SCEmptyStatus.d.ts +1 -0
  40. package/lib/esm/components/SCEmptyStatus.js +1 -0
  41. package/lib/esm/components/SCEvent.d.ts +22 -0
  42. package/lib/esm/components/SCEvent.js +22 -0
  43. package/lib/esm/components/SCEvents.d.ts +11 -1
  44. package/lib/esm/components/SCEvents.js +12 -2
  45. package/lib/esm/components/SCLessonObject.d.ts +0 -1
  46. package/lib/esm/components/SCLessonObject.js +0 -1
  47. package/lib/esm/index.d.ts +147 -55
  48. package/lib/esm/index.js +2 -0
  49. package/lib/umd/react-theme-default.js +1 -1
  50. package/package.json +2 -2
@@ -10,9 +10,6 @@ const Component = {
10
10
  '& .SCEditCourse-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
- '& .SCEditCourse-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
  '& .SCEditCourse-header': {
17
14
  flexDirection: 'row',
18
15
  alignItems: 'center',
@@ -57,7 +54,15 @@ const Component = {
57
54
  }
58
55
  },
59
56
  '& .SCEditCourse-status': {
60
- borderRadius: theme.spacing(1)
57
+ borderRadius: theme.spacing(1),
58
+ '& .MuiButtonBase-root': {
59
+ padding: 0,
60
+ textDecoration: 'underline',
61
+ '&:hover': {
62
+ backgroundColor: 'unset',
63
+ textDecoration: 'underline'
64
+ }
65
+ }
61
66
  },
62
67
  '& .SCEditCourse-lesson-empty-status': {
63
68
  border: `1px solid ${theme.palette.grey[300]}`,
@@ -76,6 +81,7 @@ const Component = {
76
81
  borderBottom: 'unset',
77
82
  borderTopLeftRadius: '5px',
78
83
  borderTopRightRadius: '5px',
84
+ backgroundColor: theme.palette.common.white,
79
85
  '& .SCEditCourse-lessons-sections': {
80
86
  flexDirection: 'row',
81
87
  alignItems: 'center',
@@ -99,6 +105,7 @@ const Component = {
99
105
  border: `1px solid ${theme.palette.grey[300]}`,
100
106
  borderBottomLeftRadius: '5px',
101
107
  borderBottomRightRadius: '5px',
108
+ backgroundColor: theme.palette.common.white,
102
109
  '& .SCEditCourse-table': {
103
110
  '& .SCEditCourse-cell-width': {
104
111
  width: '3%'
@@ -181,19 +188,25 @@ const Component = {
181
188
  marginTop: '7px',
182
189
  marginBottom: theme.spacing(2)
183
190
  },
184
- '& .SCEditCourse-options-wrapper': {
185
- gap: theme.spacing(5),
186
- maxWidth: '600px',
187
- margin: 'auto'
188
- },
189
- '& .SCEditCourse-options-divider': {
190
- marginTop: '21px',
191
- marginBottom: theme.spacing(3)
192
- },
193
- '& .SCEditCourse-options-button-wrapper': {
194
- alignItems: 'flex-end',
195
- maxWidth: '600px',
196
- margin: 'auto'
191
+ '& .SCEditCourse-options-container': {
192
+ border: `1px solid ${theme.palette.grey['300']}`,
193
+ borderRadius: '5px',
194
+ padding: '10px 0',
195
+ backgroundColor: theme.palette.common.white,
196
+ '& .SCEditCourse-options-wrapper': {
197
+ gap: theme.spacing(5),
198
+ maxWidth: '600px',
199
+ margin: 'auto'
200
+ },
201
+ '& .SCEditCourse-options-divider': {
202
+ marginTop: '21px',
203
+ marginBottom: theme.spacing(3)
204
+ },
205
+ '& .SCEditCourse-options-button-wrapper': {
206
+ alignItems: 'flex-end',
207
+ maxWidth: '600px',
208
+ margin: 'auto'
209
+ }
197
210
  }
198
211
  }
199
212
  }),
@@ -239,13 +252,15 @@ const Component = {
239
252
  marginTop: '9px',
240
253
  padding: theme.spacing(2),
241
254
  border: `1px solid ${theme.palette.grey[300]}`,
242
- borderRadius: '5px'
255
+ borderRadius: '5px',
256
+ backgroundColor: theme.palette.common.white
243
257
  },
244
258
  '& .SCEditCourse-table-container': {
245
259
  width: 'auto',
246
260
  border: `1px solid ${theme.palette.grey[300]}`,
247
261
  borderBottomLeftRadius: '5px',
248
262
  borderBottomRightRadius: '5px',
263
+ backgroundColor: theme.palette.common.white,
249
264
  '& .SCEditCourse-margin': {
250
265
  margin: 'auto'
251
266
  },
@@ -264,19 +279,25 @@ const Component = {
264
279
  marginTop: '7px',
265
280
  marginBottom: theme.spacing(2)
266
281
  },
267
- '& .SCEditCourse-options-wrapper': {
268
- gap: theme.spacing(5),
269
- maxWidth: '600px',
270
- margin: 'auto'
271
- },
272
- '& .SCEditCourse-options-divider': {
273
- marginTop: '21px',
274
- marginBottom: theme.spacing(3)
275
- },
276
- '& .SCEditCourse-options-button-wrapper': {
277
- alignItems: 'flex-end',
278
- maxWidth: '600px',
279
- margin: 'auto'
282
+ '& .SCEditCourse-options-container': {
283
+ border: `1px solid ${theme.palette.grey['300']}`,
284
+ borderRadius: '5px',
285
+ paddingBottom: '10px',
286
+ backgroundColor: theme.palette.common.white,
287
+ '& .SCEditCourse-options-wrapper': {
288
+ gap: theme.spacing(5),
289
+ maxWidth: '600px',
290
+ margin: 'auto'
291
+ },
292
+ '& .SCEditCourse-options-divider': {
293
+ marginTop: '21px',
294
+ marginBottom: theme.spacing(3)
295
+ },
296
+ '& .SCEditCourse-options-button-wrapper': {
297
+ alignItems: 'flex-end',
298
+ maxWidth: '600px',
299
+ margin: 'auto'
300
+ }
280
301
  }
281
302
  })
282
303
  }
@@ -8,6 +8,7 @@ declare const Component: {
8
8
  gap: string;
9
9
  padding: any;
10
10
  marginTop: string;
11
+ backgroundColor: any;
11
12
  '& .SCEmptyStatus-box': {
12
13
  width: string;
13
14
  height: string;
@@ -8,6 +8,7 @@ const Component = {
8
8
  gap: '10px',
9
9
  padding: theme.spacing(3),
10
10
  marginTop: '9px',
11
+ backgroundColor: theme.palette.common.white,
11
12
  '& .SCEmptyStatus-box': {
12
13
  width: '130px',
13
14
  height: '130px',
@@ -61,6 +61,14 @@ declare const Component: {
61
61
  paddingRight: any;
62
62
  };
63
63
  };
64
+ '& .SCEvent-finished-chip': {
65
+ backgroundColor: any;
66
+ position: string;
67
+ top: number;
68
+ right: number;
69
+ color: any;
70
+ boxShadow: string;
71
+ };
64
72
  };
65
73
  '& .SCEvent-preview-content': {
66
74
  padding: string;
@@ -117,6 +125,20 @@ declare const Component: {
117
125
  paddingRight: any;
118
126
  };
119
127
  };
128
+ '& .SCEvent-finished-chip': {
129
+ height: number;
130
+ backgroundColor: any;
131
+ position: string;
132
+ top: number;
133
+ right: number;
134
+ color: any;
135
+ boxShadow: string;
136
+ '& span': {
137
+ fontSize: string;
138
+ paddingLeft: any;
139
+ paddingRight: any;
140
+ };
141
+ };
120
142
  };
121
143
  '& .SCBaseItem-text': {
122
144
  fontSize: any;
@@ -62,6 +62,14 @@ const Component = {
62
62
  paddingLeft: theme.spacing(0.5),
63
63
  paddingRight: theme.spacing(0.5)
64
64
  }
65
+ },
66
+ '& .SCEvent-finished-chip': {
67
+ backgroundColor: theme.palette.common.black,
68
+ position: 'absolute',
69
+ top: 10,
70
+ right: 10,
71
+ color: theme.palette.common.white,
72
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px'
65
73
  }
66
74
  },
67
75
  '& .SCEvent-preview-content': {
@@ -118,6 +126,20 @@ const Component = {
118
126
  paddingLeft: theme.spacing(0.5),
119
127
  paddingRight: theme.spacing(0.5)
120
128
  }
129
+ },
130
+ '& .SCEvent-finished-chip': {
131
+ height: 18,
132
+ backgroundColor: theme.palette.common.black,
133
+ position: 'absolute',
134
+ top: 5,
135
+ right: 3,
136
+ color: theme.palette.common.white,
137
+ boxShadow: 'rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px',
138
+ '& span': {
139
+ fontSize: '0.8rem',
140
+ paddingLeft: theme.spacing(0.5),
141
+ paddingRight: theme.spacing(0.5)
142
+ }
121
143
  }
122
144
  },
123
145
  '& .SCBaseItem-text': {
@@ -1,6 +1,16 @@
1
1
  declare const Component: {
2
2
  styleOverrides: {
3
3
  root: ({ theme }: any) => {
4
+ '& .SCEvents-section-title': {
5
+ marginTop: any;
6
+ marginBottom: any;
7
+ color: any;
8
+ fontWeight: number;
9
+ fontSize: number;
10
+ };
11
+ '& .SCEvents-divider': {
12
+ marginBottom: any;
13
+ };
4
14
  '& .SCEvents-filters': {
5
15
  alignItems: string;
6
16
  marginTop: any;
@@ -78,7 +88,7 @@ declare const Component: {
78
88
  };
79
89
  };
80
90
  };
81
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
91
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
82
92
  height: any;
83
93
  borderRadius: any;
84
94
  color: any;
@@ -3,6 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
+ '& .SCEvents-section-title': {
7
+ marginTop: theme.spacing(4),
8
+ marginBottom: theme.spacing(1),
9
+ color: theme.palette.primary.main,
10
+ fontWeight: 500,
11
+ fontSize: 18
12
+ },
13
+ '& .SCEvents-divider': {
14
+ marginBottom: theme.spacing(2)
15
+ },
6
16
  '& .SCEvents-filters': {
7
17
  alignItems: 'center',
8
18
  marginTop: theme.spacing(),
@@ -80,10 +90,10 @@ const Component = {
80
90
  }
81
91
  }
82
92
  }),
83
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
93
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }) => ({
84
94
  height: theme.spacing(4.75),
85
95
  borderRadius: theme.spacing(0.5),
86
- color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
96
+ color: showFollowed || showPastEvents || showOngoingEvents ? theme.palette.common.white : theme.palette.text.primary,
87
97
  '& .MuiIcon-root': {
88
98
  fontSize: '1rem',
89
99
  color: theme.palette.common.white
@@ -30,7 +30,6 @@ declare const Component: {
30
30
  };
31
31
  };
32
32
  '& .SCLessonObject-medias-section': {
33
- display: string;
34
33
  '& .SCLessonFilePreview-root': {
35
34
  marginBottom: any;
36
35
  };
@@ -32,7 +32,6 @@ const Component = {
32
32
  }
33
33
  },
34
34
  '& .SCLessonObject-medias-section': {
35
- display: 'flex',
36
35
  '& .SCLessonFilePreview-root': {
37
36
  marginBottom: theme.spacing(1)
38
37
  },