@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
package/lib/esm/index.d.ts CHANGED
@@ -367,7 +367,13 @@ declare const theme: {
367
367
  };
368
368
  SCAddUsersButton: {
369
369
  styleOverrides: {
370
- root: () => {};
370
+ root: ({ theme }: {
371
+ theme: any;
372
+ }) => {
373
+ '&.SCAddUsersButton-contrast-color': {
374
+ color: any;
375
+ };
376
+ };
371
377
  dialogRoot: () => {
372
378
  '& .MuiDialogActions-root': {
373
379
  marginTop: string;
@@ -2063,9 +2069,6 @@ declare const theme: {
2063
2069
  '& .SCCourseDashboard-contrast-color': {
2064
2070
  color: any;
2065
2071
  };
2066
- '& .SCCourseDashboard-contrast-bg-color': {
2067
- backgroundColor: any;
2068
- };
2069
2072
  '& .SCCourseDashboard-header': {
2070
2073
  [x: number]: {
2071
2074
  paddingLeft: string;
@@ -2108,14 +2111,6 @@ declare const theme: {
2108
2111
  flexDirection: string;
2109
2112
  alignItems: string;
2110
2113
  gap: any;
2111
- '& .SCCourseDashboard-header-button-popover': {
2112
- padding: number;
2113
- textDecoration: string;
2114
- '&:hover': {
2115
- backgroundColor: string;
2116
- textDecoration: string;
2117
- };
2118
- };
2119
2114
  };
2120
2115
  };
2121
2116
  };
@@ -2140,6 +2135,7 @@ declare const theme: {
2140
2135
  border: string;
2141
2136
  borderRadius: string;
2142
2137
  padding: any;
2138
+ backgroundColor: any;
2143
2139
  '& .SCCourseParticipantsButton-root': {
2144
2140
  justifyContent: string;
2145
2141
  padding: number;
@@ -2170,6 +2166,10 @@ declare const theme: {
2170
2166
  paddingLeft: string;
2171
2167
  paddingRight: string;
2172
2168
  };
2169
+ backgroundColor: any;
2170
+ border: string;
2171
+ borderRadius: string;
2172
+ padding: string;
2173
2173
  '& .SCCourseDashboard-outer-wrapper': {
2174
2174
  marginTop: string;
2175
2175
  marginBottom: string;
@@ -2214,6 +2214,7 @@ declare const theme: {
2214
2214
  flexDirection: string;
2215
2215
  alignItems: string;
2216
2216
  justifyContent: string;
2217
+ backgroundColor: any;
2217
2218
  '& .SCCourseDashboard-user': {
2218
2219
  flexDirection: string;
2219
2220
  alignItems: string;
@@ -2250,6 +2251,7 @@ declare const theme: {
2250
2251
  borderTopLeftRadius: string;
2251
2252
  borderTopRightRadius: string;
2252
2253
  padding: string;
2254
+ backgroundColor: any;
2253
2255
  '& .SCCourseDashboard-circle': {
2254
2256
  width: string;
2255
2257
  height: string;
@@ -2266,6 +2268,7 @@ declare const theme: {
2266
2268
  border: string;
2267
2269
  borderRadius: string;
2268
2270
  padding: string;
2271
+ backgroundColor: any;
2269
2272
  };
2270
2273
  '& .SCCourseDashboard-percentage-wrapper': {
2271
2274
  [x: number]: {
@@ -2546,7 +2549,7 @@ declare const theme: {
2546
2549
  };
2547
2550
  };
2548
2551
  };
2549
- coursesChipRoot: ({ theme, showForMe, showMyCourses }: any) => {
2552
+ coursesChipRoot: ({ theme, showMine, showManagedCourses }: any) => {
2550
2553
  height: any;
2551
2554
  borderRadius: any;
2552
2555
  color: any;
@@ -2559,13 +2562,12 @@ declare const theme: {
2559
2562
  };
2560
2563
  SCCourseForm: {
2561
2564
  styleOverrides: {
2562
- root: ({ theme }: any) => {
2565
+ root: ({ theme }: {
2566
+ theme: any;
2567
+ }) => {
2563
2568
  '& .SCCourseForm-contrast-color': {
2564
2569
  color: any;
2565
2570
  };
2566
- '& .SCCourseForm-contrast-bg-color': {
2567
- backgroundColor: any;
2568
- };
2569
2571
  '& .SCCourseForm-cover': {
2570
2572
  position: string;
2571
2573
  height: number;
@@ -2583,10 +2585,16 @@ declare const theme: {
2583
2585
  marginTop: any;
2584
2586
  color: any;
2585
2587
  };
2588
+ '& h5': {
2589
+ padding: any;
2590
+ };
2586
2591
  '& .SCCourseForm-form': {
2587
- '& h5': {
2588
- padding: any;
2589
- };
2592
+ border: string;
2593
+ borderBottom: string;
2594
+ borderRadius: string;
2595
+ borderBottomLeftRadius: string;
2596
+ borderBottomRightRadius: string;
2597
+ backgroundColor: any;
2590
2598
  '& .SCCourseForm-name': {
2591
2599
  marginTop: any;
2592
2600
  };
@@ -2594,6 +2602,7 @@ declare const theme: {
2594
2602
  marginTop: any;
2595
2603
  };
2596
2604
  '& .SCCourseForm-edit-root': {
2605
+ backgroundColor: any;
2597
2606
  marginTop: any;
2598
2607
  '& .SCCourseForm-edit-card': {
2599
2608
  display: string;
@@ -2686,7 +2695,13 @@ declare const theme: {
2686
2695
  color: any;
2687
2696
  };
2688
2697
  '& .SCCourseForm-actions': {
2689
- marginTop: any;
2698
+ border: string;
2699
+ borderTop: string;
2700
+ borderRadius: string;
2701
+ borderTopLeftRadius: string;
2702
+ borderTopRightRadius: string;
2703
+ backgroundColor: any;
2704
+ padding: any;
2690
2705
  display: string;
2691
2706
  justifyContent: string;
2692
2707
  gap: any;
@@ -2817,14 +2832,38 @@ declare const theme: {
2817
2832
  };
2818
2833
  };
2819
2834
  };
2820
- SCCourseUsersTable: {
2835
+ SCCourseTypePopover: {
2821
2836
  styleOverrides: {
2822
2837
  root: ({ theme }: {
2823
2838
  theme: any;
2824
2839
  }) => {
2825
- '&.SCCourseUsersTable-contrast-bg-color': {
2826
- backgroundColor: any;
2840
+ flexDirection: string;
2841
+ alignItems: string;
2842
+ gap: any;
2843
+ '&.SCCourseTypePopover-contrast-color': {
2844
+ color: any;
2845
+ };
2846
+ '& .SCCourseTypePopover-button': {
2847
+ padding: number;
2848
+ textDecoration: string;
2849
+ '&:hover': {
2850
+ backgroundColor: string;
2851
+ textDecoration: string;
2852
+ };
2827
2853
  };
2854
+ };
2855
+ };
2856
+ };
2857
+ SCCourseUsersTable: {
2858
+ styleOverrides: {
2859
+ root: ({ theme }: {
2860
+ theme: any;
2861
+ }) => {
2862
+ border: string;
2863
+ borderTop: string;
2864
+ borderRadius: string;
2865
+ paddingBottom: string;
2866
+ backgroundColor: any;
2828
2867
  '& .SCCourseUsersTable-search': {
2829
2868
  '& > .MuiInputBase-root': {
2830
2869
  borderBottomLeftRadius: string;
@@ -3346,9 +3385,6 @@ declare const theme: {
3346
3385
  '& .SCEditCourse-contrast-color': {
3347
3386
  color: any;
3348
3387
  };
3349
- '& .SCEditCourse-contrast-bg-color': {
3350
- backgroundColor: any;
3351
- };
3352
3388
  '& .SCEditCourse-header': {
3353
3389
  [x: number]: {
3354
3390
  paddingLeft: any;
@@ -3394,6 +3430,14 @@ declare const theme: {
3394
3430
  };
3395
3431
  '& .SCEditCourse-status': {
3396
3432
  borderRadius: any;
3433
+ '& .MuiButtonBase-root': {
3434
+ padding: number;
3435
+ textDecoration: string;
3436
+ '&:hover': {
3437
+ backgroundColor: string;
3438
+ textDecoration: string;
3439
+ };
3440
+ };
3397
3441
  };
3398
3442
  '& .SCEditCourse-lesson-empty-status': {
3399
3443
  border: string;
@@ -3412,6 +3456,7 @@ declare const theme: {
3412
3456
  borderBottom: string;
3413
3457
  borderTopLeftRadius: string;
3414
3458
  borderTopRightRadius: string;
3459
+ backgroundColor: any;
3415
3460
  '& .SCEditCourse-lessons-sections': {
3416
3461
  flexDirection: string;
3417
3462
  alignItems: string;
@@ -3435,6 +3480,7 @@ declare const theme: {
3435
3480
  border: string;
3436
3481
  borderBottomLeftRadius: string;
3437
3482
  borderBottomRightRadius: string;
3483
+ backgroundColor: any;
3438
3484
  '& .SCEditCourse-table': {
3439
3485
  '& .SCEditCourse-cell-width': {
3440
3486
  width: string;
@@ -3517,19 +3563,25 @@ declare const theme: {
3517
3563
  marginTop: string;
3518
3564
  marginBottom: any;
3519
3565
  };
3520
- '& .SCEditCourse-options-wrapper': {
3521
- gap: any;
3522
- maxWidth: string;
3523
- margin: string;
3524
- };
3525
- '& .SCEditCourse-options-divider': {
3526
- marginTop: string;
3527
- marginBottom: any;
3528
- };
3529
- '& .SCEditCourse-options-button-wrapper': {
3530
- alignItems: string;
3531
- maxWidth: string;
3532
- margin: string;
3566
+ '& .SCEditCourse-options-container': {
3567
+ border: string;
3568
+ borderRadius: string;
3569
+ padding: string;
3570
+ backgroundColor: any;
3571
+ '& .SCEditCourse-options-wrapper': {
3572
+ gap: any;
3573
+ maxWidth: string;
3574
+ margin: string;
3575
+ };
3576
+ '& .SCEditCourse-options-divider': {
3577
+ marginTop: string;
3578
+ marginBottom: any;
3579
+ };
3580
+ '& .SCEditCourse-options-button-wrapper': {
3581
+ alignItems: string;
3582
+ maxWidth: string;
3583
+ margin: string;
3584
+ };
3533
3585
  };
3534
3586
  };
3535
3587
  };
@@ -3578,12 +3630,14 @@ declare const theme: {
3578
3630
  padding: any;
3579
3631
  border: string;
3580
3632
  borderRadius: string;
3633
+ backgroundColor: any;
3581
3634
  };
3582
3635
  '& .SCEditCourse-table-container': {
3583
3636
  width: string;
3584
3637
  border: string;
3585
3638
  borderBottomLeftRadius: string;
3586
3639
  borderBottomRightRadius: string;
3640
+ backgroundColor: any;
3587
3641
  '& .SCEditCourse-margin': {
3588
3642
  margin: string;
3589
3643
  };
@@ -3602,19 +3656,25 @@ declare const theme: {
3602
3656
  marginTop: string;
3603
3657
  marginBottom: any;
3604
3658
  };
3605
- '& .SCEditCourse-options-wrapper': {
3606
- gap: any;
3607
- maxWidth: string;
3608
- margin: string;
3609
- };
3610
- '& .SCEditCourse-options-divider': {
3611
- marginTop: string;
3612
- marginBottom: any;
3613
- };
3614
- '& .SCEditCourse-options-button-wrapper': {
3615
- alignItems: string;
3616
- maxWidth: string;
3617
- margin: string;
3659
+ '& .SCEditCourse-options-container': {
3660
+ border: string;
3661
+ borderRadius: string;
3662
+ paddingBottom: string;
3663
+ backgroundColor: any;
3664
+ '& .SCEditCourse-options-wrapper': {
3665
+ gap: any;
3666
+ maxWidth: string;
3667
+ margin: string;
3668
+ };
3669
+ '& .SCEditCourse-options-divider': {
3670
+ marginTop: string;
3671
+ marginBottom: any;
3672
+ };
3673
+ '& .SCEditCourse-options-button-wrapper': {
3674
+ alignItems: string;
3675
+ maxWidth: string;
3676
+ margin: string;
3677
+ };
3618
3678
  };
3619
3679
  };
3620
3680
  };
@@ -5718,7 +5778,6 @@ declare const theme: {
5718
5778
  };
5719
5779
  };
5720
5780
  '& .SCLessonObject-medias-section': {
5721
- display: string;
5722
5781
  '& .SCLessonFilePreview-root': {
5723
5782
  marginBottom: any;
5724
5783
  };
@@ -9302,6 +9361,14 @@ declare const theme: {
9302
9361
  paddingRight: any;
9303
9362
  };
9304
9363
  };
9364
+ '& .SCEvent-finished-chip': {
9365
+ backgroundColor: any;
9366
+ position: string;
9367
+ top: number;
9368
+ right: number;
9369
+ color: any;
9370
+ boxShadow: string;
9371
+ };
9305
9372
  };
9306
9373
  '& .SCEvent-preview-content': {
9307
9374
  padding: string;
@@ -9358,6 +9425,20 @@ declare const theme: {
9358
9425
  paddingRight: any;
9359
9426
  };
9360
9427
  };
9428
+ '& .SCEvent-finished-chip': {
9429
+ height: number;
9430
+ backgroundColor: any;
9431
+ position: string;
9432
+ top: number;
9433
+ right: number;
9434
+ color: any;
9435
+ boxShadow: string;
9436
+ '& span': {
9437
+ fontSize: string;
9438
+ paddingLeft: any;
9439
+ paddingRight: any;
9440
+ };
9441
+ };
9361
9442
  };
9362
9443
  '& .SCBaseItem-text': {
9363
9444
  fontSize: any;
@@ -9483,6 +9564,16 @@ declare const theme: {
9483
9564
  SCEvents: {
9484
9565
  styleOverrides: {
9485
9566
  root: ({ theme }: any) => {
9567
+ '& .SCEvents-section-title': {
9568
+ marginTop: any;
9569
+ marginBottom: any;
9570
+ color: any;
9571
+ fontWeight: number;
9572
+ fontSize: number;
9573
+ };
9574
+ '& .SCEvents-divider': {
9575
+ marginBottom: any;
9576
+ };
9486
9577
  '& .SCEvents-filters': {
9487
9578
  alignItems: string;
9488
9579
  marginTop: any;
@@ -9560,7 +9651,7 @@ declare const theme: {
9560
9651
  };
9561
9652
  };
9562
9653
  };
9563
- eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
9654
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents, showOngoingEvents }: any) => {
9564
9655
  height: any;
9565
9656
  borderRadius: any;
9566
9657
  color: any;
@@ -10636,6 +10727,7 @@ declare const theme: {
10636
10727
  gap: string;
10637
10728
  padding: any;
10638
10729
  marginTop: string;
10730
+ backgroundColor: any;
10639
10731
  '& .SCEmptyStatus-box': {
10640
10732
  width: string;
10641
10733
  height: string;
package/lib/esm/index.js CHANGED
@@ -41,6 +41,7 @@ import SCCategoryHeader from './components/SCCategoryHeader';
41
41
  import SCCategoryTemplate from './components/SCCategoryTemplate';
42
42
  import SCCategoryTrendingFeedWidget from './components/SCCategoryTrendingFeedWidget';
43
43
  import SCCategoryTrendingUsersWidget from './components/SCCategoryTrendingUsersWidget';
44
+ import SCCourseTypePopover from './components/SCCourseTypePopover';
44
45
  import SCCourseUsersTable from './components/SCCourseUsersTable';
45
46
  import SCChangeCoverButton from './components/SCChangeCoverButton';
46
47
  import SCChangeGroupCoverButton from './components/SCChangeGroupCoverButton';
@@ -339,6 +340,7 @@ const theme = {
339
340
  SCCourseFormDialog,
340
341
  SCCourseParticipantsButton,
341
342
  SCCourseInfoDetails,
343
+ SCCourseTypePopover,
342
344
  SCCourseUsersTable,
343
345
  SCCreateGroupButton,
344
346
  SCCustomAdv,