@sis-cc/dotstatsuite-visions 10.12.0 → 10.13.0

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

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.12.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.13.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -6699,7 +6699,7 @@ function removeClassName(el
 /* 121 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.12.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"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.13.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"}};
 
 /***/ }),
 /* 122 */
@@ -42236,7 +42236,7 @@ var CustomChip_CustomChip = function CustomChip(_ref) {
           className: iconClasses,
           'aria-label': ariaLabel + ' ' + label,
           component: 'span',
-          tabIndex: -1
+          tabIndex: 0
         },
         react_default.a.createElement(Cross, null)
       ),
@@ -43097,9 +43097,9 @@ var Item_Item = function Item(_ref) {
                   action(parentId, id);
                   e.stopPropagation();
                 },
-                tabIndex: 0
+                tabIndex: 0,
+                style: { display: 'list-item' }
               },
-              '\u2022 ',
               labelAccessor(subtopic, parentId)
             );
           })(pipe(es_propOr([], 'subtopics'), es_ifElse(es_always(isSecondLevelClikable), es_identity, es_intersperse(' • ')))(item))
@@ -43184,6 +43184,7 @@ 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];
 
@@ -43257,31 +43258,35 @@ var CollapseButtons_CollapseButtons = function CollapseButtons(props) {
       return react_default.a.createElement(
         esm_Grid_Grid,
         CollapseButtons_extends({ item: true, xs: 12, sm: 12, md: es_nth(nbColumns)(COLUMNS) }, gridButtonsProps, { key: id }),
-        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),
-          toggle: function toggle() {
-            var _setIsOpen2;
-
-            return setIsOpen((_setIsOpen2 = {}, _setIsOpen2[id] = !es_prop(id)(toggleId), _setIsOpen2));
-          },
-          testId: testId + '_' + id,
-          id: id
-        }),
-        isMobileView && react_default.a.createElement(
-          esm_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)
+        react_default.a.createElement(
+          esm_Typography_Typography,
+          { variant: 'h3' },
+          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),
+            toggle: function toggle() {
+              var _setIsOpen2;
+
+              return setIsOpen((_setIsOpen2 = {}, _setIsOpen2[id] = !es_prop(id)(toggleId), _setIsOpen2));
+            },
+            testId: testId + '_' + id,
+            id: id
+          }),
+          isMobileView && react_default.a.createElement(
+            esm_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)
+            )
           )
         )
       );
@@ -46463,7 +46468,8 @@ var Dataflow_Dataflow = function Dataflow(_ref2) {
             esm_IconButton_IconButton,
             {
               'data-testid': 'dataflow-expand-button-test-id',
-              'aria-label': 'expand',
+              'aria-label': es_propOr('Show details above', 'expand')(labels),
+              'aria-expanded': isExpanded,
               onClick: function onClick() {
                 return handleExpand();
               },
@@ -48500,7 +48506,8 @@ var ExpansionPanel_CustomExpansionPanel = function CustomExpansionPanel(_ref) {
         return onChangeActivePanel(id);
       } : undefined,
       classes: { root: isNarrow ? classes.panelBorder : classes.panel },
-      elevation: 0
+      elevation: 0,
+      'aria-expanded': isOpen
     },
     react_default.a.createElement(
       esm_AccordionSummary_AccordionSummary,
@@ -48558,6 +48565,8 @@ var ExpansionPanel_CustomExpansionPanel = function CustomExpansionPanel(_ref) {
     react_default.a.createElement(
       esm_AccordionDetails_AccordionDetails,
       {
+        id: id,
+        'aria-label': label,
         className: classnames_default()(classes.details, (_cx5 = {}, _cx5[classes.overflow] = overflow, _cx5[classes.height] = maxHeight, _cx5))
       },
       children
@@ -66996,6 +67005,7 @@ var ToggleButton_ToggleButton = function ToggleButton(_ref2) {
   return react_default.a.createElement(
     esm_Button_Button,
     {
+      'aria-expanded': isOpen,
       'aria-label': label,
       tabIndex: tabindex,
       'data-testid': testId,
@@ -70588,7 +70598,8 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       labels = _ref.labels,
       _ref$depth = _ref.depth,
       depth = _ref$depth === undefined ? 0 : _ref$depth,
-      eventsListeners = _ref.eventsListeners;
+      eventsListeners = _ref.eventsListeners,
+      expanded = _ref.expanded;
 
   var _React$useState = react_default.a.useState(false),
       isTooltipShown = _React$useState[0],
@@ -70614,25 +70625,28 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
         disableFocusRipple: true,
         className: classes.arrow,
         'aria-label': ariaLabel,
-        tabIndex: -1,
+        tabIndex: 0,
         size: 'small',
         color: 'primary',
         onClick: function onClick() {
           return changeList(hierarchicalId || id);
-        }
+        },
+        'aria-expanded': expanded
       },
       react_default.a.createElement(NavigateIcon, null)
     ),
     react_default.a.createElement(esm_ListItemText_ListItemText, {
       'data-testid': 'value_' + id,
       tabIndex: 0,
+      role: 'checkbox',
       'aria-label': isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      'aria-pressed': isSelected,
+      'aria-checked': isSelected,
       'aria-disabled': isDisabled,
       primaryTypographyProps: { noWrap: true, color: 'inherit' },
       secondaryTypographyProps: { color: 'inherit' },
       classes: { root: classes.listItem },
       className: classnames_default()((_cx = {}, _cx[classes.accessibilityItemHover] = accessibility, _cx[classes.listItemSelected] = isSelected, _cx[classes.listItemHover] = !isDisabled, _cx)),
+      onKeyDown: isDisabled ? null : eventsListeners.onKeyDown,
       onClick: isDisabled ? null : eventsListeners.onClick,
       onMouseDown: isDisabled || isTooltipShown ? null : eventsListeners.onMouseDown,
       onMouseEnter: isDisabled || isTooltipShown ? null : eventsListeners.onMouseEnter,
@@ -70669,7 +70683,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
               } }),
             enterDelay: 400,
             enterNextDelay: 400,
-            tabIndex: 0,
+            tabIndex: description ? 0 : -1,
             'aria-label': description,
             'aria-hidden': false,
             placement: 'top',
@@ -70729,7 +70743,8 @@ VirtualizedTree_Item_Item.propTypes = {
   labels: prop_types_default.a.object,
   depth: prop_types_default.a.number,
   eventsListeners: prop_types_default.a.object,
-  isGreyed: prop_types_default.a.bool
+  isGreyed: prop_types_default.a.bool,
+  expanded: prop_types_default.a.bool
 };
 
 /* harmony default export */ var VirtualizedTree_Item = (VirtualizedTree_Item_Item);
@@ -71256,6 +71271,8 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       apply();
     } else if (e.key === 'Control' && !es_isEmpty(selectIds)) {
       apply();
+    } else if (e.key === 'Enter' && !es_isNil(lastItemId)) {
+      apply();
     }
   };
 
@@ -71276,6 +71293,12 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
         multiSelect(id);
         setLastItemId(id);
       },
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter') {
+          multiSelect(id);
+          setLastItemId(id);
+        }
+      },
       onClick: function onClick(e) {
         e.preventDefault();
         if (e.ctrlKey && !simpleSelectionMode) {
@@ -71336,11 +71359,14 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
     },
     react_default.a.createElement(
       AutoSizer_default.a,
-      null,
+      { role: 'presentation' },
       function (_ref) {
         var height = _ref.height,
             width = _ref.width;
         return react_default.a.createElement(List_default.a, {
+          role: 'presentation',
+          'aria-readonly': null,
+          'aria-label': 'content',
           overscan: 10,
           tabIndex: -1,
           height: height + 2,
@@ -71367,6 +71393,7 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
                 return expand(utils_getHierarchicalId(item));
               },
               NavigateIcon: es_has(itemId, expandedIds) ? ExpandLess_default.a : ExpandMore_default.a,
+              expanded: es_has(itemId, expandedIds),
               isRtl: isRtl,
               eventsListeners: itemEventsListeners(utils_getHierarchicalId(item), index),
               HTMLRenderer: HTMLRenderer,
@@ -71375,7 +71402,8 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
               style: style,
               accessibility: accessibility,
               ariaLabel: es_prop('navigateNext')(labels),
-              theme: theme
+              theme: theme,
+              role: 'presentation'
             }));
           }
         });