@selfcommunity/react-theme-default 0.2.0-live.66 → 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 (26) hide show
  1. package/lib/cjs/components/SCLiveStreamRoom.d.ts +12 -10
  2. package/lib/cjs/components/SCLiveStreamRoom.js +12 -10
  3. package/lib/cjs/components/SCLiveStreamSelector.d.ts +66 -0
  4. package/lib/cjs/components/SCLiveStreamSelector.js +70 -0
  5. package/lib/cjs/components/SCLiveStreamVideoConference.d.ts +2 -0
  6. package/lib/cjs/components/SCLiveStreamVideoConference.js +3 -1
  7. package/lib/cjs/components/SCNotification.d.ts +27 -0
  8. package/lib/cjs/components/SCNotification.js +27 -0
  9. package/lib/cjs/components/SCUserLiveStreamWidget.d.ts +101 -0
  10. package/lib/cjs/components/SCUserLiveStreamWidget.js +97 -0
  11. package/lib/cjs/index.d.ts +206 -10
  12. package/lib/cjs/index.js +4 -0
  13. package/lib/esm/components/SCLiveStreamRoom.d.ts +12 -10
  14. package/lib/esm/components/SCLiveStreamRoom.js +12 -10
  15. package/lib/esm/components/SCLiveStreamSelector.d.ts +66 -0
  16. package/lib/esm/components/SCLiveStreamSelector.js +68 -0
  17. package/lib/esm/components/SCLiveStreamVideoConference.d.ts +2 -0
  18. package/lib/esm/components/SCLiveStreamVideoConference.js +3 -1
  19. package/lib/esm/components/SCNotification.d.ts +27 -0
  20. package/lib/esm/components/SCNotification.js +27 -0
  21. package/lib/esm/components/SCUserLiveStreamWidget.d.ts +101 -0
  22. package/lib/esm/components/SCUserLiveStreamWidget.js +95 -0
  23. package/lib/esm/index.d.ts +206 -10
  24. package/lib/esm/index.js +4 -0
  25. package/lib/umd/react-theme-default.js +1 -1
  26. 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': {
@@ -8634,6 +8661,106 @@ declare const theme: {
8634
8661
  };
8635
8662
  };
8636
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
+ };
8637
8764
  SCCreateLiveStreamDialog: {
8638
8765
  styleOverrides: {
8639
8766
  root: ({ theme }: any) => {
@@ -8649,6 +8776,71 @@ declare const theme: {
8649
8776
  };
8650
8777
  };
8651
8778
  };
8779
+ SCLiveStreamSelector: {
8780
+ styleOverrides: {
8781
+ root: ({ theme }: any) => {
8782
+ '& .SCLiveStreamSelector-warning': {
8783
+ margin: any;
8784
+ };
8785
+ '& .SCLiveStreamSelector-options': {
8786
+ [x: number]: {
8787
+ display: string;
8788
+ };
8789
+ display: string;
8790
+ justifyContent: string;
8791
+ alignItems: string;
8792
+ '& > div': {
8793
+ [x: number]: {
8794
+ margin: string;
8795
+ marginBottom: any;
8796
+ };
8797
+ width: string;
8798
+ };
8799
+ };
8800
+ '& .SCLiveStreamSelector-actions': {
8801
+ display: string;
8802
+ justifyContent: string;
8803
+ alignItems: string;
8804
+ marginTop: any;
8805
+ };
8806
+ };
8807
+ optionCardRoot: ({ theme, selected }: any) => {
8808
+ maxWidth: number;
8809
+ height: number;
8810
+ padding: any;
8811
+ margin: any;
8812
+ cursor: string;
8813
+ transition: any;
8814
+ backgroundColor: any;
8815
+ '&:hover': {
8816
+ backgroundColor: any;
8817
+ boxShadow: any;
8818
+ };
8819
+ border: string;
8820
+ "& > div": {
8821
+ display: string;
8822
+ justifyContent: string;
8823
+ alignItems: string;
8824
+ marginBottom: number;
8825
+ maxWidth: string;
8826
+ };
8827
+ "& ul": {
8828
+ marginTop: any;
8829
+ padding: number;
8830
+ listStyle: string;
8831
+ };
8832
+ };
8833
+ featureItemRoot: ({ theme, selected }: any) => {
8834
+ display: string;
8835
+ alignItems: string;
8836
+ gap: any;
8837
+ marginBottom: any;
8838
+ '&:last-child': {
8839
+ marginBottom: number;
8840
+ };
8841
+ };
8842
+ };
8843
+ };
8652
8844
  SCLiveStreamForm: {
8653
8845
  styleOverrides: {
8654
8846
  root: ({ theme }: any) => {
@@ -8699,16 +8891,6 @@ declare const theme: {
8699
8891
  "& .SCLiveStreamRoom-content": {
8700
8892
  width: string;
8701
8893
  };
8702
- "& .SCLiveStreamRoom-end-conference-wrap": {
8703
- display: string;
8704
- justifyContent: string;
8705
- alignItems: string;
8706
- alignContent: string;
8707
- flexDirection: string;
8708
- "& .SCLiveStreamRoom-btn-back-home": {
8709
- marginTop: any;
8710
- };
8711
- };
8712
8894
  "& .SCLiveStreamRoom-prejoin": {
8713
8895
  padding: any;
8714
8896
  display: string;
@@ -8761,6 +8943,18 @@ declare const theme: {
8761
8943
  };
8762
8944
  };
8763
8945
  };
8946
+ dialogRoot: ({ theme }: any) => {
8947
+ "& .SCLiveStreamRoom-end-conference-wrap": {
8948
+ display: string;
8949
+ justifyContent: string;
8950
+ alignItems: string;
8951
+ alignContent: string;
8952
+ flexDirection: string;
8953
+ "& .SCLiveStreamVideoConference-btn-back-home": {
8954
+ marginTop: any;
8955
+ };
8956
+ };
8957
+ };
8764
8958
  };
8765
8959
  };
8766
8960
  SCLiveStreamVideoConference: {
@@ -8769,6 +8963,8 @@ declare const theme: {
8769
8963
  height: string;
8770
8964
  width: string;
8771
8965
  overflowY: string;
8966
+ };
8967
+ dialogRoot: ({ theme }: any) => {
8772
8968
  "& .SCLiveStreamVideoConference-end-conference-wrap": {
8773
8969
  display: string;
8774
8970
  justifyContent: string;
package/lib/esm/index.js CHANGED
@@ -141,11 +141,13 @@ import SCSnippetNotifications from './components/SCSnippetNotifications';
141
141
  import SCSuggestedEventsWidget from './components/SCSuggestedEventsWidget';
142
142
  import SCLiveStream from './components/SCLiveStream';
143
143
  import SCCreateLiveStreamDialog from './components/SCLiveStreamDialog';
144
+ import SCLiveStreamSelector from './components/SCLiveStreamSelector';
144
145
  import SCLiveStreamForm from './components/SCLiveStreamForm';
145
146
  import SCLiveStreamFormSettings from './components/SCLiveStreamFormSettings';
146
147
  import SCLiveStreamRoom from './components/SCLiveStreamRoom';
147
148
  import SCLiveStreamVideoConference from './components/SCLiveStreamVideoConference';
148
149
  import SCLiveStreamInfoDetails from './components/SCLiveStreamInfoDetails';
150
+ import SCUserLiveStreamWidget from './components/SCUserLiveStreamWidget';
149
151
  import SCToastNotifications from './components/SCToastNotifications';
150
152
  import SCUser from './components/SCUser';
151
153
  import SCUserActionIconButton from './components/SCUserActionIconButton';
@@ -398,7 +400,9 @@ const theme = {
398
400
  SCWidget,
399
401
  SCLiveStream,
400
402
  SCLiveStreamInfoDetails,
403
+ SCUserLiveStreamWidget,
401
404
  SCCreateLiveStreamDialog,
405
+ SCLiveStreamSelector,
402
406
  SCLiveStreamForm,
403
407
  SCLiveStreamFormSettings,
404
408
  SCLiveStreamRoom,