@selfcommunity/react-theme-default 0.1.9-alpha.3 → 0.1.9-alpha.4
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/SCComposer.d.ts +1 -0
- package/lib/cjs/components/SCComposer.js +5 -4
- package/lib/cjs/components/SCCreateGroupButton.d.ts +5 -2
- package/lib/cjs/components/SCCreateGroupButton.js +5 -2
- package/lib/cjs/components/SCEditGroupButton.d.ts +13 -0
- package/lib/cjs/components/SCEditGroupButton.js +15 -0
- package/lib/cjs/components/SCGroupAutocomplete.d.ts +6 -0
- package/lib/cjs/components/SCGroupAutocomplete.js +8 -0
- package/lib/cjs/components/SCGroupFeedTemplate.d.ts +0 -29
- package/lib/cjs/components/SCGroupFeedTemplate.js +1 -30
- package/lib/cjs/components/{SCCreateGroup.d.ts → SCGroupForm.d.ts} +13 -10
- package/lib/cjs/components/{SCCreateGroup.js → SCGroupForm.js} +13 -10
- package/lib/cjs/components/SCGroupHeader.d.ts +4 -1
- package/lib/cjs/components/SCGroupHeader.js +4 -1
- package/lib/cjs/components/SCGroupInviteButton.d.ts +5 -2
- package/lib/cjs/components/SCGroupInviteButton.js +5 -2
- package/lib/cjs/components/SCGroupMembersWidget.d.ts +2 -2
- package/lib/cjs/components/SCGroupMembersWidget.js +2 -2
- package/lib/cjs/components/SCGroups.d.ts +22 -2
- package/lib/cjs/components/SCGroups.js +22 -2
- package/lib/cjs/index.d.ts +69 -48
- package/lib/cjs/index.js +7 -3
- package/lib/esm/components/SCComposer.d.ts +1 -0
- package/lib/esm/components/SCComposer.js +5 -4
- package/lib/esm/components/SCCreateGroupButton.d.ts +5 -2
- package/lib/esm/components/SCCreateGroupButton.js +5 -2
- package/lib/esm/components/SCEditGroupButton.d.ts +13 -0
- package/lib/esm/components/SCEditGroupButton.js +13 -0
- package/lib/esm/components/SCGroupAutocomplete.d.ts +6 -0
- package/lib/esm/components/SCGroupAutocomplete.js +6 -0
- package/lib/esm/components/SCGroupFeedTemplate.d.ts +0 -29
- package/lib/esm/components/SCGroupFeedTemplate.js +1 -30
- package/lib/esm/components/{SCCreateGroup.d.ts → SCGroupForm.d.ts} +13 -10
- package/lib/esm/components/{SCCreateGroup.js → SCGroupForm.js} +13 -10
- package/lib/esm/components/SCGroupHeader.d.ts +4 -1
- package/lib/esm/components/SCGroupHeader.js +4 -1
- package/lib/esm/components/SCGroupInviteButton.d.ts +5 -2
- package/lib/esm/components/SCGroupInviteButton.js +5 -2
- package/lib/esm/components/SCGroupMembersWidget.d.ts +2 -2
- package/lib/esm/components/SCGroupMembersWidget.js +2 -2
- package/lib/esm/components/SCGroups.d.ts +22 -2
- package/lib/esm/components/SCGroups.js +22 -2
- package/lib/esm/index.d.ts +69 -48
- package/lib/esm/index.js +7 -3
- package/lib/umd/react-theme-default.js +2 -2
- package/package.json +4 -4
|
@@ -55,7 +55,7 @@ const Component = {
|
|
|
55
55
|
left: theme.spacing(0.2),
|
|
56
56
|
marginBottom: 0,
|
|
57
57
|
backgroundColor: theme.palette.background.paper
|
|
58
|
-
}
|
|
58
|
+
}
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
},
|
|
@@ -83,7 +83,7 @@ const Component = {
|
|
|
83
83
|
'& .SCComposer-general-error': {
|
|
84
84
|
marginBottom: theme.spacing(2),
|
|
85
85
|
color: theme.palette.error.main
|
|
86
|
-
}
|
|
86
|
+
}
|
|
87
87
|
},
|
|
88
88
|
[theme.breakpoints.up('md')]: {
|
|
89
89
|
'& .MuiDialog-paper': {
|
|
@@ -98,7 +98,7 @@ const Component = {
|
|
|
98
98
|
'& .MuiDialogActions-root': {
|
|
99
99
|
justifyContent: 'center'
|
|
100
100
|
}
|
|
101
|
-
}
|
|
101
|
+
}
|
|
102
102
|
}
|
|
103
103
|
}),
|
|
104
104
|
attributesRoot: ({ theme }) => ({}),
|
|
@@ -173,6 +173,7 @@ const Component = {
|
|
|
173
173
|
}
|
|
174
174
|
}),
|
|
175
175
|
layerCategoryRoot: ({ theme }) => ({}),
|
|
176
|
+
layerGroupRoot: ({ theme }) => ({}),
|
|
176
177
|
layerCloseRoot: ({ theme }) => ({
|
|
177
178
|
'& .SCComposer-layer-content': {
|
|
178
179
|
'& .MuiTypography-root': {
|
|
@@ -212,7 +213,7 @@ const Component = {
|
|
|
212
213
|
paddingRight: theme.spacing(4)
|
|
213
214
|
}
|
|
214
215
|
}
|
|
215
|
-
})
|
|
216
|
+
})
|
|
216
217
|
}
|
|
217
218
|
};
|
|
218
219
|
exports.default = Component;
|
|
@@ -3,8 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
-
'& .
|
|
7
|
-
|
|
6
|
+
'& .MuiButton-startIcon': {
|
|
7
|
+
marginRight: theme.spacing(0.5),
|
|
8
|
+
'& .MuiIcon-root': {
|
|
9
|
+
fontSize: '0.75rem !important'
|
|
10
|
+
}
|
|
8
11
|
}
|
|
9
12
|
})
|
|
10
13
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const Component = {
|
|
4
|
+
styleOverrides: {
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .MuiButton-startIcon': {
|
|
7
|
+
marginRight: theme.spacing(0.5),
|
|
8
|
+
'& .MuiIcon-root': {
|
|
9
|
+
fontSize: '0.75rem !important'
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
})
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
exports.default = Component;
|
|
@@ -2,35 +2,6 @@ declare const Component: {
|
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
4
|
marginTop: number;
|
|
5
|
-
'& .SCGroupFeedTemplate-feed': {
|
|
6
|
-
marginTop: any;
|
|
7
|
-
};
|
|
8
|
-
'& .SCGroupFeedTemplate-tabs': {
|
|
9
|
-
'& .MuiTabs-flexContainer': {
|
|
10
|
-
borderBottom: string;
|
|
11
|
-
};
|
|
12
|
-
'& .MuiTabs-indicator': {
|
|
13
|
-
display: string;
|
|
14
|
-
justifyContent: string;
|
|
15
|
-
backgroundColor: string;
|
|
16
|
-
};
|
|
17
|
-
'& .MuiTabs-indicatorSpan': {
|
|
18
|
-
maxWidth: string;
|
|
19
|
-
width: string;
|
|
20
|
-
backgroundColor: any;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
'& .SCGroupFeedTemplate-tab-content': {
|
|
24
|
-
'& .SCGroupFeedTemplate-members': {
|
|
25
|
-
display: string;
|
|
26
|
-
flexDirection: string;
|
|
27
|
-
gap: any;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
tabRoot: ({ theme }: any) => {
|
|
32
|
-
textTransform: string;
|
|
33
|
-
fontWeight: any;
|
|
34
5
|
};
|
|
35
6
|
skeletonRoot: ({ theme }: any) => {
|
|
36
7
|
[x: number]: {
|
|
@@ -3,36 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
-
marginTop: 0
|
|
7
|
-
'& .SCGroupFeedTemplate-feed': {
|
|
8
|
-
marginTop: theme.spacing(2)
|
|
9
|
-
},
|
|
10
|
-
'& .SCGroupFeedTemplate-tabs': {
|
|
11
|
-
'& .MuiTabs-flexContainer': {
|
|
12
|
-
borderBottom: `2px solid ${theme.palette.grey[300]}`
|
|
13
|
-
},
|
|
14
|
-
'& .MuiTabs-indicator': {
|
|
15
|
-
display: 'flex',
|
|
16
|
-
justifyContent: 'center',
|
|
17
|
-
backgroundColor: 'transparent'
|
|
18
|
-
},
|
|
19
|
-
'& .MuiTabs-indicatorSpan': {
|
|
20
|
-
maxWidth: '40%',
|
|
21
|
-
width: '100%',
|
|
22
|
-
backgroundColor: theme.palette.secondary.main
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
'& .SCGroupFeedTemplate-tab-content': {
|
|
26
|
-
'& .SCGroupFeedTemplate-members': {
|
|
27
|
-
display: 'flex',
|
|
28
|
-
flexDirection: 'column',
|
|
29
|
-
gap: theme.spacing(2)
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}),
|
|
33
|
-
tabRoot: ({ theme }) => ({
|
|
34
|
-
textTransform: 'none',
|
|
35
|
-
fontWeight: theme.typography.fontWeightBold
|
|
6
|
+
marginTop: 0
|
|
36
7
|
}),
|
|
37
8
|
skeletonRoot: ({ theme }) => ({
|
|
38
9
|
marginTop: 0,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
'& .
|
|
4
|
+
'& .SCGroupForm-cover': {
|
|
5
5
|
position: string;
|
|
6
6
|
height: number;
|
|
7
7
|
minHeight: number;
|
|
8
|
-
'& .
|
|
8
|
+
'& .SCGroupForm-avatar': {
|
|
9
9
|
top: number;
|
|
10
10
|
display: string;
|
|
11
11
|
position: string;
|
|
@@ -36,11 +36,14 @@ declare const Component: {
|
|
|
36
36
|
bottom: any;
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
|
-
'& .
|
|
39
|
+
'& .SCGroupForm-header': {
|
|
40
40
|
marginTop: any;
|
|
41
41
|
color: any;
|
|
42
42
|
};
|
|
43
|
-
'& .
|
|
43
|
+
'& .SCGroupForm-error': {
|
|
44
|
+
color: any;
|
|
45
|
+
};
|
|
46
|
+
'& .SCGroupForm-switch': {
|
|
44
47
|
'& .MuiButtonBase-root': {
|
|
45
48
|
'&.Mui-checked': {
|
|
46
49
|
color: any;
|
|
@@ -50,30 +53,30 @@ declare const Component: {
|
|
|
50
53
|
};
|
|
51
54
|
};
|
|
52
55
|
};
|
|
53
|
-
'& .
|
|
56
|
+
'& .SCGroupForm-switch-label': {
|
|
54
57
|
fontWeight: any;
|
|
55
58
|
display: string;
|
|
56
59
|
alignItems: string;
|
|
57
60
|
justifyContent: string;
|
|
58
61
|
gap: any;
|
|
59
62
|
};
|
|
60
|
-
'& .
|
|
63
|
+
'& .SCGroupForm-active': {
|
|
61
64
|
color: any;
|
|
62
65
|
};
|
|
63
|
-
'& .
|
|
66
|
+
'& .SCGroupForm-privacy-section': {
|
|
64
67
|
marginTop: any;
|
|
65
|
-
'& .
|
|
68
|
+
'& .SCGroupForm-privacy-section-info': {
|
|
66
69
|
marginBottom: any;
|
|
67
70
|
};
|
|
68
71
|
};
|
|
69
|
-
'& .
|
|
72
|
+
'& .SCGroupForm-visibility-section-info': {
|
|
70
73
|
marginTop: any;
|
|
71
74
|
};
|
|
72
75
|
'& .MuiDivider-root': {
|
|
73
76
|
marginTop: any;
|
|
74
77
|
border: string;
|
|
75
78
|
};
|
|
76
|
-
'& .
|
|
79
|
+
'& .SCGroupForm-invite-section': {
|
|
77
80
|
marginTop: any;
|
|
78
81
|
display: string;
|
|
79
82
|
justifyContent: string;
|
|
@@ -4,11 +4,11 @@ const system_1 = require("@mui/system");
|
|
|
4
4
|
const Component = {
|
|
5
5
|
styleOverrides: {
|
|
6
6
|
root: ({ theme }) => ({
|
|
7
|
-
'& .
|
|
7
|
+
'& .SCGroupForm-cover': {
|
|
8
8
|
position: 'relative',
|
|
9
9
|
height: 120,
|
|
10
10
|
minHeight: 120,
|
|
11
|
-
'& .
|
|
11
|
+
'& .SCGroupForm-avatar': {
|
|
12
12
|
top: 120,
|
|
13
13
|
display: 'block',
|
|
14
14
|
position: 'absolute',
|
|
@@ -39,11 +39,14 @@ const Component = {
|
|
|
39
39
|
bottom: theme.spacing(2)
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
|
-
'& .
|
|
42
|
+
'& .SCGroupForm-header': {
|
|
43
43
|
marginTop: theme.spacing(4.5),
|
|
44
44
|
color: theme.palette.text.secondary
|
|
45
45
|
},
|
|
46
|
-
'& .
|
|
46
|
+
'& .SCGroupForm-error': {
|
|
47
|
+
color: theme.palette.error.main
|
|
48
|
+
},
|
|
49
|
+
'& .SCGroupForm-switch': {
|
|
47
50
|
'& .MuiButtonBase-root': {
|
|
48
51
|
'&.Mui-checked': {
|
|
49
52
|
color: theme.palette.secondary.main,
|
|
@@ -53,30 +56,30 @@ const Component = {
|
|
|
53
56
|
}
|
|
54
57
|
}
|
|
55
58
|
},
|
|
56
|
-
'& .
|
|
59
|
+
'& .SCGroupForm-switch-label': {
|
|
57
60
|
fontWeight: theme.typography.fontWeightMedium,
|
|
58
61
|
display: 'flex',
|
|
59
62
|
alignItems: 'center',
|
|
60
63
|
justifyContent: 'center',
|
|
61
64
|
gap: theme.spacing(0.5)
|
|
62
65
|
},
|
|
63
|
-
'& .
|
|
66
|
+
'& .SCGroupForm-active': {
|
|
64
67
|
color: theme.palette.secondary.main
|
|
65
68
|
},
|
|
66
|
-
'& .
|
|
69
|
+
'& .SCGroupForm-privacy-section': {
|
|
67
70
|
marginTop: theme.spacing(2),
|
|
68
|
-
'& .
|
|
71
|
+
'& .SCGroupForm-privacy-section-info': {
|
|
69
72
|
marginBottom: theme.spacing(2)
|
|
70
73
|
}
|
|
71
74
|
},
|
|
72
|
-
'& .
|
|
75
|
+
'& .SCGroupForm-visibility-section-info': {
|
|
73
76
|
marginTop: theme.spacing(1)
|
|
74
77
|
},
|
|
75
78
|
'& .MuiDivider-root': {
|
|
76
79
|
marginTop: theme.spacing(2),
|
|
77
80
|
border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
|
|
78
81
|
},
|
|
79
|
-
'& .
|
|
82
|
+
'& .SCGroupForm-invite-section': {
|
|
80
83
|
marginTop: theme.spacing(2),
|
|
81
84
|
display: 'flex',
|
|
82
85
|
justifyContent: 'center',
|
|
@@ -43,6 +43,10 @@ declare const Component: {
|
|
|
43
43
|
gap: any;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
|
+
'& .SCEditGroupButton-root': {
|
|
47
|
+
marginLeft: string;
|
|
48
|
+
marginTop: any;
|
|
49
|
+
};
|
|
46
50
|
};
|
|
47
51
|
'& .SCGroupHeader-avatar': {
|
|
48
52
|
top: number;
|
|
@@ -66,7 +70,6 @@ declare const Component: {
|
|
|
66
70
|
display: string;
|
|
67
71
|
};
|
|
68
72
|
'& .SCGroupHeader-name': {
|
|
69
|
-
marginTop: number;
|
|
70
73
|
marginBottom: any;
|
|
71
74
|
fontWeight: any;
|
|
72
75
|
fontSize: string;
|
|
@@ -43,6 +43,10 @@ const Component = {
|
|
|
43
43
|
alignItems: 'center',
|
|
44
44
|
gap: theme.spacing(0.5)
|
|
45
45
|
}
|
|
46
|
+
},
|
|
47
|
+
'& .SCEditGroupButton-root': {
|
|
48
|
+
marginLeft: 'auto',
|
|
49
|
+
marginTop: theme.spacing(2)
|
|
46
50
|
}
|
|
47
51
|
},
|
|
48
52
|
'& .SCGroupHeader-avatar': {
|
|
@@ -67,7 +71,6 @@ const Component = {
|
|
|
67
71
|
display: 'flex'
|
|
68
72
|
},
|
|
69
73
|
'& .SCGroupHeader-name': {
|
|
70
|
-
marginTop: 0.5 * theme.selfcommunity.group.avatar.sizeLarge + 8,
|
|
71
74
|
marginBottom: theme.spacing(2),
|
|
72
75
|
fontWeight: theme.typography.fontWeightBold,
|
|
73
76
|
fontSize: '1.429rem',
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
3
|
root: ({ theme }: any) => {
|
|
4
|
-
'& .
|
|
5
|
-
|
|
4
|
+
'& .MuiButton-startIcon': {
|
|
5
|
+
marginRight: any;
|
|
6
|
+
'& .MuiIcon-root': {
|
|
7
|
+
fontSize: string;
|
|
8
|
+
};
|
|
6
9
|
};
|
|
7
10
|
};
|
|
8
11
|
dialogRoot: ({ theme }: any) => {
|
|
@@ -4,8 +4,11 @@ const system_1 = require("@mui/system");
|
|
|
4
4
|
const Component = {
|
|
5
5
|
styleOverrides: {
|
|
6
6
|
root: ({ theme }) => ({
|
|
7
|
-
'& .
|
|
8
|
-
|
|
7
|
+
'& .MuiButton-startIcon': {
|
|
8
|
+
marginRight: theme.spacing(0.5),
|
|
9
|
+
'& .MuiIcon-root': {
|
|
10
|
+
fontSize: '0.75rem !important'
|
|
11
|
+
}
|
|
9
12
|
}
|
|
10
13
|
}),
|
|
11
14
|
dialogRoot: ({ theme }) => ({
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
|
-
'& .SCGroupMembersWidget-
|
|
7
|
-
|
|
6
|
+
'& .SCGroupMembersWidget-actions': {
|
|
7
|
+
margin: theme.spacing(0, 0, 2, 1)
|
|
8
8
|
}
|
|
9
9
|
}),
|
|
10
10
|
skeletonRoot: ({ theme }) => ({}),
|
|
@@ -1,7 +1,27 @@
|
|
|
1
1
|
declare const Component: {
|
|
2
2
|
styleOverrides: {
|
|
3
|
-
root: ({ theme }: any) => {
|
|
4
|
-
|
|
3
|
+
root: ({ theme }: any) => {
|
|
4
|
+
'& .SCGroups-groups': {
|
|
5
|
+
marginTop: any;
|
|
6
|
+
'& .SCGroups-item': {
|
|
7
|
+
padding: any;
|
|
8
|
+
width: string;
|
|
9
|
+
'& > div': {
|
|
10
|
+
cursor: string;
|
|
11
|
+
padding: any;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
skeletonRoot: ({ theme }: any) => {
|
|
17
|
+
'& .SCGroups-groups': {
|
|
18
|
+
marginTop: any;
|
|
19
|
+
'& .SCGroup-skeleton-root': {
|
|
20
|
+
padding: any;
|
|
21
|
+
width: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
};
|
|
5
25
|
};
|
|
6
26
|
};
|
|
7
27
|
export default Component;
|
|
@@ -2,8 +2,28 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const Component = {
|
|
4
4
|
styleOverrides: {
|
|
5
|
-
root: ({ theme }) => ({
|
|
6
|
-
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
'& .SCGroups-groups': {
|
|
7
|
+
marginTop: theme.spacing(3),
|
|
8
|
+
'& .SCGroups-item': {
|
|
9
|
+
padding: theme.spacing(2),
|
|
10
|
+
width: 'auto',
|
|
11
|
+
'& > div': {
|
|
12
|
+
cursor: 'default',
|
|
13
|
+
padding: theme.spacing(1)
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}),
|
|
18
|
+
skeletonRoot: ({ theme }) => ({
|
|
19
|
+
'& .SCGroups-groups': {
|
|
20
|
+
marginTop: theme.spacing(3),
|
|
21
|
+
'& .SCGroup-skeleton-root': {
|
|
22
|
+
padding: theme.spacing(1.5),
|
|
23
|
+
width: 'auto'
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
})
|
|
7
27
|
}
|
|
8
28
|
};
|
|
9
29
|
exports.default = Component;
|