@selfcommunity/react-theme-default 0.4.2-courses.188 → 0.4.2-courses.190

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 (24) hide show
  1. package/lib/cjs/components/SCCourseDashboard.d.ts +3 -5
  2. package/lib/cjs/components/SCCourseDashboard.js +3 -5
  3. package/lib/cjs/components/SCCourseForm.d.ts +7 -0
  4. package/lib/cjs/components/SCCourseForm.js +8 -1
  5. package/lib/cjs/components/SCCourseUsersTable.d.ts +4 -2
  6. package/lib/cjs/components/SCCourseUsersTable.js +4 -2
  7. package/lib/cjs/components/SCEditCourse.d.ts +128 -109
  8. package/lib/cjs/components/SCEditCourse.js +133 -114
  9. package/lib/cjs/components/SCLessonObject.d.ts +4 -0
  10. package/lib/cjs/components/SCLessonObject.js +5 -1
  11. package/lib/cjs/index.d.ts +146 -116
  12. package/lib/esm/components/SCCourseDashboard.d.ts +3 -5
  13. package/lib/esm/components/SCCourseDashboard.js +3 -5
  14. package/lib/esm/components/SCCourseForm.d.ts +7 -0
  15. package/lib/esm/components/SCCourseForm.js +8 -1
  16. package/lib/esm/components/SCCourseUsersTable.d.ts +4 -2
  17. package/lib/esm/components/SCCourseUsersTable.js +4 -2
  18. package/lib/esm/components/SCEditCourse.d.ts +128 -109
  19. package/lib/esm/components/SCEditCourse.js +133 -114
  20. package/lib/esm/components/SCLessonObject.d.ts +4 -0
  21. package/lib/esm/components/SCLessonObject.js +5 -1
  22. package/lib/esm/index.d.ts +146 -116
  23. package/lib/umd/react-theme-default.js +1 -1
  24. package/package.json +2 -2
package/lib/esm/components/SCEditCourse.d.ts CHANGED
@@ -70,112 +70,121 @@ declare const Component: {
70
70
  '& .SCEditCourse-empty-status-button': {
71
71
  marginTop: string;
72
72
  };
73
- '& .SCEditCourse-lessons-sections-wrapper': {
74
- flexDirection: string;
75
- alignItems: string;
76
- justifyContent: string;
77
- marginTop: string;
78
- padding: any;
73
+ '& .SCEditCourse-lessons-inner-wrapper': {
74
+ [x: number]: {
75
+ padding: any;
76
+ };
79
77
  border: string;
80
- borderBottom: string;
81
- borderTopLeftRadius: string;
82
- borderTopRightRadius: string;
78
+ borderRadius: string;
83
79
  backgroundColor: any;
84
- '& .SCEditCourse-lessons-sections': {
80
+ marginTop: string;
81
+ padding: any;
82
+ '& .SCEditCourse-lessons-sections-wrapper': {
85
83
  flexDirection: string;
86
84
  alignItems: string;
87
- gap: string;
88
- '& .SCEditCourse-circle': {
89
- width: string;
90
- height: string;
91
- borderRadius: number;
92
- backgroundColor: any;
93
- };
94
- };
95
- '& .SCEditCourse-section-button': {
96
- alignItems: string;
97
- '& .SCEditCourse-section-button-typography': {
98
- textTransform: string;
99
- };
100
- };
101
- };
102
- '& .SCEditCourse-table-container': {
103
- width: string;
104
- border: string;
105
- borderBottomLeftRadius: string;
106
- borderBottomRightRadius: string;
107
- backgroundColor: any;
108
- '& .SCEditCourse-table': {
109
- '& .SCEditCourse-cell-width': {
110
- width: string;
111
- };
112
- '& .SCEditCourse-cell-align-center': {
113
- textAlign: string;
114
- };
115
- '& .SCEditCourse-cell-align-right': {
116
- textAlign: string;
117
- };
118
- '& .SCEditCourse-cell-padding': {
119
- paddingRight: number;
120
- };
121
- '& .MuiTableCell-root': {
122
- textWrapMode: string;
85
+ justifyContent: string;
86
+ padding: any;
87
+ border: string;
88
+ borderBottom: string;
89
+ borderTopLeftRadius: string;
90
+ borderTopRightRadius: string;
91
+ backgroundColor: any;
92
+ '& .SCEditCourse-lessons-sections': {
93
+ flexDirection: string;
94
+ alignItems: string;
95
+ gap: string;
96
+ '& .SCEditCourse-circle': {
97
+ width: string;
98
+ height: string;
99
+ borderRadius: number;
100
+ backgroundColor: any;
101
+ };
123
102
  };
124
- '& .SCEditCourse-table-header': {
125
- '& .SCEditCourse-table-header-typography': {
103
+ '& .SCEditCourse-section-button': {
104
+ alignItems: string;
105
+ '& .SCEditCourse-section-button-typography': {
126
106
  textTransform: string;
127
107
  };
128
108
  };
129
- '& .SCEditCourse-table-body': {
130
- '& .SCEditCourse-table-body-icon-wrapper': {
131
- flexDirection: string;
132
- alignItems: string;
133
- gap: string;
109
+ };
110
+ '& .SCEditCourse-table-container': {
111
+ width: string;
112
+ border: string;
113
+ borderBottomLeftRadius: string;
114
+ borderBottomRightRadius: string;
115
+ backgroundColor: any;
116
+ '& .SCEditCourse-table': {
117
+ '& .SCEditCourse-cell-width': {
118
+ width: string;
134
119
  };
135
- '& .SCEditCourse-table-body-accordion': {
136
- backgroundColor: any;
120
+ '& .SCEditCourse-cell-align-center': {
121
+ textAlign: string;
137
122
  };
138
- '& .SCEditCourse-edit-mode-wrapper': {
139
- flexDirection: string;
140
- alignItems: string;
141
- gap: string;
142
- '& .SCEditCourse-edit-mode-save-button': {
143
- minWidth: string;
144
- borderRadius: string;
145
- padding: string;
146
- };
147
- '& .SCEditCourse-edit-mode-close-button': {
148
- border: string;
149
- borderRadius: string;
150
- padding: string;
123
+ '& .SCEditCourse-cell-align-right': {
124
+ textAlign: string;
125
+ };
126
+ '& .SCEditCourse-cell-padding': {
127
+ paddingRight: number;
128
+ };
129
+ '& .MuiTableCell-root': {
130
+ textWrapMode: string;
131
+ };
132
+ '& .SCEditCourse-table-header': {
133
+ '& .SCEditCourse-table-header-typography': {
134
+ textTransform: string;
151
135
  };
152
136
  };
153
- '& .SCEditCourse-actions-wrapper': {
154
- [x: number]: {
137
+ '& .SCEditCourse-table-body': {
138
+ '& .SCEditCourse-table-body-icon-wrapper': {
139
+ flexDirection: string;
140
+ alignItems: string;
155
141
  gap: string;
156
142
  };
157
- display: string;
158
- flexDirection: string;
159
- alignItems: string;
160
- gap: string;
161
- '& .SCEditCourse-change-lesson-status-published-wrapper': {
162
- color: any;
143
+ '& .SCEditCourse-table-body-accordion': {
163
144
  backgroundColor: any;
164
- '& .MuiIcon-root': {
145
+ };
146
+ '& .SCEditCourse-edit-mode-wrapper': {
147
+ flexDirection: string;
148
+ alignItems: string;
149
+ gap: string;
150
+ '& .SCEditCourse-edit-mode-save-button': {
151
+ minWidth: string;
152
+ borderRadius: string;
153
+ padding: string;
154
+ };
155
+ '& .SCEditCourse-edit-mode-close-button': {
156
+ border: string;
157
+ borderRadius: string;
158
+ padding: string;
159
+ };
160
+ };
161
+ '& .SCEditCourse-actions-wrapper': {
162
+ [x: number]: {
163
+ gap: string;
164
+ };
165
+ display: string;
166
+ flexDirection: string;
167
+ alignItems: string;
168
+ gap: string;
169
+ '& .SCEditCourse-change-lesson-status-published-wrapper': {
165
170
  color: any;
171
+ backgroundColor: any;
172
+ '& .MuiIcon-root': {
173
+ color: any;
174
+ };
175
+ };
176
+ '& .SCEditCourse-change-lesson-status-icon-draft': {
177
+ width: string;
178
+ height: string;
179
+ borderRadius: number;
180
+ backgroundColor: any;
166
181
  };
167
182
  };
168
- '& .SCEditCourse-change-lesson-status-icon-draft': {
169
- width: string;
170
- height: string;
171
- borderRadius: number;
172
- backgroundColor: any;
183
+ '& .SCEditCourse-table-body-collapse-wrapper': {
184
+ padding: number;
185
+ border: number;
173
186
  };
174
187
  };
175
- '& .SCEditCourse-table-body-collapse-wrapper': {
176
- padding: number;
177
- border: number;
178
- };
179
188
  };
180
189
  };
181
190
  };
@@ -188,9 +197,12 @@ declare const Component: {
188
197
  marginBottom: any;
189
198
  };
190
199
  '& .SCEditCourse-options-container': {
200
+ [x: number]: {
201
+ padding: any;
202
+ };
191
203
  border: string;
192
204
  borderRadius: string;
193
- padding: string;
205
+ padding: any;
194
206
  backgroundColor: any;
195
207
  '& .SCEditCourse-options-wrapper': {
196
208
  gap: any;
@@ -204,7 +216,7 @@ declare const Component: {
204
216
  '& .SCEditCourse-options-button-wrapper': {
205
217
  alignItems: string;
206
218
  maxWidth: string;
207
- margin: string;
219
+ margin: any;
208
220
  };
209
221
  };
210
222
  };
@@ -246,32 +258,39 @@ declare const Component: {
246
258
  gap: any;
247
259
  };
248
260
  };
249
- '& .SCEditCourse-lessons-sections-wrapper': {
250
- flexDirection: string;
251
- alignItems: string;
252
- justifyContent: string;
253
- marginTop: string;
254
- padding: any;
261
+ '& .SCEditCourse-lessons-inner-wrapper': {
262
+ [x: number]: {
263
+ padding: any;
264
+ };
255
265
  border: string;
256
266
  borderRadius: string;
257
267
  backgroundColor: any;
258
- };
259
- '& .SCEditCourse-table-container': {
260
- width: string;
261
- border: string;
262
- borderBottomLeftRadius: string;
263
- borderBottomRightRadius: string;
264
- backgroundColor: any;
265
- '& .SCEditCourse-margin': {
266
- margin: string;
267
- };
268
- '& .SCEditCourse-margin-left': {
269
- marginLeft: string;
270
- };
271
- '& .SCEditCourse-actions-wrapper': {
268
+ marginTop: string;
269
+ padding: any;
270
+ '& .SCEditCourse-lessons-sections-wrapper': {
272
271
  flexDirection: string;
272
+ alignItems: string;
273
273
  justifyContent: string;
274
- gap: string;
274
+ padding: any;
275
+ border: string;
276
+ borderRadius: string;
277
+ };
278
+ '& .SCEditCourse-table-container': {
279
+ width: string;
280
+ border: string;
281
+ borderBottomLeftRadius: string;
282
+ borderBottomRightRadius: string;
283
+ '& .SCEditCourse-margin': {
284
+ margin: string;
285
+ };
286
+ '& .SCEditCourse-margin-left': {
287
+ marginLeft: string;
288
+ };
289
+ '& .SCEditCourse-actions-wrapper': {
290
+ flexDirection: string;
291
+ justifyContent: string;
292
+ gap: string;
293
+ };
275
294
  };
276
295
  };
277
296
  '& .SCEditCourse-users-status-wrapper': {
package/lib/esm/components/SCEditCourse.js CHANGED
@@ -69,111 +69,120 @@ const Component = {
69
69
  '& .SCEditCourse-empty-status-button': {
70
70
  marginTop: '7px'
71
71
  },
72
- '& .SCEditCourse-lessons-sections-wrapper': {
73
- flexDirection: 'row',
74
- alignItems: 'center',
75
- justifyContent: 'space-between',
76
- marginTop: '9px',
77
- padding: theme.spacing(2),
72
+ '& .SCEditCourse-lessons-inner-wrapper': {
78
73
  border: `1px solid ${theme.palette.grey[300]}`,
79
- borderBottom: 'unset',
80
- borderTopLeftRadius: '5px',
81
- borderTopRightRadius: '5px',
74
+ borderRadius: '5px',
82
75
  backgroundColor: theme.palette.common.white,
83
- '& .SCEditCourse-lessons-sections': {
76
+ marginTop: '9px',
77
+ padding: theme.spacing(1),
78
+ [theme.breakpoints.up('sm')]: {
79
+ padding: theme.spacing(2)
80
+ },
81
+ '& .SCEditCourse-lessons-sections-wrapper': {
84
82
  flexDirection: 'row',
85
83
  alignItems: 'center',
86
- gap: '6px',
87
- '& .SCEditCourse-circle': {
88
- width: '6px',
89
- height: '6px',
90
- borderRadius: 9999,
91
- backgroundColor: theme.palette.common.black
92
- }
93
- },
94
- '& .SCEditCourse-section-button': {
95
- alignItems: 'flex-start',
96
- '& .SCEditCourse-section-button-typography': {
97
- textTransform: 'inherit'
98
- }
99
- }
100
- },
101
- '& .SCEditCourse-table-container': {
102
- width: 'auto',
103
- border: `1px solid ${theme.palette.grey[300]}`,
104
- borderBottomLeftRadius: '5px',
105
- borderBottomRightRadius: '5px',
106
- backgroundColor: theme.palette.common.white,
107
- '& .SCEditCourse-table': {
108
- '& .SCEditCourse-cell-width': {
109
- width: '3%'
110
- },
111
- '& .SCEditCourse-cell-align-center': {
112
- textAlign: 'center'
113
- },
114
- '& .SCEditCourse-cell-align-right': {
115
- textAlign: 'right'
116
- },
117
- '& .SCEditCourse-cell-padding': {
118
- paddingRight: 0
119
- },
120
- '& .MuiTableCell-root': {
121
- textWrapMode: 'nowrap'
122
- },
123
- '& .SCEditCourse-table-header': {
124
- '& .SCEditCourse-table-header-typography': {
125
- textTransform: 'uppercase'
84
+ justifyContent: 'space-between',
85
+ padding: theme.spacing(2),
86
+ border: `1px solid ${theme.palette.grey[300]}`,
87
+ borderBottom: 'unset',
88
+ borderTopLeftRadius: '5px',
89
+ borderTopRightRadius: '5px',
90
+ backgroundColor: theme.palette.common.white,
91
+ '& .SCEditCourse-lessons-sections': {
92
+ flexDirection: 'row',
93
+ alignItems: 'center',
94
+ gap: '6px',
95
+ '& .SCEditCourse-circle': {
96
+ width: '6px',
97
+ height: '6px',
98
+ borderRadius: 9999,
99
+ backgroundColor: theme.palette.common.black
126
100
  }
127
101
  },
128
- '& .SCEditCourse-table-body': {
129
- '& .SCEditCourse-table-body-icon-wrapper': {
130
- flexDirection: 'row',
131
- alignItems: 'center',
132
- gap: '10px'
102
+ '& .SCEditCourse-section-button': {
103
+ alignItems: 'flex-start',
104
+ '& .SCEditCourse-section-button-typography': {
105
+ textTransform: 'inherit'
106
+ }
107
+ }
108
+ },
109
+ '& .SCEditCourse-table-container': {
110
+ width: 'auto',
111
+ border: `1px solid ${theme.palette.grey[300]}`,
112
+ borderBottomLeftRadius: '5px',
113
+ borderBottomRightRadius: '5px',
114
+ backgroundColor: theme.palette.common.white,
115
+ '& .SCEditCourse-table': {
116
+ '& .SCEditCourse-cell-width': {
117
+ width: '3%'
133
118
  },
134
- '& .SCEditCourse-table-body-accordion': {
135
- backgroundColor: theme.palette.grey[200]
119
+ '& .SCEditCourse-cell-align-center': {
120
+ textAlign: 'center'
136
121
  },
137
- '& .SCEditCourse-edit-mode-wrapper': {
138
- flexDirection: 'row',
139
- alignItems: 'center',
140
- gap: '5px',
141
- '& .SCEditCourse-edit-mode-save-button': {
142
- minWidth: 'unset',
143
- borderRadius: '5px',
144
- padding: '8px'
145
- },
146
- '& .SCEditCourse-edit-mode-close-button': {
147
- border: `1px solid ${theme.palette.action.active}`,
148
- borderRadius: '5px',
149
- padding: '8px'
122
+ '& .SCEditCourse-cell-align-right': {
123
+ textAlign: 'right'
124
+ },
125
+ '& .SCEditCourse-cell-padding': {
126
+ paddingRight: 0
127
+ },
128
+ '& .MuiTableCell-root': {
129
+ textWrapMode: 'nowrap'
130
+ },
131
+ '& .SCEditCourse-table-header': {
132
+ '& .SCEditCourse-table-header-typography': {
133
+ textTransform: 'uppercase'
150
134
  }
151
135
  },
152
- '& .SCEditCourse-actions-wrapper': {
153
- display: 'inline-flex',
154
- flexDirection: 'row',
155
- alignItems: 'center',
156
- gap: '14px',
157
- [theme.breakpoints.up('sm')]: {
158
- gap: '22px'
136
+ '& .SCEditCourse-table-body': {
137
+ '& .SCEditCourse-table-body-icon-wrapper': {
138
+ flexDirection: 'row',
139
+ alignItems: 'center',
140
+ gap: '10px'
159
141
  },
160
- '& .SCEditCourse-change-lesson-status-published-wrapper': {
161
- color: theme.palette.common.white,
162
- backgroundColor: theme.palette.primary.main,
163
- '& .MuiIcon-root': {
164
- color: theme.palette.common.white
142
+ '& .SCEditCourse-table-body-accordion': {
143
+ backgroundColor: theme.palette.grey[200]
144
+ },
145
+ '& .SCEditCourse-edit-mode-wrapper': {
146
+ flexDirection: 'row',
147
+ alignItems: 'center',
148
+ gap: '5px',
149
+ '& .SCEditCourse-edit-mode-save-button': {
150
+ minWidth: 'unset',
151
+ borderRadius: '5px',
152
+ padding: '8px'
153
+ },
154
+ '& .SCEditCourse-edit-mode-close-button': {
155
+ border: `1px solid ${theme.palette.action.active}`,
156
+ borderRadius: '5px',
157
+ padding: '8px'
158
+ }
159
+ },
160
+ '& .SCEditCourse-actions-wrapper': {
161
+ display: 'inline-flex',
162
+ flexDirection: 'row',
163
+ alignItems: 'center',
164
+ gap: '14px',
165
+ [theme.breakpoints.up('sm')]: {
166
+ gap: '22px'
167
+ },
168
+ '& .SCEditCourse-change-lesson-status-published-wrapper': {
169
+ color: theme.palette.common.white,
170
+ backgroundColor: theme.palette.primary.main,
171
+ '& .MuiIcon-root': {
172
+ color: theme.palette.common.white
173
+ }
174
+ },
175
+ '& .SCEditCourse-change-lesson-status-icon-draft': {
176
+ width: '20px',
177
+ height: '20px',
178
+ borderRadius: 9999,
179
+ backgroundColor: theme.palette.grey['600']
165
180
  }
166
181
  },
167
- '& .SCEditCourse-change-lesson-status-icon-draft': {
168
- width: '20px',
169
- height: '20px',
170
- borderRadius: 9999,
171
- backgroundColor: theme.palette.grey['600']
182
+ '& .SCEditCourse-table-body-collapse-wrapper': {
183
+ padding: 0,
184
+ border: 0
172
185
  }
173
- },
174
- '& .SCEditCourse-table-body-collapse-wrapper': {
175
- padding: 0,
176
- border: 0
177
186
  }
178
187
  }
179
188
  }
@@ -189,8 +198,11 @@ const Component = {
189
198
  '& .SCEditCourse-options-container': {
190
199
  border: `1px solid ${theme.palette.grey['300']}`,
191
200
  borderRadius: '5px',
192
- padding: '10px 0',
201
+ padding: theme.spacing(1),
193
202
  backgroundColor: theme.palette.common.white,
203
+ [theme.breakpoints.up('sm')]: {
204
+ padding: theme.spacing(2)
205
+ },
194
206
  '& .SCEditCourse-options-wrapper': {
195
207
  gap: theme.spacing(5),
196
208
  maxWidth: '600px',
@@ -203,7 +215,7 @@ const Component = {
203
215
  '& .SCEditCourse-options-button-wrapper': {
204
216
  alignItems: 'flex-end',
205
217
  maxWidth: '600px',
206
- margin: 'auto'
218
+ margin: theme.spacing(2, 'auto', 0)
207
219
  }
208
220
  }
209
221
  }
@@ -243,32 +255,39 @@ const Component = {
243
255
  gap: theme.spacing(1)
244
256
  }
245
257
  },
246
- '& .SCEditCourse-lessons-sections-wrapper': {
247
- flexDirection: 'row',
248
- alignItems: 'center',
249
- justifyContent: 'space-between',
250
- marginTop: '9px',
251
- padding: theme.spacing(2),
258
+ '& .SCEditCourse-lessons-inner-wrapper': {
252
259
  border: `1px solid ${theme.palette.grey[300]}`,
253
260
  borderRadius: '5px',
254
- backgroundColor: theme.palette.common.white
255
- },
256
- '& .SCEditCourse-table-container': {
257
- width: 'auto',
258
- border: `1px solid ${theme.palette.grey[300]}`,
259
- borderBottomLeftRadius: '5px',
260
- borderBottomRightRadius: '5px',
261
261
  backgroundColor: theme.palette.common.white,
262
- '& .SCEditCourse-margin': {
263
- margin: 'auto'
264
- },
265
- '& .SCEditCourse-margin-left': {
266
- marginLeft: 'auto'
262
+ marginTop: '9px',
263
+ padding: theme.spacing(1),
264
+ [theme.breakpoints.up('sm')]: {
265
+ padding: theme.spacing(2)
267
266
  },
268
- '& .SCEditCourse-actions-wrapper': {
267
+ '& .SCEditCourse-lessons-sections-wrapper': {
269
268
  flexDirection: 'row',
270
- justifyContent: 'flex-end',
271
- gap: '22px'
269
+ alignItems: 'center',
270
+ justifyContent: 'space-between',
271
+ padding: theme.spacing(2),
272
+ border: `1px solid ${theme.palette.grey[300]}`,
273
+ borderRadius: '5px'
274
+ },
275
+ '& .SCEditCourse-table-container': {
276
+ width: 'auto',
277
+ border: `1px solid ${theme.palette.grey[300]}`,
278
+ borderBottomLeftRadius: '5px',
279
+ borderBottomRightRadius: '5px',
280
+ '& .SCEditCourse-margin': {
281
+ margin: 'auto'
282
+ },
283
+ '& .SCEditCourse-margin-left': {
284
+ marginLeft: 'auto'
285
+ },
286
+ '& .SCEditCourse-actions-wrapper': {
287
+ flexDirection: 'row',
288
+ justifyContent: 'flex-end',
289
+ gap: '22px'
290
+ }
272
291
  }
273
292
  },
274
293
  '& .SCEditCourse-users-status-wrapper': {
package/lib/esm/components/SCLessonObject.d.ts CHANGED
@@ -30,8 +30,12 @@ declare const Component: {
30
30
  };
31
31
  };
32
32
  '& .SCLessonObject-medias-section': {
33
+ '& .SCLessonObject-files': {
34
+ display: string;
35
+ };
33
36
  '& .SCLessonFilePreview-root': {
34
37
  marginBottom: any;
38
+ maxWidth: string;
35
39
  };
36
40
  '& .SCMediaLink-display-root': {
37
41
  marginBottom: any;
package/lib/esm/components/SCLessonObject.js CHANGED
@@ -30,8 +30,12 @@ const Component = {
30
30
  }
31
31
  },
32
32
  '& .SCLessonObject-medias-section': {
33
+ '& .SCLessonObject-files': {
34
+ display: 'flex'
35
+ },
33
36
  '& .SCLessonFilePreview-root': {
34
- marginBottom: theme.spacing(1)
37
+ marginBottom: theme.spacing(1),
38
+ maxWidth: '140px'
35
39
  },
36
40
  '& .SCMediaLink-display-root': {
37
41
  marginBottom: theme.spacing(1),