@selfcommunity/react-theme-default 0.2.0-live.67 → 0.2.0-live.68

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 (14) hide show
  1. package/lib/cjs/components/SCNotification.d.ts +27 -0
  2. package/lib/cjs/components/SCNotification.js +27 -0
  3. package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
  4. package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
  5. package/lib/cjs/index.d.ts +128 -3
  6. package/lib/cjs/index.js +2 -0
  7. package/lib/esm/components/SCNotification.d.ts +27 -0
  8. package/lib/esm/components/SCNotification.js +27 -0
  9. package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
  10. package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
  11. package/lib/esm/index.d.ts +128 -3
  12. package/lib/esm/index.js +2 -0
  13. package/lib/umd/react-theme-default.js +1 -1
  14. package/package.json +4 -4
package/lib/esm/components/SCUserLiveStreamWidget.js ADDED
@@ -0,0 +1,95 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCUserLiveStreamWidget-content': {
5
+ padding: `10px ${theme.spacing(2)} 12px`,
6
+ '& .SCUserLiveStreamWidget-header': {
7
+ flexDirection: 'row',
8
+ justifyContent: 'flex-start',
9
+ alignItems: 'flex-start',
10
+ marginBottom: theme.spacing(2),
11
+ '& .SCUserLiveStreamWidget-avatar-wrapper': {
12
+ flexDirection: 'row',
13
+ alignItems: 'center',
14
+ color: 'inherit',
15
+ padding: 0,
16
+ minWidth: 'auto',
17
+ '& .SCUserLiveStreamWidget-avatar': {
18
+ width: theme.selfcommunity.user.avatar.sizeMedium,
19
+ height: theme.selfcommunity.user.avatar.sizeMedium
20
+ }
21
+ },
22
+ '& h4': {
23
+ marginLeft: 7,
24
+ lineHeight: '28px'
25
+ }
26
+ },
27
+ '& .SCUserLiveStreamWidget-live-wrapper': {
28
+ gap: theme.spacing(2),
29
+ '& .SCUserLiveStreamWidget-live': {
30
+ '& > div': {
31
+ padding: '0 !important',
32
+ '& > .SCBaseItem-content': {
33
+ '& > .SCBaseItem-text': {
34
+ margin: 0
35
+ }
36
+ }
37
+ }
38
+ }
39
+ }
40
+ },
41
+ '& .SCUserLiveStreamWidget-actions': {
42
+ padding: `0 ${theme.spacing(2)} 15px`,
43
+ justifyContent: 'center',
44
+ '& .SCSuggestedEventsWidget-actionButton': {
45
+ color: theme.palette.primary.main
46
+ }
47
+ }
48
+ }),
49
+ skeletonRoot: ({ theme }) => ({
50
+ '& .SCUserLiveStreamWidget-content': {
51
+ padding: `10px ${theme.spacing(2)} 12px`,
52
+ '& .SCUserLiveStreamWidget-user': {
53
+ marginBottom: theme.spacing(2),
54
+ '& > .SCBaseItem-content': {
55
+ '& > .SCBaseItem-text': {
56
+ margin: 0
57
+ }
58
+ },
59
+ '& > .SCBaseItem-actions': {
60
+ display: 'none'
61
+ }
62
+ },
63
+ '& .SCUserLiveStreamWidget-live-wrapper': {
64
+ gap: theme.spacing(2),
65
+ '& .SCUserLiveStreamWidget-live': {
66
+ '& > div': {
67
+ padding: '0 !important',
68
+ '& > .SCBaseItem-content': {
69
+ '& > .SCBaseItem-text': {
70
+ margin: 0
71
+ }
72
+ }
73
+ }
74
+ }
75
+ }
76
+ },
77
+ '& .SCUserLiveStreamWidget-actions': {
78
+ padding: `0 ${theme.spacing(2)} 15px`,
79
+ justifyContent: 'center'
80
+ }
81
+ }),
82
+ dialogRoot: ({ theme }) => ({
83
+ '& .SCUserLiveStreamWidget-infinite-scroll': {
84
+ height: '400px',
85
+ [theme.breakpoints.down('md')]: {
86
+ height: '100%'
87
+ },
88
+ '& .SCEvent-root': {
89
+ width: '100%'
90
+ }
91
+ }
92
+ })
93
+ }
94
+ };
95
+ export default Component;
package/lib/esm/index.d.ts CHANGED
@@ -4858,6 +4858,33 @@ declare const theme: {
4858
4858
  backgroundColor: string;
4859
4859
  };
4860
4860
  };
4861
+ liveStreamRoot: ({ theme }: any) => {
4862
+ '& .SCNotification-username, & a': {
4863
+ fontWeight: any;
4864
+ };
4865
+ '& .SCNotificationItem-primary': {
4866
+ '& .MuiIcon-root': {
4867
+ float: string;
4868
+ fontSize: string;
4869
+ marginLeft: any;
4870
+ };
4871
+ '& .SCEvent-root': {
4872
+ width: string;
4873
+ '& .SCEvent-snippet-root': {
4874
+ paddingLeft: string;
4875
+ };
4876
+ };
4877
+ };
4878
+ '& .SCNotificationItem-secondary': {
4879
+ textTransform: string;
4880
+ };
4881
+ '& .SCNotification-snippet-time': {
4882
+ paddingLeft: any;
4883
+ };
4884
+ '& .SCEvent-snippet-root': {
4885
+ backgroundColor: string;
4886
+ };
4887
+ };
4861
4888
  groupRoot: ({ theme }: any) => {};
4862
4889
  undeletedForRoot: ({ theme }: any) => {
4863
4890
  '& .SCNotification-undeleted-icon': {
@@ -5381,9 +5408,7 @@ declare const theme: {
5381
5408
  objectFit: string;
5382
5409
  };
5383
5410
  '& .MuiBadge-badge': {
5384
- right: any; /**
5385
- * Style fragments - Imports - End
5386
- */
5411
+ right: any;
5387
5412
  top: any;
5388
5413
  '& .SCUserAvatar-badge-content': {
5389
5414
  width: number;
@@ -8636,6 +8661,106 @@ declare const theme: {
8636
8661
  };
8637
8662
  };
8638
8663
  };
8664
+ SCUserLiveStreamWidget: {
8665
+ styleOverrides: {
8666
+ root: ({ theme }: {
8667
+ theme: any;
8668
+ }) => {
8669
+ '& .SCUserLiveStreamWidget-content': {
8670
+ padding: string;
8671
+ '& .SCUserLiveStreamWidget-header': {
8672
+ flexDirection: string;
8673
+ justifyContent: string;
8674
+ alignItems: string;
8675
+ marginBottom: any;
8676
+ '& .SCUserLiveStreamWidget-avatar-wrapper': {
8677
+ flexDirection: string;
8678
+ alignItems: string;
8679
+ color: string;
8680
+ padding: number;
8681
+ minWidth: string;
8682
+ '& .SCUserLiveStreamWidget-avatar': {
8683
+ width: any;
8684
+ height: any;
8685
+ };
8686
+ };
8687
+ '& h4': {
8688
+ marginLeft: number;
8689
+ lineHeight: string;
8690
+ };
8691
+ };
8692
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8693
+ gap: any;
8694
+ '& .SCUserLiveStreamWidget-live': {
8695
+ '& > div': {
8696
+ padding: string;
8697
+ '& > .SCBaseItem-content': {
8698
+ '& > .SCBaseItem-text': {
8699
+ margin: number;
8700
+ };
8701
+ };
8702
+ };
8703
+ };
8704
+ };
8705
+ };
8706
+ '& .SCUserLiveStreamWidget-actions': {
8707
+ padding: string;
8708
+ justifyContent: string;
8709
+ '& .SCSuggestedEventsWidget-actionButton': {
8710
+ color: any;
8711
+ };
8712
+ };
8713
+ };
8714
+ skeletonRoot: ({ theme }: {
8715
+ theme: any;
8716
+ }) => {
8717
+ '& .SCUserLiveStreamWidget-content': {
8718
+ padding: string;
8719
+ '& .SCUserLiveStreamWidget-user': {
8720
+ marginBottom: any;
8721
+ '& > .SCBaseItem-content': {
8722
+ '& > .SCBaseItem-text': {
8723
+ margin: number;
8724
+ };
8725
+ };
8726
+ '& > .SCBaseItem-actions': {
8727
+ display: string;
8728
+ };
8729
+ };
8730
+ '& .SCUserLiveStreamWidget-live-wrapper': {
8731
+ gap: any;
8732
+ '& .SCUserLiveStreamWidget-live': {
8733
+ '& > div': {
8734
+ padding: string;
8735
+ '& > .SCBaseItem-content': {
8736
+ '& > .SCBaseItem-text': {
8737
+ margin: number;
8738
+ };
8739
+ };
8740
+ };
8741
+ };
8742
+ };
8743
+ };
8744
+ '& .SCUserLiveStreamWidget-actions': {
8745
+ padding: string;
8746
+ justifyContent: string;
8747
+ };
8748
+ };
8749
+ dialogRoot: ({ theme }: {
8750
+ theme: any;
8751
+ }) => {
8752
+ '& .SCUserLiveStreamWidget-infinite-scroll': {
8753
+ [x: number]: {
8754
+ height: string;
8755
+ };
8756
+ height: string;
8757
+ '& .SCEvent-root': {
8758
+ width: string;
8759
+ };
8760
+ };
8761
+ };
8762
+ };
8763
+ };
8639
8764
  SCCreateLiveStreamDialog: {
8640
8765
  styleOverrides: {
8641
8766
  root: ({ theme }: any) => {
package/lib/esm/index.js CHANGED
@@ -147,6 +147,7 @@ import SCLiveStreamFormSettings from './components/SCLiveStreamFormSettings';
147
147
  import SCLiveStreamRoom from './components/SCLiveStreamRoom';
148
148
  import SCLiveStreamVideoConference from './components/SCLiveStreamVideoConference';
149
149
  import SCLiveStreamInfoDetails from './components/SCLiveStreamInfoDetails';
150
+ import SCUserLiveStreamWidget from './components/SCUserLiveStreamWidget';
150
151
  import SCToastNotifications from './components/SCToastNotifications';
151
152
  import SCUser from './components/SCUser';
152
153
  import SCUserActionIconButton from './components/SCUserActionIconButton';
@@ -399,6 +400,7 @@ const theme = {
399
400
  SCWidget,
400
401
  SCLiveStream,
401
402
  SCLiveStreamInfoDetails,
403
+ SCUserLiveStreamWidget,
402
404
  SCCreateLiveStreamDialog,
403
405
  SCLiveStreamSelector,
404
406
  SCLiveStreamForm,