@sis-cc/dotstatsuite-visions 10.4.0 → 10.4.2
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/es/ExpansionPanel/ExpansionPanel.js +6 -3
- package/es/ExpansionPanel/styles.js +4 -0
- package/es/Mode/Mode.js +7 -3
- package/es/Mode/index.js +1 -1
- package/es/UserRightForm/UserRightForm.js +2 -2
- package/lib/ExpansionPanel/ExpansionPanel.js +6 -3
- package/lib/ExpansionPanel/styles.js +4 -0
- package/lib/Mode/Mode.js +7 -3
- package/lib/UserRightForm/UserRightForm.js +2 -2
- package/package.json +1 -1
- package/umd/@sis-cc/dotstatsuite-visions.js +22 -11
- package/umd/@sis-cc/dotstatsuite-visions.min.js +9 -9
- package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
|
@@ -30,7 +30,9 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
|
|
|
30
30
|
testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
|
|
31
31
|
isPinned = _ref.isPinned,
|
|
32
32
|
pinnedLabel = _ref.pinnedLabel,
|
|
33
|
-
moreFilters = _ref.moreFilters
|
|
33
|
+
moreFilters = _ref.moreFilters,
|
|
34
|
+
_ref$isNarrow = _ref.isNarrow,
|
|
35
|
+
isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow;
|
|
34
36
|
|
|
35
37
|
var classes = useStyles();
|
|
36
38
|
|
|
@@ -43,7 +45,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
|
|
|
43
45
|
onChange: R.is(Function)(onChangeActivePanel) ? function () {
|
|
44
46
|
return onChangeActivePanel(id);
|
|
45
47
|
} : undefined,
|
|
46
|
-
classes: { root: classes.panel },
|
|
48
|
+
classes: { root: isNarrow ? classes.panelBorder : classes.panel },
|
|
47
49
|
elevation: 0
|
|
48
50
|
},
|
|
49
51
|
React.createElement(
|
|
@@ -112,7 +114,8 @@ CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
112
114
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
113
115
|
fullWidth: PropTypes.bool,
|
|
114
116
|
isPinned: PropTypes.bool,
|
|
115
|
-
moreFilters: PropTypes.bool
|
|
117
|
+
moreFilters: PropTypes.bool,
|
|
118
|
+
isNarrow: PropTypes.bool
|
|
116
119
|
} : {};
|
|
117
120
|
|
|
118
121
|
export default withBlank(function (_ref2) {
|
|
@@ -49,6 +49,10 @@ export var useStyles = makeStyles(function (theme) {
|
|
|
49
49
|
backgroundColor: 'unset'
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
|
+
panelBorder: {
|
|
53
|
+
borderBottom: 'solid 2px ' + theme.palette.grey[700],
|
|
54
|
+
borderTop: 'none'
|
|
55
|
+
},
|
|
52
56
|
iconSummaryPanel: {
|
|
53
57
|
color: theme.palette.primary.main,
|
|
54
58
|
padding: theme.spacing(0.5, 0.5),
|
package/es/Mode/Mode.js
CHANGED
|
@@ -48,6 +48,8 @@ var Mode = function Mode(_ref2) {
|
|
|
48
48
|
mode = _ref2.mode,
|
|
49
49
|
_ref2$modes = _ref2.modes,
|
|
50
50
|
modes = _ref2$modes === undefined ? [] : _ref2$modes,
|
|
51
|
+
_ref2$isSmall = _ref2.isSmall,
|
|
52
|
+
isSmall = _ref2$isSmall === undefined ? false : _ref2$isSmall,
|
|
51
53
|
children = _ref2.children;
|
|
52
54
|
|
|
53
55
|
var classes = useStyles();
|
|
@@ -69,7 +71,7 @@ var Mode = function Mode(_ref2) {
|
|
|
69
71
|
classes: { label: classes.label },
|
|
70
72
|
key: value,
|
|
71
73
|
checked: mode === value,
|
|
72
|
-
control: React.createElement(Radio, { variant: 'outlined', color: 'primary' }),
|
|
74
|
+
control: React.createElement(Radio, { variant: 'outlined', color: 'primary', size: isSmall ? 'small' : 'medium' }),
|
|
73
75
|
label: React.createElement(
|
|
74
76
|
'span',
|
|
75
77
|
null,
|
|
@@ -82,7 +84,8 @@ var Mode = function Mode(_ref2) {
|
|
|
82
84
|
),
|
|
83
85
|
labelPlacement: placement,
|
|
84
86
|
value: value,
|
|
85
|
-
disabled: disabled || false
|
|
87
|
+
disabled: disabled || false,
|
|
88
|
+
style: { height: isSmall ? '25px' : null }
|
|
86
89
|
});
|
|
87
90
|
})(modes)
|
|
88
91
|
);
|
|
@@ -98,7 +101,8 @@ Mode.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
98
101
|
value: PropTypes.string,
|
|
99
102
|
popperLabel: PropTypes.string,
|
|
100
103
|
disabled: PropTypes.bool
|
|
101
|
-
}))
|
|
104
|
+
})),
|
|
105
|
+
isSmall: PropTypes.bool
|
|
102
106
|
} : {};
|
|
103
107
|
|
|
104
108
|
export default Mode;
|
package/es/Mode/index.js
CHANGED
|
@@ -169,8 +169,8 @@ var UserRightForm = function UserRightForm(_ref) {
|
|
|
169
169
|
{ item: true, container: true, xs: 12, alignItems: 'center' },
|
|
170
170
|
React.createElement(
|
|
171
171
|
Grid,
|
|
172
|
-
{ item: true, xs: 12, md: 4 },
|
|
173
|
-
React.createElement(Mode, { modes: modes, mode: mode, changeMode: onChange })
|
|
172
|
+
{ item: true, xs: 12, md: 4, style: { marginTop: '4px' } },
|
|
173
|
+
React.createElement(Mode, { modes: modes, mode: mode, changeMode: onChange, isSmall: true })
|
|
174
174
|
),
|
|
175
175
|
React.createElement(
|
|
176
176
|
Grid,
|
|
@@ -69,7 +69,9 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
|
|
|
69
69
|
testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
|
|
70
70
|
isPinned = _ref.isPinned,
|
|
71
71
|
pinnedLabel = _ref.pinnedLabel,
|
|
72
|
-
moreFilters = _ref.moreFilters
|
|
72
|
+
moreFilters = _ref.moreFilters,
|
|
73
|
+
_ref$isNarrow = _ref.isNarrow,
|
|
74
|
+
isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow;
|
|
73
75
|
|
|
74
76
|
var classes = (0, _styles.useStyles)();
|
|
75
77
|
|
|
@@ -82,7 +84,7 @@ var CustomExpansionPanel = function CustomExpansionPanel(_ref) {
|
|
|
82
84
|
onChange: R.is(Function)(onChangeActivePanel) ? function () {
|
|
83
85
|
return onChangeActivePanel(id);
|
|
84
86
|
} : undefined,
|
|
85
|
-
classes: { root: classes.panel },
|
|
87
|
+
classes: { root: isNarrow ? classes.panelBorder : classes.panel },
|
|
86
88
|
elevation: 0
|
|
87
89
|
},
|
|
88
90
|
_react2.default.createElement(
|
|
@@ -151,7 +153,8 @@ CustomExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
151
153
|
children: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.node), _propTypes2.default.node]),
|
|
152
154
|
fullWidth: _propTypes2.default.bool,
|
|
153
155
|
isPinned: _propTypes2.default.bool,
|
|
154
|
-
moreFilters: _propTypes2.default.bool
|
|
156
|
+
moreFilters: _propTypes2.default.bool,
|
|
157
|
+
isNarrow: _propTypes2.default.bool
|
|
155
158
|
} : {};
|
|
156
159
|
|
|
157
160
|
exports.default = (0, _utils.withBlank)(function (_ref2) {
|
|
@@ -59,6 +59,10 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
|
|
|
59
59
|
backgroundColor: 'unset'
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
|
+
panelBorder: {
|
|
63
|
+
borderBottom: 'solid 2px ' + theme.palette.grey[700],
|
|
64
|
+
borderTop: 'none'
|
|
65
|
+
},
|
|
62
66
|
iconSummaryPanel: {
|
|
63
67
|
color: theme.palette.primary.main,
|
|
64
68
|
padding: theme.spacing(0.5, 0.5),
|
package/lib/Mode/Mode.js
CHANGED
|
@@ -75,6 +75,8 @@ var Mode = function Mode(_ref2) {
|
|
|
75
75
|
mode = _ref2.mode,
|
|
76
76
|
_ref2$modes = _ref2.modes,
|
|
77
77
|
modes = _ref2$modes === undefined ? [] : _ref2$modes,
|
|
78
|
+
_ref2$isSmall = _ref2.isSmall,
|
|
79
|
+
isSmall = _ref2$isSmall === undefined ? false : _ref2$isSmall,
|
|
78
80
|
children = _ref2.children;
|
|
79
81
|
|
|
80
82
|
var classes = useStyles();
|
|
@@ -96,7 +98,7 @@ var Mode = function Mode(_ref2) {
|
|
|
96
98
|
classes: { label: classes.label },
|
|
97
99
|
key: value,
|
|
98
100
|
checked: mode === value,
|
|
99
|
-
control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary' }),
|
|
101
|
+
control: _react2.default.createElement(_Radio2.default, { variant: 'outlined', color: 'primary', size: isSmall ? 'small' : 'medium' }),
|
|
100
102
|
label: _react2.default.createElement(
|
|
101
103
|
'span',
|
|
102
104
|
null,
|
|
@@ -109,7 +111,8 @@ var Mode = function Mode(_ref2) {
|
|
|
109
111
|
),
|
|
110
112
|
labelPlacement: placement,
|
|
111
113
|
value: value,
|
|
112
|
-
disabled: disabled || false
|
|
114
|
+
disabled: disabled || false,
|
|
115
|
+
style: { height: isSmall ? '25px' : null }
|
|
113
116
|
});
|
|
114
117
|
})(modes)
|
|
115
118
|
);
|
|
@@ -125,7 +128,8 @@ Mode.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
125
128
|
value: _propTypes2.default.string,
|
|
126
129
|
popperLabel: _propTypes2.default.string,
|
|
127
130
|
disabled: _propTypes2.default.bool
|
|
128
|
-
}))
|
|
131
|
+
})),
|
|
132
|
+
isSmall: _propTypes2.default.bool
|
|
129
133
|
} : {};
|
|
130
134
|
|
|
131
135
|
exports.default = Mode;
|
|
@@ -200,8 +200,8 @@ var UserRightForm = function UserRightForm(_ref) {
|
|
|
200
200
|
{ item: true, container: true, xs: 12, alignItems: 'center' },
|
|
201
201
|
_react2.default.createElement(
|
|
202
202
|
_core.Grid,
|
|
203
|
-
{ item: true, xs: 12, md: 4 },
|
|
204
|
-
_react2.default.createElement(_.Mode, { modes: modes, mode: mode, changeMode: onChange })
|
|
203
|
+
{ item: true, xs: 12, md: 4, style: { marginTop: '4px' } },
|
|
204
|
+
_react2.default.createElement(_.Mode, { modes: modes, mode: mode, changeMode: onChange, isSmall: true })
|
|
205
205
|
),
|
|
206
206
|
_react2.default.createElement(
|
|
207
207
|
_core.Grid,
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @sis-cc/dotstatsuite-visions v10.4.
|
|
2
|
+
* @sis-cc/dotstatsuite-visions v10.4.2 - https://visions-qa.siscc.org/#o
|
|
3
3
|
* MIT Licensed
|
|
4
4
|
*/
|
|
5
5
|
(function webpackUniversalModuleDefinition(root, factory) {
|
|
@@ -6673,7 +6673,7 @@ function removeClassName(el
|
|
|
6673
6673
|
/* 120 */
|
|
6674
6674
|
/***/ (function(module) {
|
|
6675
6675
|
|
|
6676
|
-
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.4.
|
|
6676
|
+
module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.4.2","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
|
|
6677
6677
|
|
|
6678
6678
|
/***/ }),
|
|
6679
6679
|
/* 121 */
|
|
@@ -48359,6 +48359,10 @@ var styles_useStyles = styles_makeStyles(function (theme) {
|
|
|
48359
48359
|
backgroundColor: 'unset'
|
|
48360
48360
|
}
|
|
48361
48361
|
},
|
|
48362
|
+
panelBorder: {
|
|
48363
|
+
borderBottom: 'solid 2px ' + theme.palette.grey[700],
|
|
48364
|
+
borderTop: 'none'
|
|
48365
|
+
},
|
|
48362
48366
|
iconSummaryPanel: {
|
|
48363
48367
|
color: theme.palette.primary.main,
|
|
48364
48368
|
padding: theme.spacing(0.5, 0.5),
|
|
@@ -48417,7 +48421,9 @@ var ExpansionPanel_CustomExpansionPanel = function CustomExpansionPanel(_ref) {
|
|
|
48417
48421
|
testId = _ref$testId === undefined ? 'expansion_panel' : _ref$testId,
|
|
48418
48422
|
isPinned = _ref.isPinned,
|
|
48419
48423
|
pinnedLabel = _ref.pinnedLabel,
|
|
48420
|
-
moreFilters = _ref.moreFilters
|
|
48424
|
+
moreFilters = _ref.moreFilters,
|
|
48425
|
+
_ref$isNarrow = _ref.isNarrow,
|
|
48426
|
+
isNarrow = _ref$isNarrow === undefined ? false : _ref$isNarrow;
|
|
48421
48427
|
|
|
48422
48428
|
var classes = styles_useStyles();
|
|
48423
48429
|
|
|
@@ -48430,7 +48436,7 @@ var ExpansionPanel_CustomExpansionPanel = function CustomExpansionPanel(_ref) {
|
|
|
48430
48436
|
onChange: es_is(Function)(onChangeActivePanel) ? function () {
|
|
48431
48437
|
return onChangeActivePanel(id);
|
|
48432
48438
|
} : undefined,
|
|
48433
|
-
classes: { root: classes.panel },
|
|
48439
|
+
classes: { root: isNarrow ? classes.panelBorder : classes.panel },
|
|
48434
48440
|
elevation: 0
|
|
48435
48441
|
},
|
|
48436
48442
|
react_default.a.createElement(
|
|
@@ -48499,7 +48505,8 @@ ExpansionPanel_CustomExpansionPanel.propTypes = {
|
|
|
48499
48505
|
children: prop_types_default.a.oneOfType([prop_types_default.a.arrayOf(prop_types_default.a.node), prop_types_default.a.node]),
|
|
48500
48506
|
fullWidth: prop_types_default.a.bool,
|
|
48501
48507
|
isPinned: prop_types_default.a.bool,
|
|
48502
|
-
moreFilters: prop_types_default.a.bool
|
|
48508
|
+
moreFilters: prop_types_default.a.bool,
|
|
48509
|
+
isNarrow: prop_types_default.a.bool
|
|
48503
48510
|
};
|
|
48504
48511
|
|
|
48505
48512
|
/* harmony default export */ var ExpansionPanel = (utils_withBlank(function (_ref2) {
|
|
@@ -49520,6 +49527,8 @@ var Mode_Mode_Mode = function Mode(_ref2) {
|
|
|
49520
49527
|
mode = _ref2.mode,
|
|
49521
49528
|
_ref2$modes = _ref2.modes,
|
|
49522
49529
|
modes = _ref2$modes === undefined ? [] : _ref2$modes,
|
|
49530
|
+
_ref2$isSmall = _ref2.isSmall,
|
|
49531
|
+
isSmall = _ref2$isSmall === undefined ? false : _ref2$isSmall,
|
|
49523
49532
|
children = _ref2.children;
|
|
49524
49533
|
|
|
49525
49534
|
var classes = Mode_Mode_useStyles();
|
|
@@ -49541,7 +49550,7 @@ var Mode_Mode_Mode = function Mode(_ref2) {
|
|
|
49541
49550
|
classes: { label: classes.label },
|
|
49542
49551
|
key: value,
|
|
49543
49552
|
checked: mode === value,
|
|
49544
|
-
control: react_default.a.createElement(esm_Radio_Radio, { variant: 'outlined', color: 'primary' }),
|
|
49553
|
+
control: react_default.a.createElement(esm_Radio_Radio, { variant: 'outlined', color: 'primary', size: isSmall ? 'small' : 'medium' }),
|
|
49545
49554
|
label: react_default.a.createElement(
|
|
49546
49555
|
'span',
|
|
49547
49556
|
null,
|
|
@@ -49554,7 +49563,8 @@ var Mode_Mode_Mode = function Mode(_ref2) {
|
|
|
49554
49563
|
),
|
|
49555
49564
|
labelPlacement: placement,
|
|
49556
49565
|
value: value,
|
|
49557
|
-
disabled: disabled || false
|
|
49566
|
+
disabled: disabled || false,
|
|
49567
|
+
style: { height: isSmall ? '25px' : null }
|
|
49558
49568
|
});
|
|
49559
49569
|
})(modes)
|
|
49560
49570
|
);
|
|
@@ -49570,7 +49580,8 @@ Mode_Mode_Mode.propTypes = {
|
|
|
49570
49580
|
value: prop_types_default.a.string,
|
|
49571
49581
|
popperLabel: prop_types_default.a.string,
|
|
49572
49582
|
disabled: prop_types_default.a.bool
|
|
49573
|
-
}))
|
|
49583
|
+
})),
|
|
49584
|
+
isSmall: prop_types_default.a.bool
|
|
49574
49585
|
};
|
|
49575
49586
|
|
|
49576
49587
|
/* harmony default export */ var src_Mode_Mode = (Mode_Mode_Mode);
|
|
@@ -49592,7 +49603,7 @@ Mode_Mode_Mode.propTypes = {
|
|
|
49592
49603
|
* value: PropTypes.string,
|
|
49593
49604
|
* popperLabel: PropTypes.string,
|
|
49594
49605
|
* }),
|
|
49595
|
-
* ,
|
|
49606
|
+
* isSmall: PropTypes.bool,
|
|
49596
49607
|
* }
|
|
49597
49608
|
* @theme
|
|
49598
49609
|
* // no custom theme there
|
|
@@ -69112,8 +69123,8 @@ var UserRightForm_UserRightForm = function UserRightForm(_ref) {
|
|
|
69112
69123
|
{ item: true, container: true, xs: 12, alignItems: 'center' },
|
|
69113
69124
|
react_default.a.createElement(
|
|
69114
69125
|
esm_Grid_Grid,
|
|
69115
|
-
{ item: true, xs: 12, md: 4 },
|
|
69116
|
-
react_default.a.createElement(src_Mode_Mode, { modes: modes, mode: mode, changeMode: onChange })
|
|
69126
|
+
{ item: true, xs: 12, md: 4, style: { marginTop: '4px' } },
|
|
69127
|
+
react_default.a.createElement(src_Mode_Mode, { modes: modes, mode: mode, changeMode: onChange, isSmall: true })
|
|
69117
69128
|
),
|
|
69118
69129
|
react_default.a.createElement(
|
|
69119
69130
|
esm_Grid_Grid,
|