@sis-cc/dotstatsuite-visions 12.31.0 → 12.33.0

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

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v12.31.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v12.33.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8876,7 +8876,7 @@ if (true) {
 /* 157 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.31.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-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.33.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-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 */
@@ -36800,6 +36800,48 @@ Breadcrumbs_CustomBreadcrumbs.propTypes = {
  */
 
 
+// CONCATENATED MODULE: ./node_modules/ramda/es/omit.js
+
+/**
+ * Returns a partial copy of an object omitting the keys specified.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category Object
+ * @sig [String] -> {String: *} -> {String: *}
+ * @param {Array} names an array of String property names to omit from the new object
+ * @param {Object} obj The object to copy from
+ * @return {Object} A new object with properties from `names` not on it.
+ * @see R.pick
+ * @example
+ *
+ *      R.omit(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, c: 3}
+ */
+
+var omit =
+/*#__PURE__*/
+_curry2(function omit(names, obj) {
+  var result = {};
+  var index = {};
+  var idx = 0;
+  var len = names.length;
+
+  while (idx < len) {
+    index[names[idx]] = 1;
+    idx += 1;
+  }
+
+  for (var prop in obj) {
+    if (!index.hasOwnProperty(prop)) {
+      result[prop] = obj[prop];
+    }
+  }
+
+  return result;
+});
+
+/* harmony default export */ var es_omit = (omit);
 // EXTERNAL MODULE: ./node_modules/@mui/utils/esm/resolveProps/resolveProps.js
 var resolveProps = __webpack_require__(494);
 
@@ -37168,7 +37210,7 @@ var MyButton = react_default.a.forwardRef(function (_ref, ref) {
       className: classnames_default()(className, es_prop(alternative + 'Root')(classes), (_cx = {}, _cx[es_prop(alternative + 'Selected')(classes)] = selected, _cx)),
       'aria-pressed': selected,
       ref: ref
-    }, props),
+    }, es_omit(['indicator', 'textColor', 'selectionFollowsFocus'], props)),
     props.children
   );
 });
@@ -45169,48 +45211,6 @@ _curry2(function mergeRight(l, r) {
 });
 
 /* harmony default export */ var es_mergeRight = (mergeRight_mergeRight);
-// CONCATENATED MODULE: ./node_modules/ramda/es/omit.js
-
-/**
- * Returns a partial copy of an object omitting the keys specified.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Object
- * @sig [String] -> {String: *} -> {String: *}
- * @param {Array} names an array of String property names to omit from the new object
- * @param {Object} obj The object to copy from
- * @return {Object} A new object with properties from `names` not on it.
- * @see R.pick
- * @example
- *
- *      R.omit(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, c: 3}
- */
-
-var omit =
-/*#__PURE__*/
-_curry2(function omit(names, obj) {
-  var result = {};
-  var index = {};
-  var idx = 0;
-  var len = names.length;
-
-  while (idx < len) {
-    index[names[idx]] = 1;
-    idx += 1;
-  }
-
-  for (var prop in obj) {
-    if (!index.hasOwnProperty(prop)) {
-      result[prop] = obj[prop];
-    }
-  }
-
-  return result;
-});
-
-/* harmony default export */ var es_omit = (omit);
 // EXTERNAL MODULE: ./node_modules/@mui/icons-material/Done.js
 var Done = __webpack_require__(35);
 var Done_default = /*#__PURE__*/__webpack_require__.n(Done);
@@ -53304,7 +53304,7 @@ 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,
+            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;
@@ -58178,7 +58178,7 @@ var DataHeader_DataHeader = function DataHeader(_ref2) {
           className: classes.title,
           style: { fontSize: fontSizeTitle },
           'data-testid': 'data-header-title',
-          tabindex: '-1',
+          tabIndex: '-1',
           'aria-label': title.label
         },
         title.label,
@@ -60043,7 +60043,7 @@ var AdvancedSelection_AdvancedSelection = function AdvancedSelection(props) {
           return onChangeSelection(selection, ids, filter);
         },
         withExpandControl: true,
-        treeHeight: isNarrow ? 0 : '450px',
+        treeHeight: isNarrow ? 0 : 450,
         scopeGetter: scopeGetter,
         expandedIds: expandedIds
       }))
@@ -61412,6 +61412,21 @@ var DynamicDrawer_useStyles = makeStyles(function (theme) {
     }
   };
 });
+var DynamicDrawer_getCounter = function getCounter(items, tagAccessor) {
+  var selectedItemsIds = es_reduce(function (acc, item) {
+    if (es_prop('isSelected', item)) {
+      return es_append(item.id, acc);
+    }
+    return acc;
+  }, [], items);
+  var itemsIds = es_pluck('id', items);
+  var count = pipe(es_uniq, es_length)(selectedItemsIds);
+  var total = pipe(es_uniq, es_length)(itemsIds);
+  if (es_is(Function, tagAccessor)) {
+    return tagAccessor(count, total);
+  }
+  return count + '/' + total;
+};
 
 var DynamicDrawer_TabPanel = function TabPanel(props) {
   var children = props.children,
@@ -61516,13 +61531,21 @@ DynamicDrawer_TabPanel.propTypes = {
   styles: prop_types_default.a.object
 };
 
-var DynamicDrawer_PaperComponent = function PaperComponent(props) {
+var DynamicDrawer_PaperComponent = react_default.a.forwardRef(function (_ref, ref) {
   var _cx;
 
+  var label = _ref.label,
+      selected = _ref.selected,
+      item = _ref.item,
+      tagAccessor = _ref.tagAccessor,
+      tagValueLabel = _ref.tagValueLabel,
+      rest = DynamicDrawer_objectWithoutProperties(_ref, ['label', 'selected', 'item', 'tagAccessor', 'tagValueLabel']);
+
+  var Chip = es_isNil(item.tag) ? src_Tag_Tag : item.tag;
   var classes = DynamicDrawer_useStyles();
   return react_default.a.createElement(
     material_Paper_Paper,
-    props,
+    DynamicDrawer_extends({}, rest, { ref: ref }),
     react_default.a.createElement(
       material_Box_Box,
       { sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } },
@@ -61531,19 +61554,25 @@ var DynamicDrawer_PaperComponent = function PaperComponent(props) {
         {
           noWrap: true,
           variant: 'body2',
-          title: props.label,
-          className: classnames_default()(classes.label, (_cx = {}, _cx[classes.labelSelected] = props.selected, _cx))
+          title: label,
+          className: classnames_default()(classes.label, (_cx = {}, _cx[classes.labelSelected] = selected, _cx))
         },
-        props.label
+        label
       ),
-      props.tag
+      es_isNil(item.tag) ? react_default.a.createElement(
+        Chip,
+        { items: item.values, tagValueLabel: tagValueLabel },
+        DynamicDrawer_getCounter(item.values, tagAccessor)
+      ) : item.tag
     )
   );
-};
+});
 DynamicDrawer_PaperComponent.propTypes = {
   label: prop_types_default.a.string,
-  tag: prop_types_default.a.elementType,
-  selected: prop_types_default.a.bool
+  selected: prop_types_default.a.bool,
+  item: prop_types_default.a.object,
+  tagAccessor: prop_types_default.a.func,
+  tagValueLabel: prop_types_default.a.func
 };
 
 var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
@@ -61565,22 +61594,6 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       allSelection = _useState4[0],
       setAllSelection = _useState4[1];
 
-  var getCounter = function getCounter(items, tagAccessor) {
-    var selectedItemsIds = es_reduce(function (acc, item) {
-      if (es_prop('isSelected', item)) {
-        return es_append(item.id, acc);
-      }
-      return acc;
-    }, [], items);
-    var itemsIds = es_pluck('id', items);
-    var count = pipe(es_uniq, es_length)(selectedItemsIds);
-    var total = pipe(es_uniq, es_length)(itemsIds);
-    if (es_is(Function, tagAccessor)) {
-      return tagAccessor(count, total);
-    }
-    return count + '/' + total;
-  };
-
   var list = props.list,
       labelRenderer = props.labelRenderer,
       onClick = props.onClick,
@@ -61675,7 +61688,6 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
         variant: 'scrollable',
         TabIndicatorProps: { style: { transition: 'none' } },
         scrollButtons: false,
-        disableScrollButtons: true,
         value: false,
         onChange: handleChange,
         'aria-label': 'filters',
@@ -61693,24 +61705,23 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       es_map(function (item) {
         var _cx2;
 
-        var Chip = es_isNil(item.tag) ? src_Tag_Tag : item.tag;
-        var tagValueLabel = es_isNil(item.tag) && getCounter(item.values, tagAriaLabel);
+        var tagValueLabel = es_isNil(item.tag) && DynamicDrawer_getCounter(item.values, tagAriaLabel);
 
         return react_default.a.createElement(material_Tab_Tab, {
           key: item.id,
           id: filter.id,
           'data-testid': item.id + '-tab',
-          component: function component(props) {
-            return DynamicDrawer_PaperComponent(DynamicDrawer_extends({
+          component: react_default.a.forwardRef(function TabPaper(tabProps, ref) {
+            return react_default.a.createElement(DynamicDrawer_PaperComponent, DynamicDrawer_extends({
+              ref: ref
+            }, tabProps, {
               label: labelRenderer(item),
               selected: selectedId === item.id,
-              tag: es_isNil(item.tag) ? react_default.a.createElement(
-                Chip,
-                { items: item.values, tagValueLabel: tagValueLabel },
-                getCounter(item.values, tagAccessor)
-              ) : item.tag
-            }, props));
-          },
+              item: item,
+              tagAccessor: tagAccessor,
+              tagValueLabel: tagValueLabel
+            }));
+          }),
           label: labelRenderer(item),
           'aria-label': labelRenderer(item),
           value: item,
@@ -61728,7 +61739,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       open && !isNarrow && react_default.a.createElement(
         src_Button_Button,
         {
-          sx: { float: 'bottom', margin: '10px' },
+          style: { float: 'bottom', margin: '10px' },
           'aria-label': es_prop('apply', labels),
           id: 'apply_button',
           variant: 'contained',
@@ -61739,7 +61750,7 @@ var DynamicDrawer_DynamicDrawer = function DynamicDrawer(props) {
       isNotHiddenButton && react_default.a.createElement(
         src_Button_Button,
         {
-          sx: { float: 'bottom', margin: '10px' },
+          style: { float: 'bottom', margin: '10px' },
           'aria-label': es_prop('apply', labels),
           id: 'apply_button',
           variant: 'contained',
@@ -61795,7 +61806,7 @@ DynamicDrawer_DynamicDrawer.propTypes = {
   tagAriaLabel: prop_types_default.a.func,
   handleChangePanel: prop_types_default.a.func,
   onClosePanel: prop_types_default.a.func,
-  displayChildren: prop_types_default.a.func,
+  displayChildren: prop_types_default.a.bool,
   labels: prop_types_default.a.shape({
     placeholder: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.func]),
     disableItemLabel: prop_types_default.a.string,
@@ -66691,7 +66702,7 @@ var Spotlight_Spotlight = function Spotlight(_ref) {
       es_gt(Spotlight_size(es_prop('fields', spotlight)), 1) ? react_default.a.createElement(
         react["Fragment"],
         null,
-        react_default.a.createElement(material_Divider_Divider, { className: classes.divider }),
+        react_default.a.createElement(material_Divider_Divider, { className: classes.divider, 'aria-hidden': 'true' }),
         react_default.a.createElement(Fields_Field, {
           spotlight: spotlight,
           onChangeField: onChangeField,
@@ -66703,7 +66714,7 @@ var Spotlight_Spotlight = function Spotlight(_ref) {
       hasCommit ? react_default.a.createElement(
         react["Fragment"],
         null,
-        react_default.a.createElement(material_Divider_Divider, { className: classes.divider }),
+        react_default.a.createElement(material_Divider_Divider, { className: classes.divider, 'aria-hidden': 'true' }),
         react_default.a.createElement(
           material_IconButton_IconButton,
           {