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