@sis-cc/dotstatsuite-visions 12.23.0 → 12.25.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.
Files changed (6) hide show
  1. package/es/DynamicDrawer/DynamicDrawer.js +12 -10
  2. package/lib/DynamicDrawer/DynamicDrawer.js +12 -10
  3. package/package.json +1 -1
  4. package/umd/@sis-cc/dotstatsuite-visions.js +14 -12
  5. package/umd/@sis-cc/dotstatsuite-visions.min.js +9 -9
  6. package/umd/@sis-cc/dotstatsuite-visions.min.js.map +1 -1
package/es/DynamicDrawer/DynamicDrawer.js CHANGED
@@ -199,10 +199,6 @@ var DynamicDrawer = function DynamicDrawer(props) {
199
199
  allSelection = _useState4[0],
200
200
  setAllSelection = _useState4[1];
201
201
 
202
- var _useState5 = useState(-1),
203
- value = _useState5[0],
204
- setValue = _useState5[1];
205
-
206
202
  var getCounter = function getCounter(items, tagAccessor) {
207
203
  var selectedItemsIds = R.reduce(function (acc, item) {
208
204
  if (R.prop('isSelected', item)) {
@@ -223,10 +219,13 @@ var DynamicDrawer = function DynamicDrawer(props) {
223
219
  labelRenderer = props.labelRenderer,
224
220
  onClick = props.onClick,
225
221
  handleChangePanel = props.handleChangePanel,
222
+ onClosePanel = props.onClosePanel,
226
223
  isNarrow = props.isNarrow,
227
224
  labels = props.labels,
228
225
  _props$disableAccesso = props.disableAccessor,
229
226
  disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
227
+ _props$isApplyHiddenN = props.isApplyHiddenNarrow,
228
+ isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
230
229
  expandAll = props.expandAll,
231
230
  collapseAll = props.collapseAll,
232
231
  expandedIds = props.expandedIds,
@@ -240,13 +239,12 @@ var DynamicDrawer = function DynamicDrawer(props) {
240
239
  children = props.children,
241
240
  _props$styles2 = props.styles,
242
241
  styles = _props$styles2 === undefined ? {} : _props$styles2,
243
- rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
242
+ rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
244
243
 
245
244
  var handleChange = function handleChange(e, item) {
246
245
  setSelection(_extends({}, allSelection[item.id]));
247
246
  handleChangePanel(item.id, selection, allSelection);
248
247
  setFilter(item);
249
- setValue(item.id);
250
248
  setOpen(true);
251
249
  };
252
250
  var handleSubmit = function handleSubmit() {
@@ -255,18 +253,20 @@ var DynamicDrawer = function DynamicDrawer(props) {
255
253
  setSelection({});
256
254
  setOpen(false);
257
255
  setFilter({});
256
+ onClosePanel();
258
257
  };
259
258
  var handleClose = function handleClose() {
260
259
  setOpen(false);
261
260
  setAllSelection({});
262
261
  setSelection({});
263
262
  setFilter({});
263
+ onClosePanel();
264
264
  };
265
265
 
266
266
  var isHidden = open && isNarrow;
267
- var isNotHiddenButton = !R.isEmpty(allSelection) && isNarrow;
267
+ var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
268
268
  useEffect(function () {
269
- if (open) {
269
+ if (open && !isNarrow) {
270
270
  document.body.style.overflow = 'hidden';
271
271
  } else {
272
272
  document.body.style.overflow = '';
@@ -274,7 +274,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
274
274
  return function () {
275
275
  document.body.style.overflow = '';
276
276
  };
277
- }, [open]);
277
+ }, [open, isNarrow]);
278
278
 
279
279
  return React.createElement(
280
280
  'div',
@@ -300,7 +300,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
300
300
  TabIndicatorProps: { style: { transition: 'none' } },
301
301
  scrollButtons: false,
302
302
  disableScrollButtons: true,
303
- value: value,
303
+ value: false,
304
304
  onChange: handleChange,
305
305
  'aria-label': 'filters',
306
306
  'data-testid': testId,
@@ -418,6 +418,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
418
418
  tag: PropTypes.elementType,
419
419
  tagAriaLabel: PropTypes.func,
420
420
  handleChangePanel: PropTypes.func,
421
+ onClosePanel: PropTypes.func,
421
422
  displayChildren: PropTypes.func,
422
423
  labels: PropTypes.shape({
423
424
  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
@@ -439,6 +440,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
439
440
  onClick: PropTypes.func,
440
441
  periodPanel: PropTypes.string,
441
442
  isNarrow: PropTypes.bool,
443
+ isApplyHiddenNarrow: PropTypes.bool,
442
444
  disableAccessor: PropTypes.func,
443
445
  children: PropTypes.node,
444
446
  styles: PropTypes.object
package/lib/DynamicDrawer/DynamicDrawer.js CHANGED
@@ -238,10 +238,6 @@ var DynamicDrawer = function DynamicDrawer(props) {
238
238
  allSelection = _useState4[0],
239
239
  setAllSelection = _useState4[1];
240
240
 
241
- var _useState5 = (0, _react.useState)(-1),
242
- value = _useState5[0],
243
- setValue = _useState5[1];
244
-
245
241
  var getCounter = function getCounter(items, tagAccessor) {
246
242
  var selectedItemsIds = R.reduce(function (acc, item) {
247
243
  if (R.prop('isSelected', item)) {
@@ -262,10 +258,13 @@ var DynamicDrawer = function DynamicDrawer(props) {
262
258
  labelRenderer = props.labelRenderer,
263
259
  onClick = props.onClick,
264
260
  handleChangePanel = props.handleChangePanel,
261
+ onClosePanel = props.onClosePanel,
265
262
  isNarrow = props.isNarrow,
266
263
  labels = props.labels,
267
264
  _props$disableAccesso = props.disableAccessor,
268
265
  disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
266
+ _props$isApplyHiddenN = props.isApplyHiddenNarrow,
267
+ isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
269
268
  expandAll = props.expandAll,
270
269
  collapseAll = props.collapseAll,
271
270
  expandedIds = props.expandedIds,
@@ -279,13 +278,12 @@ var DynamicDrawer = function DynamicDrawer(props) {
279
278
  children = props.children,
280
279
  _props$styles2 = props.styles,
281
280
  styles = _props$styles2 === undefined ? {} : _props$styles2,
282
- rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
281
+ rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
283
282
 
284
283
  var handleChange = function handleChange(e, item) {
285
284
  setSelection(_extends({}, allSelection[item.id]));
286
285
  handleChangePanel(item.id, selection, allSelection);
287
286
  setFilter(item);
288
- setValue(item.id);
289
287
  setOpen(true);
290
288
  };
291
289
  var handleSubmit = function handleSubmit() {
@@ -294,18 +292,20 @@ var DynamicDrawer = function DynamicDrawer(props) {
294
292
  setSelection({});
295
293
  setOpen(false);
296
294
  setFilter({});
295
+ onClosePanel();
297
296
  };
298
297
  var handleClose = function handleClose() {
299
298
  setOpen(false);
300
299
  setAllSelection({});
301
300
  setSelection({});
302
301
  setFilter({});
302
+ onClosePanel();
303
303
  };
304
304
 
305
305
  var isHidden = open && isNarrow;
306
- var isNotHiddenButton = !R.isEmpty(allSelection) && isNarrow;
306
+ var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
307
307
  (0, _react.useEffect)(function () {
308
- if (open) {
308
+ if (open && !isNarrow) {
309
309
  document.body.style.overflow = 'hidden';
310
310
  } else {
311
311
  document.body.style.overflow = '';
@@ -313,7 +313,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
313
313
  return function () {
314
314
  document.body.style.overflow = '';
315
315
  };
316
- }, [open]);
316
+ }, [open, isNarrow]);
317
317
 
318
318
  return _react2.default.createElement(
319
319
  'div',
@@ -339,7 +339,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
339
339
  TabIndicatorProps: { style: { transition: 'none' } },
340
340
  scrollButtons: false,
341
341
  disableScrollButtons: true,
342
- value: value,
342
+ value: false,
343
343
  onChange: handleChange,
344
344
  'aria-label': 'filters',
345
345
  'data-testid': testId,
@@ -457,6 +457,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
457
457
  tag: _propTypes2.default.elementType,
458
458
  tagAriaLabel: _propTypes2.default.func,
459
459
  handleChangePanel: _propTypes2.default.func,
460
+ onClosePanel: _propTypes2.default.func,
460
461
  displayChildren: _propTypes2.default.func,
461
462
  labels: _propTypes2.default.shape({
462
463
  placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
@@ -478,6 +479,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
478
479
  onClick: _propTypes2.default.func,
479
480
  periodPanel: _propTypes2.default.string,
480
481
  isNarrow: _propTypes2.default.bool,
482
+ isApplyHiddenNarrow: _propTypes2.default.bool,
481
483
  disableAccessor: _propTypes2.default.func,
482
484
  children: _propTypes2.default.node,
483
485
  styles: _propTypes2.default.object
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sis-cc/dotstatsuite-visions",
3
- "version": "12.23.0",
3
+ "version": "12.25.0",
4
4
  "description": "Library of visual components",
5
5
  "author": "OECD",
6
6
  "homepage": "https://visions-qa.siscc.org/#o",
package/umd/@sis-cc/dotstatsuite-visions.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @sis-cc/dotstatsuite-visions v12.23.0 - https://visions-qa.siscc.org/#o
2
+ * @sis-cc/dotstatsuite-visions v12.25.0 - https://visions-qa.siscc.org/#o
3
3
  * MIT Licensed
4
4
  */
5
5
  (function webpackUniversalModuleDefinition(root, factory) {
@@ -9216,7 +9216,7 @@ if (true) {
9216
9216
  /* 157 */
9217
9217
  /***/ (function(module) {
9218
9218
 
9219
- module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.23.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":{"@emotion/react":"^11.13.0","@emotion/styled":"^11.13.0","@hello-pangea/dnd":"^16.6.0","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@mui/styles":"^5.16.5","@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-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","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","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@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"}};
9219
+ module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.25.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":{"@emotion/react":"^11.13.0","@emotion/styled":"^11.13.0","@hello-pangea/dnd":"^16.6.0","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@mui/styles":"^5.16.5","@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-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","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","@mui/icons-material":"^5.16.5","@mui/material":"^5.16.5","@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"}};
9220
9220
 
9221
9221
  /***/ }),
9222
9222
  /* 158 */
@@ -60456,10 +60456,6 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
60456
60456
  allSelection = _useState4[0],
60457
60457
  setAllSelection = _useState4[1];
60458
60458
 
60459
- var _useState5 = Object(react["useState"])(-1),
60460
- value = _useState5[0],
60461
- setValue = _useState5[1];
60462
-
60463
60459
  var getCounter = function getCounter(items, tagAccessor) {
60464
60460
  var selectedItemsIds = es_reduce(function (acc, item) {
60465
60461
  if (es_prop('isSelected', item)) {
@@ -60480,10 +60476,13 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
60480
60476
  labelRenderer = props.labelRenderer,
60481
60477
  onClick = props.onClick,
60482
60478
  handleChangePanel = props.handleChangePanel,
60479
+ onClosePanel = props.onClosePanel,
60483
60480
  isNarrow = props.isNarrow,
60484
60481
  labels = props.labels,
60485
60482
  _props$disableAccesso = props.disableAccessor,
60486
60483
  disableAccessor = _props$disableAccesso === undefined ? es_always(false) : _props$disableAccesso,
60484
+ _props$isApplyHiddenN = props.isApplyHiddenNarrow,
60485
+ isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
60487
60486
  expandAll = props.expandAll,
60488
60487
  collapseAll = props.collapseAll,
60489
60488
  expandedIds = props.expandedIds,
@@ -60497,13 +60496,12 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
60497
60496
  children = props.children,
60498
60497
  _props$styles2 = props.styles,
60499
60498
  styles = _props$styles2 === undefined ? {} : _props$styles2,
60500
- rest = DynamicDrawer_objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
60499
+ rest = DynamicDrawer_objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'onClosePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
60501
60500
 
60502
60501
  var handleChange = function handleChange(e, item) {
60503
60502
  setSelection(DynamicDrawer_extends({}, allSelection[item.id]));
60504
60503
  handleChangePanel(item.id, selection, allSelection);
60505
60504
  setFilter(item);
60506
- setValue(item.id);
60507
60505
  setOpen(true);
60508
60506
  };
60509
60507
  var handleSubmit = function handleSubmit() {
@@ -60512,18 +60510,20 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
60512
60510
  setSelection({});
60513
60511
  setOpen(false);
60514
60512
  setFilter({});
60513
+ onClosePanel();
60515
60514
  };
60516
60515
  var handleClose = function handleClose() {
60517
60516
  setOpen(false);
60518
60517
  setAllSelection({});
60519
60518
  setSelection({});
60520
60519
  setFilter({});
60520
+ onClosePanel();
60521
60521
  };
60522
60522
 
60523
60523
  var isHidden = open && isNarrow;
60524
- var isNotHiddenButton = !es_isEmpty(allSelection) && isNarrow;
60524
+ var isNotHiddenButton = (!es_isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
60525
60525
  Object(react["useEffect"])(function () {
60526
- if (open) {
60526
+ if (open && !isNarrow) {
60527
60527
  document.body.style.overflow = 'hidden';
60528
60528
  } else {
60529
60529
  document.body.style.overflow = '';
@@ -60531,7 +60531,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
60531
60531
  return function () {
60532
60532
  document.body.style.overflow = '';
60533
60533
  };
60534
- }, [open]);
60534
+ }, [open, isNarrow]);
60535
60535
 
60536
60536
  return react_default.a.createElement(
60537
60537
  'div',
@@ -60557,7 +60557,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
60557
60557
  TabIndicatorProps: { style: { transition: 'none' } },
60558
60558
  scrollButtons: false,
60559
60559
  disableScrollButtons: true,
60560
- value: value,
60560
+ value: false,
60561
60561
  onChange: handleChange,
60562
60562
  'aria-label': 'filters',
60563
60563
  'data-testid': testId,
@@ -60675,6 +60675,7 @@ DynamicDrawer_DynamicDrawer.propTypes = {
60675
60675
  tag: prop_types_default.a.elementType,
60676
60676
  tagAriaLabel: prop_types_default.a.func,
60677
60677
  handleChangePanel: prop_types_default.a.func,
60678
+ onClosePanel: prop_types_default.a.func,
60678
60679
  displayChildren: prop_types_default.a.func,
60679
60680
  labels: prop_types_default.a.shape({
60680
60681
  placeholder: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.func]),
@@ -60696,6 +60697,7 @@ DynamicDrawer_DynamicDrawer.propTypes = {
60696
60697
  onClick: prop_types_default.a.func,
60697
60698
  periodPanel: prop_types_default.a.string,
60698
60699
  isNarrow: prop_types_default.a.bool,
60700
+ isApplyHiddenNarrow: prop_types_default.a.bool,
60699
60701
  disableAccessor: prop_types_default.a.func,
60700
60702
  children: prop_types_default.a.node,
60701
60703
  styles: prop_types_default.a.object