@selfcommunity/react-theme-default 0.1.50-event.29 → 0.1.50-event.30
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/SCEvent.d.ts +14 -9
- package/lib/cjs/components/SCEvent.js +14 -9
- package/lib/cjs/components/SCEventInviteButton.d.ts +54 -0
- package/lib/cjs/components/SCEventInviteButton.js +57 -0
- package/lib/cjs/components/SCEvents.d.ts +55 -0
- package/lib/cjs/components/SCEvents.js +57 -0
- package/lib/cjs/index.d.ts +121 -9
- package/lib/cjs/index.js +5 -1
- package/lib/esm/components/SCEvent.d.ts +14 -9
- package/lib/esm/components/SCEvent.js +14 -9
- package/lib/esm/components/SCEventInviteButton.d.ts +54 -0
- package/lib/esm/components/SCEventInviteButton.js +55 -0
- package/lib/esm/components/SCEvents.d.ts +55 -0
- package/lib/esm/components/SCEvents.js +55 -0
- package/lib/esm/index.d.ts +121 -9
- package/lib/esm/index.js +5 -1
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
declare const Component: {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCEvents-filters': {
|
|
5
|
+
alignItems: string;
|
|
6
|
+
marginTop: any;
|
|
7
|
+
marginBottom: any;
|
|
8
|
+
};
|
|
9
|
+
'& .SCEvents-events': {
|
|
10
|
+
marginTop: any;
|
|
11
|
+
'& .SCEvents-item': {};
|
|
12
|
+
'& .SCEvent-skeleton-root': {
|
|
13
|
+
padding: any;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
'& .SCEvents-no-results': {
|
|
17
|
+
maxWidth: string;
|
|
18
|
+
marginTop: any;
|
|
19
|
+
display: string;
|
|
20
|
+
flexDirection: string;
|
|
21
|
+
alignItems: string;
|
|
22
|
+
'& .SCEvent-skeleton-root': {
|
|
23
|
+
marginBottom: any;
|
|
24
|
+
};
|
|
25
|
+
'& .MuiTypography-body1': {
|
|
26
|
+
fontWeight: any;
|
|
27
|
+
fontSize: string;
|
|
28
|
+
whiteSpace: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
'& .SCEvents-show-more': {
|
|
32
|
+
paddingLeft: any;
|
|
33
|
+
'&.Mui-selected, &:hover': {
|
|
34
|
+
backgroundColor: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
skeletonRoot: ({ theme }: any) => {
|
|
39
|
+
'& .SCEvents-events': {
|
|
40
|
+
justifyContent: string;
|
|
41
|
+
marginTop: any;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
chipRoot: ({ theme, selected }: any) => {
|
|
45
|
+
height: any;
|
|
46
|
+
borderRadius: any;
|
|
47
|
+
color: any;
|
|
48
|
+
'& .MuiIcon-root': {
|
|
49
|
+
fontSize: string;
|
|
50
|
+
color: any;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
export default Component;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
const Component = {
|
|
2
|
+
styleOverrides: {
|
|
3
|
+
root: ({ theme }) => ({
|
|
4
|
+
'& .SCEvents-filters': {
|
|
5
|
+
alignItems: 'center',
|
|
6
|
+
marginTop: theme.spacing(),
|
|
7
|
+
marginBottom: theme.spacing(2)
|
|
8
|
+
},
|
|
9
|
+
'& .SCEvents-events': {
|
|
10
|
+
marginTop: theme.spacing(2),
|
|
11
|
+
'& .SCEvents-item': {},
|
|
12
|
+
'& .SCEvent-skeleton-root': {
|
|
13
|
+
padding: theme.spacing(0.5, 0, 0.5, 0)
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
'& .SCEvents-no-results': {
|
|
17
|
+
maxWidth: '50%',
|
|
18
|
+
marginTop: theme.spacing(3),
|
|
19
|
+
display: 'flex',
|
|
20
|
+
flexDirection: 'column',
|
|
21
|
+
alignItems: 'flex-start',
|
|
22
|
+
'& .SCEvent-skeleton-root': {
|
|
23
|
+
marginBottom: theme.spacing(2)
|
|
24
|
+
},
|
|
25
|
+
'& .MuiTypography-body1': {
|
|
26
|
+
fontWeight: theme.typography.fontWeightMedium,
|
|
27
|
+
fontSize: '16px',
|
|
28
|
+
whiteSpace: 'pre-line'
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
'& .SCEvents-show-more': {
|
|
32
|
+
paddingLeft: theme.spacing(1),
|
|
33
|
+
'&.Mui-selected, &:hover': {
|
|
34
|
+
backgroundColor: 'transparent'
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}),
|
|
38
|
+
skeletonRoot: ({ theme }) => ({
|
|
39
|
+
'& .SCEvents-events': {
|
|
40
|
+
justifyContent: 'center',
|
|
41
|
+
marginTop: theme.spacing(3)
|
|
42
|
+
}
|
|
43
|
+
}),
|
|
44
|
+
chipRoot: ({ theme, selected }) => ({
|
|
45
|
+
height: theme.spacing(4.75),
|
|
46
|
+
borderRadius: theme.spacing(0.5),
|
|
47
|
+
color: selected ? theme.palette.common.white : theme.palette.text.primary,
|
|
48
|
+
'& .MuiIcon-root': {
|
|
49
|
+
fontSize: '1rem',
|
|
50
|
+
color: theme.palette.common.white
|
|
51
|
+
}
|
|
52
|
+
})
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
export default Component;
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -6426,14 +6426,8 @@ declare const theme: {
|
|
|
6426
6426
|
SCEvent: {
|
|
6427
6427
|
styleOverrides: {
|
|
6428
6428
|
root: ({ theme }: any) => {
|
|
6429
|
-
[x: number]: {
|
|
6430
|
-
borderRadius: any;
|
|
6431
|
-
};
|
|
6432
|
-
borderRadius: number;
|
|
6433
|
-
paddingBottom: number;
|
|
6434
6429
|
overflow: string;
|
|
6435
|
-
'& .
|
|
6436
|
-
marginRight: any;
|
|
6430
|
+
'& .SCBaseItem-image': {
|
|
6437
6431
|
'& .MuiAvatar-root': {
|
|
6438
6432
|
width: number;
|
|
6439
6433
|
height: number;
|
|
@@ -6442,7 +6436,7 @@ declare const theme: {
|
|
|
6442
6436
|
};
|
|
6443
6437
|
};
|
|
6444
6438
|
};
|
|
6445
|
-
'& .
|
|
6439
|
+
'& .SCBaseItem-text': {
|
|
6446
6440
|
fontSize: any;
|
|
6447
6441
|
'& .SCEvent-primary': {
|
|
6448
6442
|
'& p': {
|
|
@@ -6454,7 +6448,125 @@ declare const theme: {
|
|
|
6454
6448
|
};
|
|
6455
6449
|
};
|
|
6456
6450
|
};
|
|
6457
|
-
skeletonRoot: ({ theme }: any) => {
|
|
6451
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6452
|
+
'& .SCEvent-skeleton-image': {
|
|
6453
|
+
position: string;
|
|
6454
|
+
'& .MuiIcon-root': {
|
|
6455
|
+
color: any;
|
|
6456
|
+
position: string;
|
|
6457
|
+
top: string;
|
|
6458
|
+
left: string;
|
|
6459
|
+
transform: string;
|
|
6460
|
+
};
|
|
6461
|
+
};
|
|
6462
|
+
};
|
|
6463
|
+
};
|
|
6464
|
+
};
|
|
6465
|
+
SCEvents: {
|
|
6466
|
+
styleOverrides: {
|
|
6467
|
+
root: ({ theme }: any) => {
|
|
6468
|
+
'& .SCEvents-filters': {
|
|
6469
|
+
alignItems: string;
|
|
6470
|
+
marginTop: any;
|
|
6471
|
+
marginBottom: any;
|
|
6472
|
+
};
|
|
6473
|
+
'& .SCEvents-events': {
|
|
6474
|
+
marginTop: any;
|
|
6475
|
+
'& .SCEvents-item': {};
|
|
6476
|
+
'& .SCEvent-skeleton-root': {
|
|
6477
|
+
padding: any;
|
|
6478
|
+
};
|
|
6479
|
+
};
|
|
6480
|
+
'& .SCEvents-no-results': {
|
|
6481
|
+
maxWidth: string;
|
|
6482
|
+
marginTop: any;
|
|
6483
|
+
display: string;
|
|
6484
|
+
flexDirection: string;
|
|
6485
|
+
alignItems: string;
|
|
6486
|
+
'& .SCEvent-skeleton-root': {
|
|
6487
|
+
marginBottom: any;
|
|
6488
|
+
};
|
|
6489
|
+
'& .MuiTypography-body1': {
|
|
6490
|
+
fontWeight: any;
|
|
6491
|
+
fontSize: string;
|
|
6492
|
+
whiteSpace: string;
|
|
6493
|
+
};
|
|
6494
|
+
};
|
|
6495
|
+
'& .SCEvents-show-more': {
|
|
6496
|
+
paddingLeft: any;
|
|
6497
|
+
'&.Mui-selected, &:hover': {
|
|
6498
|
+
backgroundColor: string;
|
|
6499
|
+
};
|
|
6500
|
+
};
|
|
6501
|
+
};
|
|
6502
|
+
skeletonRoot: ({ theme }: any) => {
|
|
6503
|
+
'& .SCEvents-events': {
|
|
6504
|
+
justifyContent: string;
|
|
6505
|
+
marginTop: any;
|
|
6506
|
+
};
|
|
6507
|
+
};
|
|
6508
|
+
chipRoot: ({ theme, selected }: any) => {
|
|
6509
|
+
height: any;
|
|
6510
|
+
borderRadius: any;
|
|
6511
|
+
color: any;
|
|
6512
|
+
'& .MuiIcon-root': {
|
|
6513
|
+
fontSize: string;
|
|
6514
|
+
color: any;
|
|
6515
|
+
};
|
|
6516
|
+
};
|
|
6517
|
+
};
|
|
6518
|
+
};
|
|
6519
|
+
SCEventInviteButton: {
|
|
6520
|
+
styleOverrides: {
|
|
6521
|
+
root: ({ theme }: any) => {
|
|
6522
|
+
'& .MuiButton-startIcon': {
|
|
6523
|
+
marginRight: any;
|
|
6524
|
+
'& .MuiIcon-root': {
|
|
6525
|
+
fontSize: string;
|
|
6526
|
+
};
|
|
6527
|
+
};
|
|
6528
|
+
};
|
|
6529
|
+
dialogRoot: ({ theme }: any) => {
|
|
6530
|
+
'& .SCBaseDialog-title-root span ': {
|
|
6531
|
+
width: string;
|
|
6532
|
+
display: string;
|
|
6533
|
+
alignItems: string;
|
|
6534
|
+
justifyContent: string;
|
|
6535
|
+
'& .SCEventInviteButton-dialog-title': {
|
|
6536
|
+
fontWeight: any;
|
|
6537
|
+
fontSize: any;
|
|
6538
|
+
};
|
|
6539
|
+
};
|
|
6540
|
+
'& .SCEventInviteButton-input': {
|
|
6541
|
+
backgroundColor: string;
|
|
6542
|
+
borderRadius: any;
|
|
6543
|
+
height: any;
|
|
6544
|
+
padding: any;
|
|
6545
|
+
'& .SCEventInviteButton-icon ': {
|
|
6546
|
+
marginLeft: any;
|
|
6547
|
+
};
|
|
6548
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
6549
|
+
border: string;
|
|
6550
|
+
};
|
|
6551
|
+
};
|
|
6552
|
+
'& .SCEventInviteButton-invited-box': {
|
|
6553
|
+
marginTop: any;
|
|
6554
|
+
marginBottom: any;
|
|
6555
|
+
'& .MuiChip-root': {
|
|
6556
|
+
marginBottom: any;
|
|
6557
|
+
};
|
|
6558
|
+
};
|
|
6559
|
+
'& .SCEventInviteButton-suggested': {
|
|
6560
|
+
'& h4': {
|
|
6561
|
+
marginBottom: any;
|
|
6562
|
+
};
|
|
6563
|
+
'& .SCUser-root': {
|
|
6564
|
+
'&:hover': {
|
|
6565
|
+
backgroundColor: string;
|
|
6566
|
+
};
|
|
6567
|
+
};
|
|
6568
|
+
};
|
|
6569
|
+
};
|
|
6458
6570
|
};
|
|
6459
6571
|
};
|
|
6460
6572
|
};
|
package/lib/esm/index.js
CHANGED
|
@@ -140,6 +140,8 @@ import SCEventForm from './components/SCEventForm';
|
|
|
140
140
|
import SCCreateEventButton from './components/SCCreateEventButton';
|
|
141
141
|
import SCEventLocationWidget from './components/SCEventLocationWidget';
|
|
142
142
|
import SCEvent from './components/SCEvent';
|
|
143
|
+
import SCEvents from './components/SCEvents';
|
|
144
|
+
import SCEventInviteButton from './components/SCEventInviteButton';
|
|
143
145
|
/**
|
|
144
146
|
* Style fragments - Imports - End
|
|
145
147
|
*/
|
|
@@ -346,7 +348,9 @@ const theme = {
|
|
|
346
348
|
SCEventForm,
|
|
347
349
|
SCCreateEventButton,
|
|
348
350
|
SCEventLocationWidget,
|
|
349
|
-
SCEvent
|
|
351
|
+
SCEvent,
|
|
352
|
+
SCEvents,
|
|
353
|
+
SCEventInviteButton
|
|
350
354
|
},
|
|
351
355
|
selfcommunity: {
|
|
352
356
|
user: {
|