@selfcommunity/react-theme-default 0.1.50-events.55 → 0.1.50-events.57

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 (12) hide show
  1. package/lib/cjs/components/SCEvents.d.ts +5 -2
  2. package/lib/cjs/components/SCEvents.js +7 -4
  3. package/lib/cjs/components/SCSuggestedEventsWidget.d.ts +41 -21
  4. package/lib/cjs/components/SCSuggestedEventsWidget.js +43 -23
  5. package/lib/cjs/index.d.ts +49 -23
  6. package/lib/esm/components/SCEvents.d.ts +5 -2
  7. package/lib/esm/components/SCEvents.js +7 -4
  8. package/lib/esm/components/SCSuggestedEventsWidget.d.ts +41 -21
  9. package/lib/esm/components/SCSuggestedEventsWidget.js +43 -23
  10. package/lib/esm/index.d.ts +49 -23
  11. package/lib/umd/react-theme-default.js +2 -2
  12. package/package.json +4 -4
package/lib/cjs/components/SCEvents.d.ts CHANGED
@@ -23,13 +23,16 @@ declare const Component: {
23
23
  };
24
24
  };
25
25
  '& .SCEvents-no-results': {
26
- maxWidth: string;
27
26
  marginTop: any;
28
27
  display: string;
29
28
  flexDirection: string;
30
29
  alignItems: string;
31
30
  '& .SCEvent-skeleton-root': {
32
31
  marginBottom: any;
32
+ minWidth: string;
33
+ };
34
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
35
+ maxWidth: string;
33
36
  };
34
37
  '& .MuiTypography-body1': {
35
38
  fontWeight: any;
@@ -50,7 +53,7 @@ declare const Component: {
50
53
  marginTop: any;
51
54
  };
52
55
  };
53
- chipRoot: ({ theme, selected }: any) => {
56
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
54
57
  height: any;
55
58
  borderRadius: any;
56
59
  color: any;
package/lib/cjs/components/SCEvents.js CHANGED
@@ -25,13 +25,16 @@ const Component = {
25
25
  }
26
26
  },
27
27
  '& .SCEvents-no-results': {
28
- maxWidth: '50%',
29
28
  marginTop: theme.spacing(3),
30
29
  display: 'flex',
31
30
  flexDirection: 'column',
32
31
  alignItems: 'flex-start',
33
32
  '& .SCEvent-skeleton-root': {
34
- marginBottom: theme.spacing(2)
33
+ marginBottom: theme.spacing(2),
34
+ minWidth: '50%'
35
+ },
36
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
37
+ maxWidth: '70%'
35
38
  },
36
39
  '& .MuiTypography-body1': {
37
40
  fontWeight: theme.typography.fontWeightMedium,
@@ -52,10 +55,10 @@ const Component = {
52
55
  marginTop: theme.spacing(3)
53
56
  }
54
57
  }),
55
- chipRoot: ({ theme, selected }) => ({
58
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
56
59
  height: theme.spacing(4.75),
57
60
  borderRadius: theme.spacing(0.5),
58
- color: selected ? theme.palette.common.white : theme.palette.text.primary,
61
+ color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
59
62
  '& .MuiIcon-root': {
60
63
  fontSize: '1rem',
61
64
  color: theme.palette.common.white
package/lib/cjs/components/SCSuggestedEventsWidget.d.ts CHANGED
@@ -9,28 +9,48 @@ declare const Component: {
9
9
  marginBottom: string;
10
10
  };
11
11
  '& .SCSuggestedEventsWidget-swiper': {
12
- width: string;
13
- height: string;
14
- };
15
- };
16
- '& .SCSuggestedEventsWidget-event': {
17
- '& .SCEventInfoDetails-root': {
18
- '& h5': {
19
- fontSize: string;
20
- maxWidth: number;
21
- textOverflow: string;
22
- whiteSpace: string;
23
- overflow: string;
24
- };
25
- '& .SCEventInfoDetails-icon-text-wrapper': {
26
- '& .community-icons': {
27
- fontSize: string;
28
- };
29
- '& p': {
30
- marginTop: number;
31
- fontSize: string;
12
+ position: string;
13
+ '& .swiper-wrapper': {
14
+ paddingBottom: string;
15
+ '& .SCSuggestedEventsWidget-swiper-slide': {
16
+ width: string;
17
+ height: string;
18
+ '& .SCSuggestedEventsWidget-event': {
19
+ '& .SCEventInfoDetails-root': {
20
+ '& h5': {
21
+ fontSize: string;
22
+ maxWidth: number;
23
+ textOverflow: string;
24
+ whiteSpace: string;
25
+ overflow: string;
26
+ };
27
+ '& .SCEventInfoDetails-icon-text-wrapper': {
28
+ '& .community-icons': {
29
+ fontSize: string;
30
+ };
31
+ '& p': {
32
+ marginTop: number;
33
+ fontSize: string;
34
+ };
35
+ };
36
+ };
37
+ };
32
38
  };
33
39
  };
40
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
41
+ position: string;
42
+ top: string;
43
+ transform: string;
44
+ left: string;
45
+ zIndex: number;
46
+ };
47
+ '& .SCSuggestedEventsWidget-swiper-next-arrow': {
48
+ position: string;
49
+ top: string;
50
+ transform: string;
51
+ right: string;
52
+ zIndex: number;
53
+ };
34
54
  };
35
55
  };
36
56
  '& .SCSuggestedEventsWidget-actions': {
@@ -49,7 +69,7 @@ declare const Component: {
49
69
  '& .SCSuggestedEventsWidget-title': {
50
70
  marginBottom: string;
51
71
  };
52
- '& .SCSuggestedEventsWidget-swiper': {
72
+ '& .SCSuggestedEventsWidget-swiper-slide': {
53
73
  width: string;
54
74
  height: string;
55
75
  };
package/lib/cjs/components/SCSuggestedEventsWidget.js CHANGED
@@ -4,32 +4,52 @@ const Component = {
4
4
  styleOverrides: {
5
5
  root: ({ theme }) => ({
6
6
  '& .SCSuggestedEventsWidget-content': {
7
- padding: `15px 0 ${theme.spacing()} ${theme.spacing(2)} !important`,
7
+ padding: `15px 0 ${theme.spacing(2)} ${theme.spacing(2)}`,
8
8
  '& .SCSuggestedEventsWidget-title': {
9
9
  marginBottom: '11px'
10
10
  },
11
11
  '& .SCSuggestedEventsWidget-swiper': {
12
- width: '200px',
13
- height: 'auto'
14
- }
15
- },
16
- '& .SCSuggestedEventsWidget-event': {
17
- '& .SCEventInfoDetails-root': {
18
- '& h5': {
19
- fontSize: '1rem',
20
- maxWidth: 200,
21
- textOverflow: 'ellipsis',
22
- whiteSpace: 'nowrap',
23
- overflow: 'hidden'
24
- },
25
- '& .SCEventInfoDetails-icon-text-wrapper': {
26
- '& .community-icons': {
27
- fontSize: '0.9rem'
28
- },
29
- '& p': {
30
- marginTop: 1,
31
- fontSize: '0.74rem'
12
+ position: 'relative',
13
+ '& .swiper-wrapper': {
14
+ paddingBottom: '1px',
15
+ '& .SCSuggestedEventsWidget-swiper-slide': {
16
+ width: '200px',
17
+ height: 'auto',
18
+ '& .SCSuggestedEventsWidget-event': {
19
+ '& .SCEventInfoDetails-root': {
20
+ '& h5': {
21
+ fontSize: '1rem',
22
+ maxWidth: 200,
23
+ textOverflow: 'ellipsis',
24
+ whiteSpace: 'nowrap',
25
+ overflow: 'hidden'
26
+ },
27
+ '& .SCEventInfoDetails-icon-text-wrapper': {
28
+ '& .community-icons': {
29
+ fontSize: '0.9rem'
30
+ },
31
+ '& p': {
32
+ marginTop: 1,
33
+ fontSize: '0.74rem'
34
+ }
35
+ }
36
+ }
37
+ }
32
38
  }
39
+ },
40
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
41
+ position: 'absolute',
42
+ top: '50%',
43
+ transform: 'translateY(-50%)',
44
+ left: '5px',
45
+ zIndex: 1
46
+ },
47
+ '& .SCSuggestedEventsWidget-swiper-next-arrow': {
48
+ position: 'absolute',
49
+ top: '50%',
50
+ transform: 'translateY(-50%)',
51
+ right: '5px',
52
+ zIndex: 1
33
53
  }
34
54
  }
35
55
  },
@@ -43,11 +63,11 @@ const Component = {
43
63
  }),
44
64
  skeletonRoot: ({ theme }) => ({
45
65
  '& .SCSuggestedEventsWidget-content': {
46
- padding: `15px 0 ${theme.spacing()} ${theme.spacing(2)} !important`,
66
+ padding: `15px 0 ${theme.spacing(3)} ${theme.spacing(2)}`,
47
67
  '& .SCSuggestedEventsWidget-title': {
48
68
  marginBottom: '11px'
49
69
  },
50
- '& .SCSuggestedEventsWidget-swiper': {
70
+ '& .SCSuggestedEventsWidget-swiper-slide': {
51
71
  width: '200px',
52
72
  height: 'auto'
53
73
  }
package/lib/cjs/index.d.ts CHANGED
@@ -6656,13 +6656,16 @@ declare const theme: {
6656
6656
  };
6657
6657
  };
6658
6658
  '& .SCEvents-no-results': {
6659
- maxWidth: string;
6660
6659
  marginTop: any;
6661
6660
  display: string;
6662
6661
  flexDirection: string;
6663
6662
  alignItems: string;
6664
6663
  '& .SCEvent-skeleton-root': {
6665
6664
  marginBottom: any;
6665
+ minWidth: string;
6666
+ };
6667
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
6668
+ maxWidth: string;
6666
6669
  };
6667
6670
  '& .MuiTypography-body1': {
6668
6671
  fontWeight: any;
@@ -6683,7 +6686,7 @@ declare const theme: {
6683
6686
  marginTop: any;
6684
6687
  };
6685
6688
  };
6686
- chipRoot: ({ theme, selected }: any) => {
6689
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
6687
6690
  height: any;
6688
6691
  borderRadius: any;
6689
6692
  color: any;
@@ -7144,34 +7147,57 @@ declare const theme: {
7144
7147
  root: ({ theme }: {
7145
7148
  theme: any;
7146
7149
  }) => {
7150
+ /**
7151
+ * Style fragments - Imports - Start
7152
+ */
7147
7153
  '& .SCSuggestedEventsWidget-content': {
7148
7154
  padding: string;
7149
7155
  '& .SCSuggestedEventsWidget-title': {
7150
7156
  marginBottom: string;
7151
7157
  };
7152
7158
  '& .SCSuggestedEventsWidget-swiper': {
7153
- width: string;
7154
- height: string;
7155
- };
7156
- };
7157
- '& .SCSuggestedEventsWidget-event': {
7158
- '& .SCEventInfoDetails-root': {
7159
- '& h5': {
7160
- fontSize: string;
7161
- maxWidth: number;
7162
- textOverflow: string;
7163
- whiteSpace: string;
7164
- overflow: string;
7165
- };
7166
- '& .SCEventInfoDetails-icon-text-wrapper': {
7167
- '& .community-icons': {
7168
- fontSize: string;
7169
- };
7170
- '& p': {
7171
- marginTop: number;
7172
- fontSize: string;
7159
+ position: string;
7160
+ '& .swiper-wrapper': {
7161
+ paddingBottom: string;
7162
+ '& .SCSuggestedEventsWidget-swiper-slide': {
7163
+ width: string;
7164
+ height: string;
7165
+ '& .SCSuggestedEventsWidget-event': {
7166
+ '& .SCEventInfoDetails-root': {
7167
+ '& h5': {
7168
+ fontSize: string;
7169
+ maxWidth: number;
7170
+ textOverflow: string;
7171
+ whiteSpace: string;
7172
+ overflow: string;
7173
+ };
7174
+ '& .SCEventInfoDetails-icon-text-wrapper': {
7175
+ '& .community-icons': {
7176
+ fontSize: string;
7177
+ };
7178
+ '& p': {
7179
+ marginTop: number;
7180
+ fontSize: string;
7181
+ };
7182
+ };
7183
+ };
7184
+ };
7173
7185
  };
7174
7186
  };
7187
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
7188
+ position: string;
7189
+ top: string;
7190
+ transform: string;
7191
+ left: string;
7192
+ zIndex: number;
7193
+ };
7194
+ '& .SCSuggestedEventsWidget-swiper-next-arrow': {
7195
+ position: string;
7196
+ top: string;
7197
+ transform: string;
7198
+ right: string;
7199
+ zIndex: number;
7200
+ };
7175
7201
  };
7176
7202
  };
7177
7203
  '& .SCSuggestedEventsWidget-actions': {
@@ -7190,7 +7216,7 @@ declare const theme: {
7190
7216
  '& .SCSuggestedEventsWidget-title': {
7191
7217
  marginBottom: string;
7192
7218
  };
7193
- '& .SCSuggestedEventsWidget-swiper': {
7219
+ '& .SCSuggestedEventsWidget-swiper-slide': {
7194
7220
  width: string;
7195
7221
  height: string;
7196
7222
  };
package/lib/esm/components/SCEvents.d.ts CHANGED
@@ -23,13 +23,16 @@ declare const Component: {
23
23
  };
24
24
  };
25
25
  '& .SCEvents-no-results': {
26
- maxWidth: string;
27
26
  marginTop: any;
28
27
  display: string;
29
28
  flexDirection: string;
30
29
  alignItems: string;
31
30
  '& .SCEvent-skeleton-root': {
32
31
  marginBottom: any;
32
+ minWidth: string;
33
+ };
34
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
35
+ maxWidth: string;
33
36
  };
34
37
  '& .MuiTypography-body1': {
35
38
  fontWeight: any;
@@ -50,7 +53,7 @@ declare const Component: {
50
53
  marginTop: any;
51
54
  };
52
55
  };
53
- chipRoot: ({ theme, selected }: any) => {
56
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }: any) => {
54
57
  height: any;
55
58
  borderRadius: any;
56
59
  color: any;
package/lib/esm/components/SCEvents.js CHANGED
@@ -23,13 +23,16 @@ const Component = {
23
23
  }
24
24
  },
25
25
  '& .SCEvents-no-results': {
26
- maxWidth: '50%',
27
26
  marginTop: theme.spacing(3),
28
27
  display: 'flex',
29
28
  flexDirection: 'column',
30
29
  alignItems: 'flex-start',
31
30
  '& .SCEvent-skeleton-root': {
32
- marginBottom: theme.spacing(2)
31
+ marginBottom: theme.spacing(2),
32
+ minWidth: '50%'
33
+ },
34
+ '& .SCEvent-skeleton-snippet .SCBaseItem-content': {
35
+ maxWidth: '70%'
33
36
  },
34
37
  '& .MuiTypography-body1': {
35
38
  fontWeight: theme.typography.fontWeightMedium,
@@ -50,10 +53,10 @@ const Component = {
50
53
  marginTop: theme.spacing(3)
51
54
  }
52
55
  }),
53
- chipRoot: ({ theme, selected }) => ({
56
+ eventsChipRoot: ({ theme, showFollowed, showPastEvents }) => ({
54
57
  height: theme.spacing(4.75),
55
58
  borderRadius: theme.spacing(0.5),
56
- color: selected ? theme.palette.common.white : theme.palette.text.primary,
59
+ color: showFollowed || showPastEvents ? theme.palette.common.white : theme.palette.text.primary,
57
60
  '& .MuiIcon-root': {
58
61
  fontSize: '1rem',
59
62
  color: theme.palette.common.white
package/lib/esm/components/SCSuggestedEventsWidget.d.ts CHANGED
@@ -9,28 +9,48 @@ declare const Component: {
9
9
  marginBottom: string;
10
10
  };
11
11
  '& .SCSuggestedEventsWidget-swiper': {
12
- width: string;
13
- height: string;
14
- };
15
- };
16
- '& .SCSuggestedEventsWidget-event': {
17
- '& .SCEventInfoDetails-root': {
18
- '& h5': {
19
- fontSize: string;
20
- maxWidth: number;
21
- textOverflow: string;
22
- whiteSpace: string;
23
- overflow: string;
24
- };
25
- '& .SCEventInfoDetails-icon-text-wrapper': {
26
- '& .community-icons': {
27
- fontSize: string;
28
- };
29
- '& p': {
30
- marginTop: number;
31
- fontSize: string;
12
+ position: string;
13
+ '& .swiper-wrapper': {
14
+ paddingBottom: string;
15
+ '& .SCSuggestedEventsWidget-swiper-slide': {
16
+ width: string;
17
+ height: string;
18
+ '& .SCSuggestedEventsWidget-event': {
19
+ '& .SCEventInfoDetails-root': {
20
+ '& h5': {
21
+ fontSize: string;
22
+ maxWidth: number;
23
+ textOverflow: string;
24
+ whiteSpace: string;
25
+ overflow: string;
26
+ };
27
+ '& .SCEventInfoDetails-icon-text-wrapper': {
28
+ '& .community-icons': {
29
+ fontSize: string;
30
+ };
31
+ '& p': {
32
+ marginTop: number;
33
+ fontSize: string;
34
+ };
35
+ };
36
+ };
37
+ };
32
38
  };
33
39
  };
40
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
41
+ position: string;
42
+ top: string;
43
+ transform: string;
44
+ left: string;
45
+ zIndex: number;
46
+ };
47
+ '& .SCSuggestedEventsWidget-swiper-next-arrow': {
48
+ position: string;
49
+ top: string;
50
+ transform: string;
51
+ right: string;
52
+ zIndex: number;
53
+ };
34
54
  };
35
55
  };
36
56
  '& .SCSuggestedEventsWidget-actions': {
@@ -49,7 +69,7 @@ declare const Component: {
49
69
  '& .SCSuggestedEventsWidget-title': {
50
70
  marginBottom: string;
51
71
  };
52
- '& .SCSuggestedEventsWidget-swiper': {
72
+ '& .SCSuggestedEventsWidget-swiper-slide': {
53
73
  width: string;
54
74
  height: string;
55
75
  };
package/lib/esm/components/SCSuggestedEventsWidget.js CHANGED
@@ -2,32 +2,52 @@ const Component = {
2
2
  styleOverrides: {
3
3
  root: ({ theme }) => ({
4
4
  '& .SCSuggestedEventsWidget-content': {
5
- padding: `15px 0 ${theme.spacing()} ${theme.spacing(2)} !important`,
5
+ padding: `15px 0 ${theme.spacing(2)} ${theme.spacing(2)}`,
6
6
  '& .SCSuggestedEventsWidget-title': {
7
7
  marginBottom: '11px'
8
8
  },
9
9
  '& .SCSuggestedEventsWidget-swiper': {
10
- width: '200px',
11
- height: 'auto'
12
- }
13
- },
14
- '& .SCSuggestedEventsWidget-event': {
15
- '& .SCEventInfoDetails-root': {
16
- '& h5': {
17
- fontSize: '1rem',
18
- maxWidth: 200,
19
- textOverflow: 'ellipsis',
20
- whiteSpace: 'nowrap',
21
- overflow: 'hidden'
22
- },
23
- '& .SCEventInfoDetails-icon-text-wrapper': {
24
- '& .community-icons': {
25
- fontSize: '0.9rem'
26
- },
27
- '& p': {
28
- marginTop: 1,
29
- fontSize: '0.74rem'
10
+ position: 'relative',
11
+ '& .swiper-wrapper': {
12
+ paddingBottom: '1px',
13
+ '& .SCSuggestedEventsWidget-swiper-slide': {
14
+ width: '200px',
15
+ height: 'auto',
16
+ '& .SCSuggestedEventsWidget-event': {
17
+ '& .SCEventInfoDetails-root': {
18
+ '& h5': {
19
+ fontSize: '1rem',
20
+ maxWidth: 200,
21
+ textOverflow: 'ellipsis',
22
+ whiteSpace: 'nowrap',
23
+ overflow: 'hidden'
24
+ },
25
+ '& .SCEventInfoDetails-icon-text-wrapper': {
26
+ '& .community-icons': {
27
+ fontSize: '0.9rem'
28
+ },
29
+ '& p': {
30
+ marginTop: 1,
31
+ fontSize: '0.74rem'
32
+ }
33
+ }
34
+ }
35
+ }
30
36
  }
37
+ },
38
+ '& .SCSuggestedEventsWidget-swiper-prev-arrow': {
39
+ position: 'absolute',
40
+ top: '50%',
41
+ transform: 'translateY(-50%)',
42
+ left: '5px',
43
+ zIndex: 1
44
+ },
45
+ '& .SCSuggestedEventsWidget-swiper-next-arrow': {
46
+ position: 'absolute',
47
+ top: '50%',
48
+ transform: 'translateY(-50%)',
49
+ right: '5px',
50
+ zIndex: 1
31
51
  }
32
52
  }
33
53
  },
@@ -41,11 +61,11 @@ const Component = {
41
61
  }),
42
62
  skeletonRoot: ({ theme }) => ({
43
63
  '& .SCSuggestedEventsWidget-content': {
44
- padding: `15px 0 ${theme.spacing()} ${theme.spacing(2)} !important`,
64
+ padding: `15px 0 ${theme.spacing(3)} ${theme.spacing(2)}`,
45
65
  '& .SCSuggestedEventsWidget-title': {
46
66
  marginBottom: '11px'
47
67
  },
48
- '& .SCSuggestedEventsWidget-swiper': {
68
+ '& .SCSuggestedEventsWidget-swiper-slide': {
49
69
  width: '200px',
50
70
  height: 'auto'
51
71
  }