@sis-cc/dotstatsuite-visions 10.8.0 → 10.10.0

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

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.8.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.8.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,
@@ -50119,7 +50154,7 @@ _curry1(function lensIndex(n) {
  *      const greet = R.replace('{name}', R.__, 'Hello, {name}!');
  *      greet('Alice'); //=> 'Hello, Alice!'
  */
-/* harmony default export */ var _ = ({
+/* harmony default export */ var es_ = ({
   '@@functional/placeholder': true
 });
 // CONCATENATED MODULE: ./node_modules/ramda/es/times.js
@@ -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
 
 /**
@@ -51446,7 +51450,7 @@ var PeriodPicker_Period = function Period(_ref) {
       var fn = es_prop(getter)({ start: es_head, end: es_last });
       var lensIndex = es_prop(getter)({ start: es_lensIndex(0), end: es_lensIndex(1) });
       var dateValue = getPeriodValue(fn(destructuringDates));
-      var selectedValue = es_ifElse(isValidNumber, es_assoc(id, _, {}), es_always(undefined))(Number(value));
+      var selectedValue = es_ifElse(isValidNumber, es_assoc(id, es_, {}), es_always(undefined))(Number(value));
       var newDate = lib_getDate(frequency, dateValue, selectedValue, getter === 'end');
       if (es_is(Function, changePeriod)) {
         return changePeriod(pipe(es_set(lensIndex, newDate), function (_ref2) {
@@ -53722,7 +53726,7 @@ var header_Header = function Header(_ref) {
           react_default.a.createElement(
             esm_Typography_Typography,
             { variant: 'body1', className: classes.cellLabelHeader },
-            pipe(es_path([0, 'data', index, 'dimension']), labelAccessor)(headerData),
+            pipe(es_path([-1, 'data', index, 'dimension']), labelAccessor)(headerData),
             react_default.a.createElement(TableHtml5_flags, {
               HTMLRenderer: HTMLRenderer,
               flags: flags,
@@ -53735,7 +53739,7 @@ var header_Header = function Header(_ref) {
       header_mapIndexed(function (headerItem, idx) {
         var _cx;
 
-        var value = TableHtml5_utils_getValue(labelAccessor)(headerItem);
+        var value = headerItem.isEmpty ? { label: '' } : TableHtml5_utils_getValue(labelAccessor)(headerItem);
         var flags = es_propOr([], 'flags', value);
         var hierarchySpace = pipe(es_propOr([], 'parents'), es_length, es_times(function () {
           return '·';
@@ -53783,7 +53787,7 @@ var header_Header = function Header(_ref) {
         );
       }, es_nth(index, valuesHeaderData))
     );
-  }, compose(es_length, es_pathOr([], [0, 'data']))(headerData));
+  }, compose(es_length, es_pathOr([], [-1, 'data']))(headerData));
 };
 
 header_Header.propTypes = {
@@ -54397,7 +54401,7 @@ var section_Section = function Section(_ref) {
       HTMLRenderer: HTMLRenderer,
       labelAccessor: labelAccessor
     }),
-    es_addIndex(es_map)(function (sectionbody, rowIndex) {
+    section_mapIndexed(function (sectionbody, rowIndex) {
       var _cx2;
 
       var rowId = sectionbody.key + '_' + sectionIndex + '_' + rowIndex;
@@ -54407,11 +54411,12 @@ var section_Section = function Section(_ref) {
       return react_default.a.createElement(
         esm_TableRow_TableRow,
         { key: rowId },
-        section_mapIndexed(function (cell, index) {
+        es_times(function (index) {
           var _cx;
 
-          var value = TableHtml5_utils_getValue(labelAccessor)(cell);
-          var flags = es_prop('flags', value);
+          var cell = es_path(['data', index], sectionbody);
+          var value = es_isNil(cell) ? { label: '' } : TableHtml5_utils_getValue(labelAccessor)(cell);
+          var flags = es_propOr([], 'flags', value);
           var id = rowIndex + '_' + rowId + '_' + index;
 
           // special space is used for hierarchy U+2007 &#8199; &numsp;
@@ -54425,7 +54430,7 @@ var section_Section = function Section(_ref) {
             esm_TableCell_TableCell,
             {
               key: id,
-              className: classnames_default()(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = es_prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = es_is(Function, isNoWrap) && isNoWrap(es_prop('dimension', cell)), _cx)),
+              className: classnames_default()(classes.rowTitle, classes.stickyHeader, (_cx = {}, _cx[classes.highlight] = es_prop(rowId)(activeCellIds), _cx[classes.timePeriodCells] = es_is(Function, isNoWrap) && isNoWrap(es_propOr({}, 'dimension', cell)), _cx)),
               id: id,
               headers: 'subHeader_' + index + ' ' + currentSection,
               component: 'th',
@@ -54451,7 +54456,7 @@ var section_Section = function Section(_ref) {
               )
             )
           );
-        }, es_prop('data', sectionbody)),
+        }, xLayoutDataLength /*R.prop('data', sectionbody)*/),
         react_default.a.createElement(
           esm_TableCell_TableCell,
           {
@@ -54477,8 +54482,9 @@ var section_Section = function Section(_ref) {
 
           var intersectionCellId = rowId + '/' + columnIndex;
           var isActive = pipe(es_propOr({}, 'intersectionCellId'), es_equals(intersectionCellId))(activeCellIds);
+          var missingValLabel = item.isEmpty || sectionbody.isEmpty ? '' : '..';
           return react_default.a.createElement(TableHtml5_cell, section_extends({}, pipe(es_pathOr({ value: null }, [item.key, currentSection, sectionbody.key, 0]), es_over(es_lensProp('value'), function (val) {
-            return es_isNil(val) ? '..' : cellValueAccessor(val);
+            return es_isNil(val) ? missingValLabel : cellValueAccessor(val);
           }))(cells), {
             key: intersectionCellId,
             headers: rowIds + ' ' + columnIds + ' ' + currentSection,
@@ -54565,12 +54571,13 @@ var TableHtml5_useStyles = styles_makeStyles(function (theme) {
 var TableHtml5_mapIndexed = es_addIndex(es_map);
 
 var TableHtml5_getEnhancedValuesHeaderData = function getEnhancedValuesHeaderData(data) {
-  var colLength = pipe(es_pathOr([], [0, 'data']), es_length)(data);
+  var colLength = pipe(es_last, es_propOr([], 'data'), es_length)(data);
   return pipe(es_pluck('data'),
   // mix merge and transpose for performance
   es_reduce(function (acc, cells) {
-    es_addIndex(es_forEach)(function (cell, rowIndex) {
-      var cellId = es_has('values', cell) ? pipe(es_prop('values'), es_pluck('id'), es_join(','))(cell) : es_path(['value', 'id'], cell);
+    es_addIndex(es_forEach)(function (_, rowIndex) {
+      var cell = es_nth(rowIndex, cells) || {};
+      var cellId = es_has('values', cell) ? pipe(es_prop('values'), es_pluck('id'), es_join(','))(cell) : es_pathOr('missing' + rowIndex, ['value', 'id'], cell);
       var topCell = rowIndex > 0 ? pipe(es_nth(rowIndex - 1), es_last)(acc) : null;
       var cellKey = es_isNil(topCell) ? cellId : topCell.key + '-' + cellId;
 
@@ -54578,9 +54585,13 @@ var TableHtml5_getEnhancedValuesHeaderData = function getEnhancedValuesHeaderDat
       if (es_prop('key', leftCell) === cellKey && rowIndex !== colLength - 1) {
         acc = es_over(es_lensIndex(rowIndex), es_over(es_lensIndex(-1), es_evolve({ spanCount: es_add(1) })))(acc);
       } else {
-        acc = es_over(es_lensIndex(rowIndex), es_append(TableHtml5_extends({}, es_pick(['value', 'values'], cell), { key: cellKey, spanCount: 1 })))(acc);
+        acc = es_over(es_lensIndex(rowIndex), es_append(TableHtml5_extends({}, es_pick(['value', 'values'], cell), {
+          key: cellKey,
+          spanCount: 1,
+          isEmpty: es_isEmpty(cell)
+        })))(acc);
       }
-    })(cells);
+    })(acc);
     return acc;
   }, es_times(es_always([]), colLength)))(data);
 };
@@ -54645,7 +54656,7 @@ var TableHtml5_TableHtml5 = function TableHtml5(_ref) {
     };
   }, []);
 
-  var xLayoutData = es_pathOr([], [0, 1, 0, 'data'], sectionsData);
+  var xLayoutData = es_pathOr([], [0, 1, -1, 'data'], sectionsData);
   var xLayoutDataLength = es_length(xLayoutData);
 
   var _useMemo = Object(react["useMemo"])(function () {
@@ -70572,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,
@@ -70614,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',
         {
@@ -70641,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)
         ),
@@ -70691,7 +70699,7 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
           ')'
         )
       )
-    }))
+    })
   );
 };
 
@@ -70715,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
 };
 
@@ -71109,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();
 
@@ -71225,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) {
@@ -71297,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 });
@@ -71315,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(
@@ -71352,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),
@@ -71388,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);
@@ -72401,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;
@@ -72507,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)));