@sis-cc/dotstatsuite-visions 10.9.0 → 10.10.0

package/es/Chips/CustomChip.js

@@ -31,14 +31,15 @@ var 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 ? R.prop('label') : _ref$labelRenderer;
+      labelRenderer = _ref$labelRenderer === undefined ? R.prop('label') : _ref$labelRenderer,
+      deprecated = _ref.deprecated;
 
   var theme = useTheme();
   var isRtl = getIsRtl(theme);
   var classes = useStyles();
   var mapIndexed = R.addIndex(R.map);
   var onChange = R.is(Function)(onDelete) ? function () {
-    return onDelete(parentId, R.isNil(id) ? [] : [id]);
+    return onDelete(parentId, R.isNil(id) ? [] : R.append(id, deprecated || []));
   } : null;
   var hasTooltip = shownTooltip(items);
   var hasMultiLinedTooltip = showMultiLinedTooltip(items);
@@ -105,7 +106,8 @@ CustomChip.propTypes = process.env.NODE_ENV !== "production" ? {
   labelClasses: PropTypes.string,
   ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   items: PropTypes.array,
-  labelRenderer: PropTypes.func
+  labelRenderer: PropTypes.func,
+  deprecated: PropTypes.array
 } : {};
 
 export default CustomChip;

package/es/Chips/GroupedChips.js

@@ -55,10 +55,12 @@ var GroupedChips = function GroupedChips(_ref) {
     }) : R.map(function (items) {
       var lastItem = R.last(items);
       var id = lastItem.id,
-          isNotRemovable = lastItem.isNotRemovable;
+          isNotRemovable = lastItem.isNotRemovable,
+          deprecated = lastItem.deprecated;
 
 
       return React.createElement(CustomChip, {
+        deprecated: deprecated,
         key: id,
         id: id,
         items: R.pipe(R.length, R.gte(2)) ? items : null,

package/es/HierarchicalFilter/HierarchicalFilter.js

@@ -47,14 +47,17 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
       hasSpotlight = props.hasSpotlight,
       _props$disableAccesso = props.disableAccessor,
       disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
-      allItems = props.allItems;
+      allItems = props.allItems,
+      _props$simpleSelectio = props.simpleSelectionMode,
+      simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
 
   var classes = useStyles({ accessibility: accessibility });
   var theme = useTheme();
   var isRtl = getIsRtl(theme);
   var Chip = R.isNil(Tag) ? InternalTag : Tag;
   var _allGroupedItems = R.groupBy(R.propOr('#ROOT', 'parentId'), allItems);
-  var _disableAccessor = getEvolvedDisableAccessor(_allGroupedItems, disableAccessor, R.always(false));
+  var _disableAccessor = simpleSelectionMode ? disableAccessor : getEvolvedDisableAccessor(_allGroupedItems, disableAccessor, R.always(false));
+
   var tagValue = getCounter(items, _disableAccessor, tagAccessor);
   var isDisabled = function isDisabled(item) {
     return R.is(Function, disableAccessor) ? disableAccessor(item) : false;
@@ -153,7 +156,8 @@ HierarchicalFilter.propTypes = process.env.NODE_ENV !== "production" ? {
   spotlight: PropTypes.object,
   setSpotlight: PropTypes.func,
   hasSpotlight: PropTypes.bool,
-  allItems: PropTypes.array
+  allItems: PropTypes.array,
+  simpleSelectionMode: PropTypes.bool
 } : {};
 
 export default withSpotlight(withExpansionTree(HierarchicalFilter));

package/es/VirtualizedTree/Item.js

@@ -35,19 +35,17 @@ var 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.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.createElement(
     ListItem,
@@ -77,23 +75,21 @@ var Item = function Item(_ref) {
       },
       React.createElement(NavigateIcon, null)
     ),
-    React.createElement(ListItemText, _extends({
+    React.createElement(ListItemText, {
       'data-testid': 'value_' + id,
       tabIndex: 0,
-      'aria-label': isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
+      'aria-label': isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
       'aria-pressed': isSelected,
       'aria-disabled': isDisabled,
       primaryTypographyProps: { noWrap: true, color: 'inherit' },
       secondaryTypographyProps: { color: 'inherit' },
       classes: { root: classes.listItem },
-      className: cx((_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
-    }, R.pick(['onKeyPress'], callbacks), {
-      title: isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      style: { opacity: isDisabled ? '0.5' : '1' },
+      className: cx((_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 ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
+      style: { opacity: isDisabled && isGreyed ? '0.5' : '1' },
       primary: React.createElement(
         'div',
         {
@@ -104,7 +100,8 @@ var Item = function Item(_ref) {
           Icon,
           {
             color: 'primary',
-            className: cx(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
+            className: cx(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
+            style: { opacity: isDisabled ? '0.5' : '1' }
           },
           isSelected ? React.createElement(CheckedBoxIcon, null) : React.createElement(CheckBoxIcon, null)
         ),
@@ -154,7 +151,7 @@ var Item = function Item(_ref) {
           ')'
         )
       )
-    }))
+    })
   );
 };
 
@@ -178,13 +175,12 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
   style: PropTypes.object,
   isRtl: PropTypes.bool,
   accessibility: PropTypes.bool,
-  index: PropTypes.number,
   labelRenderer: PropTypes.func,
   HTMLRenderer: PropTypes.func,
   hierarchicalId: PropTypes.string,
   labels: PropTypes.object,
   depth: PropTypes.number,
-  eventsCallbacks: PropTypes.func,
+  eventsListeners: PropTypes.object,
   isGreyed: PropTypes.bool
 } : {};
 

package/es/VirtualizedTree/VirtualizedTree.js

@@ -61,7 +61,9 @@ var 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();
 
@@ -177,56 +179,63 @@ var 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' && !R.isEmpty(shiftIndexes)) {
+      apply();
+    } else if (e.key === 'Control' && !R.isEmpty(selectIds)) {
+      apply();
+    }
+  };
+
+  var itemEventsListeners = function itemEventsListeners(id, index) {
     return {
-      onMouseUp: isMouseDown ? function (e) {
-        e.preventDefault();
-        apply();
-        if (!R.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' && !R.isEmpty(shiftIndexes)) {
-      apply();
-    } else if (e.key === 'Control' && !R.isEmpty(selectIds)) {
-      apply();
-    }
-  };
   var ref = useRef();
   var classes = useStyles();
-
   useEffect(function () {
     var current = ref.current;
     var handler = function handler(event) {
@@ -249,7 +258,6 @@ var VirtualizedTree = function VirtualizedTree(props) {
       setScrollTop(undefined);
     }
     if (R.isNil(current)) return;
-
     current.addEventListener('wheel', handler, { passive: false });
     return function () {
       current.removeEventListener('wheel', handler, { passive: false });
@@ -267,7 +275,8 @@ var VirtualizedTree = function VirtualizedTree(props) {
       disablePadding: true,
       style: { height: maxHeight + 2 },
       onKeyUp: onKeyUp,
-      onMouseLeave: isMouseDown ? apply : null,
+      onMouseUp: onMouseUp,
+      onMouseLeave: onMouseLeave,
       ref: ref
     },
     React.createElement(
@@ -304,11 +313,10 @@ var VirtualizedTree = function VirtualizedTree(props) {
               },
               NavigateIcon: R.has(itemId, expandedIds) ? ExpandLessIcon : ExpandMoreIcon,
               isRtl: isRtl,
-              eventsCallbacks: eventsCallbacks,
+              eventsListeners: itemEventsListeners(getHierarchicalId(item), index),
               HTMLRenderer: HTMLRenderer,
               classes: classes,
               labels: labels,
-              index: index,
               style: style,
               accessibility: accessibility,
               ariaLabel: R.prop('navigateNext')(labels),
@@ -340,7 +348,8 @@ VirtualizedTree.propTypes = process.env.NODE_ENV !== "production" ? {
   collapse: PropTypes.func,
   treeHeight: PropTypes.number,
   isGreyed: PropTypes.func,
-  scopeGetter: PropTypes.func
+  scopeGetter: PropTypes.func,
+  simpleSelectionMode: PropTypes.bool
 } : {};
 
 export default VirtualizedTree;

package/lib/Chips/CustomChip.js

@@ -68,14 +68,15 @@ var 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 ? R.prop('label') : _ref$labelRenderer;
+      labelRenderer = _ref$labelRenderer === undefined ? R.prop('label') : _ref$labelRenderer,
+      deprecated = _ref.deprecated;
 
   var theme = (0, _styles.useTheme)();
   var isRtl = (0, _utils.getIsRtl)(theme);
   var classes = useStyles();
   var mapIndexed = R.addIndex(R.map);
   var onChange = R.is(Function)(onDelete) ? function () {
-    return onDelete(parentId, R.isNil(id) ? [] : [id]);
+    return onDelete(parentId, R.isNil(id) ? [] : R.append(id, deprecated || []));
   } : null;
   var hasTooltip = (0, _utils2.shownTooltip)(items);
   var hasMultiLinedTooltip = (0, _utils2.showMultiLinedTooltip)(items);
@@ -142,7 +143,8 @@ CustomChip.propTypes = process.env.NODE_ENV !== "production" ? {
   labelClasses: _propTypes2.default.string,
   ariaLabel: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
   items: _propTypes2.default.array,
-  labelRenderer: _propTypes2.default.func
+  labelRenderer: _propTypes2.default.func,
+  deprecated: _propTypes2.default.array
 } : {};
 
 exports.default = CustomChip;

package/lib/Chips/GroupedChips.js

@@ -83,10 +83,12 @@ var GroupedChips = function GroupedChips(_ref) {
     }) : R.map(function (items) {
       var lastItem = R.last(items);
       var id = lastItem.id,
-          isNotRemovable = lastItem.isNotRemovable;
+          isNotRemovable = lastItem.isNotRemovable,
+          deprecated = lastItem.deprecated;
 
 
       return _react2.default.createElement(_CustomChip2.default, {
+        deprecated: deprecated,
         key: id,
         id: id,
         items: R.pipe(R.length, R.gte(2)) ? items : null,

package/lib/HierarchicalFilter/HierarchicalFilter.js

@@ -76,14 +76,17 @@ var HierarchicalFilter = function HierarchicalFilter(props) {
       hasSpotlight = props.hasSpotlight,
       _props$disableAccesso = props.disableAccessor,
       disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
-      allItems = props.allItems;
+      allItems = props.allItems,
+      _props$simpleSelectio = props.simpleSelectionMode,
+      simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
 
   var classes = (0, _styles.useStyles)({ accessibility: accessibility });
   var theme = (0, _core.useTheme)();
   var isRtl = (0, _utils2.getIsRtl)(theme);
   var Chip = R.isNil(Tag) ? _.Tag : Tag;
   var _allGroupedItems = R.groupBy(R.propOr('#ROOT', 'parentId'), allItems);
-  var _disableAccessor = (0, _utils.getEvolvedDisableAccessor)(_allGroupedItems, disableAccessor, R.always(false));
+  var _disableAccessor = simpleSelectionMode ? disableAccessor : (0, _utils.getEvolvedDisableAccessor)(_allGroupedItems, disableAccessor, R.always(false));
+
   var tagValue = getCounter(items, _disableAccessor, tagAccessor);
   var isDisabled = function isDisabled(item) {
     return R.is(Function, disableAccessor) ? disableAccessor(item) : false;
@@ -182,7 +185,8 @@ HierarchicalFilter.propTypes = process.env.NODE_ENV !== "production" ? {
   spotlight: _propTypes2.default.object,
   setSpotlight: _propTypes2.default.func,
   hasSpotlight: _propTypes2.default.bool,
-  allItems: _propTypes2.default.array
+  allItems: _propTypes2.default.array,
+  simpleSelectionMode: _propTypes2.default.bool
 } : {};
 
 exports.default = (0, _withSpotlight.withSpotlight)((0, _withExpansionTree.withExpansionTree)(HierarchicalFilter));

package/lib/VirtualizedTree/Item.js

@@ -75,19 +75,17 @@ var 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 = _react2.default.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 _react2.default.createElement(
     _ListItem2.default,
@@ -117,23 +115,21 @@ var Item = function Item(_ref) {
       },
       _react2.default.createElement(NavigateIcon, null)
     ),
-    _react2.default.createElement(_ListItemText2.default, _extends({
+    _react2.default.createElement(_ListItemText2.default, {
       'data-testid': 'value_' + id,
       tabIndex: 0,
-      'aria-label': isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
+      'aria-label': isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
       'aria-pressed': isSelected,
       'aria-disabled': isDisabled,
       primaryTypographyProps: { noWrap: true, color: 'inherit' },
       secondaryTypographyProps: { color: 'inherit' },
       classes: { root: classes.listItem },
-      className: (0, _classnames2.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
-    }, R.pick(['onKeyPress'], callbacks), {
-      title: isDisabled ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      style: { opacity: isDisabled ? '0.5' : '1' },
+      className: (0, _classnames2.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 ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
+      style: { opacity: isDisabled && isGreyed ? '0.5' : '1' },
       primary: _react2.default.createElement(
         'div',
         {
@@ -144,7 +140,8 @@ var Item = function Item(_ref) {
           _SvgIcon2.default,
           {
             color: 'primary',
-            className: (0, _classnames2.default)(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3))
+            className: (0, _classnames2.default)(classes.labelIcon, (_cx3 = {}, _cx3[classes.disabledLabel] = isDisabled, _cx3)),
+            style: { opacity: isDisabled ? '0.5' : '1' }
           },
           isSelected ? _react2.default.createElement(_CheckBoxOutlined2.default, null) : _react2.default.createElement(_CheckBoxOutlineBlankOutlined2.default, null)
         ),
@@ -194,7 +191,7 @@ var Item = function Item(_ref) {
           ')'
         )
       )
-    }))
+    })
   );
 };
 
@@ -218,13 +215,12 @@ Item.propTypes = process.env.NODE_ENV !== "production" ? {
   style: _propTypes2.default.object,
   isRtl: _propTypes2.default.bool,
   accessibility: _propTypes2.default.bool,
-  index: _propTypes2.default.number,
   labelRenderer: _propTypes2.default.func,
   HTMLRenderer: _propTypes2.default.func,
   hierarchicalId: _propTypes2.default.string,
   labels: _propTypes2.default.object,
   depth: _propTypes2.default.number,
-  eventsCallbacks: _propTypes2.default.func,
+  eventsListeners: _propTypes2.default.object,
   isGreyed: _propTypes2.default.bool
 } : {};
 

package/lib/VirtualizedTree/VirtualizedTree.js

@@ -100,7 +100,9 @@ var 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 = (0, _core.useTheme)();
 
@@ -216,56 +218,63 @@ var 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' && !R.isEmpty(shiftIndexes)) {
+      apply();
+    } else if (e.key === 'Control' && !R.isEmpty(selectIds)) {
+      apply();
+    }
+  };
+
+  var itemEventsListeners = function itemEventsListeners(id, index) {
     return {
-      onMouseUp: isMouseDown ? function (e) {
-        e.preventDefault();
-        apply();
-        if (!R.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' && !R.isEmpty(shiftIndexes)) {
-      apply();
-    } else if (e.key === 'Control' && !R.isEmpty(selectIds)) {
-      apply();
-    }
-  };
   var ref = (0, _react.useRef)();
   var classes = (0, _styles.useStyles)();
-
   (0, _react.useEffect)(function () {
     var current = ref.current;
     var handler = function handler(event) {
@@ -288,7 +297,6 @@ var VirtualizedTree = function VirtualizedTree(props) {
       setScrollTop(undefined);
     }
     if (R.isNil(current)) return;
-
     current.addEventListener('wheel', handler, { passive: false });
     return function () {
       current.removeEventListener('wheel', handler, { passive: false });
@@ -306,7 +314,8 @@ var VirtualizedTree = function VirtualizedTree(props) {
       disablePadding: true,
       style: { height: maxHeight + 2 },
       onKeyUp: onKeyUp,
-      onMouseLeave: isMouseDown ? apply : null,
+      onMouseUp: onMouseUp,
+      onMouseLeave: onMouseLeave,
       ref: ref
     },
     _react2.default.createElement(
@@ -343,11 +352,10 @@ var VirtualizedTree = function VirtualizedTree(props) {
               },
               NavigateIcon: R.has(itemId, expandedIds) ? _ExpandLess2.default : _ExpandMore2.default,
               isRtl: isRtl,
-              eventsCallbacks: eventsCallbacks,
+              eventsListeners: itemEventsListeners((0, _utils.getHierarchicalId)(item), index),
               HTMLRenderer: HTMLRenderer,
               classes: classes,
               labels: labels,
-              index: index,
               style: style,
               accessibility: accessibility,
               ariaLabel: R.prop('navigateNext')(labels),
@@ -379,7 +387,8 @@ VirtualizedTree.propTypes = process.env.NODE_ENV !== "production" ? {
   collapse: _propTypes2.default.func,
   treeHeight: _propTypes2.default.number,
   isGreyed: _propTypes2.default.func,
-  scopeGetter: _propTypes2.default.func
+  scopeGetter: _propTypes2.default.func,
+  simpleSelectionMode: _propTypes2.default.bool
 } : {};
 
 exports.default = VirtualizedTree;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "10.9.0",
+  "version": "10.10.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",