@sis-cc/dotstatsuite-visions 12.22.0 → 12.24.0

package/es/DynamicDrawer/DynamicDrawer.js

@@ -199,10 +199,6 @@ var DynamicDrawer = function DynamicDrawer(props) {
       allSelection = _useState4[0],
       setAllSelection = _useState4[1];
 
-  var _useState5 = useState(-1),
-      value = _useState5[0],
-      setValue = _useState5[1];
-
   var getCounter = function getCounter(items, tagAccessor) {
     var selectedItemsIds = R.reduce(function (acc, item) {
       if (R.prop('isSelected', item)) {
@@ -227,6 +223,8 @@ var DynamicDrawer = function DynamicDrawer(props) {
       labels = props.labels,
       _props$disableAccesso = props.disableAccessor,
       disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
+      _props$isApplyHiddenN = props.isApplyHiddenNarrow,
+      isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
       expandAll = props.expandAll,
       collapseAll = props.collapseAll,
       expandedIds = props.expandedIds,
@@ -240,13 +238,12 @@ var DynamicDrawer = function DynamicDrawer(props) {
       children = props.children,
       _props$styles2 = props.styles,
       styles = _props$styles2 === undefined ? {} : _props$styles2,
-      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
+      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
 
   var handleChange = function handleChange(e, item) {
     setSelection(_extends({}, allSelection[item.id]));
     handleChangePanel(item.id, selection, allSelection);
     setFilter(item);
-    setValue(item.id);
     setOpen(true);
   };
   var handleSubmit = function handleSubmit() {
@@ -264,7 +261,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
   };
 
   var isHidden = open && isNarrow;
-  var isNotHiddenButton = !R.isEmpty(allSelection) && isNarrow;
+  var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
   useEffect(function () {
     if (open) {
       document.body.style.overflow = 'hidden';
@@ -300,7 +297,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
         TabIndicatorProps: { style: { transition: 'none' } },
         scrollButtons: false,
         disableScrollButtons: true,
-        value: value,
+        value: false,
         onChange: handleChange,
         'aria-label': 'filters',
         'data-testid': testId,
@@ -439,6 +436,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   periodPanel: PropTypes.string,
   isNarrow: PropTypes.bool,
+  isApplyHiddenNarrow: PropTypes.bool,
   disableAccessor: PropTypes.func,
   children: PropTypes.node,
   styles: PropTypes.object

package/es/PeriodPicker/lib.js

@@ -52,8 +52,13 @@ var updateLimit = function updateLimit(value, isSamePeriod, defaultValue) {
 };
 
 export var getRange = R.curry(function (boundaries, date) {
-  var _ref3;
+  var _ref4;
 
+  if (R.isNil(R.head(boundaries)) || R.isNil(R.last(boundaries))) {
+    var _ref;
+
+    return _ref = {}, _ref[YEARS] = [NaN], _ref[HOURS] = [NaN], _ref[FULL_HOURS] = [NaN], _ref[MONTHS] = [NaN], _ref[WEEKS] = [NaN], _ref[SEMESTERS] = [NaN], _ref[QUARTERS] = [NaN], _ref[DAYS] = [NaN], _ref[MINUTES] = [NaN], _ref;
+  }
   var destructuredDate = getDestructuringDate(date);
   var destructuredBoundaries = R.map(getDestructuringDate, boundaries);
 
@@ -68,17 +73,17 @@ export var getRange = R.curry(function (boundaries, date) {
       semesters = _R$transpose[8];
 
   if (R.isNil(date)) {
-    var _ref;
+    var _ref2;
 
-    return _ref = {}, _ref[YEARS] = years, _ref[HOURS] = [NaN], _ref[FULL_HOURS] = [NaN], _ref[MONTHS] = [NaN], _ref[WEEKS] = [NaN], _ref[SEMESTERS] = [NaN], _ref[QUARTERS] = [NaN], _ref[DAYS] = [NaN], _ref[MINUTES] = [NaN], _ref;
+    return _ref2 = {}, _ref2[YEARS] = years, _ref2[HOURS] = [NaN], _ref2[FULL_HOURS] = [NaN], _ref2[MONTHS] = [NaN], _ref2[WEEKS] = [NaN], _ref2[SEMESTERS] = [NaN], _ref2[QUARTERS] = [NaN], _ref2[DAYS] = [NaN], _ref2[MINUTES] = [NaN], _ref2;
   }
-  var listEqualsValueFromDate = R.pipe(R.transpose, R.reduce(function (acc, _ref2) {
+  var listEqualsValueFromDate = R.pipe(R.transpose, R.reduce(function (acc, _ref3) {
     var _extends2;
 
-    var type = _ref2[0],
-        date = _ref2[1],
-        start = _ref2[2],
-        end = _ref2[3];
+    var type = _ref3[0],
+        date = _ref3[1],
+        start = _ref3[2],
+        end = _ref3[3];
 
     return _extends({}, acc, (_extends2 = {}, _extends2[type] = [R.equals(date, start), R.equals(date, end)], _extends2));
   }, {}))([frequencies, destructuredDate].concat(destructuredBoundaries));
@@ -92,21 +97,21 @@ export var getRange = R.curry(function (boundaries, date) {
     return updateLimit(R.nth(index)(hours), isSamePeriod, value);
   })([0, 23]);
 
-  return _ref3 = {}, _ref3[YEARS] = years, _ref3[HOURS] = hoursRange, _ref3[FULL_HOURS] = hoursRange, _ref3[MONTHS] = R.addIndex(R.map)(function (value, index) {
+  return _ref4 = {}, _ref4[YEARS] = years, _ref4[HOURS] = hoursRange, _ref4[FULL_HOURS] = hoursRange, _ref4[MONTHS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(months), R.nth(index, equalsYears), value);
-  })([1, 12]), _ref3[WEEKS] = R.addIndex(R.map)(function (value, index) {
+  })([1, 12]), _ref4[WEEKS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(weeks), R.nth(index, equalsYears), value);
-  })([1, dateFns.getISOWeeksInYear(date)]), _ref3[SEMESTERS] = R.addIndex(R.map)(function (value, index) {
+  })([1, dateFns.getISOWeeksInYear(date)]), _ref4[SEMESTERS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(semesters), R.nth(index, equalsYears), value);
-  })([1, 2]), _ref3[QUARTERS] = R.addIndex(R.map)(function (value, index) {
+  })([1, 2]), _ref4[QUARTERS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(quarters), R.nth(index, equalsYears), value);
-  })([1, 4]), _ref3[DAYS] = R.addIndex(R.map)(function (value, index) {
+  })([1, 4]), _ref4[DAYS] = R.addIndex(R.map)(function (value, index) {
     var isSamePeriod = R.and(R.nth(index, equalsMonths), R.nth(index, equalsYears));
     return updateLimit(R.nth(index)(days), isSamePeriod, value);
-  })([1, dateFns.getDaysInMonth(date)]), _ref3[MINUTES] = R.addIndex(R.map)(function (value, index) {
+  })([1, dateFns.getDaysInMonth(date)]), _ref4[MINUTES] = R.addIndex(R.map)(function (value, index) {
     var isSamePeriod = R.all(R.identity)([R.nth(index, R.prop('hours')(listEqualsValueFromDate)), R.nth(index, equalsDays), R.nth(index, equalsMonths), R.nth(index, equalsYears)]);
     return updateLimit(R.nth(index)(minutes), isSamePeriod, value);
-  })([0, 59]), _ref3;
+  })([0, 59]), _ref4;
 });
 
 export var getAjustedDate = function getAjustedDate(frequency) {
@@ -114,9 +119,9 @@ export var getAjustedDate = function getAjustedDate(frequency) {
 };
 
 export var isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
-export var getDefaultFrequency = function getDefaultFrequency(_ref4) {
-  var defaultFrequency = _ref4.defaultFrequency,
-      frequencies = _ref4.frequencies;
+export var getDefaultFrequency = function getDefaultFrequency(_ref5) {
+  var defaultFrequency = _ref5.defaultFrequency,
+      frequencies = _ref5.frequencies;
 
   var isNotIncludes = R.complement(R.and)(R.includes(defaultFrequency)(frequencies), R.includes(defaultFrequency)(supportedFrequenciesKey));
   return R.or(R.either(R.isEmpty, R.isNil)(defaultFrequency), isNotIncludes) ? R.head(frequencies) : defaultFrequency;

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -238,10 +238,6 @@ var DynamicDrawer = function DynamicDrawer(props) {
       allSelection = _useState4[0],
       setAllSelection = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(-1),
-      value = _useState5[0],
-      setValue = _useState5[1];
-
   var getCounter = function getCounter(items, tagAccessor) {
     var selectedItemsIds = R.reduce(function (acc, item) {
       if (R.prop('isSelected', item)) {
@@ -266,6 +262,8 @@ var DynamicDrawer = function DynamicDrawer(props) {
       labels = props.labels,
       _props$disableAccesso = props.disableAccessor,
       disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
+      _props$isApplyHiddenN = props.isApplyHiddenNarrow,
+      isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
       expandAll = props.expandAll,
       collapseAll = props.collapseAll,
       expandedIds = props.expandedIds,
@@ -279,13 +277,12 @@ var DynamicDrawer = function DynamicDrawer(props) {
       children = props.children,
       _props$styles2 = props.styles,
       styles = _props$styles2 === undefined ? {} : _props$styles2,
-      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
+      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
 
   var handleChange = function handleChange(e, item) {
     setSelection(_extends({}, allSelection[item.id]));
     handleChangePanel(item.id, selection, allSelection);
     setFilter(item);
-    setValue(item.id);
     setOpen(true);
   };
   var handleSubmit = function handleSubmit() {
@@ -303,7 +300,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
   };
 
   var isHidden = open && isNarrow;
-  var isNotHiddenButton = !R.isEmpty(allSelection) && isNarrow;
+  var isNotHiddenButton = (!R.isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
   (0, _react.useEffect)(function () {
     if (open) {
       document.body.style.overflow = 'hidden';
@@ -339,7 +336,7 @@ var DynamicDrawer = function DynamicDrawer(props) {
         TabIndicatorProps: { style: { transition: 'none' } },
         scrollButtons: false,
         disableScrollButtons: true,
-        value: value,
+        value: false,
         onChange: handleChange,
         'aria-label': 'filters',
         'data-testid': testId,
@@ -478,6 +475,7 @@ DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes2.default.func,
   periodPanel: _propTypes2.default.string,
   isNarrow: _propTypes2.default.bool,
+  isApplyHiddenNarrow: _propTypes2.default.bool,
   disableAccessor: _propTypes2.default.func,
   children: _propTypes2.default.node,
   styles: _propTypes2.default.object

package/lib/PeriodPicker/lib.js

@@ -70,8 +70,13 @@ var updateLimit = function updateLimit(value, isSamePeriod, defaultValue) {
 };
 
 var getRange = exports.getRange = R.curry(function (boundaries, date) {
-  var _ref3;
+  var _ref4;
 
+  if (R.isNil(R.head(boundaries)) || R.isNil(R.last(boundaries))) {
+    var _ref;
+
+    return _ref = {}, _ref[_constants.YEARS] = [NaN], _ref[_constants.HOURS] = [NaN], _ref[_constants.FULL_HOURS] = [NaN], _ref[_constants.MONTHS] = [NaN], _ref[_constants.WEEKS] = [NaN], _ref[_constants.SEMESTERS] = [NaN], _ref[_constants.QUARTERS] = [NaN], _ref[_constants.DAYS] = [NaN], _ref[_constants.MINUTES] = [NaN], _ref;
+  }
   var destructuredDate = getDestructuringDate(date);
   var destructuredBoundaries = R.map(getDestructuringDate, boundaries);
 
@@ -86,17 +91,17 @@ var getRange = exports.getRange = R.curry(function (boundaries, date) {
       semesters = _R$transpose[8];
 
   if (R.isNil(date)) {
-    var _ref;
+    var _ref2;
 
-    return _ref = {}, _ref[_constants.YEARS] = years, _ref[_constants.HOURS] = [NaN], _ref[_constants.FULL_HOURS] = [NaN], _ref[_constants.MONTHS] = [NaN], _ref[_constants.WEEKS] = [NaN], _ref[_constants.SEMESTERS] = [NaN], _ref[_constants.QUARTERS] = [NaN], _ref[_constants.DAYS] = [NaN], _ref[_constants.MINUTES] = [NaN], _ref;
+    return _ref2 = {}, _ref2[_constants.YEARS] = years, _ref2[_constants.HOURS] = [NaN], _ref2[_constants.FULL_HOURS] = [NaN], _ref2[_constants.MONTHS] = [NaN], _ref2[_constants.WEEKS] = [NaN], _ref2[_constants.SEMESTERS] = [NaN], _ref2[_constants.QUARTERS] = [NaN], _ref2[_constants.DAYS] = [NaN], _ref2[_constants.MINUTES] = [NaN], _ref2;
   }
-  var listEqualsValueFromDate = R.pipe(R.transpose, R.reduce(function (acc, _ref2) {
+  var listEqualsValueFromDate = R.pipe(R.transpose, R.reduce(function (acc, _ref3) {
     var _extends2;
 
-    var type = _ref2[0],
-        date = _ref2[1],
-        start = _ref2[2],
-        end = _ref2[3];
+    var type = _ref3[0],
+        date = _ref3[1],
+        start = _ref3[2],
+        end = _ref3[3];
 
     return _extends({}, acc, (_extends2 = {}, _extends2[type] = [R.equals(date, start), R.equals(date, end)], _extends2));
   }, {}))([_constants.frequencies, destructuredDate].concat(destructuredBoundaries));
@@ -110,21 +115,21 @@ var getRange = exports.getRange = R.curry(function (boundaries, date) {
     return updateLimit(R.nth(index)(hours), isSamePeriod, value);
   })([0, 23]);
 
-  return _ref3 = {}, _ref3[_constants.YEARS] = years, _ref3[_constants.HOURS] = hoursRange, _ref3[_constants.FULL_HOURS] = hoursRange, _ref3[_constants.MONTHS] = R.addIndex(R.map)(function (value, index) {
+  return _ref4 = {}, _ref4[_constants.YEARS] = years, _ref4[_constants.HOURS] = hoursRange, _ref4[_constants.FULL_HOURS] = hoursRange, _ref4[_constants.MONTHS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(months), R.nth(index, equalsYears), value);
-  })([1, 12]), _ref3[_constants.WEEKS] = R.addIndex(R.map)(function (value, index) {
+  })([1, 12]), _ref4[_constants.WEEKS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(weeks), R.nth(index, equalsYears), value);
-  })([1, _dateFns2.default.getISOWeeksInYear(date)]), _ref3[_constants.SEMESTERS] = R.addIndex(R.map)(function (value, index) {
+  })([1, _dateFns2.default.getISOWeeksInYear(date)]), _ref4[_constants.SEMESTERS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(semesters), R.nth(index, equalsYears), value);
-  })([1, 2]), _ref3[_constants.QUARTERS] = R.addIndex(R.map)(function (value, index) {
+  })([1, 2]), _ref4[_constants.QUARTERS] = R.addIndex(R.map)(function (value, index) {
     return updateLimit(R.nth(index)(quarters), R.nth(index, equalsYears), value);
-  })([1, 4]), _ref3[_constants.DAYS] = R.addIndex(R.map)(function (value, index) {
+  })([1, 4]), _ref4[_constants.DAYS] = R.addIndex(R.map)(function (value, index) {
     var isSamePeriod = R.and(R.nth(index, equalsMonths), R.nth(index, equalsYears));
     return updateLimit(R.nth(index)(days), isSamePeriod, value);
-  })([1, _dateFns2.default.getDaysInMonth(date)]), _ref3[_constants.MINUTES] = R.addIndex(R.map)(function (value, index) {
+  })([1, _dateFns2.default.getDaysInMonth(date)]), _ref4[_constants.MINUTES] = R.addIndex(R.map)(function (value, index) {
     var isSamePeriod = R.all(R.identity)([R.nth(index, R.prop('hours')(listEqualsValueFromDate)), R.nth(index, equalsDays), R.nth(index, equalsMonths), R.nth(index, equalsYears)]);
     return updateLimit(R.nth(index)(minutes), isSamePeriod, value);
-  })([0, 59]), _ref3;
+  })([0, 59]), _ref4;
 });
 
 var getAjustedDate = exports.getAjustedDate = function getAjustedDate(frequency) {
@@ -132,9 +137,9 @@ var getAjustedDate = exports.getAjustedDate = function getAjustedDate(frequency)
 };
 
 var isValidNumber = exports.isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
-var getDefaultFrequency = exports.getDefaultFrequency = function getDefaultFrequency(_ref4) {
-  var defaultFrequency = _ref4.defaultFrequency,
-      frequencies = _ref4.frequencies;
+var getDefaultFrequency = exports.getDefaultFrequency = function getDefaultFrequency(_ref5) {
+  var defaultFrequency = _ref5.defaultFrequency,
+      frequencies = _ref5.frequencies;
 
   var isNotIncludes = R.complement(R.and)(R.includes(defaultFrequency)(frequencies), R.includes(defaultFrequency)(supportedFrequenciesKey));
   return R.or(R.either(R.isEmpty, R.isNil)(defaultFrequency), isNotIncludes) ? R.head(frequencies) : defaultFrequency;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "12.22.0",
+  "version": "12.24.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v12.22.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v12.24.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -9216,7 +9216,7 @@ if (true) {
 /* 157 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.22.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"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.24.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"}};
 
 /***/ }),
 /* 158 */
@@ -60456,10 +60456,6 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       allSelection = _useState4[0],
       setAllSelection = _useState4[1];
 
-  var _useState5 = Object(react["useState"])(-1),
-      value = _useState5[0],
-      setValue = _useState5[1];
-
   var getCounter = function getCounter(items, tagAccessor) {
     var selectedItemsIds = es_reduce(function (acc, item) {
       if (es_prop('isSelected', item)) {
@@ -60484,6 +60480,8 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       labels = props.labels,
       _props$disableAccesso = props.disableAccessor,
       disableAccessor = _props$disableAccesso === undefined ? es_always(false) : _props$disableAccesso,
+      _props$isApplyHiddenN = props.isApplyHiddenNarrow,
+      isApplyHiddenNarrow = _props$isApplyHiddenN === undefined ? false : _props$isApplyHiddenN,
       expandAll = props.expandAll,
       collapseAll = props.collapseAll,
       expandedIds = props.expandedIds,
@@ -60497,13 +60495,12 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       children = props.children,
       _props$styles2 = props.styles,
       styles = _props$styles2 === undefined ? {} : _props$styles2,
-      rest = DynamicDrawer_objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
+      rest = DynamicDrawer_objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'isApplyHiddenNarrow', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'testId', 'tagAccessor', 'tagAriaLabel', 'children', 'styles']);
 
   var handleChange = function handleChange(e, item) {
     setSelection(DynamicDrawer_extends({}, allSelection[item.id]));
     handleChangePanel(item.id, selection, allSelection);
     setFilter(item);
-    setValue(item.id);
     setOpen(true);
   };
   var handleSubmit = function handleSubmit() {
@@ -60521,7 +60518,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
   };
 
   var isHidden = open && isNarrow;
-  var isNotHiddenButton = !es_isEmpty(allSelection) && isNarrow;
+  var isNotHiddenButton = (!es_isEmpty(allSelection) || !isApplyHiddenNarrow) && isNarrow;
   Object(react["useEffect"])(function () {
     if (open) {
       document.body.style.overflow = 'hidden';
@@ -60557,7 +60554,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
         TabIndicatorProps: { style: { transition: 'none' } },
         scrollButtons: false,
         disableScrollButtons: true,
-        value: value,
+        value: false,
         onChange: handleChange,
         'aria-label': 'filters',
         'data-testid': testId,
@@ -60696,6 +60693,7 @@ DynamicDrawer_DynamicDrawer.propTypes = {
   onClick: prop_types_default.a.func,
   periodPanel: prop_types_default.a.string,
   isNarrow: prop_types_default.a.bool,
+  isApplyHiddenNarrow: prop_types_default.a.bool,
   disableAccessor: prop_types_default.a.func,
   children: prop_types_default.a.node,
   styles: prop_types_default.a.object
@@ -63816,8 +63814,13 @@ var updateLimit = function updateLimit(value, isSamePeriod, defaultValue) {
 };
 
 var getRange = es_curry(function (boundaries, date) {
-  var _ref3;
+  var _ref4;
+
+  if (es_isNil(es_head(boundaries)) || es_isNil(es_last(boundaries))) {
+    var _ref;
 
+    return _ref = {}, _ref[YEARS] = [NaN], _ref[HOURS] = [NaN], _ref[FULL_HOURS] = [NaN], _ref[MONTHS] = [NaN], _ref[WEEKS] = [NaN], _ref[SEMESTERS] = [NaN], _ref[QUARTERS] = [NaN], _ref[DAYS] = [NaN], _ref[MINUTES] = [NaN], _ref;
+  }
   var destructuredDate = lib_getDestructuringDate(date);
   var destructuredBoundaries = es_map(lib_getDestructuringDate, boundaries);
 
@@ -63832,17 +63835,17 @@ var getRange = es_curry(function (boundaries, date) {
       semesters = _R$transpose[8];
 
   if (es_isNil(date)) {
-    var _ref;
+    var _ref2;
 
-    return _ref = {}, _ref[YEARS] = years, _ref[HOURS] = [NaN], _ref[FULL_HOURS] = [NaN], _ref[MONTHS] = [NaN], _ref[WEEKS] = [NaN], _ref[SEMESTERS] = [NaN], _ref[QUARTERS] = [NaN], _ref[DAYS] = [NaN], _ref[MINUTES] = [NaN], _ref;
+    return _ref2 = {}, _ref2[YEARS] = years, _ref2[HOURS] = [NaN], _ref2[FULL_HOURS] = [NaN], _ref2[MONTHS] = [NaN], _ref2[WEEKS] = [NaN], _ref2[SEMESTERS] = [NaN], _ref2[QUARTERS] = [NaN], _ref2[DAYS] = [NaN], _ref2[MINUTES] = [NaN], _ref2;
   }
-  var listEqualsValueFromDate = pipe(es_transpose, es_reduce(function (acc, _ref2) {
+  var listEqualsValueFromDate = pipe(es_transpose, es_reduce(function (acc, _ref3) {
     var _extends2;
 
-    var type = _ref2[0],
-        date = _ref2[1],
-        start = _ref2[2],
-        end = _ref2[3];
+    var type = _ref3[0],
+        date = _ref3[1],
+        start = _ref3[2],
+        end = _ref3[3];
 
     return lib_extends({}, acc, (_extends2 = {}, _extends2[type] = [es_equals(date, start), es_equals(date, end)], _extends2));
   }, {}))([constants_frequencies, destructuredDate].concat(destructuredBoundaries));
@@ -63856,21 +63859,21 @@ var getRange = es_curry(function (boundaries, date) {
     return updateLimit(es_nth(index)(hours), isSamePeriod, value);
   })([0, 23]);
 
-  return _ref3 = {}, _ref3[YEARS] = years, _ref3[HOURS] = hoursRange, _ref3[FULL_HOURS] = hoursRange, _ref3[MONTHS] = es_addIndex(es_map)(function (value, index) {
+  return _ref4 = {}, _ref4[YEARS] = years, _ref4[HOURS] = hoursRange, _ref4[FULL_HOURS] = hoursRange, _ref4[MONTHS] = es_addIndex(es_map)(function (value, index) {
     return updateLimit(es_nth(index)(months), es_nth(index, equalsYears), value);
-  })([1, 12]), _ref3[WEEKS] = es_addIndex(es_map)(function (value, index) {
+  })([1, 12]), _ref4[WEEKS] = es_addIndex(es_map)(function (value, index) {
     return updateLimit(es_nth(index)(weeks), es_nth(index, equalsYears), value);
-  })([1, date_fns_default.a.getISOWeeksInYear(date)]), _ref3[SEMESTERS] = es_addIndex(es_map)(function (value, index) {
+  })([1, date_fns_default.a.getISOWeeksInYear(date)]), _ref4[SEMESTERS] = es_addIndex(es_map)(function (value, index) {
     return updateLimit(es_nth(index)(semesters), es_nth(index, equalsYears), value);
-  })([1, 2]), _ref3[QUARTERS] = es_addIndex(es_map)(function (value, index) {
+  })([1, 2]), _ref4[QUARTERS] = es_addIndex(es_map)(function (value, index) {
     return updateLimit(es_nth(index)(quarters), es_nth(index, equalsYears), value);
-  })([1, 4]), _ref3[DAYS] = es_addIndex(es_map)(function (value, index) {
+  })([1, 4]), _ref4[DAYS] = es_addIndex(es_map)(function (value, index) {
     var isSamePeriod = es_and(es_nth(index, equalsMonths), es_nth(index, equalsYears));
     return updateLimit(es_nth(index)(days), isSamePeriod, value);
-  })([1, date_fns_default.a.getDaysInMonth(date)]), _ref3[MINUTES] = es_addIndex(es_map)(function (value, index) {
+  })([1, date_fns_default.a.getDaysInMonth(date)]), _ref4[MINUTES] = es_addIndex(es_map)(function (value, index) {
     var isSamePeriod = es_all(es_identity)([es_nth(index, es_prop('hours')(listEqualsValueFromDate)), es_nth(index, equalsDays), es_nth(index, equalsMonths), es_nth(index, equalsYears)]);
     return updateLimit(es_nth(index)(minutes), isSamePeriod, value);
-  })([0, 59]), _ref3;
+  })([0, 59]), _ref4;
 });
 
 var lib_getAjustedDate = function getAjustedDate(frequency) {
@@ -63878,9 +63881,9 @@ var lib_getAjustedDate = function getAjustedDate(frequency) {
 };
 
 var isValidNumber = es_both(es_is(Number), es_complement(es_equals(NaN)));
-var lib_getDefaultFrequency = function getDefaultFrequency(_ref4) {
-  var defaultFrequency = _ref4.defaultFrequency,
-      frequencies = _ref4.frequencies;
+var lib_getDefaultFrequency = function getDefaultFrequency(_ref5) {
+  var defaultFrequency = _ref5.defaultFrequency,
+      frequencies = _ref5.frequencies;
 
   var isNotIncludes = es_complement(es_and)(es_includes(defaultFrequency)(frequencies), es_includes(defaultFrequency)(supportedFrequenciesKey));
   return es_or(es_either(es_isEmpty, es_isNil)(defaultFrequency), isNotIncludes) ? es_head(frequencies) : defaultFrequency;