@sis-cc/dotstatsuite-visions 10.5.2 → 10.6.0

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

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.5.2 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.6.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -1742,7 +1742,8 @@ function debounce(func) {
 }
 
 /***/ }),
-/* 37 */
+/* 37 */,
+/* 38 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1756,7 +1757,7 @@ function _inheritsLoose(subClass, superClass) {
 }
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1839,7 +1840,6 @@ function formatMs(milliseconds) {
 });
 
 /***/ }),
-/* 39 */,
 /* 40 */,
 /* 41 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -2798,7 +2798,7 @@ function createSpacing() {
   return spacing;
 }
 // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/styles/transitions.js
-var transitions = __webpack_require__(38);
+var transitions = __webpack_require__(39);
 
 // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/styles/zIndex.js
 var zIndex = __webpack_require__(92);
@@ -6699,7 +6699,7 @@ function removeClassName(el
 /* 121 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.5.2","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.6.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 */
@@ -25775,7 +25775,7 @@ var objectWithoutPropertiesLoose = __webpack_require__(27);
 var assertThisInitialized = __webpack_require__(73);
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-var inheritsLoose = __webpack_require__(37);
+var inheritsLoose = __webpack_require__(38);
 
 // CONCATENATED MODULE: ./node_modules/react-transition-group/esm/TransitionGroupContext.js
 
@@ -42541,7 +42541,7 @@ function useMediaQuery(queryInput) {
   return match;
 }
 // EXTERNAL MODULE: ./node_modules/@material-ui/core/esm/styles/transitions.js
-var transitions = __webpack_require__(38);
+var transitions = __webpack_require__(39);
 
 // CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/Collapse/Collapse.js
 
@@ -70543,6 +70543,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       description = _ref$description === undefined ? '' : _ref$description,
       isSelected = _ref.isSelected,
       isDisabled = _ref.isDisabled,
+      isGreyed = _ref.isGreyed,
       changeList = _ref.changeList,
       ariaLabel = _ref.ariaLabel,
       NavigateIcon = _ref.NavigateIcon,
@@ -70550,7 +70551,6 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       hasChildrenOnLevel = _ref.hasChildrenOnLevel,
       count = _ref.count,
       svgPath = _ref.svgPath,
-      testId = _ref.testId,
       style = _ref.style,
       isRtl = _ref.isRtl,
       accessibility = _ref.accessibility,
@@ -70596,6 +70596,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       react_default.a.createElement(NavigateIcon, null)
     ),
     react_default.a.createElement(esm_ListItemText_ListItemText, VirtualizedTree_Item_extends({
+      'data-testid': 'value_' + id,
       tabIndex: 0,
       'aria-label': isDisabled ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
       'aria-pressed': isSelected,
@@ -70622,13 +70623,13 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
             color: 'primary',
             className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
           },
-          isSelected && es_not(isDisabled) ? react_default.a.createElement(CheckBoxOutlined_default.a, null) : react_default.a.createElement(CheckBoxOutlineBlankOutlined_default.a, null)
+          isSelected ? react_default.a.createElement(CheckBoxOutlined_default.a, null) : react_default.a.createElement(CheckBoxOutlineBlankOutlined_default.a, null)
         ),
         svgPath && react_default.a.createElement(
           SvgIcon["a" /* default */],
           {
             color: 'primary',
-            className: classnames_default()(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isDisabled, _cx4))
+            className: classnames_default()(classes.labelIcon, (_cx4 = {}, _cx4[classes.disabledLabel] = isGreyed || isDisabled, _cx4))
           },
           react_default.a.createElement('path', { d: svgPath })
         ),
@@ -70655,10 +70656,9 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
           react_default.a.createElement(
             esm_Typography_Typography,
             {
-              'data-testid': testId + '_value_' + id,
               color: 'inherit',
               variant: 'body2',
-              className: classnames_default()(classes.label, (_cx5 = {}, _cx5[classes.disabledLabel] = isDisabled, _cx5[classes.tooltipNotice] = !es_isEmpty(description), _cx5))
+              className: classnames_default()(classes.label, (_cx5 = {}, _cx5[classes.disabledLabel] = isGreyed || isDisabled, _cx5[classes.tooltipNotice] = !es_isEmpty(description), _cx5))
             },
             label
           )
@@ -70694,7 +70694,6 @@ VirtualizedTree_Item_Item.propTypes = {
   svgPath: prop_types_default.a.string,
   style: prop_types_default.a.object,
   isRtl: prop_types_default.a.bool,
-  testId: prop_types_default.a.string,
   accessibility: prop_types_default.a.bool,
   index: prop_types_default.a.number,
   labelRenderer: prop_types_default.a.func,
@@ -70702,7 +70701,8 @@ VirtualizedTree_Item_Item.propTypes = {
   hierarchicalId: prop_types_default.a.string,
   labels: prop_types_default.a.object,
   depth: prop_types_default.a.number,
-  eventsCallbacks: prop_types_default.a.func
+  eventsCallbacks: prop_types_default.a.func,
+  isGreyed: prop_types_default.a.bool
 };
 
 /* harmony default export */ var VirtualizedTree_Item = (VirtualizedTree_Item_Item);
@@ -70858,6 +70858,157 @@ var ScopeList_styles_useStyles = styles_makeStyles(function (theme) {
     }
   };
 });
+// CONCATENATED MODULE: ./src/VirtualizedTree/utils.js
+
+
+var utils_getHierarchicalId = function getHierarchicalId(item) {
+  return es_prop('hierarchicalId', item) || es_prop('id', item);
+};
+
+var utils_getDescendants = function getDescendants(id, groupedItems) {
+  var reccurse = function reccurse(_id) {
+    var children = es_propOr([], _id, groupedItems);
+    return pipe(es_map(function (item) {
+      var __id = utils_getHierarchicalId(item);
+      var descendants = reccurse(__id);
+      return es_prepend(item, descendants);
+    }), es_unnest)(children);
+  };
+
+  return reccurse(id);
+};
+
+var utils_isItemSelected = function isItemSelected(selectIds) {
+  return function (item) {
+    if (!es_isEmpty(selectIds) && es_has(utils_getHierarchicalId(item), selectIds)) {
+      return !item.isSelected;
+    }
+    return !!item.isSelected;
+  };
+};
+
+var utils_getDepth = function getDepth(indexedItems) {
+  return function (item) {
+    if (es_isNil(item.parentId)) {
+      return 0;
+    }
+    var parent = es_prop(item.parentId, indexedItems);
+    return getDepth(indexedItems)(parent) + 1;
+  };
+};
+
+var utils_getDuplicates = function getDuplicates(items, indexedItems) {
+  var itemsIds = es_pluck('id', items);
+  var grouped = pipe(es_values, es_groupBy(es_prop('id')))(indexedItems);
+  return pipe(es_props(itemsIds), es_unnest)(grouped);
+};
+
+var utils_getDeprecatedIds = function getDeprecatedIds(ids, items, selectedIds) {
+  var groupedItemsByParentId = items.groupedItemsByParentId,
+      indexedItemsById = items.indexedItemsById;
+
+  var _ids = ids;
+  var reccurse = function reccurse(scopeIds) {
+    var scopeItems = es_props(scopeIds, indexedItemsById);
+    var grouped = es_groupBy(es_propOr('#ROOT', 'parentId'), scopeItems);
+    var refined = es_omit(es_append('#ROOT', _ids), grouped);
+
+    var deprecatedParents = es_reduce(function (acc, id) {
+      var _item = es_prop(id, indexedItemsById);
+      if (!utils_isItemSelected(selectedIds)(_item)) {
+        return acc;
+      }
+      var _itemsIds = es_has('hierarchicalId', _item) ? pipe(es_values, es_filter(es_propEq('id', _item.id)), es_map(utils_getHierarchicalId))(indexedItemsById) : [id];
+
+      if (es_propOr(true, 'isEnabled', _item)) {
+        return acc;
+      }
+      var children = pipe(es_props(_itemsIds), es_unnest)(groupedItemsByParentId);
+      var selectedChild = es_find(function (child) {
+        return !es_includes(utils_getHierarchicalId(child), _ids) && utils_isItemSelected(selectedIds)(child);
+      }, children);
+      if (es_isNil(selectedChild)) {
+        return es_concat(acc, _itemsIds);
+      }
+      return acc;
+    }, [], es_keys(refined));
+
+    if (!es_isEmpty(deprecatedParents)) {
+      _ids = es_concat(_ids, deprecatedParents);
+      var deprecatedAncestors = reccurse(deprecatedParents);
+      return es_concat(deprecatedParents, deprecatedAncestors);
+    }
+
+    return deprecatedParents;
+  };
+
+  return reccurse(ids);
+};
+
+var utils_getSingleDisableAccessor = function getSingleDisableAccessor(groupedItems, disableAccessor) {
+  // items => total list
+  return function (item, selectedIds) {
+    if (!utils_isItemSelected(selectedIds)(item) && disableAccessor(item)) {
+      var descendants = utils_getDescendants(utils_getHierarchicalId(item), groupedItems);
+      var validDescendant = es_find(utils_isItemSelected(selectedIds), descendants);
+      return es_isNil(validDescendant);
+    }
+    return false;
+  };
+};
+
+var utils_getHierDisableAccessor = function getHierDisableAccessor(groupedItems, spotlightedGroupedItems, disableAccessor) {
+  var accessor = function accessor(item, selectedIds) {
+    if (!utils_isItemSelected(selectedIds)(item) && disableAccessor(item)) {
+      var spotlightedDescendants = utils_getDescendants(utils_getHierarchicalId(item), spotlightedGroupedItems);
+      var validSpotlightedDescendant = es_find(function (_item) {
+        return !accessor(_item, spotlightedGroupedItems);
+      }, spotlightedDescendants);
+      if (es_isNil(validSpotlightedDescendant)) {
+        var descendants = utils_getDescendants(utils_getHierarchicalId(item), groupedItems);
+        var validDescendant = es_find(utils_isItemSelected(selectedIds), descendants);
+        return es_isNil(validDescendant);
+      }
+    }
+    return false;
+  };
+  return accessor;
+};
+
+var getScopeGetters = {
+  all: function all(items) {
+    return function () {
+      return es_reject(es_prop('isDisabled'), es_values(items.indexedItemsById));
+    };
+  },
+  single: function single() {
+    return function (item) {
+      return [item];
+    };
+  },
+  children: function children(items) {
+    return function (item) {
+      var childItems = es_propOr([], utils_getHierarchicalId(item), items.groupedItemsByParentId);
+      return es_reject(es_prop('isDisabled'), es_prepend(item, childItems));
+    };
+  },
+  branch: function branch(items) {
+    return function (item) {
+      var descendants = utils_getDescendants(utils_getHierarchicalId(item), items.groupedItemsByParentId);
+      var res = es_reject(es_prop('isDisabled'), es_prepend(item, descendants));
+      return res;
+    };
+  },
+  level: function level(items) {
+    return function (item) {
+      var indexed = items.indexedItemsById;
+      var depth = utils_getDepth(indexed)(item);
+      return es_filter(function (it) {
+        return !es_prop('isDisabled', it) && utils_getDepth(indexed)(it) === depth;
+      }, es_values(indexed));
+    };
+  }
+};
 // CONCATENATED MODULE: ./src/VirtualizedTree/VirtualizedTree.js
 var VirtualizedTree_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
@@ -70874,17 +71025,16 @@ var VirtualizedTree_extends = Object.assign || function (target) { for (var i =
 
 
 
-var getSingleItemScope = function getSingleItemScope(item) {
-  return [item];
-};
 
-var VirtualizedTree_getHierarchicalId = function getHierarchicalId(item) {
-  return es_prop('hierarchicalId', item) || es_prop('id', item);
+var singleScopeGetter = function singleScopeGetter() {
+  return function (item) {
+    return [item];
+  };
 };
 
 var VirtualizedTree_getDisplayedIds = function getDisplayedIds(items, grouped, expanded) {
   return pipe(es_map(function (item) {
-    var hierarchicalId = VirtualizedTree_getHierarchicalId(item);
+    var hierarchicalId = utils_getHierarchicalId(item);
     if (es_has(hierarchicalId, grouped) && es_has(hierarchicalId, expanded)) {
       var children = getDisplayedIds(es_prop(hierarchicalId, grouped), grouped, expanded);
       return es_prepend(hierarchicalId, children);
@@ -70895,29 +71045,22 @@ var VirtualizedTree_getDisplayedIds = function getDisplayedIds(items, grouped, e
 
 var VirtualizedTree_getHasChildrenOnLevel = function getHasChildrenOnLevel(groupedItems) {
   return function (item) {
-    if (es_has(VirtualizedTree_getHierarchicalId(item), groupedItems)) {
+    if (es_has(utils_getHierarchicalId(item), groupedItems)) {
       return true;
     }
     return pipe(es_prop(es_propOr('#ROOT', 'parentId', item)), es_find(function (it) {
-      return es_has(VirtualizedTree_getHierarchicalId(it), groupedItems);
+      return es_has(utils_getHierarchicalId(it), groupedItems);
     }), es_complement(es_isNil))(groupedItems);
   };
 };
 
-var VirtualizedTree_getDepth = function getDepth(indexedItems) {
-  return function (item) {
-    if (es_isNil(item.parentId)) {
-      return 0;
-    }
-    var parent = es_prop(item.parentId, indexedItems);
-    return getDepth(indexedItems)(parent) + 1;
-  };
-};
-
 var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
   var accessibility = props.accessibility,
       changeSelection = props.changeSelection,
-      disableAccessor = props.disableAccessor,
+      _props$disableAccesso = props.disableAccessor,
+      disableAccessor = _props$disableAccesso === undefined ? es_always(false) : _props$disableAccesso,
+      _props$isGreyed = props.isGreyed,
+      isGreyed = _props$isGreyed === undefined ? es_always(false) : _props$isGreyed,
       HTMLRenderer = props.HTMLRenderer,
       items = props.items,
       labelRenderer = props.labelRenderer,
@@ -70927,8 +71070,8 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       collapse = props.collapse,
       _props$maxTreeHeight = props.maxTreeHeight,
       maxTreeHeight = _props$maxTreeHeight === undefined ? 250 : _props$maxTreeHeight,
-      _props$getItemScope = props.getItemScope,
-      getItemScope = _props$getItemScope === undefined ? getSingleItemScope : _props$getItemScope,
+      _props$scopeGetter = props.scopeGetter,
+      scopeGetter = _props$scopeGetter === undefined ? singleScopeGetter : _props$scopeGetter,
       _props$treeHeight = props.treeHeight,
       treeHeight = _props$treeHeight === undefined ? 0 : _props$treeHeight;
 
@@ -70955,21 +71098,41 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       setLastItemId = _useState5[1];
 
   var _useMemo = Object(react["useMemo"])(function () {
-    var indexedItemsById = es_indexBy(VirtualizedTree_getHierarchicalId, items);
-    var groupedItemsByParentId = es_groupBy(es_propOr('#ROOT', 'parentId'), items);
+    var refinedItems = es_map(function (item) {
+      return VirtualizedTree_extends({}, item, {
+        isSelected: utils_isItemSelected(selectIds)(item),
+        isGreyed: es_is(Function, isGreyed) ? isGreyed(item) : false,
+        isDisabled: es_is(Function, disableAccessor) ? disableAccessor(item, selectIds) : false
+      });
+    }, items);
+    var indexedItemsById = es_indexBy(utils_getHierarchicalId, refinedItems);
+    var groupedItemsByParentId = es_groupBy(es_propOr('#ROOT', 'parentId'), refinedItems);
     return { indexedItemsById: indexedItemsById, groupedItemsByParentId: groupedItemsByParentId };
-  }, [items]),
+  }, [items, selectIds]),
       indexedItemsById = _useMemo.indexedItemsById,
       groupedItemsByParentId = _useMemo.groupedItemsByParentId;
 
   var list = Object(react["useMemo"])(function () {
     return VirtualizedTree_getDisplayedIds(es_propOr([], '#ROOT', groupedItemsByParentId), groupedItemsByParentId, expandedIds);
   }, [items, expandedIds]);
+
+  var getItemScope = scopeGetter({ indexedItemsById: indexedItemsById, groupedItemsByParentId: groupedItemsByParentId });
+
+  var isItemSelected = utils_isItemSelected(selectIds);
+
   var multiSelect = function multiSelect(id) {
     var item = es_prop(id, indexedItemsById);
     var ids = pipe(getItemScope, es_filter(function (v) {
       return v.isSelected === item.isSelected;
-    }), es_map(VirtualizedTree_getHierarchicalId))(item);
+    }), function (items) {
+      return utils_getDuplicates(items, indexedItemsById);
+    }, es_map(utils_getHierarchicalId))(item);
+
+    if (isItemSelected(item)) {
+      var deprecatedIds = utils_getDeprecatedIds(ids, { indexedItemsById: indexedItemsById, groupedItemsByParentId: groupedItemsByParentId }, selectIds);
+      ids = es_concat(ids, deprecatedIds);
+    }
+
     if (es_has(id, selectIds)) {
       setSelectIds(es_omit(ids, selectIds));
     } else {
@@ -70983,7 +71146,7 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
         return es_props(ids, indexedItemsById);
       }, es_map(getItemScope), es_unnest, es_filter(function (v) {
         return v.isSelected === isSelected;
-      }), es_map(VirtualizedTree_getHierarchicalId), es_indexBy(es_identity))(list);
+      }), es_map(utils_getHierarchicalId), es_indexBy(es_identity))(list);
       setShiftIndexes(indexes);
       setSelectIds(_selectIds);
     };
@@ -71003,7 +71166,7 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       }
       var ids = pipe(getItemScope, es_filter(function (v) {
         return v.isSelected === item.isSelected;
-      }), es_map(VirtualizedTree_getHierarchicalId), es_indexBy(es_identity))(item);
+      }), es_map(utils_getHierarchicalId), es_indexBy(es_identity))(item);
       setShiftIndexes(es_append(index, shiftIndexes));
       setSelectIds(ids);
     } else if (es_length(shiftIndexes) === 1 && index === es_head(shiftIndexes)) {
@@ -71073,12 +71236,6 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       apply();
     }
   };
-  var isItemSelected = function isItemSelected(item) {
-    if (!es_isEmpty(selectIds) && es_has(VirtualizedTree_getHierarchicalId(item), selectIds)) {
-      return !item.isSelected;
-    }
-    return !!item.isSelected;
-  };
   var ref = Object(react["useRef"])();
   var classes = ScopeList_styles_useStyles();
 
@@ -71146,22 +71303,20 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
             var itemId = es_nth(index, list);
             var item = es_prop(itemId, indexedItemsById);
             return react_default.a.createElement(VirtualizedTree_Item, VirtualizedTree_extends({}, item, {
-              id: VirtualizedTree_getHierarchicalId(item),
+              id: utils_getHierarchicalId(item),
               label: labelRenderer(item),
-              key: VirtualizedTree_getHierarchicalId(item),
-              depth: VirtualizedTree_getDepth(indexedItemsById)(item),
+              key: utils_getHierarchicalId(item),
+              depth: utils_getDepth(indexedItemsById)(item),
               hasChild: es_has(itemId, groupedItemsByParentId),
               hasChildrenOnLevel: VirtualizedTree_getHasChildrenOnLevel(groupedItemsByParentId)(item),
               changeList: es_has(itemId, expandedIds) ? function () {
-                return collapse(VirtualizedTree_getHierarchicalId(item));
+                return collapse(utils_getHierarchicalId(item));
               } : function () {
-                return expand(VirtualizedTree_getHierarchicalId(item));
+                return expand(utils_getHierarchicalId(item));
               },
               NavigateIcon: es_has(itemId, expandedIds) ? ExpandLess_default.a : ExpandMore_default.a,
               isRtl: isRtl,
-              isDisabled: es_is(Function, disableAccessor) ? disableAccessor(item) : false,
               eventsCallbacks: eventsCallbacks,
-              isSelected: isItemSelected(item),
               HTMLRenderer: HTMLRenderer,
               classes: classes,
               labels: labels,
@@ -71187,9 +71342,7 @@ VirtualizedTree_VirtualizedTree.propTypes = {
   isRtl: prop_types_default.a.bool,
   items: prop_types_default.a.array,
   labels: prop_types_default.a.shape({
-    disableItemLabel: prop_types_default.a.string,
-    colapseAll: prop_types_default.a.string,
-    expandAll: prop_types_default.a.string
+    disableItemLabel: prop_types_default.a.string
   }),
   labelRenderer: prop_types_default.a.func,
   withExpandControl: prop_types_default.a.bool,
@@ -71197,7 +71350,9 @@ VirtualizedTree_VirtualizedTree.propTypes = {
   expandedIds: prop_types_default.a.object,
   expand: prop_types_default.a.func,
   collapse: prop_types_default.a.func,
-  treeHeight: prop_types_default.a.number
+  treeHeight: prop_types_default.a.number,
+  isGreyed: prop_types_default.a.func,
+  scopeGetter: prop_types_default.a.func
 };
 
 /* harmony default export */ var src_VirtualizedTree_VirtualizedTree = (VirtualizedTree_VirtualizedTree);
@@ -71366,6 +71521,92 @@ var DialogActions_DialogActions = /*#__PURE__*/react["forwardRef"](function Dial
 var cjs = __webpack_require__(201);
 var cjs_default = /*#__PURE__*/__webpack_require__.n(cjs);
 
+// CONCATENATED MODULE: ./src/AdvancedFilterDialog/SelectionModeMenu.js
+
+
+
+
+
+
+
+
+
+
+var SelectionModeMenu_SelectionModeMenu = function SelectionModeMenu(_ref) {
+  var isOpen = _ref.isOpen,
+      onSelect = _ref.onSelect,
+      options = _ref.options,
+      selected = _ref.selected,
+      classes = _ref.classes,
+      isNarrow = _ref.isNarrow,
+      hint = _ref.hint,
+      maxHeight = _ref.maxHeight;
+
+  if (!isOpen) {
+    return null;
+  }
+  return react_default.a.createElement(
+    'div',
+    { className: isNarrow ? classes.narrowSelectionMenu : classes.selectionMenu },
+    react_default.a.createElement(
+      esm_Card_Card,
+      { style: { maxHeight: maxHeight - 5, overflow: 'auto' } },
+      react_default.a.createElement(
+        esm_CardContent_CardContent,
+        { className: classes.selectModeContainer },
+        es_map(function (_ref2) {
+          var value = _ref2.value,
+              label = _ref2.label,
+              img = _ref2.img;
+          return react_default.a.createElement(
+            src_Button_Button,
+            {
+              className: classes.selectButton,
+              selected: value === selected,
+              key: value,
+              onClick: function onClick() {
+                return onSelect(value);
+              }
+            },
+            react_default.a.createElement(
+              esm_Paper_Paper,
+              { className: classes.selectModeItem, key: value },
+              react_default.a.createElement(
+                esm_Typography_Typography,
+                { variant: 'body2' },
+                label
+              ),
+              !es_isNil(img) && es_is(String, img) && react_default.a.createElement('img', { src: img, alt: value })
+            )
+          );
+        }, options)
+      ),
+      react_default.a.createElement(
+        'div',
+        { className: classes.hint },
+        react_default.a.createElement(EmojiObjects_default.a, null),
+        react_default.a.createElement(
+          esm_Typography_Typography,
+          { variant: 'body2' },
+          hint
+        )
+      )
+    )
+  );
+};
+
+SelectionModeMenu_SelectionModeMenu.propTypes = {
+  classes: prop_types_default.a.object,
+  hint: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
+  isNarrow: prop_types_default.a.bool,
+  isOpen: prop_types_default.a.bool,
+  onSelect: prop_types_default.a.func,
+  options: prop_types_default.a.array,
+  selected: prop_types_default.a.string,
+  maxHeight: prop_types_default.a.number
+};
+
+/* harmony default export */ var AdvancedFilterDialog_SelectionModeMenu = (SelectionModeMenu_SelectionModeMenu);
 // CONCATENATED MODULE: ./node_modules/ramda/es/symmetricDifference.js
 
 
@@ -71421,7 +71662,7 @@ var withExpansionTree_withExpansionTree = function withExpansionTree(Component)
         setItemsIds = _useState2[1];
 
     Object(react["useEffect"])(function () {
-      var ids = es_map(VirtualizedTree_getHierarchicalId, items);
+      var ids = es_map(utils_getHierarchicalId, items);
       if (!es_isEmpty(es_symmetricDifference(ids, itemsIds))) setItemsIds(ids);
     }, [items]);
 
@@ -71485,8 +71726,8 @@ var withSpotlight_spotlightFilter = function spotlightFilter(term) {
       if (isValidItem) {
         return true;
       }
-      if (es_has(VirtualizedTree_getHierarchicalId(item), groupedItemsByParentId)) {
-        var filtered = recurse(es_prop(VirtualizedTree_getHierarchicalId(item), groupedItemsByParentId));
+      if (es_has(utils_getHierarchicalId(item), groupedItemsByParentId)) {
+        var filtered = recurse(es_prop(utils_getHierarchicalId(item), groupedItemsByParentId));
         if (!es_isEmpty(filtered)) {
           return true;
         }
@@ -71520,6 +71761,7 @@ var withSpotlight_withSpotlight = function withSpotlight(Component) {
     }, [term, items]);
 
     return react_default.a.createElement(Component, withSpotlight_extends({}, rest, {
+      allItems: items,
       items: filteredItems,
       labelRenderer: labelRenderer,
       hasSpotlight: es_length(items) >= 8,
@@ -71607,7 +71849,6 @@ function AdvancedFilterDialog_objectWithoutProperties(obj, keys) { var target =
 
 
 
-
 
 
 var AdvancedFilterDialog_PaperComponent = function PaperComponent(props) {
@@ -71720,110 +71961,6 @@ var AdvancedFilterDialog_useStyles = styles_makeStyles(function (theme) {
   };
 });
 
-var AdvancedFilterDialog_getScopeGetters = function getScopeGetters(items, groupedItems, disableAccessor) {
-  var indexed = es_indexBy(VirtualizedTree_getHierarchicalId, items);
-  return {
-    all: function all() {
-      return es_reject(disableAccessor, items);
-    },
-    single: function single(item) {
-      return [item];
-    },
-    children: function children(item) {
-      var childItems = es_propOr([], VirtualizedTree_getHierarchicalId(item), groupedItems);
-      return es_reject(disableAccessor, es_prepend(item, childItems));
-    },
-    branch: function branch(item) {
-      var reccurse = function reccurse(_item) {
-        var childItems = pipe(es_propOr([], VirtualizedTree_getHierarchicalId(_item)), es_map(reccurse), es_unnest)(groupedItems);
-
-        return es_prepend(_item, childItems);
-      };
-      var items = reccurse(item);
-      return es_reject(disableAccessor, items);
-    },
-    level: function level(item) {
-      var depth = VirtualizedTree_getDepth(indexed)(item);
-      return es_filter(function (it) {
-        return !disableAccessor(it) && VirtualizedTree_getDepth(indexed)(it) === depth;
-      }, items);
-    }
-  };
-};
-
-var AdvancedFilterDialog_SelectionModeMenu = function SelectionModeMenu(_ref) {
-  var isOpen = _ref.isOpen,
-      onSelect = _ref.onSelect,
-      options = _ref.options,
-      selected = _ref.selected,
-      classes = _ref.classes,
-      isNarrow = _ref.isNarrow,
-      hint = _ref.hint,
-      maxHeight = _ref.maxHeight;
-
-  if (!isOpen) {
-    return null;
-  }
-  return react_default.a.createElement(
-    'div',
-    { className: isNarrow ? classes.narrowSelectionMenu : classes.selectionMenu },
-    react_default.a.createElement(
-      esm_Card_Card,
-      { style: { maxHeight: maxHeight - 5, overflow: 'auto' } },
-      react_default.a.createElement(
-        esm_CardContent_CardContent,
-        { className: classes.selectModeContainer },
-        es_map(function (_ref2) {
-          var value = _ref2.value,
-              label = _ref2.label,
-              img = _ref2.img;
-          return react_default.a.createElement(
-            src_Button_Button,
-            {
-              className: classes.selectButton,
-              selected: value === selected,
-              key: value,
-              onClick: function onClick() {
-                return onSelect(value);
-              }
-            },
-            react_default.a.createElement(
-              esm_Paper_Paper,
-              { className: classes.selectModeItem, key: value },
-              react_default.a.createElement(
-                esm_Typography_Typography,
-                { variant: 'body2' },
-                label
-              ),
-              !es_isNil(img) && es_is(String, img) && react_default.a.createElement('img', { src: img, alt: value })
-            )
-          );
-        }, options)
-      ),
-      react_default.a.createElement(
-        'div',
-        { className: classes.hint },
-        react_default.a.createElement(EmojiObjects_default.a, null),
-        react_default.a.createElement(
-          esm_Typography_Typography,
-          { variant: 'body2' },
-          hint
-        )
-      )
-    )
-  );
-};
-AdvancedFilterDialog_SelectionModeMenu.propTypes = {
-  classes: prop_types_default.a.object,
-  hint: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.array]),
-  isNarrow: prop_types_default.a.bool,
-  isOpen: prop_types_default.a.bool,
-  onSelect: prop_types_default.a.func,
-  options: prop_types_default.a.array,
-  selected: prop_types_default.a.string,
-  maxHeight: prop_types_default.a.number
-};
-
 var icons = {
   single: small_single_selection_default.a,
   children: small_children_selection_default.a,
@@ -71844,13 +71981,15 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
       isOpen = props.isOpen,
       isNarrow = props.isNarrow,
       labels = props.labels,
-      disableAccessor = props.disableAccessor,
+      _props$disableAccesso = props.disableAccessor,
+      disableAccessor = _props$disableAccesso === undefined ? es_always(false) : _props$disableAccesso,
       expandAll = props.expandAll,
       collapseAll = props.collapseAll,
       spotlight = props.spotlight,
       setSpotlight = props.setSpotlight,
       expandedIds = props.expandedIds,
-      rest = AdvancedFilterDialog_objectWithoutProperties(props, ['id', 'title', 'items', 'labelRenderer', 'onClose', 'changeSelection', 'isOpen', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'spotlight', 'setSpotlight', 'expandedIds']);
+      allItems = props.allItems,
+      rest = AdvancedFilterDialog_objectWithoutProperties(props, ['id', 'title', 'items', 'labelRenderer', 'onClose', 'changeSelection', 'isOpen', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'spotlight', 'setSpotlight', 'expandedIds', 'allItems']);
 
   var _useState = Object(react["useState"])('single'),
       selectionMode = _useState[0],
@@ -71906,10 +72045,16 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
     img: all_selection_default.a
   }];
 
+  var _allGroupedItems = pipe(es_map(function (item) {
+    return AdvancedFilterDialog_extends({}, item, {
+      isSelected: es_has(item.id, selection) ? !item.isSelected : !!item.isSelected
+    });
+  }), es_groupBy(es_propOr('#ROOT', 'parentId')))(allItems);
+  var _disableAccessor = selectionMode === 'single' || selectionMode === 'level' ? utils_getSingleDisableAccessor(_allGroupedItems, disableAccessor) : utils_getHierDisableAccessor(_allGroupedItems, groupedFilteredItems, disableAccessor);
   var isDisabled = function isDisabled(item) {
     return es_is(Function, disableAccessor) ? disableAccessor(item) : false;
   };
-  var scopeGetters = AdvancedFilterDialog_getScopeGetters(selectionItems, groupedFilteredItems, isDisabled);
+  var scopeGetter = es_prop(selectionMode, getScopeGetters);
 
   var onChangeSelection = function onChangeSelection(ids) {
     var nextSelection = es_reduce(function (acc, id) {
@@ -72028,14 +72173,15 @@ var AdvancedFilterDialog_AdvancedFilterDialog = function AdvancedFilterDialog(pr
             maxHeight: listHeight
           }),
           react_default.a.createElement(src_VirtualizedTree_VirtualizedTree, AdvancedFilterDialog_extends({}, rest, {
-            disableAccessor: disableAccessor,
+            disableAccessor: _disableAccessor,
+            isGreyed: isDisabled,
             labels: labels,
             labelRenderer: labelRenderer,
             items: selectionItems,
             changeSelection: onChangeSelection,
             withExpandControl: true,
             treeHeight: listHeight,
-            getItemScope: es_prop(selectionMode, scopeGetters),
+            scopeGetter: scopeGetter,
             expandedIds: expandedIds
           }))
         )
@@ -72118,7 +72264,8 @@ AdvancedFilterDialog_AdvancedFilterDialog.propTypes = {
   collapseAll: prop_types_default.a.func,
   spotlight: prop_types_default.a.object,
   setSpotlight: prop_types_default.a.func,
-  expandedIds: prop_types_default.a.object
+  expandedIds: prop_types_default.a.object,
+  allItems: prop_types_default.a.array
 };
 
 /* harmony default export */ var src_AdvancedFilterDialog_AdvancedFilterDialog = (withSpotlight_withSpotlight(withExpansionTree_withExpansionTree(AdvancedFilterDialog_AdvancedFilterDialog)));
@@ -72168,9 +72315,12 @@ var HierarchicalFilter_extends = Object.assign || function (target) { for (var i
 
 
 
-var HierarchicalFilter_getCounter = function getCounter(items, displayAccessor, tagAccessor) {
-  var count = pipe(es_filter(es_prop('isSelected')), es_map(es_prop('id')), es_uniq, es_length)(items);
-  var total = pipe(es_when(es_always(es_is(Function, displayAccessor)), es_filter(displayAccessor)), es_map(es_prop('id')), es_uniq, es_length)(items);
+
+var HierarchicalFilter_getCounter = function getCounter(items, disableAccessor, tagAccessor) {
+  var count = pipe(es_filter(function (item) {
+    return es_prop('isSelected', item) && !disableAccessor(item);
+  }), es_map(es_prop('id')), es_uniq, es_length)(items);
+  var total = pipe(es_when(es_always(es_is(Function, disableAccessor)), es_reject(disableAccessor)), es_map(es_prop('id')), es_uniq, es_length)(items);
   if (es_is(Function, tagAccessor)) {
     return tagAccessor(count, total);
   }
@@ -72194,17 +72344,24 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
       label = props.label,
       labels = props.labels,
       tagAccessor = props.tagAccessor,
-      displayAccessor = props.displayAccessor,
       expandedIds = props.expandedIds,
       spotlight = props.spotlight,
       setSpotlight = props.setSpotlight,
-      hasSpotlight = props.hasSpotlight;
+      hasSpotlight = props.hasSpotlight,
+      _props$disableAccesso = props.disableAccessor,
+      disableAccessor = _props$disableAccesso === undefined ? es_always(false) : _props$disableAccesso,
+      allItems = props.allItems;
 
   var classes = ScopeList_styles_useStyles({ accessibility: accessibility });
   var theme = useTheme_useTheme();
   var isRtl = utils_getIsRtl(theme);
   var Chip = es_isNil(Tag) ? src_Tag_Tag : Tag;
-  var tagValue = HierarchicalFilter_getCounter(items, displayAccessor, tagAccessor);
+  var _allGroupedItems = es_groupBy(es_propOr('#ROOT', 'parentId'), allItems);
+  var _disableAccessor = utils_getSingleDisableAccessor(_allGroupedItems, disableAccessor);
+  var tagValue = HierarchicalFilter_getCounter(items, _disableAccessor, tagAccessor);
+  var isDisabled = function isDisabled(item) {
+    return es_is(Function, disableAccessor) ? disableAccessor(item) : false;
+  };
 
   var onSelect = function onSelect(values) {
     changeSelection(id, values);
@@ -72264,7 +72421,13 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
         tagValue
       )
     }, expansionPanelProps),
-    react_default.a.createElement(src_VirtualizedTree_VirtualizedTree, HierarchicalFilter_extends({}, props, { items: items, changeSelection: onSelect, isRtl: isRtl }))
+    react_default.a.createElement(src_VirtualizedTree_VirtualizedTree, HierarchicalFilter_extends({}, props, {
+      items: items,
+      changeSelection: onSelect,
+      isRtl: isRtl,
+      disableAccessor: _disableAccessor,
+      isGreyed: isDisabled
+    }))
   );
 };
 
@@ -72275,7 +72438,6 @@ HierarchicalFilter_HierarchicalFilter.propTypes = {
   changeSelection: prop_types_default.a.func,
   onChangeActivePanel: prop_types_default.a.func,
   disableAccessor: prop_types_default.a.func,
-  displayAccessor: prop_types_default.a.func,
   HTMLRenderer: prop_types_default.a.func,
   isRtl: prop_types_default.a.bool,
   items: prop_types_default.a.array,
@@ -72293,7 +72455,8 @@ HierarchicalFilter_HierarchicalFilter.propTypes = {
   expandedIds: prop_types_default.a.object,
   spotlight: prop_types_default.a.object,
   setSpotlight: prop_types_default.a.func,
-  hasSpotlight: prop_types_default.a.bool
+  hasSpotlight: prop_types_default.a.bool,
+  allItems: prop_types_default.a.array
 };
 
 /* harmony default export */ var src_HierarchicalFilter_HierarchicalFilter = (withSpotlight_withSpotlight(withExpansionTree_withExpansionTree(HierarchicalFilter_HierarchicalFilter)));
@@ -72792,7 +72955,7 @@ function warning(condition, message) {
 var createClass = __webpack_require__(64);
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-var inheritsLoose = __webpack_require__(37);
+var inheritsLoose = __webpack_require__(38);
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 var assertThisInitialized = __webpack_require__(73);