@selfcommunity/react-theme-default 0.2.0-live.67 → 0.2.0-live.69
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.
- package/lib/cjs/components/SCLiveStream.d.ts +1 -3
- package/lib/cjs/components/SCLiveStream.js +1 -3
- package/lib/cjs/components/SCLiveStreamSelector.d.ts +1 -1
- package/lib/cjs/components/SCLiveStreamSelector.js +1 -1
- package/lib/cjs/components/SCNotification.d.ts +27 -0
- package/lib/cjs/components/SCNotification.js +27 -0
- package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
- package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
- package/lib/cjs/index.d.ts +130 -7
- package/lib/cjs/index.js +2 -0
- package/lib/esm/components/SCLiveStream.d.ts +1 -3
- package/lib/esm/components/SCLiveStream.js +1 -3
- package/lib/esm/components/SCLiveStreamSelector.d.ts +1 -1
- package/lib/esm/components/SCLiveStreamSelector.js +1 -1
- package/lib/esm/components/SCNotification.d.ts +27 -0
- package/lib/esm/components/SCNotification.js +27 -0
- package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
- package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
- package/lib/esm/index.d.ts +130 -7
- package/lib/esm/index.js +2 -0
- package/lib/umd/react-theme-default.js +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: {
|
|
4
|
+
theme: any;
|
|
5
|
+
}) => {
|
|
6
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
7
|
+
padding: string;
|
|
8
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
9
|
+
flexDirection: string;
|
|
10
|
+
justifyContent: string;
|
|
11
|
+
alignItems: string;
|
|
12
|
+
marginBottom: any;
|
|
13
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
14
|
+
flexDirection: string;
|
|
15
|
+
alignItems: string;
|
|
16
|
+
color: string;
|
|
17
|
+
padding: number;
|
|
18
|
+
minWidth: string;
|
|
19
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
20
|
+
width: any;
|
|
21
|
+
height: any;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
'& h4': {
|
|
25
|
+
marginLeft: number;
|
|
26
|
+
lineHeight: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
30
|
+
gap: any;
|
|
31
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
32
|
+
'& > div': {
|
|
33
|
+
padding: string;
|
|
34
|
+
'& > .SCBaseItem-content': {
|
|
35
|
+
'& > .SCBaseItem-text': {
|
|
36
|
+
margin: number;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
44
|
+
padding: string;
|
|
45
|
+
justifyContent: string;
|
|
46
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
47
|
+
color: any;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
skeletonRoot: ({ theme }: {
|
|
52
|
+
theme: any;
|
|
53
|
+
}) => {
|
|
54
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
55
|
+
padding: string;
|
|
56
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
57
|
+
marginBottom: any;
|
|
58
|
+
'& > .SCBaseItem-content': {
|
|
59
|
+
'& > .SCBaseItem-text': {
|
|
60
|
+
margin: number;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
'& > .SCBaseItem-actions': {
|
|
64
|
+
display: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
68
|
+
gap: any;
|
|
69
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
70
|
+
'& > div': {
|
|
71
|
+
padding: string;
|
|
72
|
+
'& > .SCBaseItem-content': {
|
|
73
|
+
'& > .SCBaseItem-text': {
|
|
74
|
+
margin: number;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
82
|
+
padding: string;
|
|
83
|
+
justifyContent: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
dialogRoot: ({ theme }: {
|
|
87
|
+
theme: any;
|
|
88
|
+
}) => {
|
|
89
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
90
|
+
[x: number]: {
|
|
91
|
+
height: string;
|
|
92
|
+
};
|
|
93
|
+
height: string;
|
|
94
|
+
'& .SCEvent-root': {
|
|
95
|
+
width: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
export default Component;
|
|
@@ -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;
|
|
@@ -8473,9 +8498,7 @@ declare const theme: {
|
|
|
8473
8498
|
'& .MuiAvatar-root': {
|
|
8474
8499
|
width: number;
|
|
8475
8500
|
height: number;
|
|
8476
|
-
|
|
8477
|
-
borderRadius: string;
|
|
8478
|
-
};
|
|
8501
|
+
borderRadius: string;
|
|
8479
8502
|
};
|
|
8480
8503
|
};
|
|
8481
8504
|
'& .SCLiveStream-snippet-image': {
|
|
@@ -8636,6 +8659,106 @@ declare const theme: {
|
|
|
8636
8659
|
};
|
|
8637
8660
|
};
|
|
8638
8661
|
};
|
|
8662
|
+
SCUserLiveStreamWidget: {
|
|
8663
|
+
styleOverrides: {
|
|
8664
|
+
root: ({ theme }: {
|
|
8665
|
+
theme: any;
|
|
8666
|
+
}) => {
|
|
8667
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
8668
|
+
padding: string;
|
|
8669
|
+
'& .SCUserLiveStreamWidget-header': {
|
|
8670
|
+
flexDirection: string;
|
|
8671
|
+
justifyContent: string;
|
|
8672
|
+
alignItems: string;
|
|
8673
|
+
marginBottom: any;
|
|
8674
|
+
'& .SCUserLiveStreamWidget-avatar-wrapper': {
|
|
8675
|
+
flexDirection: string;
|
|
8676
|
+
alignItems: string;
|
|
8677
|
+
color: string;
|
|
8678
|
+
padding: number;
|
|
8679
|
+
minWidth: string;
|
|
8680
|
+
'& .SCUserLiveStreamWidget-avatar': {
|
|
8681
|
+
width: any;
|
|
8682
|
+
height: any;
|
|
8683
|
+
};
|
|
8684
|
+
};
|
|
8685
|
+
'& h4': {
|
|
8686
|
+
marginLeft: number;
|
|
8687
|
+
lineHeight: string;
|
|
8688
|
+
};
|
|
8689
|
+
};
|
|
8690
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
8691
|
+
gap: any;
|
|
8692
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
8693
|
+
'& > div': {
|
|
8694
|
+
padding: string;
|
|
8695
|
+
'& > .SCBaseItem-content': {
|
|
8696
|
+
'& > .SCBaseItem-text': {
|
|
8697
|
+
margin: number;
|
|
8698
|
+
};
|
|
8699
|
+
};
|
|
8700
|
+
};
|
|
8701
|
+
};
|
|
8702
|
+
};
|
|
8703
|
+
};
|
|
8704
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
8705
|
+
padding: string;
|
|
8706
|
+
justifyContent: string;
|
|
8707
|
+
'& .SCSuggestedEventsWidget-actionButton': {
|
|
8708
|
+
color: any;
|
|
8709
|
+
};
|
|
8710
|
+
};
|
|
8711
|
+
};
|
|
8712
|
+
skeletonRoot: ({ theme }: {
|
|
8713
|
+
theme: any;
|
|
8714
|
+
}) => {
|
|
8715
|
+
'& .SCUserLiveStreamWidget-content': {
|
|
8716
|
+
padding: string;
|
|
8717
|
+
'& .SCUserLiveStreamWidget-user': {
|
|
8718
|
+
marginBottom: any;
|
|
8719
|
+
'& > .SCBaseItem-content': {
|
|
8720
|
+
'& > .SCBaseItem-text': {
|
|
8721
|
+
margin: number;
|
|
8722
|
+
};
|
|
8723
|
+
};
|
|
8724
|
+
'& > .SCBaseItem-actions': {
|
|
8725
|
+
display: string;
|
|
8726
|
+
};
|
|
8727
|
+
};
|
|
8728
|
+
'& .SCUserLiveStreamWidget-live-wrapper': {
|
|
8729
|
+
gap: any;
|
|
8730
|
+
'& .SCUserLiveStreamWidget-live': {
|
|
8731
|
+
'& > div': {
|
|
8732
|
+
padding: string;
|
|
8733
|
+
'& > .SCBaseItem-content': {
|
|
8734
|
+
'& > .SCBaseItem-text': {
|
|
8735
|
+
margin: number;
|
|
8736
|
+
};
|
|
8737
|
+
};
|
|
8738
|
+
};
|
|
8739
|
+
};
|
|
8740
|
+
};
|
|
8741
|
+
};
|
|
8742
|
+
'& .SCUserLiveStreamWidget-actions': {
|
|
8743
|
+
padding: string;
|
|
8744
|
+
justifyContent: string;
|
|
8745
|
+
};
|
|
8746
|
+
};
|
|
8747
|
+
dialogRoot: ({ theme }: {
|
|
8748
|
+
theme: any;
|
|
8749
|
+
}) => {
|
|
8750
|
+
'& .SCUserLiveStreamWidget-infinite-scroll': {
|
|
8751
|
+
[x: number]: {
|
|
8752
|
+
height: string;
|
|
8753
|
+
};
|
|
8754
|
+
height: string;
|
|
8755
|
+
'& .SCEvent-root': {
|
|
8756
|
+
width: string;
|
|
8757
|
+
};
|
|
8758
|
+
};
|
|
8759
|
+
};
|
|
8760
|
+
};
|
|
8761
|
+
};
|
|
8639
8762
|
SCCreateLiveStreamDialog: {
|
|
8640
8763
|
styleOverrides: {
|
|
8641
8764
|
root: ({ theme }: any) => {
|
|
@@ -8681,7 +8804,7 @@ declare const theme: {
|
|
|
8681
8804
|
};
|
|
8682
8805
|
optionCardRoot: ({ theme, selected }: any) => {
|
|
8683
8806
|
maxWidth: number;
|
|
8684
|
-
height:
|
|
8807
|
+
height: string;
|
|
8685
8808
|
padding: any;
|
|
8686
8809
|
margin: any;
|
|
8687
8810
|
cursor: string;
|
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,
|