@selfcommunity/react-theme-default 0.2.0-alpha.2 → 0.2.0-alpha.20

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 (32) hide show
  1. package/lib/cjs/components/SCEventForm.d.ts +8 -0
  2. package/lib/cjs/components/SCEventForm.js +10 -2
  3. package/lib/cjs/components/SCEventHeader.js +1 -1
  4. package/lib/cjs/components/SCFeed.d.ts +1 -3
  5. package/lib/cjs/components/SCFeed.js +1 -3
  6. package/lib/cjs/components/SCGroupActionsMenu.d.ts +26 -0
  7. package/lib/cjs/components/SCGroupActionsMenu.js +28 -0
  8. package/lib/cjs/components/SCGroupHeader.d.ts +5 -2
  9. package/lib/cjs/components/SCGroupHeader.js +5 -2
  10. package/lib/cjs/components/SCMediaLink.d.ts +47 -1
  11. package/lib/cjs/components/SCMediaLink.js +52 -2
  12. package/lib/cjs/components/SCOnBoardingWidget.d.ts +5 -4
  13. package/lib/cjs/components/SCOnBoardingWidget.js +8 -6
  14. package/lib/cjs/index.d.ts +95 -13
  15. package/lib/cjs/index.js +2 -0
  16. package/lib/esm/components/SCEventForm.d.ts +8 -0
  17. package/lib/esm/components/SCEventForm.js +10 -2
  18. package/lib/esm/components/SCEventHeader.js +1 -1
  19. package/lib/esm/components/SCFeed.d.ts +1 -3
  20. package/lib/esm/components/SCFeed.js +1 -3
  21. package/lib/esm/components/SCGroupActionsMenu.d.ts +26 -0
  22. package/lib/esm/components/SCGroupActionsMenu.js +26 -0
  23. package/lib/esm/components/SCGroupHeader.d.ts +5 -2
  24. package/lib/esm/components/SCGroupHeader.js +5 -2
  25. package/lib/esm/components/SCMediaLink.d.ts +47 -1
  26. package/lib/esm/components/SCMediaLink.js +52 -2
  27. package/lib/esm/components/SCOnBoardingWidget.d.ts +5 -4
  28. package/lib/esm/components/SCOnBoardingWidget.js +8 -6
  29. package/lib/esm/index.d.ts +95 -13
  30. package/lib/esm/index.js +2 -0
  31. package/lib/umd/react-theme-default.js +2 -2
  32. package/package.json +4 -4
@@ -20,7 +20,11 @@ const Component = {
20
20
  },
21
21
  '& .SCEventForm-form': {
22
22
  '& .SCEventForm-picker': {
23
- width: '50%'
23
+ width: '50%',
24
+ '& .MuiFormHelperText-root': {
25
+ height: 0,
26
+ marginTop: 0
27
+ }
24
28
  },
25
29
  '& .MuiTextField-root, .SCEventForm-frequency': {
26
30
  marginBottom: theme.spacing(2)
@@ -37,7 +41,10 @@ const Component = {
37
41
  display: 'flex',
38
42
  alignItems: 'center',
39
43
  justifyContent: 'space-between',
40
- gap: theme.spacing(1)
44
+ gap: theme.spacing(1),
45
+ '& .MuiInputBase-root': {
46
+ paddingLeft: theme.spacing(0.5)
47
+ }
41
48
  },
42
49
  '& .SCEventForm-error': {
43
50
  color: theme.palette.error.main
@@ -83,6 +90,7 @@ const Component = {
83
90
  }
84
91
  },
85
92
  '& .SCEventForm-event-address-root': {
93
+ marginTop: theme.spacing(2),
86
94
  backgroundColor: theme.palette.grey['A200'],
87
95
  borderRadius: 5,
88
96
  '& .SCEventForm-event-address-tabs': {
@@ -92,7 +92,7 @@ const Component = {
92
92
  borderBottom: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
93
93
  marginTop: theme.spacing(1),
94
94
  '& .SCBaseItemButton-content': {
95
- paddingLeft: theme.spacing(2)
95
+ paddingLeft: theme.spacing(1)
96
96
  },
97
97
  '& .SCBaseItemButton-actions': {
98
98
  maxWidth: 'none',
@@ -45,9 +45,7 @@ declare const Component: {
45
45
  padding: any;
46
46
  };
47
47
  };
48
- '& .SCFeed-refresh': {
49
- textAlign: string;
50
- };
48
+ '& .SCFeed-refresh': {};
51
49
  '& .SCFeed-pagination-link': {
52
50
  display: string;
53
51
  };
@@ -45,9 +45,7 @@ const Component = {
45
45
  padding: theme.spacing(2)
46
46
  }
47
47
  },
48
- '& .SCFeed-refresh': {
49
- textAlign: 'center'
50
- },
48
+ '& .SCFeed-refresh': {},
51
49
  '& .SCFeed-pagination-link': {
52
50
  display: 'none'
53
51
  }
@@ -0,0 +1,26 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {};
4
+ menuRoot: ({ theme }: any) => {
5
+ '& .MuiDivider-root': {
6
+ margin: any;
7
+ };
8
+ '& .MuiIcon-root': {
9
+ fontSize: string;
10
+ };
11
+ };
12
+ drawerRoot: ({ theme }: any) => {
13
+ '& .SCGroupActionsMenu-item': {
14
+ paddingTop: number;
15
+ paddingBottom: number;
16
+ };
17
+ '& .MuiDivider-root': {
18
+ margin: any;
19
+ };
20
+ '& .MuiIcon-root': {
21
+ fontSize: string;
22
+ };
23
+ };
24
+ };
25
+ };
26
+ export default Component;
@@ -0,0 +1,26 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({}),
4
+ menuRoot: ({ theme }) => ({
5
+ '& .MuiDivider-root': {
6
+ margin: theme.spacing(1)
7
+ },
8
+ '& .MuiIcon-root': {
9
+ fontSize: '15px'
10
+ }
11
+ }),
12
+ drawerRoot: ({ theme }) => ({
13
+ '& .SCGroupActionsMenu-item': {
14
+ paddingTop: 0,
15
+ paddingBottom: 0
16
+ },
17
+ '& .MuiDivider-root': {
18
+ margin: theme.spacing(2)
19
+ },
20
+ '& .MuiIcon-root': {
21
+ fontSize: '15px'
22
+ }
23
+ })
24
+ }
25
+ };
26
+ export default Component;
@@ -40,10 +40,13 @@ declare const Component: {
40
40
  gap: any;
41
41
  };
42
42
  };
43
- '& .SCEditGroupButton-root': {
43
+ '& .SCGroupHeader-multi-actions': {
44
+ display: string;
44
45
  marginLeft: string;
45
46
  marginTop: any;
46
- marginRight: any;
47
+ '& .SCEditGroupButton-root': {
48
+ marginRight: any;
49
+ };
47
50
  };
48
51
  '& .SCGroupSubscribeButton-root': {
49
52
  marginTop: any;
@@ -40,10 +40,13 @@ const Component = {
40
40
  gap: theme.spacing(0.5)
41
41
  }
42
42
  },
43
- '& .SCEditGroupButton-root': {
43
+ '& .SCGroupHeader-multi-actions': {
44
+ display: 'flex',
44
45
  marginLeft: 'auto',
45
46
  marginTop: theme.spacing(-4.25),
46
- marginRight: theme.spacing(1)
47
+ '& .SCEditGroupButton-root': {
48
+ marginRight: theme.spacing(1)
49
+ }
47
50
  },
48
51
  '& .SCGroupSubscribeButton-root': {
49
52
  marginTop: theme.spacing(1)
@@ -11,6 +11,31 @@ declare const Component: {
11
11
  margin: string;
12
12
  height: number;
13
13
  };
14
+ '& .SCMediaLink-html-wrap': {
15
+ position: string;
16
+ marginLeft: any;
17
+ marginRight: any;
18
+ '& .SCMediaLink-html': {
19
+ width: string;
20
+ position: string;
21
+ top: number;
22
+ '& iframe': {
23
+ width: string;
24
+ margin: string;
25
+ };
26
+ };
27
+ '& .SCMediaLink-html-placeholder': {
28
+ width: string;
29
+ position: string;
30
+ top: number;
31
+ '& .SCMediaLink-html-loading': {
32
+ position: string;
33
+ display: string;
34
+ top: string;
35
+ left: string;
36
+ };
37
+ };
38
+ };
14
39
  '& .SCMediaLink-thumbnail': {
15
40
  [x: number]: {
16
41
  maxWidth: number;
@@ -51,12 +76,33 @@ declare const Component: {
51
76
  previewRoot: ({ theme }: any) => {
52
77
  '& .SCMediaLink-media': {
53
78
  position: string;
54
- margin: any;
79
+ '& .SCMediaLink-html-wrap': {
80
+ '& .SCMediaLink-html': {
81
+ width: string;
82
+ position: string;
83
+ '& iframe': {
84
+ width: string;
85
+ margin: string;
86
+ };
87
+ };
88
+ '& .SCMediaLink-html-placeholder': {
89
+ width: string;
90
+ position: string;
91
+ top: number;
92
+ '& .SCMediaLink-html-loading': {
93
+ position: string;
94
+ display: string;
95
+ top: string;
96
+ left: string;
97
+ };
98
+ };
99
+ };
55
100
  '& .SCMediaLink-delete': {
56
101
  background: any;
57
102
  position: string;
58
103
  right: any;
59
104
  top: any;
105
+ zIndex: number;
60
106
  };
61
107
  '&.SCMediaLink-media-video .SCMediaLink-delete': {
62
108
  background: any;
@@ -12,6 +12,33 @@ const Component = {
12
12
  margin: '10px 0px',
13
13
  height: 360
14
14
  },
15
+ '& .SCMediaLink-html-wrap': {
16
+ position: 'relative',
17
+ marginLeft: theme.spacing(),
18
+ marginRight: theme.spacing(),
19
+ '& .SCMediaLink-html': {
20
+ width: '100%',
21
+ position: 'absolute',
22
+ top: 0,
23
+ // zIndex: 2,
24
+ '& iframe': {
25
+ width: '100%',
26
+ margin: '0px auto'
27
+ }
28
+ },
29
+ '& .SCMediaLink-html-placeholder': {
30
+ width: '100%',
31
+ position: 'relative',
32
+ top: 0,
33
+ // zIndex: 1,
34
+ '& .SCMediaLink-html-loading': {
35
+ position: 'absolute',
36
+ display: 'none',
37
+ top: '38%',
38
+ left: '50%'
39
+ }
40
+ }
41
+ },
15
42
  '& .SCMediaLink-thumbnail': {
16
43
  border: `1px solid ${alpha(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`,
17
44
  borderRadius: theme.shape.borderRadius * 0.75,
@@ -52,12 +79,35 @@ const Component = {
52
79
  previewRoot: ({ theme }) => ({
53
80
  '& .SCMediaLink-media': {
54
81
  position: 'relative',
55
- margin: theme.spacing(1),
82
+ '& .SCMediaLink-html-wrap': {
83
+ '& .SCMediaLink-html': {
84
+ width: '100%',
85
+ position: 'absolute',
86
+ // zIndex: 2,
87
+ '& iframe': {
88
+ width: '100%',
89
+ margin: '0px auto'
90
+ }
91
+ },
92
+ '& .SCMediaLink-html-placeholder': {
93
+ width: '100%',
94
+ position: 'absolute',
95
+ top: 0,
96
+ // zIndex: 1,
97
+ '& .SCMediaLink-html-loading': {
98
+ position: 'absolute',
99
+ display: 'none',
100
+ top: '40%',
101
+ left: '50%'
102
+ }
103
+ }
104
+ },
56
105
  '& .SCMediaLink-delete': {
57
106
  background: theme.palette.common.white,
58
107
  position: 'absolute',
59
108
  right: theme.spacing(0.5),
60
- top: theme.spacing(0.5)
109
+ top: theme.spacing(0.5),
110
+ zIndex: 3
61
111
  },
62
112
  '&.SCMediaLink-media-video .SCMediaLink-delete': {
63
113
  background: theme.palette.common.white,
@@ -317,17 +317,16 @@ declare const Component: {
317
317
  borderRadius: number;
318
318
  background: string;
319
319
  boxShadow: string;
320
+ display: string;
321
+ flexDirection: string;
320
322
  };
321
323
  '& .SCOnBoardingWidget-profile-icon': {
322
324
  alignSelf: string;
323
325
  };
324
326
  '& .SCOnBoardingWidget-profile-avatar': {
325
- [x: number]: {
326
- top: number;
327
- };
327
+ position: string;
328
328
  top: number;
329
329
  display: string;
330
- position: string;
331
330
  marginLeft: any;
332
331
  '& > .MuiBadge-root > img': {
333
332
  height: any;
@@ -348,9 +347,11 @@ declare const Component: {
348
347
  '& .SCOnBoardingWidget-profile-change-picture': {
349
348
  [x: number]: {
350
349
  top: number;
350
+ left: number;
351
351
  };
352
352
  top: number;
353
353
  left: number;
354
+ height: number;
354
355
  position: string;
355
356
  display: string;
356
357
  marginLeft: any;
@@ -316,16 +316,17 @@ const Component = {
316
316
  boxShadow: 'unset',
317
317
  [theme.breakpoints.up('md')]: {
318
318
  borderRadius: theme.spacing(0, 0, 2.5, 2.5)
319
- }
319
+ },
320
+ display: 'flex',
321
+ flexDirection: 'row'
320
322
  },
321
323
  '& .SCOnBoardingWidget-profile-icon': {
322
324
  alignSelf: 'end'
323
325
  },
324
326
  '& .SCOnBoardingWidget-profile-avatar': {
327
+ position: 'relative',
325
328
  top: 100,
326
- [theme.breakpoints.up('sm')]: { top: 150 },
327
329
  display: 'block',
328
- position: 'absolute',
329
330
  marginLeft: theme.spacing(2),
330
331
  '& > .MuiBadge-root > img': {
331
332
  height: theme.selfcommunity.user.avatar.sizeXLarge,
@@ -344,9 +345,10 @@ const Component = {
344
345
  }
345
346
  },
346
347
  '& .SCOnBoardingWidget-profile-change-picture': {
347
- top: 140,
348
- [theme.breakpoints.up('sm')]: { top: 190 },
349
- left: 80,
348
+ [theme.breakpoints.down('sm')]: { top: 167, left: -45 },
349
+ top: 165,
350
+ left: -40,
351
+ height: 28,
350
352
  position: 'relative',
351
353
  display: 'flex',
352
354
  marginLeft: theme.spacing(2)
@@ -2042,9 +2042,7 @@ declare const theme: {
2042
2042
  padding: any;
2043
2043
  };
2044
2044
  };
2045
- '& .SCFeed-refresh': {
2046
- textAlign: string;
2047
- };
2045
+ '& .SCFeed-refresh': {};
2048
2046
  '& .SCFeed-pagination-link': {
2049
2047
  display: string;
2050
2048
  };
@@ -2399,9 +2397,7 @@ declare const theme: {
2399
2397
  fontWeight: any;
2400
2398
  marginTop: any;
2401
2399
  marginBottom: number;
2402
- color: any; /**
2403
- * Export default theme
2404
- */
2400
+ color: any;
2405
2401
  '&:hover': {
2406
2402
  color: string;
2407
2403
  };
@@ -2912,6 +2908,31 @@ declare const theme: {
2912
2908
  skeletonRoot: ({ theme }: any) => {};
2913
2909
  };
2914
2910
  };
2911
+ SCGroupActionsMenu: {
2912
+ styleOverrides: {
2913
+ root: ({ theme }: any) => {};
2914
+ menuRoot: ({ theme }: any) => {
2915
+ '& .MuiDivider-root': {
2916
+ margin: any;
2917
+ };
2918
+ '& .MuiIcon-root': {
2919
+ fontSize: string;
2920
+ };
2921
+ };
2922
+ drawerRoot: ({ theme }: any) => {
2923
+ '& .SCGroupActionsMenu-item': {
2924
+ paddingTop: number;
2925
+ paddingBottom: number;
2926
+ };
2927
+ '& .MuiDivider-root': {
2928
+ margin: any;
2929
+ };
2930
+ '& .MuiIcon-root': {
2931
+ fontSize: string;
2932
+ };
2933
+ };
2934
+ };
2935
+ };
2915
2936
  SCGroupAutocomplete: {
2916
2937
  styleOverrides: {
2917
2938
  root: ({ theme }: any) => {};
@@ -3062,10 +3083,13 @@ declare const theme: {
3062
3083
  gap: any;
3063
3084
  };
3064
3085
  };
3065
- '& .SCEditGroupButton-root': {
3086
+ '& .SCGroupHeader-multi-actions': {
3087
+ display: string;
3066
3088
  marginLeft: string;
3067
3089
  marginTop: any;
3068
- marginRight: any;
3090
+ '& .SCEditGroupButton-root': {
3091
+ marginRight: any;
3092
+ };
3069
3093
  };
3070
3094
  '& .SCGroupSubscribeButton-root': {
3071
3095
  marginTop: any;
@@ -4171,6 +4195,31 @@ declare const theme: {
4171
4195
  margin: string;
4172
4196
  height: number;
4173
4197
  };
4198
+ '& .SCMediaLink-html-wrap': {
4199
+ position: string;
4200
+ marginLeft: any;
4201
+ marginRight: any;
4202
+ '& .SCMediaLink-html': {
4203
+ width: string;
4204
+ position: string;
4205
+ top: number;
4206
+ '& iframe': {
4207
+ width: string;
4208
+ margin: string;
4209
+ };
4210
+ };
4211
+ '& .SCMediaLink-html-placeholder': {
4212
+ width: string;
4213
+ position: string;
4214
+ top: number;
4215
+ '& .SCMediaLink-html-loading': {
4216
+ position: string;
4217
+ display: string;
4218
+ top: string;
4219
+ left: string;
4220
+ };
4221
+ };
4222
+ };
4174
4223
  '& .SCMediaLink-thumbnail': {
4175
4224
  [x: number]: {
4176
4225
  maxWidth: number;
@@ -4211,12 +4260,33 @@ declare const theme: {
4211
4260
  previewRoot: ({ theme }: any) => {
4212
4261
  '& .SCMediaLink-media': {
4213
4262
  position: string;
4214
- margin: any;
4263
+ '& .SCMediaLink-html-wrap': {
4264
+ '& .SCMediaLink-html': {
4265
+ width: string;
4266
+ position: string;
4267
+ '& iframe': {
4268
+ width: string;
4269
+ margin: string;
4270
+ };
4271
+ };
4272
+ '& .SCMediaLink-html-placeholder': {
4273
+ width: string;
4274
+ position: string;
4275
+ top: number;
4276
+ '& .SCMediaLink-html-loading': {
4277
+ position: string;
4278
+ display: string;
4279
+ top: string;
4280
+ left: string;
4281
+ };
4282
+ };
4283
+ };
4215
4284
  '& .SCMediaLink-delete': {
4216
4285
  background: any;
4217
4286
  position: string;
4218
4287
  right: any;
4219
4288
  top: any;
4289
+ zIndex: number;
4220
4290
  };
4221
4291
  '&.SCMediaLink-media-video .SCMediaLink-delete': {
4222
4292
  background: any;
@@ -5211,17 +5281,16 @@ declare const theme: {
5211
5281
  borderRadius: number;
5212
5282
  background: string;
5213
5283
  boxShadow: string;
5284
+ display: string;
5285
+ flexDirection: string;
5214
5286
  };
5215
5287
  '& .SCOnBoardingWidget-profile-icon': {
5216
5288
  alignSelf: string;
5217
5289
  };
5218
5290
  '& .SCOnBoardingWidget-profile-avatar': {
5219
- [x: number]: {
5220
- top: number;
5221
- };
5291
+ position: string;
5222
5292
  top: number;
5223
5293
  display: string;
5224
- position: string;
5225
5294
  marginLeft: any;
5226
5295
  '& > .MuiBadge-root > img': {
5227
5296
  height: any;
@@ -5233,6 +5302,9 @@ declare const theme: {
5233
5302
  '& .MuiBadge-badge': {
5234
5303
  right: any;
5235
5304
  top: any;
5305
+ /**
5306
+ * Export default theme
5307
+ */
5236
5308
  '& .SCUserAvatar-badge-content': {
5237
5309
  width: number;
5238
5310
  height: number;
@@ -5242,9 +5314,11 @@ declare const theme: {
5242
5314
  '& .SCOnBoardingWidget-profile-change-picture': {
5243
5315
  [x: number]: {
5244
5316
  top: number;
5317
+ left: number;
5245
5318
  };
5246
5319
  top: number;
5247
5320
  left: number;
5321
+ height: number;
5248
5322
  position: string;
5249
5323
  display: string;
5250
5324
  marginLeft: any;
@@ -6705,6 +6779,10 @@ declare const theme: {
6705
6779
  '& .SCEventForm-form': {
6706
6780
  '& .SCEventForm-picker': {
6707
6781
  width: string;
6782
+ '& .MuiFormHelperText-root': {
6783
+ height: number;
6784
+ marginTop: number;
6785
+ };
6708
6786
  };
6709
6787
  '& .MuiTextField-root, .SCEventForm-frequency': {
6710
6788
  marginBottom: any;
@@ -6722,6 +6800,9 @@ declare const theme: {
6722
6800
  alignItems: string;
6723
6801
  justifyContent: string;
6724
6802
  gap: any;
6803
+ '& .MuiInputBase-root': {
6804
+ paddingLeft: any;
6805
+ };
6725
6806
  };
6726
6807
  '& .SCEventForm-error': {
6727
6808
  color: any;
@@ -6767,6 +6848,7 @@ declare const theme: {
6767
6848
  };
6768
6849
  };
6769
6850
  '& .SCEventForm-event-address-root': {
6851
+ marginTop: any;
6770
6852
  backgroundColor: any;
6771
6853
  borderRadius: number;
6772
6854
  '& .SCEventForm-event-address-tabs': {
package/lib/esm/index.js CHANGED
@@ -81,6 +81,7 @@ import SCFeedObjectMediaPreview from './components/SCFeedObjectMediaPreview';
81
81
  import SCFeedUpdatesWidget from './components/SCFeedUpdatesWidget';
82
82
  import SCFooter from './components/SCFooter';
83
83
  import SCGroup from './components/SCGroup';
84
+ import SCGroupActionsMenu from './components/SCGroupActionsMenu';
84
85
  import SCGroupAutocomplete from './components/SCGroupAutocomplete';
85
86
  import SCGroupFeedTemplate from './components/SCGroupFeedTemplate';
86
87
  import SCGroupForm from './components/SCGroupForm';
@@ -290,6 +291,7 @@ const theme = {
290
291
  SCFeedUpdatesWidget,
291
292
  SCFooter,
292
293
  SCGroup,
294
+ SCGroupActionsMenu,
293
295
  SCGroupAutocomplete,
294
296
  SCGroupFeedTemplate,
295
297
  SCGroupForm,