@sis-cc/dotstatsuite-visions 10.9.0 → 10.10.0

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

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.9.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.10.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.9.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.10.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 */
@@ -40415,6 +40415,37 @@ _curry2(function gte(a, b) {
     }
   };
 });
+// CONCATENATED MODULE: ./node_modules/ramda/es/append.js
+
+
+/**
+ * Returns a new list containing the contents of the given list, followed by
+ * the given element.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category List
+ * @sig a -> [a] -> [a]
+ * @param {*} el The element to add to the end of the new list.
+ * @param {Array} list The list of elements to add a new item to.
+ *        list.
+ * @return {Array} A new list containing the elements of the old list followed by `el`.
+ * @see R.prepend
+ * @example
+ *
+ *      R.append('tests', ['write', 'more']); //=> ['write', 'more', 'tests']
+ *      R.append('tests', []); //=> ['tests']
+ *      R.append(['tests'], ['write', 'more']); //=> ['write', 'more', ['tests']]
+ */
+
+var append_append =
+/*#__PURE__*/
+_curry2(function append(el, list) {
+  return _concat(list, [el]);
+});
+
+/* harmony default export */ var es_append = (append_append);
 // CONCATENATED MODULE: ./node_modules/@material-ui/core/esm/internal/svg-icons/Cancel.js
 
 
@@ -42154,14 +42185,15 @@ var CustomChip_CustomChip = function CustomChip(_ref) {
       _ref$testId = _ref.testId,
       testId = _ref$testId === undefined ? 'deleteChip-test-id' : _ref$testId,
       _ref$labelRenderer = _ref.labelRenderer,
-      labelRenderer = _ref$labelRenderer === undefined ? es_prop('label') : _ref$labelRenderer;
+      labelRenderer = _ref$labelRenderer === undefined ? es_prop('label') : _ref$labelRenderer,
+      deprecated = _ref.deprecated;
 
   var theme = useTheme_useTheme();
   var isRtl = utils_getIsRtl(theme);
   var classes = CustomChip_useStyles();
   var mapIndexed = es_addIndex(es_map);
   var onChange = es_is(Function)(onDelete) ? function () {
-    return onDelete(parentId, es_isNil(id) ? [] : [id]);
+    return onDelete(parentId, es_isNil(id) ? [] : es_append(id, deprecated || []));
   } : null;
   var hasTooltip = shownTooltip(items);
   var hasMultiLinedTooltip = showMultiLinedTooltip(items);
@@ -42228,7 +42260,8 @@ CustomChip_CustomChip.propTypes = {
   labelClasses: prop_types_default.a.string,
   ariaLabel: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
   items: prop_types_default.a.array,
-  labelRenderer: prop_types_default.a.func
+  labelRenderer: prop_types_default.a.func,
+  deprecated: prop_types_default.a.array
 };
 
 /* harmony default export */ var Chips_CustomChip = (CustomChip_CustomChip);
@@ -42290,10 +42323,12 @@ var GroupedChips_GroupedChips = function GroupedChips(_ref) {
     }) : es_map(function (items) {
       var lastItem = es_last(items);
       var id = lastItem.id,
-          isNotRemovable = lastItem.isNotRemovable;
+          isNotRemovable = lastItem.isNotRemovable,
+          deprecated = lastItem.deprecated;
 
 
       return react_default.a.createElement(Chips_CustomChip, {
+        deprecated: deprecated,
         key: id,
         id: id,
         items: pipe(es_length, es_gte(2)) ? items : null,
@@ -50855,37 +50890,6 @@ var includes =
 _curry2(_includes);
 
 /* harmony default export */ var es_includes = (includes);
-// CONCATENATED MODULE: ./node_modules/ramda/es/append.js
-
-
-/**
- * Returns a new list containing the contents of the given list, followed by
- * the given element.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category List
- * @sig a -> [a] -> [a]
- * @param {*} el The element to add to the end of the new list.
- * @param {Array} list The list of elements to add a new item to.
- *        list.
- * @return {Array} A new list containing the elements of the old list followed by `el`.
- * @see R.prepend
- * @example
- *
- *      R.append('tests', ['write', 'more']); //=> ['write', 'more', 'tests']
- *      R.append('tests', []); //=> ['tests']
- *      R.append(['tests'], ['write', 'more']); //=> ['write', 'more', ['tests']]
- */
-
-var append_append =
-/*#__PURE__*/
-_curry2(function append(el, list) {
-  return _concat(list, [el]);
-});
-
-/* harmony default export */ var es_append = (append_append);
 // CONCATENATED MODULE: ./node_modules/ramda/es/zip.js
 
 /**
@@ -70579,19 +70583,17 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       style = _ref.style,
       isRtl = _ref.isRtl,
       accessibility = _ref.accessibility,
-      index = _ref.index,
       HTMLRenderer = _ref.HTMLRenderer,
       hierarchicalId = _ref.hierarchicalId,
       labels = _ref.labels,
       _ref$depth = _ref.depth,
       depth = _ref$depth === undefined ? 0 : _ref$depth,
-      eventsCallbacks = _ref.eventsCallbacks;
+      eventsListeners = _ref.eventsListeners;
 
   var _React$useState = react_default.a.useState(false),
       isTooltipShown = _React$useState[0],
       setIsTooltipShown = _React$useState[1];
 
-  var callbacks = eventsCallbacks(hierarchicalId || id, index);
   var padding = depth * 30 + (depth > 0 && !hasChildrenOnLevel ? 30 : 0) + (!hasChild && hasChildrenOnLevel ? 30 : 0);
   return react_default.a.createElement(
     esm_ListItem_ListItem,
@@ -70621,23 +70623,21 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       },
       react_default.a.createElement(NavigateIcon, null)
     ),
-    react_default.a.createElement(esm_ListItemText_ListItemText, VirtualizedTree_Item_extends({
+    react_default.a.createElement(esm_ListItemText_ListItemText, {
       'data-testid': 'value_' + id,
       tabIndex: 0,
-      'aria-label': isDisabled ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
+      'aria-label': isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
       'aria-pressed': 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 && (!isDisabled || !isGreyed), _cx[classes.listItemHover] = !isDisabled || !isGreyed, _cx)),
-      onClick: isDisabled ? null : callbacks.onClick,
-      onMouseDown: isDisabled || isTooltipShown ? null : callbacks.onMouseDown,
-      onMouseUp: isDisabled || isTooltipShown ? null : callbacks.onMouseUp,
-      onMouseEnter: isDisabled || isTooltipShown ? null : callbacks.onMouseEnter
-    }, es_pick(['onKeyPress'], callbacks), {
-      title: isDisabled ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      style: { opacity: isDisabled ? '0.5' : '1' },
+      className: classnames_default()((_cx = {}, _cx[classes.accessibilityItemHover] = accessibility, _cx[classes.listItemSelected] = isSelected, _cx[classes.listItemHover] = !isDisabled, _cx)),
+      onClick: isDisabled ? null : eventsListeners.onClick,
+      onMouseDown: isDisabled || isTooltipShown ? null : eventsListeners.onMouseDown,
+      onMouseEnter: isDisabled || isTooltipShown ? null : eventsListeners.onMouseEnter,
+      title: isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
+      style: { opacity: isDisabled && isGreyed ? '0.5' : '1' },
       primary: react_default.a.createElement(
         'div',
         {
@@ -70648,7 +70648,8 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
           SvgIcon["a" /* default */],
           {
             color: 'primary',
-            className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
+            className: classnames_default()(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
+            style: { opacity: isDisabled ? '0.5' : '1' }
           },
           isSelected ? react_default.a.createElement(CheckBoxOutlined_default.a, null) : react_default.a.createElement(CheckBoxOutlineBlankOutlined_default.a, null)
         ),
@@ -70698,7 +70699,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
           ')'
         )
       )
-    }))
+    })
   );
 };
 
@@ -70722,13 +70723,12 @@ VirtualizedTree_Item_Item.propTypes = {
   style: prop_types_default.a.object,
   isRtl: prop_types_default.a.bool,
   accessibility: prop_types_default.a.bool,
-  index: prop_types_default.a.number,
   labelRenderer: prop_types_default.a.func,
   HTMLRenderer: prop_types_default.a.func,
   hierarchicalId: prop_types_default.a.string,
   labels: prop_types_default.a.object,
   depth: prop_types_default.a.number,
-  eventsCallbacks: prop_types_default.a.func,
+  eventsListeners: prop_types_default.a.object,
   isGreyed: prop_types_default.a.bool
 };
 
@@ -71116,7 +71116,9 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       _props$scopeGetter = props.scopeGetter,
       scopeGetter = _props$scopeGetter === undefined ? singleScopeGetter : _props$scopeGetter,
       _props$treeHeight = props.treeHeight,
-      treeHeight = _props$treeHeight === undefined ? 0 : _props$treeHeight;
+      treeHeight = _props$treeHeight === undefined ? 0 : _props$treeHeight,
+      _props$simpleSelectio = props.simpleSelectionMode,
+      simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
 
   var theme = useTheme_useTheme();
 
@@ -71232,56 +71234,63 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       setIsMouseDown(false);
     }
   };
-  var eventsCallbacks = function eventsCallbacks(id, index) {
+
+  var onMouseUp = function onMouseUp(e) {
+    if (!isMouseDown) {
+      return;
+    }
+    e.preventDefault();
+    apply();
+    setIsMouseDown(false);
+  };
+
+  var onMouseLeave = function onMouseLeave() {
+    if (isMouseDown) {
+      apply();
+    }
+  };
+
+  var onKeyUp = function onKeyUp(e) {
+    e.preventDefault();
+    if (e.key === 'Shift' && !es_isEmpty(shiftIndexes)) {
+      apply();
+    } else if (e.key === 'Control' && !es_isEmpty(selectIds)) {
+      apply();
+    }
+  };
+
+  var itemEventsListeners = function itemEventsListeners(id, index) {
     return {
-      onMouseUp: isMouseDown ? function (e) {
-        e.preventDefault();
-        apply();
-        if (!es_isEmpty(selectIds)) {
-          setLastItemId(id);
-        }
-        setIsMouseDown(false);
-      } : null,
       onMouseDown: function onMouseDown(e) {
-        e.preventDefault();
-        if (e.ctrlKey || e.shiftKey) {
+        if (!simpleSelectionMode && (e.ctrlKey || e.shiftKey)) {
           return;
         }
         setIsMouseDown(true);
         multiSelect(id);
       },
-      onMouseEnter: isMouseDown ? function (e) {
+      onMouseEnter: function onMouseEnter(e) {
         e.preventDefault();
-        if (e.ctrlKey || e.shiftKey) {
+        if (!isMouseDown || simpleSelectionMode || e.ctrlKey || e.shiftKey) {
           return;
         }
         multiSelect(id);
-      } : null,
+        setLastItemId(id);
+      },
       onClick: function onClick(e) {
         e.preventDefault();
-
-        if (e.ctrlKey) {
+        if (e.ctrlKey && !simpleSelectionMode) {
           multiSelect(id);
-        } else if (e.shiftKey) {
+        } else if (e.shiftKey && !simpleSelectionMode) {
           shiftSelect(index);
         } else {
           setIsMouseDown(false);
           setLastItemId(id);
         }
       }
-      // ondblclick: () => null
     };
   };
-  var onKeyUp = function onKeyUp(e) {
-    if (e.key === 'Shift' && !es_isEmpty(shiftIndexes)) {
-      apply();
-    } else if (e.key === 'Control' && !es_isEmpty(selectIds)) {
-      apply();
-    }
-  };
   var ref = Object(react["useRef"])();
   var classes = ScopeList_styles_useStyles();
-
   Object(react["useEffect"])(function () {
     var current = ref.current;
     var handler = function handler(event) {
@@ -71304,7 +71313,6 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       setScrollTop(undefined);
     }
     if (es_isNil(current)) return;
-
     current.addEventListener('wheel', handler, { passive: false });
     return function () {
       current.removeEventListener('wheel', handler, { passive: false });
@@ -71322,7 +71330,8 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
       disablePadding: true,
       style: { height: maxHeight + 2 },
       onKeyUp: onKeyUp,
-      onMouseLeave: isMouseDown ? apply : null,
+      onMouseUp: onMouseUp,
+      onMouseLeave: onMouseLeave,
       ref: ref
     },
     react_default.a.createElement(
@@ -71359,11 +71368,10 @@ var VirtualizedTree_VirtualizedTree = function VirtualizedTree(props) {
               },
               NavigateIcon: es_has(itemId, expandedIds) ? ExpandLess_default.a : ExpandMore_default.a,
               isRtl: isRtl,
-              eventsCallbacks: eventsCallbacks,
+              eventsListeners: itemEventsListeners(utils_getHierarchicalId(item), index),
               HTMLRenderer: HTMLRenderer,
               classes: classes,
               labels: labels,
-              index: index,
               style: style,
               accessibility: accessibility,
               ariaLabel: es_prop('navigateNext')(labels),
@@ -71395,7 +71403,8 @@ VirtualizedTree_VirtualizedTree.propTypes = {
   collapse: prop_types_default.a.func,
   treeHeight: prop_types_default.a.number,
   isGreyed: prop_types_default.a.func,
-  scopeGetter: prop_types_default.a.func
+  scopeGetter: prop_types_default.a.func,
+  simpleSelectionMode: prop_types_default.a.bool
 };
 
 /* harmony default export */ var src_VirtualizedTree_VirtualizedTree = (VirtualizedTree_VirtualizedTree);
@@ -72408,14 +72417,17 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
       hasSpotlight = props.hasSpotlight,
       _props$disableAccesso = props.disableAccessor,
       disableAccessor = _props$disableAccesso === undefined ? es_always(false) : _props$disableAccesso,
-      allItems = props.allItems;
+      allItems = props.allItems,
+      _props$simpleSelectio = props.simpleSelectionMode,
+      simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
 
   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 _allGroupedItems = es_groupBy(es_propOr('#ROOT', 'parentId'), allItems);
-  var _disableAccessor = utils_getEvolvedDisableAccessor(_allGroupedItems, disableAccessor, es_always(false));
+  var _disableAccessor = simpleSelectionMode ? disableAccessor : utils_getEvolvedDisableAccessor(_allGroupedItems, disableAccessor, es_always(false));
+
   var tagValue = HierarchicalFilter_getCounter(items, _disableAccessor, tagAccessor);
   var isDisabled = function isDisabled(item) {
     return es_is(Function, disableAccessor) ? disableAccessor(item) : false;
@@ -72514,7 +72526,8 @@ HierarchicalFilter_HierarchicalFilter.propTypes = {
   spotlight: prop_types_default.a.object,
   setSpotlight: prop_types_default.a.func,
   hasSpotlight: prop_types_default.a.bool,
-  allItems: prop_types_default.a.array
+  allItems: prop_types_default.a.array,
+  simpleSelectionMode: prop_types_default.a.bool
 };
 
 /* harmony default export */ var src_HierarchicalFilter_HierarchicalFilter = (withSpotlight_withSpotlight(withExpansionTree_withExpansionTree(HierarchicalFilter_HierarchicalFilter)));