@selfcommunity/react-theme-default 0.4.5-alpha.7 → 0.4.5-alpha.9

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/SCComposer.d.ts +36 -8
  2. package/lib/cjs/components/SCComposer.js +37 -9
  3. package/lib/cjs/components/SCNavigationMenuDrawer.d.ts +3 -5
  4. package/lib/cjs/components/SCNavigationMenuDrawer.js +3 -5
  5. package/lib/cjs/index.d.ts +39 -13
  6. package/lib/esm/components/SCComposer.d.ts +36 -8
  7. package/lib/esm/components/SCComposer.js +37 -9
  8. package/lib/esm/components/SCNavigationMenuDrawer.d.ts +3 -5
  9. package/lib/esm/components/SCNavigationMenuDrawer.js +3 -5
  10. package/lib/esm/index.d.ts +39 -13
  11. package/lib/umd/react-theme-default.js +1 -1
  12. package/package.json +2 -2
package/lib/cjs/components/SCComposer.d.ts CHANGED
@@ -49,19 +49,16 @@ declare const Component: {
49
49
  margin: string;
50
50
  padding: any;
51
51
  height: string;
52
+ overflowY: string;
52
53
  '& .SCEditor-root': {
53
54
  padding: any;
55
+ marginBottom: any;
56
+ position: string;
54
57
  '& .SCEditor-placeholder': {
55
58
  left: number;
56
- top: any;
57
59
  position: string;
58
60
  };
59
61
  '&.SCEditor-toolbar': {
60
- position: string;
61
- '& .SCEditor-placeholder': {
62
- marginTop: number;
63
- position: string;
64
- };
65
62
  '& .SCEditorToolbarPlugin-root': {
66
63
  zIndex: number;
67
64
  position: string;
@@ -105,8 +102,12 @@ declare const Component: {
105
102
  attributesRoot: ({ theme }: any) => {};
106
103
  contentDiscussionRoot: ({ theme }: any) => {
107
104
  '& .SCComposer-content-discussion-title': {
108
- paddingBottom: any;
109
105
  '& .MuiInputBase-root': {
106
+ [x: number]: {
107
+ maxHeight: number;
108
+ };
109
+ maxHeight: number;
110
+ overflowY: string;
110
111
  paddingLeft: number;
111
112
  paddingRight: number;
112
113
  paddingBottom: number;
@@ -126,6 +127,19 @@ declare const Component: {
126
127
  marginLeft: number;
127
128
  };
128
129
  };
130
+ '& .SCEditor-root': {
131
+ '& .SCEditor-placeholder': {
132
+ top: any;
133
+ };
134
+ '& .SCEditor-content': {
135
+ [x: number]: {
136
+ maxHeight: number;
137
+ };
138
+ overflowY: string;
139
+ minHeight: number;
140
+ maxHeight: string;
141
+ };
142
+ };
129
143
  };
130
144
  contentPollRoot: ({ theme }: any) => {
131
145
  padding: any;
@@ -139,7 +153,21 @@ declare const Component: {
139
153
  marginTop: any;
140
154
  };
141
155
  };
142
- contentPostRoot: ({ theme }: any) => {};
156
+ contentPostRoot: ({ theme }: any) => {
157
+ '& .SCEditor-root': {
158
+ '& .SCEditor-placeholder': {
159
+ top: any;
160
+ };
161
+ '& .SCEditor-content': {
162
+ [x: number]: {
163
+ maxHeight: number;
164
+ };
165
+ overflowY: string;
166
+ minHeight: number;
167
+ maxHeight: string;
168
+ };
169
+ };
170
+ };
143
171
  layerTransitionRoot: ({ theme }: any) => {
144
172
  position: string;
145
173
  top: number;
package/lib/cjs/components/SCComposer.js CHANGED
@@ -37,19 +37,16 @@ const Component = {
37
37
  margin: '45px 0',
38
38
  padding: theme.spacing(1, 2),
39
39
  height: `calc(100% - 45px - 45px - ${theme.spacing(2)})`,
40
+ overflowY: 'hidden',
40
41
  '& .SCEditor-root': {
41
42
  padding: theme.spacing(1, 0),
43
+ marginBottom: theme.spacing(3),
44
+ position: 'relative',
42
45
  '& .SCEditor-placeholder': {
43
46
  left: 0,
44
- top: theme.spacing(1),
45
47
  position: 'absolute'
46
48
  },
47
49
  '&.SCEditor-toolbar': {
48
- position: 'static',
49
- '& .SCEditor-placeholder': {
50
- marginTop: -40,
51
- position: 'static'
52
- },
53
50
  '& .SCEditorToolbarPlugin-root': {
54
51
  zIndex: 1,
55
52
  position: 'absolute',
@@ -108,13 +105,17 @@ const Component = {
108
105
  attributesRoot: ({ theme }) => ({}),
109
106
  contentDiscussionRoot: ({ theme }) => ({
110
107
  '& .SCComposer-content-discussion-title': {
111
- paddingBottom: theme.spacing(2),
112
108
  '& .MuiInputBase-root': {
109
+ maxHeight: 160,
110
+ overflowY: 'auto',
113
111
  paddingLeft: 0,
114
112
  paddingRight: 0,
115
113
  paddingBottom: 0,
116
- fontSize: '1.429rem',
114
+ fontSize: '1.3rem',
117
115
  fontWeight: theme.typography.fontWeightBold,
116
+ [theme.breakpoints.up('md')]: {
117
+ maxHeight: 110
118
+ },
118
119
  '& fieldset': {
119
120
  display: 'none'
120
121
  },
@@ -128,6 +129,19 @@ const Component = {
128
129
  '& .MuiFormHelperText-root': {
129
130
  marginLeft: 0
130
131
  }
132
+ },
133
+ '& .SCEditor-root': {
134
+ '& .SCEditor-placeholder': {
135
+ top: theme.spacing(7)
136
+ },
137
+ '& .SCEditor-content': {
138
+ overflowY: 'auto',
139
+ minHeight: 300,
140
+ maxHeight: `calc(100vh - 45px - 45px - 55px - 45px - ${theme.spacing(2)})`,
141
+ [theme.breakpoints.up('md')]: {
142
+ maxHeight: 380
143
+ }
144
+ }
131
145
  }
132
146
  }),
133
147
  contentPollRoot: ({ theme }) => ({
@@ -142,7 +156,21 @@ const Component = {
142
156
  marginTop: theme.spacing(3)
143
157
  }
144
158
  }),
145
- contentPostRoot: ({ theme }) => ({}),
159
+ contentPostRoot: ({ theme }) => ({
160
+ '& .SCEditor-root': {
161
+ '& .SCEditor-placeholder': {
162
+ top: theme.spacing()
163
+ },
164
+ '& .SCEditor-content': {
165
+ overflowY: 'auto',
166
+ minHeight: 300,
167
+ maxHeight: `calc(100vh - 45px - 45px - ${theme.spacing(3)})`,
168
+ [theme.breakpoints.up('md')]: {
169
+ maxHeight: 400
170
+ }
171
+ }
172
+ }
173
+ }),
146
174
  layerTransitionRoot: ({ theme }) => ({
147
175
  position: 'absolute',
148
176
  top: 0,
package/lib/cjs/components/SCNavigationMenuDrawer.d.ts CHANGED
@@ -39,11 +39,9 @@ declare const Component: {
39
39
  '& .SCBaseItemButton-text ': {
40
40
  maxWidth: string;
41
41
  };
42
- '& .SCNavigationMenuDrawer-drawer-footer': {
43
- marginTop: any;
44
- };
45
- '& .SCNavigationMenuDrawer-drawer-footer-live': {
46
- padding: any;
42
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
43
+ margin: any;
44
+ maxWidth: number;
47
45
  };
48
46
  };
49
47
  };
package/lib/cjs/components/SCNavigationMenuDrawer.js CHANGED
@@ -42,11 +42,9 @@ const Component = {
42
42
  '& .SCBaseItemButton-text ': {
43
43
  maxWidth: '80%'
44
44
  },
45
- '& .SCNavigationMenuDrawer-drawer-footer': {
46
- marginTop: theme.spacing(3)
47
- },
48
- '& .SCNavigationMenuDrawer-drawer-footer-live': {
49
- padding: theme.spacing(3)
45
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
46
+ margin: theme.spacing(3),
47
+ maxWidth: 270
50
48
  }
51
49
  })
52
50
  }
package/lib/cjs/index.d.ts CHANGED
@@ -1271,19 +1271,16 @@ declare const theme: {
1271
1271
  margin: string;
1272
1272
  padding: any;
1273
1273
  height: string;
1274
+ overflowY: string;
1274
1275
  '& .SCEditor-root': {
1275
1276
  padding: any;
1277
+ marginBottom: any;
1278
+ position: string;
1276
1279
  '& .SCEditor-placeholder': {
1277
1280
  left: number;
1278
- top: any;
1279
1281
  position: string;
1280
1282
  };
1281
1283
  '&.SCEditor-toolbar': {
1282
- position: string;
1283
- '& .SCEditor-placeholder': {
1284
- marginTop: number;
1285
- position: string;
1286
- };
1287
1284
  '& .SCEditorToolbarPlugin-root': {
1288
1285
  zIndex: number;
1289
1286
  position: string;
@@ -1327,8 +1324,12 @@ declare const theme: {
1327
1324
  attributesRoot: ({ theme }: any) => {};
1328
1325
  contentDiscussionRoot: ({ theme }: any) => {
1329
1326
  '& .SCComposer-content-discussion-title': {
1330
- paddingBottom: any;
1331
1327
  '& .MuiInputBase-root': {
1328
+ [x: number]: {
1329
+ maxHeight: number;
1330
+ };
1331
+ maxHeight: number;
1332
+ overflowY: string;
1332
1333
  paddingLeft: number;
1333
1334
  paddingRight: number;
1334
1335
  paddingBottom: number;
@@ -1348,6 +1349,19 @@ declare const theme: {
1348
1349
  marginLeft: number;
1349
1350
  };
1350
1351
  };
1352
+ '& .SCEditor-root': {
1353
+ '& .SCEditor-placeholder': {
1354
+ top: any;
1355
+ };
1356
+ '& .SCEditor-content': {
1357
+ [x: number]: {
1358
+ maxHeight: number;
1359
+ };
1360
+ overflowY: string;
1361
+ minHeight: number;
1362
+ maxHeight: string;
1363
+ };
1364
+ };
1351
1365
  };
1352
1366
  contentPollRoot: ({ theme }: any) => {
1353
1367
  padding: any;
@@ -1361,7 +1375,21 @@ declare const theme: {
1361
1375
  marginTop: any;
1362
1376
  };
1363
1377
  };
1364
- contentPostRoot: ({ theme }: any) => {};
1378
+ contentPostRoot: ({ theme }: any) => {
1379
+ '& .SCEditor-root': {
1380
+ '& .SCEditor-placeholder': {
1381
+ top: any;
1382
+ };
1383
+ '& .SCEditor-content': {
1384
+ [x: number]: {
1385
+ maxHeight: number;
1386
+ };
1387
+ overflowY: string;
1388
+ minHeight: number;
1389
+ maxHeight: string;
1390
+ };
1391
+ };
1392
+ };
1365
1393
  layerTransitionRoot: ({ theme }: any) => {
1366
1394
  position: string;
1367
1395
  top: number;
@@ -4494,11 +4522,9 @@ declare const theme: {
4494
4522
  '& .SCBaseItemButton-text ': {
4495
4523
  maxWidth: string;
4496
4524
  };
4497
- '& .SCNavigationMenuDrawer-drawer-footer': {
4498
- marginTop: any;
4499
- };
4500
- '& .SCNavigationMenuDrawer-drawer-footer-live': {
4501
- padding: any;
4525
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
4526
+ margin: any;
4527
+ maxWidth: number;
4502
4528
  };
4503
4529
  };
4504
4530
  };
package/lib/esm/components/SCComposer.d.ts CHANGED
@@ -49,19 +49,16 @@ declare const Component: {
49
49
  margin: string;
50
50
  padding: any;
51
51
  height: string;
52
+ overflowY: string;
52
53
  '& .SCEditor-root': {
53
54
  padding: any;
55
+ marginBottom: any;
56
+ position: string;
54
57
  '& .SCEditor-placeholder': {
55
58
  left: number;
56
- top: any;
57
59
  position: string;
58
60
  };
59
61
  '&.SCEditor-toolbar': {
60
- position: string;
61
- '& .SCEditor-placeholder': {
62
- marginTop: number;
63
- position: string;
64
- };
65
62
  '& .SCEditorToolbarPlugin-root': {
66
63
  zIndex: number;
67
64
  position: string;
@@ -105,8 +102,12 @@ declare const Component: {
105
102
  attributesRoot: ({ theme }: any) => {};
106
103
  contentDiscussionRoot: ({ theme }: any) => {
107
104
  '& .SCComposer-content-discussion-title': {
108
- paddingBottom: any;
109
105
  '& .MuiInputBase-root': {
106
+ [x: number]: {
107
+ maxHeight: number;
108
+ };
109
+ maxHeight: number;
110
+ overflowY: string;
110
111
  paddingLeft: number;
111
112
  paddingRight: number;
112
113
  paddingBottom: number;
@@ -126,6 +127,19 @@ declare const Component: {
126
127
  marginLeft: number;
127
128
  };
128
129
  };
130
+ '& .SCEditor-root': {
131
+ '& .SCEditor-placeholder': {
132
+ top: any;
133
+ };
134
+ '& .SCEditor-content': {
135
+ [x: number]: {
136
+ maxHeight: number;
137
+ };
138
+ overflowY: string;
139
+ minHeight: number;
140
+ maxHeight: string;
141
+ };
142
+ };
129
143
  };
130
144
  contentPollRoot: ({ theme }: any) => {
131
145
  padding: any;
@@ -139,7 +153,21 @@ declare const Component: {
139
153
  marginTop: any;
140
154
  };
141
155
  };
142
- contentPostRoot: ({ theme }: any) => {};
156
+ contentPostRoot: ({ theme }: any) => {
157
+ '& .SCEditor-root': {
158
+ '& .SCEditor-placeholder': {
159
+ top: any;
160
+ };
161
+ '& .SCEditor-content': {
162
+ [x: number]: {
163
+ maxHeight: number;
164
+ };
165
+ overflowY: string;
166
+ minHeight: number;
167
+ maxHeight: string;
168
+ };
169
+ };
170
+ };
143
171
  layerTransitionRoot: ({ theme }: any) => {
144
172
  position: string;
145
173
  top: number;
package/lib/esm/components/SCComposer.js CHANGED
@@ -35,19 +35,16 @@ const Component = {
35
35
  margin: '45px 0',
36
36
  padding: theme.spacing(1, 2),
37
37
  height: `calc(100% - 45px - 45px - ${theme.spacing(2)})`,
38
+ overflowY: 'hidden',
38
39
  '& .SCEditor-root': {
39
40
  padding: theme.spacing(1, 0),
41
+ marginBottom: theme.spacing(3),
42
+ position: 'relative',
40
43
  '& .SCEditor-placeholder': {
41
44
  left: 0,
42
- top: theme.spacing(1),
43
45
  position: 'absolute'
44
46
  },
45
47
  '&.SCEditor-toolbar': {
46
- position: 'static',
47
- '& .SCEditor-placeholder': {
48
- marginTop: -40,
49
- position: 'static'
50
- },
51
48
  '& .SCEditorToolbarPlugin-root': {
52
49
  zIndex: 1,
53
50
  position: 'absolute',
@@ -106,13 +103,17 @@ const Component = {
106
103
  attributesRoot: ({ theme }) => ({}),
107
104
  contentDiscussionRoot: ({ theme }) => ({
108
105
  '& .SCComposer-content-discussion-title': {
109
- paddingBottom: theme.spacing(2),
110
106
  '& .MuiInputBase-root': {
107
+ maxHeight: 160,
108
+ overflowY: 'auto',
111
109
  paddingLeft: 0,
112
110
  paddingRight: 0,
113
111
  paddingBottom: 0,
114
- fontSize: '1.429rem',
112
+ fontSize: '1.3rem',
115
113
  fontWeight: theme.typography.fontWeightBold,
114
+ [theme.breakpoints.up('md')]: {
115
+ maxHeight: 110
116
+ },
116
117
  '& fieldset': {
117
118
  display: 'none'
118
119
  },
@@ -126,6 +127,19 @@ const Component = {
126
127
  '& .MuiFormHelperText-root': {
127
128
  marginLeft: 0
128
129
  }
130
+ },
131
+ '& .SCEditor-root': {
132
+ '& .SCEditor-placeholder': {
133
+ top: theme.spacing(7)
134
+ },
135
+ '& .SCEditor-content': {
136
+ overflowY: 'auto',
137
+ minHeight: 300,
138
+ maxHeight: `calc(100vh - 45px - 45px - 55px - 45px - ${theme.spacing(2)})`,
139
+ [theme.breakpoints.up('md')]: {
140
+ maxHeight: 380
141
+ }
142
+ }
129
143
  }
130
144
  }),
131
145
  contentPollRoot: ({ theme }) => ({
@@ -140,7 +154,21 @@ const Component = {
140
154
  marginTop: theme.spacing(3)
141
155
  }
142
156
  }),
143
- contentPostRoot: ({ theme }) => ({}),
157
+ contentPostRoot: ({ theme }) => ({
158
+ '& .SCEditor-root': {
159
+ '& .SCEditor-placeholder': {
160
+ top: theme.spacing()
161
+ },
162
+ '& .SCEditor-content': {
163
+ overflowY: 'auto',
164
+ minHeight: 300,
165
+ maxHeight: `calc(100vh - 45px - 45px - ${theme.spacing(3)})`,
166
+ [theme.breakpoints.up('md')]: {
167
+ maxHeight: 400
168
+ }
169
+ }
170
+ }
171
+ }),
144
172
  layerTransitionRoot: ({ theme }) => ({
145
173
  position: 'absolute',
146
174
  top: 0,
package/lib/esm/components/SCNavigationMenuDrawer.d.ts CHANGED
@@ -39,11 +39,9 @@ declare const Component: {
39
39
  '& .SCBaseItemButton-text ': {
40
40
  maxWidth: string;
41
41
  };
42
- '& .SCNavigationMenuDrawer-drawer-footer': {
43
- marginTop: any;
44
- };
45
- '& .SCNavigationMenuDrawer-drawer-footer-live': {
46
- padding: any;
42
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
43
+ margin: any;
44
+ maxWidth: number;
47
45
  };
48
46
  };
49
47
  };
package/lib/esm/components/SCNavigationMenuDrawer.js CHANGED
@@ -40,11 +40,9 @@ const Component = {
40
40
  '& .SCBaseItemButton-text ': {
41
41
  maxWidth: '80%'
42
42
  },
43
- '& .SCNavigationMenuDrawer-drawer-footer': {
44
- marginTop: theme.spacing(3)
45
- },
46
- '& .SCNavigationMenuDrawer-drawer-footer-live': {
47
- padding: theme.spacing(3)
43
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
44
+ margin: theme.spacing(3),
45
+ maxWidth: 270
48
46
  }
49
47
  })
50
48
  }
package/lib/esm/index.d.ts CHANGED
@@ -1271,19 +1271,16 @@ declare const theme: {
1271
1271
  margin: string;
1272
1272
  padding: any;
1273
1273
  height: string;
1274
+ overflowY: string;
1274
1275
  '& .SCEditor-root': {
1275
1276
  padding: any;
1277
+ marginBottom: any;
1278
+ position: string;
1276
1279
  '& .SCEditor-placeholder': {
1277
1280
  left: number;
1278
- top: any;
1279
1281
  position: string;
1280
1282
  };
1281
1283
  '&.SCEditor-toolbar': {
1282
- position: string;
1283
- '& .SCEditor-placeholder': {
1284
- marginTop: number;
1285
- position: string;
1286
- };
1287
1284
  '& .SCEditorToolbarPlugin-root': {
1288
1285
  zIndex: number;
1289
1286
  position: string;
@@ -1327,8 +1324,12 @@ declare const theme: {
1327
1324
  attributesRoot: ({ theme }: any) => {};
1328
1325
  contentDiscussionRoot: ({ theme }: any) => {
1329
1326
  '& .SCComposer-content-discussion-title': {
1330
- paddingBottom: any;
1331
1327
  '& .MuiInputBase-root': {
1328
+ [x: number]: {
1329
+ maxHeight: number;
1330
+ };
1331
+ maxHeight: number;
1332
+ overflowY: string;
1332
1333
  paddingLeft: number;
1333
1334
  paddingRight: number;
1334
1335
  paddingBottom: number;
@@ -1348,6 +1349,19 @@ declare const theme: {
1348
1349
  marginLeft: number;
1349
1350
  };
1350
1351
  };
1352
+ '& .SCEditor-root': {
1353
+ '& .SCEditor-placeholder': {
1354
+ top: any;
1355
+ };
1356
+ '& .SCEditor-content': {
1357
+ [x: number]: {
1358
+ maxHeight: number;
1359
+ };
1360
+ overflowY: string;
1361
+ minHeight: number;
1362
+ maxHeight: string;
1363
+ };
1364
+ };
1351
1365
  };
1352
1366
  contentPollRoot: ({ theme }: any) => {
1353
1367
  padding: any;
@@ -1361,7 +1375,21 @@ declare const theme: {
1361
1375
  marginTop: any;
1362
1376
  };
1363
1377
  };
1364
- contentPostRoot: ({ theme }: any) => {};
1378
+ contentPostRoot: ({ theme }: any) => {
1379
+ '& .SCEditor-root': {
1380
+ '& .SCEditor-placeholder': {
1381
+ top: any;
1382
+ };
1383
+ '& .SCEditor-content': {
1384
+ [x: number]: {
1385
+ maxHeight: number;
1386
+ };
1387
+ overflowY: string;
1388
+ minHeight: number;
1389
+ maxHeight: string;
1390
+ };
1391
+ };
1392
+ };
1365
1393
  layerTransitionRoot: ({ theme }: any) => {
1366
1394
  position: string;
1367
1395
  top: number;
@@ -4494,11 +4522,9 @@ declare const theme: {
4494
4522
  '& .SCBaseItemButton-text ': {
4495
4523
  maxWidth: string;
4496
4524
  };
4497
- '& .SCNavigationMenuDrawer-drawer-footer': {
4498
- marginTop: any;
4499
- };
4500
- '& .SCNavigationMenuDrawer-drawer-footer-live': {
4501
- padding: any;
4525
+ '& .SCNavigationMenuDrawer-drawer-footer-live-button': {
4526
+ margin: any;
4527
+ maxWidth: number;
4502
4528
  };
4503
4529
  };
4504
4530
  };