@selfcommunity/react-theme-default 0.1.50-events.60 → 0.1.50-events.63

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 (34) hide show
  1. package/lib/cjs/components/SCEvent.d.ts +0 -3
  2. package/lib/cjs/components/SCEvent.js +1 -4
  3. package/lib/cjs/components/SCEventHeader.d.ts +3 -0
  4. package/lib/cjs/components/SCEventHeader.js +8 -5
  5. package/lib/cjs/components/SCEventMembersWidget.d.ts +66 -0
  6. package/lib/cjs/components/SCEventMembersWidget.js +62 -0
  7. package/lib/cjs/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts} +2 -2
  8. package/lib/cjs/components/{SCEventPartecipantsButton.js → SCEventParticipantsButton.js} +3 -3
  9. package/lib/cjs/components/SCEventSubscribeButton.d.ts +0 -1
  10. package/lib/cjs/components/SCEventSubscribeButton.js +0 -1
  11. package/lib/cjs/components/SCRelatedEventsWidget.d.ts +91 -0
  12. package/lib/cjs/components/SCRelatedEventsWidget.js +87 -0
  13. package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +8 -6
  14. package/lib/cjs/components/SCSuggestedEventsWidget.js +11 -9
  15. package/lib/cjs/index.d.ts +175 -13
  16. package/lib/cjs/index.js +7 -3
  17. package/lib/esm/components/SCEvent.d.ts +0 -3
  18. package/lib/esm/components/SCEvent.js +1 -4
  19. package/lib/esm/components/SCEventHeader.d.ts +3 -0
  20. package/lib/esm/components/SCEventHeader.js +8 -5
  21. package/lib/esm/components/SCEventMembersWidget.d.ts +66 -0
  22. package/lib/esm/components/SCEventMembersWidget.js +60 -0
  23. package/lib/esm/components/{SCEventPartecipantsButton.d.ts → SCEventParticipantsButton.d.ts} +2 -2
  24. package/lib/esm/components/{SCEventPartecipantsButton.js → SCEventParticipantsButton.js} +3 -3
  25. package/lib/esm/components/SCEventSubscribeButton.d.ts +0 -1
  26. package/lib/esm/components/SCEventSubscribeButton.js +0 -1
  27. package/lib/esm/components/SCRelatedEventsWidget.d.ts +91 -0
  28. package/lib/esm/components/SCRelatedEventsWidget.js +85 -0
  29. package/lib/esm/components/SCSuggestedEventsWidget.d.ts +8 -6
  30. package/lib/esm/components/SCSuggestedEventsWidget.js +11 -9
  31. package/lib/esm/index.d.ts +175 -13
  32. package/lib/esm/index.js +7 -3
  33. package/lib/umd/react-theme-default.js +3 -3
  34. package/package.json +4 -4
package/lib/esm/components/SCRelatedEventsWidget.js ADDED
@@ -0,0 +1,85 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ '& .SCRelatedEventsWidget-content': {
5
+ padding: `10px ${theme.spacing(2)} 12px`,
6
+ '& .SCRelatedEventsWidget-avatar-wrapper': {
7
+ flexDirection: 'row',
8
+ alignItems: 'center',
9
+ gap: theme.spacing(1),
10
+ marginBottom: theme.spacing(2),
11
+ color: 'inherit',
12
+ '& .SCRelatedEventsWidget-avatar': {
13
+ width: '36px',
14
+ height: '36px'
15
+ }
16
+ },
17
+ '& .SCRelatedEventsWidget-event-wrapper': {
18
+ gap: theme.spacing(2),
19
+ '& .SCRelatedEventsWidget-event': {
20
+ '& > div': {
21
+ padding: '0 !important',
22
+ '& > .SCBaseItem-content': {
23
+ '& > .SCBaseItem-text': {
24
+ margin: 0
25
+ }
26
+ }
27
+ }
28
+ }
29
+ }
30
+ },
31
+ '& .SCRelatedEventsWidget-actions': {
32
+ padding: `0 ${theme.spacing(2)} 15px`,
33
+ justifyContent: 'center',
34
+ '& .SCSuggestedEventsWidget-actionButton': {
35
+ color: theme.palette.primary.main
36
+ }
37
+ }
38
+ }),
39
+ skeletonRoot: ({ theme }) => ({
40
+ '& .SCRelatedEventsWidget-content': {
41
+ padding: `10px ${theme.spacing(2)} 12px`,
42
+ '& .SCRelatedEventsWidget-user': {
43
+ marginBottom: theme.spacing(2),
44
+ '& > .SCBaseItem-content': {
45
+ '& > .SCBaseItem-text': {
46
+ margin: 0
47
+ }
48
+ },
49
+ '& > .SCBaseItem-actions': {
50
+ display: 'none'
51
+ }
52
+ },
53
+ '& .SCRelatedEventsWidget-event-wrapper': {
54
+ gap: theme.spacing(2),
55
+ '& .SCRelatedEventsWidget-event': {
56
+ '& > div': {
57
+ padding: '0 !important',
58
+ '& > .SCBaseItem-content': {
59
+ '& > .SCBaseItem-text': {
60
+ margin: 0
61
+ }
62
+ }
63
+ }
64
+ }
65
+ }
66
+ },
67
+ '& .SCRelatedEventsWidget-actions': {
68
+ padding: `0 ${theme.spacing(2)} 15px`,
69
+ justifyContent: 'center'
70
+ }
71
+ }),
72
+ dialogRoot: ({ theme }) => ({
73
+ '& .SCRelatedEventsWidget-infinite-scroll': {
74
+ height: '400px',
75
+ [theme.breakpoints.down('md')]: {
76
+ height: '100%'
77
+ },
78
+ '& .SCEvent-root': {
79
+ width: '100%'
80
+ }
81
+ }
82
+ })
83
+ }
84
+ };
85
+ export default Component;
package/lib/esm/components/SCSuggestedEventsWidget.d.ts CHANGED
@@ -37,19 +37,21 @@ declare const Component: {
37
37
  };
38
38
  };
39
39
  };
40
- '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
40
+ '& .SCSuggestedEventsWidget-swiper-arrow': {
41
41
  position: string;
42
42
  top: string;
43
43
  transform: string;
44
- left: string;
45
44
  zIndex: number;
45
+ paddingLeft: string;
46
+ paddingRight: string;
47
+ minWidth: string;
48
+ backgroundColor: any;
49
+ };
50
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
51
+ left: string;
46
52
  };
47
53
  '& .SCSuggestedEventsWidget-swiper-next-arrow': {
48
- position: string;
49
- top: string;
50
- transform: string;
51
54
  right: string;
52
- zIndex: number;
53
55
  };
54
56
  };
55
57
  };
package/lib/esm/components/SCSuggestedEventsWidget.js CHANGED
@@ -11,7 +11,7 @@ const Component = {
11
11
  '& .swiper-wrapper': {
12
12
  paddingBottom: '1px',
13
13
  '& .SCSuggestedEventsWidget-swiper-slide': {
14
- width: '200px',
14
+ width: '210px',
15
15
  height: 'auto',
16
16
  '& .SCSuggestedEventsWidget-event': {
17
17
  '& .SCEventInfoDetails-root': {
@@ -35,19 +35,21 @@ const Component = {
35
35
  }
36
36
  }
37
37
  },
38
- '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
38
+ '& .SCSuggestedEventsWidget-swiper-arrow': {
39
39
  position: 'absolute',
40
40
  top: '50%',
41
41
  transform: 'translateY(-50%)',
42
- left: '5px',
43
- zIndex: 1
42
+ zIndex: 1,
43
+ paddingLeft: '10px!important',
44
+ paddingRight: '10px!important',
45
+ minWidth: 'auto',
46
+ backgroundColor: theme.palette.grey[400]
47
+ },
48
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
49
+ left: '5px'
44
50
  },
45
51
  '& .SCSuggestedEventsWidget-swiper-next-arrow': {
46
- position: 'absolute',
47
- top: '50%',
48
- transform: 'translateY(-50%)',
49
- right: '5px',
50
- zIndex: 1
52
+ right: '5px'
51
53
  }
52
54
  }
53
55
  },
package/lib/esm/index.d.ts CHANGED
@@ -6490,9 +6490,6 @@ declare const theme: {
6490
6490
  '& .SCEvent-preview-name-wrapper': {
6491
6491
  textDecoration: string;
6492
6492
  color: string;
6493
- '& .SCEvent-preview-name': {
6494
- marginBottom: string;
6495
- };
6496
6493
  };
6497
6494
  };
6498
6495
  };
@@ -6768,6 +6765,7 @@ declare const theme: {
6768
6765
  fontSize: string;
6769
6766
  fontWeight: any;
6770
6767
  color: any;
6768
+ paddingLeft: any;
6771
6769
  };
6772
6770
  '& .SCEventHeader-info': {
6773
6771
  paddingRight: any;
@@ -6776,12 +6774,14 @@ declare const theme: {
6776
6774
  '& .SCEventHeader-name': {
6777
6775
  fontSize: string;
6778
6776
  fontWeight: any;
6777
+ paddingLeft: any;
6779
6778
  };
6780
6779
  '& .SCEventHeader-visibility': {
6781
6780
  display: string;
6782
6781
  justifyContent: string;
6783
6782
  alignItems: string;
6784
6783
  gap: any;
6784
+ paddingLeft: any;
6785
6785
  '& .SCEventHeader-visibility-item': {
6786
6786
  fontSize: any;
6787
6787
  fontWeight: any;
@@ -6923,7 +6923,6 @@ declare const theme: {
6923
6923
  backgroundColor: any;
6924
6924
  justifyContent: string;
6925
6925
  height: number;
6926
- width: number;
6927
6926
  borderRadius: string;
6928
6927
  '&:hover, &:active': {
6929
6928
  backgroundColor: any;
@@ -6990,7 +6989,7 @@ declare const theme: {
6990
6989
  };
6991
6990
  };
6992
6991
  };
6993
- SCEventPartecipantsButton: {
6992
+ SCEventParticipantsButton: {
6994
6993
  styleOverrides: {
6995
6994
  root: ({ theme }: {
6996
6995
  theme: any;
@@ -7007,14 +7006,14 @@ declare const theme: {
7007
7006
  width: string;
7008
7007
  height: string;
7009
7008
  };
7010
- '& .SCEventPartecipantsButton-partecipants': {
7009
+ '& .SCEventParticipantsButton-participants': {
7011
7010
  color: any;
7012
7011
  };
7013
7012
  };
7014
7013
  dialogRoot: ({ theme }: {
7015
7014
  theme: any;
7016
7015
  }) => {
7017
- '& .SCEventPartecipantsButton-infinite-scroll': {
7016
+ '& .SCEventParticipantsButton-infinite-scroll': {
7018
7017
  [x: number]: {
7019
7018
  height: string;
7020
7019
  };
@@ -7184,19 +7183,21 @@ declare const theme: {
7184
7183
  };
7185
7184
  };
7186
7185
  };
7187
- '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
7186
+ '& .SCSuggestedEventsWidget-swiper-arrow': {
7188
7187
  position: string;
7189
7188
  top: string;
7190
7189
  transform: string;
7191
- left: string;
7192
7190
  zIndex: number;
7191
+ paddingLeft: string;
7192
+ paddingRight: string;
7193
+ minWidth: string;
7194
+ backgroundColor: any;
7195
+ };
7196
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
7197
+ left: string;
7193
7198
  };
7194
7199
  '& .SCSuggestedEventsWidget-swiper-next-arrow': {
7195
- position: string;
7196
- top: string;
7197
- transform: string;
7198
7200
  right: string;
7199
- zIndex: number;
7200
7201
  };
7201
7202
  };
7202
7203
  };
@@ -7228,6 +7229,167 @@ declare const theme: {
7228
7229
  };
7229
7230
  };
7230
7231
  };
7232
+ SCEventMembersWidget: {
7233
+ styleOverrides: {
7234
+ root: ({ theme }: {
7235
+ theme: any;
7236
+ }) => {
7237
+ /**
7238
+ * Style fragments - Imports - Start
7239
+ */
7240
+ '& .SCEventMembersWidget-content': {
7241
+ padding: string;
7242
+ '& .SCEventMembersWidget-title': {
7243
+ marginBottom: string;
7244
+ };
7245
+ '& .SCEventMembersWidget-tabs-wrapper': {
7246
+ borderBottom: string;
7247
+ '& .SCEventMembersWidget-tab-label-wrapper': {
7248
+ gap: string;
7249
+ alignItems: string;
7250
+ };
7251
+ };
7252
+ '& .SCEventMembersWidget-tab-panel': {
7253
+ padding: string;
7254
+ };
7255
+ };
7256
+ '& .SCEventMembersWidget-actions': {
7257
+ padding: string;
7258
+ justifyContent: string;
7259
+ '& .SCSuggestedEventsWidget-actionButton': {
7260
+ color: any;
7261
+ };
7262
+ };
7263
+ };
7264
+ skeletonRoot: ({ theme }: {
7265
+ theme: any;
7266
+ }) => {
7267
+ '& .SCEventMembersWidget-content': {
7268
+ padding: string;
7269
+ '& .SCEventMembersWidget-title': {
7270
+ marginBottom: string;
7271
+ };
7272
+ '& .SCEventMembersWidget-tabs-wrapper': {
7273
+ borderBottom: string;
7274
+ '& .SCEventMembersWidget-tab-label-wrapper': {
7275
+ gap: string;
7276
+ alignItems: string;
7277
+ };
7278
+ };
7279
+ '& .SCEventMembersWidget-tab-panel': {
7280
+ padding: string;
7281
+ };
7282
+ };
7283
+ '& .SCEventMembersWidget-actions': {
7284
+ padding: string;
7285
+ justifyContent: string;
7286
+ };
7287
+ };
7288
+ dialogRoot: ({ theme }: {
7289
+ theme: any;
7290
+ }) => {
7291
+ '& .SCEventMembersWidget-infinite-scroll': {
7292
+ [x: number]: {
7293
+ height: string;
7294
+ };
7295
+ height: string;
7296
+ };
7297
+ };
7298
+ };
7299
+ };
7300
+ SCRelatedEventsWidget: {
7301
+ styleOverrides: {
7302
+ root: ({ theme }: {
7303
+ theme: any;
7304
+ }) => {
7305
+ /**
7306
+ * Style fragments - Imports - Start
7307
+ */
7308
+ '& .SCRelatedEventsWidget-content': {
7309
+ padding: string;
7310
+ '& .SCRelatedEventsWidget-avatar-wrapper': {
7311
+ flexDirection: string;
7312
+ alignItems: string;
7313
+ gap: any;
7314
+ marginBottom: any;
7315
+ color: string;
7316
+ '& .SCRelatedEventsWidget-avatar': {
7317
+ width: string;
7318
+ height: string;
7319
+ };
7320
+ };
7321
+ '& .SCRelatedEventsWidget-event-wrapper': {
7322
+ gap: any;
7323
+ '& .SCRelatedEventsWidget-event': {
7324
+ '& > div': {
7325
+ padding: string;
7326
+ '& > .SCBaseItem-content': {
7327
+ '& > .SCBaseItem-text': {
7328
+ margin: number;
7329
+ };
7330
+ };
7331
+ };
7332
+ };
7333
+ };
7334
+ };
7335
+ '& .SCRelatedEventsWidget-actions': {
7336
+ padding: string;
7337
+ justifyContent: string;
7338
+ '& .SCSuggestedEventsWidget-actionButton': {
7339
+ color: any;
7340
+ };
7341
+ };
7342
+ };
7343
+ skeletonRoot: ({ theme }: {
7344
+ theme: any;
7345
+ }) => {
7346
+ '& .SCRelatedEventsWidget-content': {
7347
+ padding: string;
7348
+ '& .SCRelatedEventsWidget-user': {
7349
+ marginBottom: any;
7350
+ '& > .SCBaseItem-content': {
7351
+ '& > .SCBaseItem-text': {
7352
+ margin: number;
7353
+ };
7354
+ };
7355
+ '& > .SCBaseItem-actions': {
7356
+ display: string;
7357
+ };
7358
+ };
7359
+ '& .SCRelatedEventsWidget-event-wrapper': {
7360
+ gap: any;
7361
+ '& .SCRelatedEventsWidget-event': {
7362
+ '& > div': {
7363
+ padding: string;
7364
+ '& > .SCBaseItem-content': {
7365
+ '& > .SCBaseItem-text': {
7366
+ margin: number;
7367
+ };
7368
+ };
7369
+ };
7370
+ };
7371
+ };
7372
+ };
7373
+ '& .SCRelatedEventsWidget-actions': {
7374
+ padding: string;
7375
+ justifyContent: string;
7376
+ };
7377
+ };
7378
+ dialogRoot: ({ theme }: {
7379
+ theme: any;
7380
+ }) => {
7381
+ '& .SCRelatedEventsWidget-infinite-scroll': {
7382
+ [x: number]: {
7383
+ height: string;
7384
+ };
7385
+ height: string;
7386
+ '& .SCEvent-root': {
7387
+ width: string;
7388
+ };
7389
+ };
7390
+ };
7391
+ };
7392
+ };
7231
7393
  };
7232
7394
  selfcommunity: {
7233
7395
  user: {
package/lib/esm/index.js CHANGED
@@ -69,7 +69,8 @@ import SCEventInfoDetails from './components/SCEventInfoDetails';
69
69
  import SCEventInfoWidget from './components/SCEventInfoWidget';
70
70
  import SCEventInviteButton from './components/SCEventInviteButton';
71
71
  import SCEventLocationWidget from './components/SCEventLocationWidget';
72
- import SCEventPartecipantsButton from './components/SCEventPartecipantsButton';
72
+ import SCEventMembersWidget from './components/SCEventMembersWidget';
73
+ import SCEventParticipantsButton from './components/SCEventParticipantsButton';
73
74
  import SCEvents from './components/SCEvents';
74
75
  import SCEventSubscribeButton from './components/SCEventSubscribeButton';
75
76
  import SCExploreFeedTemplate from './components/SCExploreFeedTemplate';
@@ -125,6 +126,7 @@ import SCPrivateMessageSnippets from './components/SCPrivateMessageSnippets';
125
126
  import SCPrivateMessageThread from './components/SCPrivateMessageThread';
126
127
  import SCPrivateMessageThreadItem from './components/SCPrivateMessageThreadItem';
127
128
  import SCReactionAction from './components/SCReactionAction';
129
+ import SCRelatedEventsWidget from './components/SCRelatedEventsWidget';
128
130
  import SCRelatedFeedObjectsWidget from './components/SCRelatedFeedObjectsWidget';
129
131
  import SCScrollContainer from './components/SCScrollContainer';
130
132
  import SCSearchAutocomplete from './components/SCSearchAutocomplete';
@@ -366,11 +368,13 @@ const theme = {
366
368
  SCEventInfoWidget,
367
369
  SCEventInfoDetails,
368
370
  SCEventSubscribeButton,
369
- SCEventPartecipantsButton,
371
+ SCEventParticipantsButton,
370
372
  SCMyEventsWidget,
371
373
  SCCalendar,
372
374
  SCCreateEventWidget,
373
- SCSuggestedEventsWidget
375
+ SCSuggestedEventsWidget,
376
+ SCEventMembersWidget,
377
+ SCRelatedEventsWidget
374
378
  },
375
379
  selfcommunity: {
376
380
  user: {