@sis-cc/dotstatsuite-visions 10.18.0 → 10.20.0

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.
@@ -10,14 +10,20 @@ import { makeStyles } from '@material-ui/core/styles';
10
10
  import Typography from '@material-ui/core/Typography';
11
11
  import Divider from '@material-ui/core/Divider';
12
12
  import Button from '@material-ui/core/Button';
13
+ import IconButton from '@material-ui/core/IconButton';
13
14
  import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
14
15
  import KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';
15
16
  import CircularProgress from '@material-ui/core/CircularProgress';
16
17
  import Grid from '@material-ui/core/Grid';
17
18
  import Collapse, { VARIANT_BOLD } from './Collapse';
18
19
  import cx from 'classnames';
20
+
19
21
  var useStyles = makeStyles(function (theme) {
20
22
  return {
23
+ container: {
24
+ display: 'flex',
25
+ justifyContent: 'space-between'
26
+ },
21
27
  title: _extends({
22
28
  fontWeight: 'bold'
23
29
  }, R.pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
@@ -46,7 +52,9 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
46
52
  labels = _ref.labels,
47
53
  _ref$testId = _ref.testId,
48
54
  testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
49
- valueHandler = _ref.valueHandler;
55
+ valueHandler = _ref.valueHandler,
56
+ icon = _ref.icon,
57
+ onClick = _ref.onClick;
50
58
 
51
59
  var classes = useStyles();
52
60
 
@@ -94,7 +102,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
94
102
  null,
95
103
  React.createElement(
96
104
  Container,
97
- { disableGutters: true, 'data-testid': testId },
105
+ { disableGutters: true, 'data-testid': testId, className: classes.container },
98
106
  React.createElement(
99
107
  Button,
100
108
  {
@@ -107,6 +115,11 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
107
115
  },
108
116
  buttonAllOpenLabel
109
117
  ),
118
+ React.createElement(
119
+ IconButton,
120
+ { color: 'primary', onClick: onClick },
121
+ icon
122
+ ),
110
123
  children
111
124
  ),
112
125
  R.map(function (_ref3) {
@@ -196,7 +209,9 @@ CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
196
209
  noValue: PropTypes.string
197
210
  }),
198
211
  testId: PropTypes.string,
199
- valueHandler: PropTypes.func
212
+ valueHandler: PropTypes.func,
213
+ icon: PropTypes.element,
214
+ onClick: PropTypes.func
200
215
  } : {};
201
216
 
202
217
  export default CollapsibleTree;
@@ -29,6 +29,8 @@ var Spotlight = function Spotlight(_ref) {
29
29
  action = _ref.action,
30
30
  fullWidth = _ref.fullWidth,
31
31
  className = _ref.className,
32
+ _ref$withAutoFocus = _ref.withAutoFocus,
33
+ withAutoFocus = _ref$withAutoFocus === undefined ? false : _ref$withAutoFocus,
32
34
  _ref$testId = _ref.testId,
33
35
  testId = _ref$testId === undefined ? 'spotlight' : _ref$testId;
34
36
 
@@ -78,6 +80,8 @@ var Spotlight = function Spotlight(_ref) {
78
80
  onBlur: function onBlur() {
79
81
  return setFocus(false);
80
82
  }
83
+ // eslint-disable-next-line jsx-a11y/no-autofocus
84
+ , autoFocus: withAutoFocus
81
85
  }),
82
86
  hasClearAll && !R.isEmpty(value) ? React.createElement(
83
87
  IconButton,
@@ -135,7 +139,8 @@ Spotlight.propTypes = process.env.NODE_ENV !== "production" ? {
135
139
  withBorder: PropTypes.bool,
136
140
  fullWidth: PropTypes.bool,
137
141
  classes: PropTypes.object,
138
- className: PropTypes.object
142
+ className: PropTypes.object,
143
+ withAutoFocus: PropTypes.bool
139
144
  } : {};
140
145
 
141
146
  export default Spotlight;
@@ -34,6 +34,10 @@ var _Button = require('@material-ui/core/Button');
34
34
 
35
35
  var _Button2 = _interopRequireDefault(_Button);
36
36
 
37
+ var _IconButton = require('@material-ui/core/IconButton');
38
+
39
+ var _IconButton2 = _interopRequireDefault(_IconButton);
40
+
37
41
  var _KeyboardArrowDown = require('@material-ui/icons/KeyboardArrowDown');
38
42
 
39
43
  var _KeyboardArrowDown2 = _interopRequireDefault(_KeyboardArrowDown);
@@ -66,6 +70,10 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
66
70
 
67
71
  var useStyles = (0, _styles.makeStyles)(function (theme) {
68
72
  return {
73
+ container: {
74
+ display: 'flex',
75
+ justifyContent: 'space-between'
76
+ },
69
77
  title: _extends({
70
78
  fontWeight: 'bold'
71
79
  }, R.pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
@@ -94,7 +102,9 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
94
102
  labels = _ref.labels,
95
103
  _ref$testId = _ref.testId,
96
104
  testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
97
- valueHandler = _ref.valueHandler;
105
+ valueHandler = _ref.valueHandler,
106
+ icon = _ref.icon,
107
+ onClick = _ref.onClick;
98
108
 
99
109
  var classes = useStyles();
100
110
 
@@ -142,7 +152,7 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
142
152
  null,
143
153
  _react2.default.createElement(
144
154
  _Container2.default,
145
- { disableGutters: true, 'data-testid': testId },
155
+ { disableGutters: true, 'data-testid': testId, className: classes.container },
146
156
  _react2.default.createElement(
147
157
  _Button2.default,
148
158
  {
@@ -155,6 +165,11 @@ var CollapsibleTree = function CollapsibleTree(_ref) {
155
165
  },
156
166
  buttonAllOpenLabel
157
167
  ),
168
+ _react2.default.createElement(
169
+ _IconButton2.default,
170
+ { color: 'primary', onClick: onClick },
171
+ icon
172
+ ),
158
173
  children
159
174
  ),
160
175
  R.map(function (_ref3) {
@@ -244,7 +259,9 @@ CollapsibleTree.propTypes = process.env.NODE_ENV !== "production" ? {
244
259
  noValue: _propTypes2.default.string
245
260
  }),
246
261
  testId: _propTypes2.default.string,
247
- valueHandler: _propTypes2.default.func
262
+ valueHandler: _propTypes2.default.func,
263
+ icon: _propTypes2.default.element,
264
+ onClick: _propTypes2.default.func
248
265
  } : {};
249
266
 
250
267
  exports.default = CollapsibleTree;
@@ -76,6 +76,8 @@ var Spotlight = function Spotlight(_ref) {
76
76
  action = _ref.action,
77
77
  fullWidth = _ref.fullWidth,
78
78
  className = _ref.className,
79
+ _ref$withAutoFocus = _ref.withAutoFocus,
80
+ withAutoFocus = _ref$withAutoFocus === undefined ? false : _ref$withAutoFocus,
79
81
  _ref$testId = _ref.testId,
80
82
  testId = _ref$testId === undefined ? 'spotlight' : _ref$testId;
81
83
 
@@ -125,6 +127,8 @@ var Spotlight = function Spotlight(_ref) {
125
127
  onBlur: function onBlur() {
126
128
  return setFocus(false);
127
129
  }
130
+ // eslint-disable-next-line jsx-a11y/no-autofocus
131
+ , autoFocus: withAutoFocus
128
132
  }),
129
133
  hasClearAll && !R.isEmpty(value) ? _react2.default.createElement(
130
134
  _IconButton2.default,
@@ -182,7 +186,8 @@ Spotlight.propTypes = process.env.NODE_ENV !== "production" ? {
182
186
  withBorder: _propTypes2.default.bool,
183
187
  fullWidth: _propTypes2.default.bool,
184
188
  classes: _propTypes2.default.object,
185
- className: _propTypes2.default.object
189
+ className: _propTypes2.default.object,
190
+ withAutoFocus: _propTypes2.default.bool
186
191
  } : {};
187
192
 
188
193
  exports.default = Spotlight;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "10.18.0",
3
+ "version": "10.20.0",
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.18.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v10.20.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -821,7 +821,7 @@ function capitalize(string) {
821
821
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useForkRef; });
822
822
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
823
823
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
824
- /* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28);
824
+ /* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
825
825
 
826
826
 
827
827
  function useForkRef(refA, refB) {
@@ -1516,7 +1516,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
1516
1516
  }
1517
1517
 
1518
1518
  /***/ }),
1519
- /* 28 */
1519
+ /* 28 */,
1520
+ /* 29 */
1520
1521
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1521
1522
 
1522
1523
  "use strict";
@@ -1531,7 +1532,6 @@ function setRef(ref, value) {
1531
1532
  }
1532
1533
 
1533
1534
  /***/ }),
1534
- /* 29 */,
1535
1535
  /* 30 */
1536
1536
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1537
1537
 
@@ -5638,7 +5638,7 @@ __webpack_require__.r(__webpack_exports__);
5638
5638
  /* harmony import */ var _requirePropFactory__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(105);
5639
5639
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "requirePropFactory", function() { return _requirePropFactory__WEBPACK_IMPORTED_MODULE_8__["a"]; });
5640
5640
 
5641
- /* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(28);
5641
+ /* harmony import */ var _setRef__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(29);
5642
5642
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "setRef", function() { return _setRef__WEBPACK_IMPORTED_MODULE_9__["a"]; });
5643
5643
 
5644
5644
  /* harmony import */ var _unsupportedProp__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(81);
@@ -6699,7 +6699,7 @@ function removeClassName(el
6699
6699
  /* 121 */
6700
6700
  /***/ (function(module) {
6701
6701
 
6702
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.18.0","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"}};
6702
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.20.0","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"}};
6703
6703
 
6704
6704
  /***/ }),
6705
6705
  /* 122 */
@@ -34298,7 +34298,7 @@ var createChainedFunction = __webpack_require__(33);
34298
34298
  var getThemeProps = __webpack_require__(415);
34299
34299
 
34300
34300
  // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/utils/setRef.js
34301
- var utils_setRef = __webpack_require__(28);
34301
+ var utils_setRef = __webpack_require__(29);
34302
34302
 
34303
34303
  // CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Portal/Portal.js
34304
34304
 
@@ -43882,8 +43882,14 @@ function CollapsibleTree_objectWithoutProperties(obj, keys) { var target = {}; f
43882
43882
 
43883
43883
 
43884
43884
 
43885
+
43886
+
43885
43887
  var CollapsibleTree_useStyles = styles_makeStyles(function (theme) {
43886
43888
  return {
43889
+ container: {
43890
+ display: 'flex',
43891
+ justifyContent: 'space-between'
43892
+ },
43887
43893
  title: CollapsibleTree_extends({
43888
43894
  fontWeight: 'bold'
43889
43895
  }, es_pathOr({}, ['mixins', 'collapsibleTree', 'title'], theme)),
@@ -43912,7 +43918,9 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
43912
43918
  labels = _ref.labels,
43913
43919
  _ref$testId = _ref.testId,
43914
43920
  testId = _ref$testId === undefined ? 'collapsible-tree' : _ref$testId,
43915
- valueHandler = _ref.valueHandler;
43921
+ valueHandler = _ref.valueHandler,
43922
+ icon = _ref.icon,
43923
+ onClick = _ref.onClick;
43916
43924
 
43917
43925
  var classes = CollapsibleTree_useStyles();
43918
43926
 
@@ -43960,7 +43968,7 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
43960
43968
  null,
43961
43969
  react_default.a.createElement(
43962
43970
  esm_Container_Container,
43963
- { disableGutters: true, 'data-testid': testId },
43971
+ { disableGutters: true, 'data-testid': testId, className: classes.container },
43964
43972
  react_default.a.createElement(
43965
43973
  esm_Button_Button,
43966
43974
  {
@@ -43973,6 +43981,11 @@ var CollapsibleTree_CollapsibleTree = function CollapsibleTree(_ref) {
43973
43981
  },
43974
43982
  buttonAllOpenLabel
43975
43983
  ),
43984
+ react_default.a.createElement(
43985
+ esm_IconButton_IconButton,
43986
+ { color: 'primary', onClick: onClick },
43987
+ icon
43988
+ ),
43976
43989
  children
43977
43990
  ),
43978
43991
  es_map(function (_ref3) {
@@ -44062,7 +44075,9 @@ CollapsibleTree_CollapsibleTree.propTypes = {
44062
44075
  noValue: prop_types_default.a.string
44063
44076
  }),
44064
44077
  testId: prop_types_default.a.string,
44065
- valueHandler: prop_types_default.a.func
44078
+ valueHandler: prop_types_default.a.func,
44079
+ icon: prop_types_default.a.element,
44080
+ onClick: prop_types_default.a.func
44066
44081
  };
44067
44082
 
44068
44083
  /* harmony default export */ var src_CollapsibleTree_CollapsibleTree = (CollapsibleTree_CollapsibleTree);
@@ -52811,6 +52826,8 @@ var Spotlight_Spotlight = function Spotlight(_ref) {
52811
52826
  action = _ref.action,
52812
52827
  fullWidth = _ref.fullWidth,
52813
52828
  className = _ref.className,
52829
+ _ref$withAutoFocus = _ref.withAutoFocus,
52830
+ withAutoFocus = _ref$withAutoFocus === undefined ? false : _ref$withAutoFocus,
52814
52831
  _ref$testId = _ref.testId,
52815
52832
  testId = _ref$testId === undefined ? 'spotlight' : _ref$testId;
52816
52833
 
@@ -52860,6 +52877,8 @@ var Spotlight_Spotlight = function Spotlight(_ref) {
52860
52877
  onBlur: function onBlur() {
52861
52878
  return setFocus(false);
52862
52879
  }
52880
+ // eslint-disable-next-line jsx-a11y/no-autofocus
52881
+ , autoFocus: withAutoFocus
52863
52882
  }),
52864
52883
  hasClearAll && !es_isEmpty(value) ? react_default.a.createElement(
52865
52884
  esm_IconButton_IconButton,
@@ -52917,7 +52936,8 @@ Spotlight_Spotlight.propTypes = {
52917
52936
  withBorder: prop_types_default.a.bool,
52918
52937
  fullWidth: prop_types_default.a.bool,
52919
52938
  classes: prop_types_default.a.object,
52920
- className: prop_types_default.a.object
52939
+ className: prop_types_default.a.object,
52940
+ withAutoFocus: prop_types_default.a.bool
52921
52941
  };
52922
52942
 
52923
52943
  /* harmony default export */ var src_Spotlight_Spotlight = (Spotlight_Spotlight);