@sis-cc/dotstatsuite-visions 10.4.1 → 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/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
@@ -15,7 +15,7 @@
15
15
  * value: PropTypes.string,
16
16
  * popperLabel: PropTypes.string,
17
17
  * }),
18
- * ,
18
+ * isSmall: PropTypes.bool,
19
19
  * }
20
20
  * @theme
21
21
  * // no custom theme there
@@ -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,
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "10.4.1",
3
+ "version": "10.4.2",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v10.4.1 - https://visions-qa.siscc.org/#o
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.1","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"}};
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 */
@@ -49527,6 +49527,8 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49527
49527
  mode = _ref2.mode,
49528
49528
  _ref2$modes = _ref2.modes,
49529
49529
  modes = _ref2$modes === undefined ? [] : _ref2$modes,
49530
+ _ref2$isSmall = _ref2.isSmall,
49531
+ isSmall = _ref2$isSmall === undefined ? false : _ref2$isSmall,
49530
49532
  children = _ref2.children;
49531
49533
 
49532
49534
  var classes = Mode_Mode_useStyles();
@@ -49548,7 +49550,7 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49548
49550
  classes: { label: classes.label },
49549
49551
  key: value,
49550
49552
  checked: mode === value,
49551
- 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' }),
49552
49554
  label: react_default.a.createElement(
49553
49555
  'span',
49554
49556
  null,
@@ -49561,7 +49563,8 @@ var Mode_Mode_Mode = function Mode(_ref2) {
49561
49563
  ),
49562
49564
  labelPlacement: placement,
49563
49565
  value: value,
49564
- disabled: disabled || false
49566
+ disabled: disabled || false,
49567
+ style: { height: isSmall ? '25px' : null }
49565
49568
  });
49566
49569
  })(modes)
49567
49570
  );
@@ -49577,7 +49580,8 @@ Mode_Mode_Mode.propTypes = {
49577
49580
  value: prop_types_default.a.string,
49578
49581
  popperLabel: prop_types_default.a.string,
49579
49582
  disabled: prop_types_default.a.bool
49580
- }))
49583
+ })),
49584
+ isSmall: prop_types_default.a.bool
49581
49585
  };
49582
49586
 
49583
49587
  /* harmony default export */ var src_Mode_Mode = (Mode_Mode_Mode);
@@ -49599,7 +49603,7 @@ Mode_Mode_Mode.propTypes = {
49599
49603
  * value: PropTypes.string,
49600
49604
  * popperLabel: PropTypes.string,
49601
49605
  * }),
49602
- * ,
49606
+ * isSmall: PropTypes.bool,
49603
49607
  * }
49604
49608
  * @theme
49605
49609
  * // no custom theme there
@@ -69119,8 +69123,8 @@ var UserRightForm_UserRightForm = function UserRightForm(_ref) {
69119
69123
  { item: true, container: true, xs: 12, alignItems: 'center' },
69120
69124
  react_default.a.createElement(
69121
69125
  esm_Grid_Grid,
69122
- { item: true, xs: 12, md: 4 },
69123
- 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 })
69124
69128
  ),
69125
69129
  react_default.a.createElement(
69126
69130
  esm_Grid_Grid,