@sis-cc/dotstatsuite-visions 12.46.0 → 12.48.0

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

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v12.46.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v12.48.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8865,7 +8865,7 @@ if (true) {
 /* 158 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.46.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":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged","transform":"npx jscodeshift -t scripts/transform-mui-imports.js demo/"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","diacritics":"^1.3.0","isemail":"^3.2.0","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":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","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","@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","cross-env":"^7.0.3","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","install-peers-cli":"^2.2.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-a11y":"^1.1.0","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/prop-types":"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.48.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":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged","transform":"npx jscodeshift -t scripts/transform-mui-imports.js demo/"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","diacritics":"^1.3.0","isemail":"^3.2.0","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":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","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","@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","cross-env":"^7.0.3","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","install-peers-cli":"^2.2.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-a11y":"^1.1.0","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/prop-types":"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"}};
 
 /***/ }),
 /* 159 */
@@ -52606,41 +52606,6 @@ DeleteChip_DeleteChip.propTypes = {
 
 
 
-// CONCATENATED MODULE: ./node_modules/ramda/es/compose.js
-
-
-/**
- * Performs right-to-left function composition. The last argument may have
- * any arity; the remaining arguments must be unary.
- *
- * **Note:** The result of compose is not automatically curried.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Function
- * @sig ((y -> z), (x -> y), ..., (o -> p), ((a, b, ..., n) -> o)) -> ((a, b, ..., n) -> z)
- * @param {...Function} ...functions The functions to compose
- * @return {Function}
- * @see R.pipe
- * @example
- *
- *      const classyGreeting = (firstName, lastName) => "The name's " + lastName + ", " + firstName + " " + lastName
- *      const yellGreeting = R.compose(R.toUpper, classyGreeting);
- *      yellGreeting('James', 'Bond'); //=> "THE NAME'S BOND, JAMES BOND"
- *
- *      R.compose(Math.abs, R.add(1), R.multiply(2))(-4) //=> 7
- *
- * @symb R.compose(f, g, h)(a, b) = f(g(h(a, b)))
- */
-
-function compose() {
-  if (arguments.length === 0) {
-    throw new Error('compose requires at least one argument');
-  }
-
-  return pipe.apply(this, es_reverse(arguments));
-}
 // CONCATENATED MODULE: ./node_modules/@mui/system/esm/useMediaQuery/useMediaQuery.js
 'use client';
 
@@ -53510,7 +53475,6 @@ var CollapseButtons_extends = Object.assign || function (target) { for (var i =
 
 
 
-
 var MAX_COLUMNS = 12;
 var COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];
 
@@ -53559,30 +53523,47 @@ var CollapseButtons_CollapseButtons = function CollapseButtons(props) {
   var classes = CollapseButtons_useStyles();
   var isMobileView = useMediaQuery(breakpoint);
 
-  var _useState = Object(react["useState"])(),
+  var _useState = Object(react["useState"])(props.selectedItemId),
       toggleId = _useState[0],
       setIsOpen = _useState[1];
 
-  Object(react["useEffect"])(function () {
-    var _setIsOpen;
-
-    var id = props.selectedItemId;
-    if (props.selectedItemId) setIsOpen((_setIsOpen = {}, _setIsOpen[id] = true, _setIsOpen));
-  }, [props.selectedItemId]);
-
-  var getValues = function getValues(parentId) {
-    return es_map(function (item) {
-      return react_default.a.createElement(CollapseButtons_Item, {
-        key: es_prop('id')(item),
-        testId: testId + '_' + parentId + '_value_' + es_prop('id')(item),
-        parentId: parentId,
-        item: item,
-        action: action,
-        isSecondLevelClikable: isSecondLevelClikable,
-        labelAccessor: labelAccessor
-      });
-    });
+  var collapseFactory = function collapseFactory(_ref) {
+    var action = _ref.action,
+        isSecondLevelClikable = _ref.isSecondLevelClikable,
+        labelAccessor = _ref.labelAccessor,
+        testId = _ref.testId;
+    return function (_ref2) {
+      var toggleId = _ref2.toggleId,
+          id = _ref2.id,
+          values = _ref2.values,
+          isMobileView = _ref2.isMobileView;
+      return react_default.a.createElement(
+        material_Collapse_Collapse,
+        {
+          'in': toggleId === id,
+          timeout: 'auto',
+          unmountOnExit: true,
+          className: classes.collapseContainer
+        },
+        react_default.a.createElement(
+          CollapseButtons_Paper,
+          { elevation: 10, isMobileView: isMobileView },
+          es_map(function (item) {
+            return react_default.a.createElement(CollapseButtons_Item, {
+              key: es_prop('id')(item),
+              testId: testId + '_' + id + '_value_' + es_prop('id')(item),
+              parentId: id,
+              item: item,
+              action: action,
+              isSecondLevelClikable: isSecondLevelClikable,
+              labelAccessor: labelAccessor
+            });
+          }, values)
+        )
+      );
+    };
   };
+  var collapse = collapseFactory({ action: action, isSecondLevelClikable: isSecondLevelClikable, labelAccessor: labelAccessor, testId: testId });
 
   return react_default.a.createElement(
     material_Grid_Grid,
@@ -53594,11 +53575,11 @@ var CollapseButtons_CollapseButtons = function CollapseButtons(props) {
       className: classnames_default()((_cx = {}, _cx[classes.container] = accessibility, _cx)),
       tabIndex: 0
     },
-    es_map(function (_ref) {
-      var id = _ref.id,
-          label = _ref.label,
-          _ref$values = _ref.values,
-          values = _ref$values === undefined ? [] : _ref$values;
+    es_map(function (_ref3) {
+      var id = _ref3.id,
+          label = _ref3.label,
+          _ref3$values = _ref3.values,
+          values = _ref3$values === undefined ? [] : _ref3$values;
       return react_default.a.createElement(
         material_Grid_Grid,
         CollapseButtons_extends({ item: true, xs: 12, sm: 12, md: es_nth(nbColumns)(COLUMNS) }, gridButtonsProps, { key: id }),
@@ -53608,83 +53589,27 @@ var CollapseButtons_CollapseButtons = function CollapseButtons(props) {
           react_default.a.createElement(src_ToggleButton_ToggleButton, {
             textTransform: textTransform,
             label: label,
-            tabIndex: es_isNil(toggleId) || es_prop(id)(toggleId) || compose(es_not, es_head, es_values)(toggleId) ? 0 : -1,
-            isOpen: es_prop(id)(toggleId),
+            tabIndex: toggleId ? 1 : 0,
+            isOpen: toggleId === id,
             toggle: function toggle() {
-              var _setIsOpen2;
-
-              return setIsOpen((_setIsOpen2 = {}, _setIsOpen2[id] = !es_prop(id)(toggleId), _setIsOpen2));
+              return setIsOpen(id === toggleId ? null : id);
             },
             testId: testId + '_' + id,
             id: id
           }),
-          isMobileView && react_default.a.createElement(
-            material_Collapse_Collapse,
-            {
-              'in': es_prop(id)(toggleId),
-              timeout: 'auto',
-              unmountOnExit: true,
-              className: classes.collapseContainer
-            },
-            react_default.a.createElement(
-              CollapseButtons_Paper,
-              { elevation: 10, isMobileView: isMobileView },
-              getValues(id)(values)
-            )
-          )
+          isMobileView && collapse({ toggleId: toggleId, id: id, values: values, isMobileView: isMobileView })
         )
       );
     })(items),
-    !isMobileView && es_map(function (_ref2) {
-      var id = _ref2.id,
-          _ref2$values = _ref2.values,
-          values = _ref2$values === undefined ? [] : _ref2$values;
-      return react_default.a.createElement(
-        material_Collapse_Collapse,
-        {
-          'in': es_prop(id)(toggleId),
-          timeout: 'auto',
-          unmountOnExit: true,
-          key: id,
-          className: classes.collapseContainer
-        },
-        react_default.a.createElement(
-          CollapseButtons_Paper,
-          { elevation: 10 },
-          getValues(id)(values)
-        )
-      );
-    })(items)
+    !isMobileView && es_map(function (_ref4) {
+      var id = _ref4.id,
+          _ref4$values = _ref4.values,
+          values = _ref4$values === undefined ? [] : _ref4$values;
+      return collapse({ toggleId: toggleId, id: id, values: values, isMobileView: isMobileView });
+    }, items)
   );
 };
 
-CollapseButtons_CollapseButtons.propTypes = {
-  testId: prop_types_default.a.string,
-  selectedItemId: prop_types_default.a.string,
-  items: prop_types_default.a.arrayOf(prop_types_default.a.shape({
-    id: prop_types_default.a.string.isRequired,
-    label: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
-    svgPath: prop_types_default.a.string,
-    values: prop_types_default.a.arrayOf(prop_types_default.a.shape({
-      id: prop_types_default.a.string.isRequired,
-      label: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
-      subtopics: prop_types_default.a.arrayOf(prop_types_default.a.oneOfType([prop_types_default.a.shape({
-        id: prop_types_default.a.string.isRequired,
-        label: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element])
-      }), prop_types_default.a.string]))
-    }))
-  })),
-  action: prop_types_default.a.func,
-  nbColumns: prop_types_default.a.number,
-  isSecondLevelClikable: prop_types_default.a.bool,
-  breakpoint: prop_types_default.a.func,
-  gridButtonsProps: prop_types_default.a.object,
-  justify: prop_types_default.a.string,
-  textTransform: prop_types_default.a.string,
-  labelAccessor: prop_types_default.a.func,
-  accessibility: prop_types_default.a.bool
-};
-
 /* harmony default export */ var src_CollapseButtons_CollapseButtons = (CollapseButtons_CollapseButtons);
 // CONCATENATED MODULE: ./src/CollapseButtons/index.js
 /**
@@ -67502,6 +67427,41 @@ const Table_Table = /*#__PURE__*/react["forwardRef"](function Table(inProps, ref
 });
  false ? undefined : void 0;
 /* harmony default export */ var material_Table_Table = (Table_Table);
+// CONCATENATED MODULE: ./node_modules/ramda/es/compose.js
+
+
+/**
+ * Performs right-to-left function composition. The last argument may have
+ * any arity; the remaining arguments must be unary.
+ *
+ * **Note:** The result of compose is not automatically curried.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category Function
+ * @sig ((y -> z), (x -> y), ..., (o -> p), ((a, b, ..., n) -> o)) -> ((a, b, ..., n) -> z)
+ * @param {...Function} ...functions The functions to compose
+ * @return {Function}
+ * @see R.pipe
+ * @example
+ *
+ *      const classyGreeting = (firstName, lastName) => "The name's " + lastName + ", " + firstName + " " + lastName
+ *      const yellGreeting = R.compose(R.toUpper, classyGreeting);
+ *      yellGreeting('James', 'Bond'); //=> "THE NAME'S BOND, JAMES BOND"
+ *
+ *      R.compose(Math.abs, R.add(1), R.multiply(2))(-4) //=> 7
+ *
+ * @symb R.compose(f, g, h)(a, b) = f(g(h(a, b)))
+ */
+
+function compose() {
+  if (arguments.length === 0) {
+    throw new Error('compose requires at least one argument');
+  }
+
+  return pipe.apply(this, es_reverse(arguments));
+}
 // CONCATENATED MODULE: ./node_modules/@mui/material/Table/Tablelvl2Context.js
 
 
@@ -83836,7 +83796,8 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
               term: spotlight.term,
               hasCommit: false,
               spotlight: { fields: {} },
-              action: setSpotlight
+              action: setSpotlight,
+              labels: labels
             })
           ),
           react_default.a.createElement(
@@ -84102,7 +84063,8 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
             term: spotlight.term,
             hasCommit: false,
             spotlight: { fields: {} },
-            action: setSpotlight
+            action: setSpotlight,
+            labels: labels
           }),
           es_is(Function, toggleBulk) && hasSpotlight && react_default.a.createElement(
             src_Tooltip_Tooltip,