@selfcommunity/react-theme-default 0.4.2-courses.189 → 0.4.2-courses.191

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 +35 -13
  4. package/lib/cjs/components/SCCourseForm.js +35 -13
  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 +170 -129
  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 +35 -13
  13. package/lib/esm/components/SCCourseForm.js +35 -13
  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 +170 -129
  19. package/lib/umd/react-theme-default.js +1 -1
  20. package/package.json +2 -2
package/lib/cjs/components/SCCourseDashboard.d.ts CHANGED
@@ -103,13 +103,12 @@ declare const Component: {
103
103
  };
104
104
  '& .SCCourseDashboard-comments-container': {
105
105
  [x: number]: {
106
- paddingLeft: string;
107
- paddingRight: string;
106
+ padding: any;
108
107
  };
109
108
  backgroundColor: any;
110
109
  border: string;
111
110
  borderRadius: string;
112
- padding: string;
111
+ padding: any;
113
112
  '& .SCCourseDashboard-outer-wrapper': {
114
113
  marginTop: string;
115
114
  marginBottom: string;
@@ -155,12 +154,11 @@ declare const Component: {
155
154
  alignItems: string;
156
155
  justifyContent: string;
157
156
  backgroundColor: any;
157
+ padding: string;
158
158
  '& .SCCourseDashboard-user': {
159
159
  flexDirection: string;
160
160
  alignItems: string;
161
161
  gap: string;
162
- marginTop: string;
163
- marginBottom: string;
164
162
  '& .SCCourseDashboard-avatar': {
165
163
  width: string;
166
164
  height: string;
package/lib/cjs/components/SCCourseDashboard.js CHANGED
@@ -103,10 +103,9 @@ const Component = {
103
103
  backgroundColor: theme.palette.common.white,
104
104
  border: `1px solid ${theme.palette.grey['300']}`,
105
105
  borderRadius: '5px',
106
- padding: '5px 0',
106
+ padding: theme.spacing(1),
107
107
  [theme.breakpoints.up('sm')]: {
108
- paddingLeft: '36px',
109
- paddingRight: '36px'
108
+ padding: theme.spacing(2)
110
109
  },
111
110
  '& .SCCourseDashboard-outer-wrapper': {
112
111
  marginTop: '15px',
@@ -153,12 +152,11 @@ const Component = {
153
152
  alignItems: 'center',
154
153
  justifyContent: 'space-between',
155
154
  backgroundColor: theme.palette.common.white,
155
+ padding: '6px',
156
156
  '& .SCCourseDashboard-user': {
157
157
  flexDirection: 'row',
158
158
  alignItems: 'center',
159
159
  gap: '4px',
160
- marginTop: '6px',
161
- marginBottom: '6px',
162
160
  '& .SCCourseDashboard-avatar': {
163
161
  width: '36px',
164
162
  height: '36px'
package/lib/cjs/components/SCCourseForm.d.ts CHANGED
@@ -27,12 +27,18 @@ declare const Component: {
27
27
  padding: any;
28
28
  };
29
29
  '& .SCCourseForm-form': {
30
- border: string;
31
- borderBottom: string;
32
- borderRadius: string;
33
- borderBottomLeftRadius: string;
34
- borderBottomRightRadius: string;
35
- backgroundColor: any;
30
+ '&.SCCourseForm-step-customization': {
31
+ [x: number]: {
32
+ padding: any;
33
+ };
34
+ backgroundColor: any;
35
+ border: string;
36
+ borderBottom: string;
37
+ borderRadius: string;
38
+ borderBottomLeftRadius: string;
39
+ borderBottomRightRadius: string;
40
+ padding: any;
41
+ };
36
42
  '& .SCCourseForm-name': {
37
43
  marginTop: any;
38
44
  };
@@ -112,6 +118,10 @@ declare const Component: {
112
118
  backgroundColor: string;
113
119
  };
114
120
  };
121
+ '& .SCCourseForm-disabled': {
122
+ pointerEvents: string;
123
+ opacity: number;
124
+ };
115
125
  '& .MuiCard-root': {
116
126
  boxShadow: string;
117
127
  border: string;
@@ -126,6 +136,13 @@ declare const Component: {
126
136
  '& .MuiTypography-body2': {
127
137
  whiteSpace: string;
128
138
  };
139
+ '& .SCCourseForm-card-title': {
140
+ display: string;
141
+ justifyContent: string;
142
+ '& .MuiChip-root': {
143
+ borderRadius: number;
144
+ };
145
+ };
129
146
  };
130
147
  };
131
148
  };
@@ -133,16 +150,21 @@ declare const Component: {
133
150
  color: any;
134
151
  };
135
152
  '& .SCCourseForm-actions': {
136
- border: string;
137
- borderTop: string;
138
- borderRadius: string;
139
- borderTopLeftRadius: string;
140
- borderTopRightRadius: string;
141
- backgroundColor: any;
142
- padding: any;
143
153
  display: string;
144
154
  justifyContent: string;
145
155
  gap: any;
156
+ '&.SCCourseForm-step-customization': {
157
+ [x: number]: {
158
+ padding: any;
159
+ };
160
+ backgroundColor: any;
161
+ border: string;
162
+ borderTop: string;
163
+ borderRadius: string;
164
+ borderTopLeftRadius: string;
165
+ borderTopRightRadius: string;
166
+ padding: any;
167
+ };
146
168
  '& button': {
147
169
  width: string;
148
170
  };
package/lib/cjs/components/SCCourseForm.js CHANGED
@@ -28,12 +28,18 @@ const Component = {
28
28
  padding: theme.spacing(1)
29
29
  },
30
30
  '& .SCCourseForm-form': {
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,
31
+ '&.SCCourseForm-step-customization': {
32
+ backgroundColor: theme.palette.common.white,
33
+ border: `1px solid ${theme.palette.grey['300']}`,
34
+ borderBottom: 'unset',
35
+ borderRadius: '5px',
36
+ borderBottomLeftRadius: 'unset',
37
+ borderBottomRightRadius: 'unset',
38
+ padding: theme.spacing(1, 1, 0),
39
+ [theme.breakpoints.up('sm')]: {
40
+ padding: theme.spacing(2, 2, 0)
41
+ }
42
+ },
37
43
  '& .SCCourseForm-name': {
38
44
  marginTop: theme.spacing(3)
39
45
  },
@@ -113,6 +119,10 @@ const Component = {
113
119
  backgroundColor: (0, material_1.alpha)(theme.palette.success.main, theme.palette.action.selectedOpacity)
114
120
  }
115
121
  },
122
+ '& .SCCourseForm-disabled': {
123
+ pointerEvents: 'none',
124
+ opacity: 0.5
125
+ },
116
126
  '& .MuiCard-root': {
117
127
  boxShadow: 'none',
118
128
  border: `1px solid ${theme.palette.grey[300]}`,
@@ -126,6 +136,13 @@ const Component = {
126
136
  },
127
137
  '& .MuiTypography-body2': {
128
138
  whiteSpace: 'pre-line'
139
+ },
140
+ '& .SCCourseForm-card-title': {
141
+ display: 'flex',
142
+ justifyContent: 'space-between',
143
+ '& .MuiChip-root': {
144
+ borderRadius: 0
145
+ }
129
146
  }
130
147
  }
131
148
  }
@@ -134,16 +151,21 @@ const Component = {
134
151
  color: theme.palette.error.main
135
152
  },
136
153
  '& .SCCourseForm-actions': {
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),
144
154
  display: 'flex',
145
155
  justifyContent: 'flex-end',
146
156
  gap: theme.spacing(2),
157
+ '&.SCCourseForm-step-customization': {
158
+ backgroundColor: theme.palette.common.white,
159
+ border: `1px solid ${theme.palette.grey['300']}`,
160
+ borderTop: 'unset',
161
+ borderRadius: '5px',
162
+ borderTopLeftRadius: 'unset',
163
+ borderTopRightRadius: 'unset',
164
+ padding: theme.spacing(0, 1, 1),
165
+ [theme.breakpoints.up('sm')]: {
166
+ padding: theme.spacing(0, 2, 2)
167
+ }
168
+ },
147
169
  '& button': {
148
170
  width: 'fit-content'
149
171
  }
package/lib/cjs/components/SCCourseUsersTable.d.ts CHANGED
@@ -3,10 +3,12 @@ declare const Component: {
3
3
  root: ({ theme }: {
4
4
  theme: any;
5
5
  }) => {
6
+ [x: number]: {
7
+ padding: any;
8
+ };
6
9
  border: string;
7
- borderTop: string;
8
10
  borderRadius: string;
9
- paddingBottom: string;
11
+ padding: any;
10
12
  backgroundColor: any;
11
13
  '& .SCCourseUsersTable-search': {
12
14
  '& > .MuiInputBase-root': {
package/lib/cjs/components/SCCourseUsersTable.js CHANGED
@@ -4,10 +4,12 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  border: `1px solid ${theme.palette.grey['300']}`,
7
- borderTop: 'unset',
8
7
  borderRadius: '5px',
9
- paddingBottom: '5px',
8
+ padding: theme.spacing(1),
10
9
  backgroundColor: theme.palette.common.white,
10
+ [theme.breakpoints.up('sm')]: {
11
+ padding: theme.spacing(2)
12
+ },
11
13
  '& .SCCourseUsersTable-search': {
12
14
  '& > .MuiInputBase-root': {
13
15
  borderBottomLeftRadius: 'unset',
package/lib/cjs/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': {