@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.1

package/lib/ScopeList/styles.js

@@ -1,153 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.useStyles = exports.height = undefined;
-
-var _makeStyles = require('@mui/styles/makeStyles');
-
-var _makeStyles2 = _interopRequireDefault(_makeStyles);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var height = exports.height = 30;
-
-var useStyles = exports.useStyles = (0, _makeStyles2.default)(function (theme) {
-  return {
-    middle: {
-      margin: 'auto 0'
-    },
-    selectionContainer: {
-      margin: theme.spacing(1)
-    },
-    containerHeader: {
-      borderBottom: '6px solid ' + theme.palette.grey[100],
-      marginBottom: '1px'
-    },
-    listItemContainer: {
-      height: height,
-      paddingRight: 36,
-      outline: 'none',
-      marginBottom: '1px'
-    },
-    listItem: {
-      height: height,
-      display: 'flex',
-      flexDirection: 'column-reverse',
-      justifyContent: 'center',
-      margin: 0,
-      userSelect: 'none',
-      cursor: 'pointer',
-      color: theme.palette.primary.main
-    },
-    listItemHover: {
-      '&:hover': {
-        color: theme.palette.primary.main,
-        backgroundColor: theme.palette.action.hover
-      }
-    },
-    accessibilityItemHover: {
-      '&:focus': {
-        backgroundColor: theme.palette.action.selected
-      }
-    },
-    listItemSelected: {
-      backgroundColor: theme.palette.action.hover,
-      '&:hover': {
-        backgroundColor: theme.palette.action.selected
-      }
-    },
-    disableSecondaryAction: {
-      paddingRight: '0 !important'
-    },
-    spaceHeader: {
-      margin: theme.spacing(1, 0),
-      lineHeight: 1
-    },
-    spotlightContainer: {
-      display: 'flex'
-    },
-    labelContainer: {
-      width: '100%',
-      display: 'flex',
-      justifyContent: 'flex-start',
-      alignItems: 'baseline'
-    },
-    rtlLabelContainer: {
-      flexDirection: 'row-reverse'
-    },
-    count: {
-      color: theme.palette.grey[800],
-      margin: theme.spacing(0, 0.25),
-      fontSize: 11
-    },
-    path: {
-      color: theme.palette.grey[600],
-      marginLeft: theme.spacing(1),
-      fontSize: 11
-    },
-    label: {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      marginLeft: theme.spacing(1)
-    },
-    labelIcon: {
-      fontSize: 16,
-      marginLeft: theme.spacing(0.5),
-      alignSelf: 'center'
-    },
-    disabled: {
-      pointerEvents: 'initial !important'
-    },
-    disabledLabel: {
-      color: theme.palette.grey[700]
-    },
-    ellipsis: {
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
-    svg: {
-      verticalAlign: 'bottom',
-      fontSize: '1.25rem'
-    },
-    arrowHeader: {
-      color: theme.palette.grey[800]
-    },
-    headerItem: {
-      display: 'inline',
-      cursor: 'pointer',
-      userSelect: 'none',
-      height: 'unset',
-      minHeight: 25,
-      padding: theme.spacing(0.25, 0.5),
-      borderBottom: 'dotted 1px',
-      verticalAlign: 'text-bottom',
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.action.hover
-      }
-    },
-    containerArrow: {
-      paddingLeft: 4,
-      borderLeft: '1px solid ' + theme.palette.grey[800],
-      color: theme.palette.primary.main,
-      height: '100%',
-      display: 'flex',
-      '&:hover, &:focus': {
-        backgroundColor: theme.palette.primary.main,
-        color: theme.palette.common.white
-      }
-    },
-    arrow: {
-      marginTop: 2,
-      '&:hover': {
-        backgroundColor: 'transparent'
-      }
-    },
-    bulkSelectionIcon: {
-      minWidth: 50
-    },
-    tooltipNotice: {
-      textDecoration: 'underline dotted'
-    }
-  };
-});

package/lib/ScopeList/with-scope-list.js

@@ -1,507 +0,0 @@
-'use strict';
-
-exports.__esModule = true;
-exports.withScopeList = exports.setSelection = exports.setAllTo = exports.getIsAllSelected = exports.getItemsGroupByLevel = exports.getItemsIds = exports.getEnhancedNode = exports.getScopeList = exports.getList = exports.getMainList = exports.getCurrentList = exports.withHasChild = exports.getPlaceholder = exports.getItemsIndexedByParentId = exports.getIsBlank = undefined;
-
-var _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; }; /* eslint react/prop-types: 0 */
-
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _ramda = require('ramda');
-
-var R = _interopRequireWildcard(_ramda);
-
-var _utils = require('../utils');
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-var range = function range(tab) {
-  if (R.isEmpty(tab)) return tab;
-  return R.range.apply(R, tab);
-};
-
-var getCounter = function getCounter(items, displayAccessor, tagAccessor) {
-  var count = R.pipe(R.filter(R.prop('isSelected')), R.length)(items);
-  var total = R.pipe(R.when(R.always(R.is(Function, displayAccessor)), R.filter(displayAccessor)), R.length)(items);
-  if (R.is(Function, tagAccessor)) {
-    return tagAccessor(count, total);
-  }
-  return count + '/' + total;
-};
-
-var getIsBlank = exports.getIsBlank = function getIsBlank(items, displayAccessor, limitDisplay) {
-  if (R.not(R.is(Function)(displayAccessor))) return R.pipe(R.length, R.gte(limitDisplay))(items);
-  return R.pipe(R.filter(displayAccessor), R.length, R.gte(limitDisplay))(items);
-};
-
-//----------------------------------------------------------------------------------DisplayOrDisable
-var addDisableProps = function addDisableProps(displayAccessor) {
-  return function (list) {
-    if (R.not(R.is(Function)(displayAccessor))) return list;
-    return R.reduce(function (acc, item) {
-      return R.pipe(R.when(R.pipe(displayAccessor, Boolean, R.not), R.assoc('isDisabled', true)), R.ifElse(R.both(R.prop('isDisabled'), R.complement(R.prop)('hasChild')), R.always(acc), R.flip(R.append)(acc)))(item);
-    }, [])(list);
-  };
-};
-
-var indexByParentId = R.indexBy(R.prop('parentId'));
-var indexByParentIdWithHasData = function indexByParentIdWithHasData(displayAccessor) {
-  return R.indexBy(R.ifElse(displayAccessor, R.prop('parentId'), R.always(undefined)));
-};
-var getItemsIndexedByParentId = exports.getItemsIndexedByParentId = function getItemsIndexedByParentId(displayAccessor) {
-  return function (items) {
-    if (R.not(R.is(Function)(displayAccessor))) return indexByParentId(items);
-    return R.converge(R.mergeRight, [indexByParentId, indexByParentIdWithHasData(displayAccessor)])(items);
-  };
-};
-
-//-----------------------------------------------------------------------------------------Spotlight
-var getSpotlightedList = function getSpotlightedList(_ref) {
-  var topElementProps = _ref.topElementProps,
-      _ref$term = _ref.term,
-      term = _ref$term === undefined ? '' : _ref$term,
-      items = _ref.items,
-      itemsById = _ref.itemsById,
-      noPath = _ref.noPath,
-      hasPath = _ref.hasPath;
-  return topElementProps.defaultSpotlight.engine(_extends({}, topElementProps.defaultSpotlight, {
-    term: term,
-    items: items,
-    itemsById: itemsById,
-    noPath: noPath,
-    hasPath: hasPath
-  }));
-};
-
-var getPlaceholder = exports.getPlaceholder = function getPlaceholder(_ref2) {
-  var _ref2$placeholder = _ref2.placeholder,
-      placeholder = _ref2$placeholder === undefined ? '' : _ref2$placeholder,
-      mainPlaceholder = _ref2.mainPlaceholder,
-      secondaryPlaceholder = _ref2.secondaryPlaceholder,
-      currentItem = _ref2.currentItem;
-
-  if (R.and(R.isNil(mainPlaceholder), R.isNil(secondaryPlaceholder))) return placeholder;
-  if (R.isNil(currentItem)) return mainPlaceholder;
-  return secondaryPlaceholder;
-};
-//----------------------------------------------------------------------------------------------List
-var withHasChild = exports.withHasChild = function withHasChild(itemsByParentId) {
-  return function (item) {
-    return R.assoc('hasChild', R.pipe(R.prop(item.hierarchicalId || item.id), R.isNil, R.not)(itemsByParentId))(item);
-  };
-};
-var getCurrentList = exports.getCurrentList = function getCurrentList(_ref3) {
-  var currentItemId = _ref3.currentItemId,
-      itemsByParentId = _ref3.itemsByParentId,
-      items = _ref3.items;
-  return R.reduce(function (acc, item) {
-    if (R.equals(currentItemId, item.parentId)) {
-      return [].concat(acc, [withHasChild(itemsByParentId)(item)]);
-    }
-    return acc;
-  }, [])(items);
-};
-var getMainList = exports.getMainList = R.filter(R.pipe(R.prop('parentId'), R.isNil));
-var getList = exports.getList = function getList(_ref4) {
-  var items = _ref4.items,
-      itemsByParentId = _ref4.itemsByParentId,
-      itemsById = _ref4.itemsById,
-      topElementProps = _ref4.topElementProps,
-      currentItem = _ref4.currentItem,
-      term = _ref4.term,
-      hasPath = _ref4.hasPath,
-      displayAccessor = _ref4.displayAccessor;
-
-  var currentItemId = currentItem ? currentItem.hierarchicalId || currentItem.id : null;
-  if (R.or(R.isEmpty(term), R.isNil(R.prop('defaultSpotlight')(topElementProps)))) {
-    var itemsByParentIdDisplayed = getItemsIndexedByParentId(displayAccessor)(items);
-    if (R.isNil(currentItemId)) return R.pipe(getMainList, R.map(function (item) {
-      return withHasChild(itemsByParentIdDisplayed)(item);
-    }))(items);
-    return getCurrentList({ currentItemId: currentItemId, itemsByParentId: itemsByParentIdDisplayed, items: items });
-  }
-  if (R.isNil(currentItemId)) return getSpotlightedList({ topElementProps: topElementProps, term: term, items: items, itemsById: itemsById, hasPath: hasPath });
-  return getSpotlightedList({
-    topElementProps: topElementProps,
-    term: term,
-    items: getCurrentList({ currentItemId: currentItemId, itemsByParentId: itemsByParentId, items: items }),
-    noPath: true,
-    hasPath: hasPath
-  });
-};
-var getScopeList = exports.getScopeList = function getScopeList(_ref5) {
-  var isActivePanel = _ref5.isActivePanel,
-      displayAccessor = _ref5.displayAccessor,
-      items = _ref5.items,
-      itemsByParentId = _ref5.itemsByParentId,
-      itemsById = _ref5.itemsById,
-      topElementProps = _ref5.topElementProps,
-      currentItem = _ref5.currentItem,
-      term = _ref5.term,
-      hasPath = _ref5.hasPath;
-
-  if (R.not(isActivePanel)) return [];
-  return R.pipe(getList, addDisableProps(displayAccessor))({
-    items: items,
-    itemsByParentId: itemsByParentId,
-    itemsById: itemsById,
-    topElementProps: topElementProps,
-    currentItem: currentItem,
-    term: term,
-    hasPath: hasPath,
-    displayAccessor: displayAccessor
-  });
-};
-//----------------------------------------------------------------------------------------------Node
-var getEnhancedNode = exports.getEnhancedNode = function getEnhancedNode(currentItem, items, itemsById, hasPath) {
-  if (R.isNil(currentItem)) return currentItem;
-  var id = R.prop('id')(currentItem);
-  var item = R.find(R.propEq('id', id))(items);
-  var path = R.ifElse(R.both(R.always(hasPath), R.pipe(R.propOr([], 'path'), R.head, R.is(Object))), R.propOr([], 'path'), R.always((0, _utils.reduceChildren)(currentItem, itemsById)))(item);
-  return R.append(currentItem, path);
-};
-
-var getCurrentItem = function getCurrentItem(_ref6) {
-  var isActivePanel = _ref6.isActivePanel,
-      currentItem = _ref6.currentItem,
-      items = _ref6.items,
-      itemsById = _ref6.itemsById,
-      hasPath = _ref6.hasPath;
-
-  if (R.not(isActivePanel)) return null;
-  return getEnhancedNode(currentItem, items, itemsById, hasPath);
-};
-//---------------------------------------------------------------------------------------------Multi
-var getItemsIds = exports.getItemsIds = R.curry(function (disableAccessor, _ref7, items) {
-  var isSelected = _ref7.isSelected;
-
-  return R.reduce(function (acc, item) {
-    if (disableAccessor(item)) return acc;
-    if (!R.prop('isSelected', item) === isSelected) return acc;
-    return R.append(R.prop('id', item), acc);
-  }, [])(items);
-});
-
-var updateIndexSelected = function updateIndexSelected(index) {
-  return R.ifElse(R.isEmpty, R.always([index, index]), R.update(1, index));
-};
-
-var getItemsGroupByLevel = function getItemsGroupByLevel(disableAccessor) {
-  return function (itemsById) {
-    return R.pipe(R.reduce(function (acc, item) {
-      if (disableAccessor(item)) return acc;
-      return R.append(R.assoc('level', (0, _utils.reduceChildren)(item, itemsById, R.add(1), 0), item), acc);
-    }, []), R.reduceBy(function (acc, _ref8) {
-      var id = _ref8.id,
-          isSelected = _ref8.isSelected,
-          rest = _objectWithoutProperties(_ref8, ['id', 'isSelected']);
-
-      return R.append(_extends({}, rest, { id: id, isSelected: isSelected }), acc);
-    }, [], R.prop('level')));
-  };
-};
-
-exports.getItemsGroupByLevel = getItemsGroupByLevel;
-var getIsAllSelected = exports.getIsAllSelected = function getIsAllSelected(disableAccessor) {
-  return R.pipe(R.reject(disableAccessor), R.all(R.prop('isSelected')));
-};
-var setAllTo = exports.setAllTo = function setAllTo(list) {
-  return R.pipe(R.map(function (index) {
-    return R.nth(index, list);
-  }), R.head, R.prop('isSelected'));
-};
-
-var setPreviewSelectedList = R.curry(function (indexes, setValue, list) {
-  return R.reduce(function (acc, index) {
-    return R.over(R.lensIndex(index), R.over(R.lensProp('isSelected'), setValue))(acc);
-  })(list, indexes);
-});
-
-var getRangeIndexes = R.pipe(R.sort(function (a, b) {
-  return a - b;
-}), R.over(R.lensIndex(1), R.add(1)), range);
-
-var setSelection = exports.setSelection = function setSelection(_ref9, list) {
-  var isBulkSelection = _ref9.isBulkSelection,
-      isDiscrete = _ref9.isDiscrete,
-      _ref9$items = _ref9.items,
-      items = _ref9$items === undefined ? [] : _ref9$items;
-  var _items$ = items[0],
-      indexes = _items$ === undefined ? [] : _items$,
-      _items$2 = items[1],
-      applyToSelected = _items$2 === undefined ? R.identity : _items$2;
-
-  if (R.or(R.isEmpty(indexes), isBulkSelection)) return list;
-  if (isDiscrete) {
-    return setPreviewSelectedList(indexes, R.not)(list);
-  }
-  var isSelected = R.pipe(setAllTo(list), applyToSelected)(indexes);
-  return setPreviewSelectedList(getRangeIndexes(indexes), R.always(isSelected))(list);
-};
-
-var getPropByIndex = R.curry(function (fn, indexes, list) {
-  return R.map(R.pipe(R.nth(R.__, list), fn))(indexes);
-});
-
-var allEquals = function allEquals(list) {
-  return R.all(R.equals(R.head(list)))(list);
-};
-
-//-----------------------------------------------------------------------------------------------Hoc
-var withScopeList = exports.withScopeList = function withScopeList(Component) {
-  var _class, _temp2;
-
-  return _temp2 = _class = function (_React$Component) {
-    _inherits(_class, _React$Component);
-
-    function _class() {
-      var _temp, _this, _ret;
-
-      _classCallCheck(this, _class);
-
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {
-        term: R.propOr('', 'term')(_this.props),
-        levels: [],
-        shiftSelection: [],
-        ctrlSelection: [],
-        mouseSelection: [],
-        isMousePreSelection: false,
-        applyToShiftSelected: R.identity
-      }, _this.changeList = function (id) {
-        return _this.setState({ currentItem: R.prop(id)(_this.state.itemsByHierarchicalId), term: '' });
-      }, _this.changeSelection = function (panelId) {
-        return function (id) {
-          return function (event) {
-            event.preventDefault();
-            if (R.is(Function, _this.props.changeSelection)) {
-              return _this.props.changeSelection(panelId, [id]);
-            }
-          };
-        };
-      }, _this.changeSpotlight = function (spotlight) {
-        return _this.setState({ term: R.propOr('', 'term')(spotlight) });
-      }, _this.changeMutliSelection = function (panelId) {
-        return function (ids) {
-          return function (event) {
-            event.preventDefault();
-            if (R.isEmpty(ids)) return;
-            if (R.is(Function, _this.props.changeSelection)) {
-              return _this.props.changeSelection(panelId, ids);
-            }
-            return null;
-          };
-        };
-      }, _this.changeLevelSelection = function (panelId, disableAccessor) {
-        return function (itemsGroupByLevel) {
-          return function (level, isSelected) {
-            return function (event) {
-              event.preventDefault();
-              if (R.is(Function, _this.props.changeSelection)) {
-                return _this.props.changeSelection(panelId, R.pipe(R.prop(level), function (items) {
-                  return getItemsIds(disableAccessor)({ isSelected: isSelected }, items);
-                })(itemsGroupByLevel));
-              }
-              return;
-            };
-          };
-        };
-      }, _this.changeBulkPreSelections = function (id, index) {
-        return function (event) {
-          event.preventDefault();
-          if (event.shiftKey && !R.isEmpty(_this.state.shiftSelection)) {
-            return _this.setState({
-              shiftSelection: updateIndexSelected(index)(_this.state.shiftSelection)
-            });
-          }
-          if (event.shiftKey && R.isEmpty(_this.state.shiftSelection)) {
-            _this.setState({
-              shiftSelection: [index, index],
-              applyToShiftSelected: R.not
-            });
-          }
-          if (event.ctrlKey) {
-            return _this.setState({
-              ctrlSelection: R.ifElse(R.includes(index), R.without([index]), R.append(index))(_this.state.ctrlSelection)
-            });
-          }
-        };
-      }, _this.changeMultiSelectionKeyUp = function (disableAccessor) {
-        return function (_ref10) {
-          var list = _ref10.list,
-              id = _ref10.id;
-          return function (e) {
-            var shiftSelection = _this.state.shiftSelection;
-            var ctrlSelection = _this.state.ctrlSelection;
-
-            // e.shiftKey doesn't work
-            if (R.and(e.key === 'Shift', R.not(R.isEmpty(shiftSelection)))) {
-              if (allEquals(shiftSelection)) return;
-              var items = R.pipe(getPropByIndex(R.identity), R.reject(disableAccessor))(getRangeIndexes(shiftSelection), list);
-              var indexFirstElement = R.head(shiftSelection);
-              _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({
-                isSelected: !R.pipe(R.nth(indexFirstElement), R.prop('isSelected'), _this.state.applyToShiftSelected)(list)
-              })(items))(e);
-              return _this.setState({
-                shiftSelection: [R.last(shiftSelection), R.last(shiftSelection)],
-                applyToShiftSelected: R.identity
-              });
-            }
-            // e.ctrlKey doesn't work
-            if (R.and(e.key === 'Control', R.not(R.isEmpty(ctrlSelection)))) {
-              _this.changeMutliSelection(id)(getPropByIndex(R.prop('id'), ctrlSelection, list))(e);
-              return _this.setState({
-                ctrlSelection: [],
-                shiftSelection: [R.last(ctrlSelection), R.last(ctrlSelection)]
-              });
-            }
-            return;
-          };
-        };
-      }, _this.changeMouseSelection = function (disableAccessor) {
-        return function (_ref11) {
-          var list = _ref11.list,
-              id = _ref11.id;
-          return function (index, mouseAction) {
-            return function (e) {
-              if (R.or(e.ctrlKey, e.shiftKey)) return _this.setState({ mouseSelection: [] });
-              var mouseSelection = _this.state.mouseSelection;
-              var isMousePreSelection = _this.state.isMousePreSelection;
-              if (R.prop('isDown')(mouseAction)) {
-                return _this.setState({
-                  mouseSelection: updateIndexSelected(index)(mouseSelection),
-                  isMousePreSelection: true
-                });
-              }
-              // if (R.isEmpty(mouseSelection)) return;
-              if (R.and(R.prop('isOver')(mouseAction), isMousePreSelection)) {
-                return _this.setState({
-                  mouseSelection: updateIndexSelected(index)(mouseSelection)
-                });
-              }
-              if (R.prop('isUp')(mouseAction) && isMousePreSelection) {
-                var items = R.pipe(getPropByIndex(R.identity), R.reject(disableAccessor))(getRangeIndexes(mouseSelection), list);
-                var isFirstElementSelected = !!R.prop('isSelected', R.head(items));
-                _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: isFirstElementSelected })(items))(e);
-                return _this.setState({
-                  mouseSelection: [],
-                  isMousePreSelection: false,
-                  shiftSelection: [R.last(mouseSelection), R.last(mouseSelection)]
-                });
-              }
-            };
-          };
-        };
-      }, _this.render = function () {
-        // "items", "itemsByParentId", "itemsById" are the same collection,
-        // but only "items" is updated by the selection (on hold the selection): { isSelected: true/false }
-        var _this$props = _this.props,
-            displayAccessor = _this$props.displayAccessor,
-            _this$props$disableAc = _this$props.disableAccessor,
-            disableAccessor = _this$props$disableAc === undefined ? R.prop('isDisabled') : _this$props$disableAc,
-            tagAccessor = _this$props.tagAccessor,
-            items = _this$props.items,
-            _this$props$topElemen = _this$props.topElementProps,
-            topElementProps = _this$props$topElemen === undefined ? {} : _this$props$topElemen,
-            activePanelId = _this$props.activePanelId,
-            id = _this$props.id,
-            hasPath = _this$props.hasPath,
-            _this$props$testId = _this$props.testId,
-            testId = _this$props$testId === undefined ? 'scopeList' : _this$props$testId,
-            _this$props$limitDisp = _this$props.limitDisplay,
-            limitDisplay = _this$props$limitDisp === undefined ? 0 : _this$props$limitDisp,
-            bulkSelection = _this$props.bulkSelection;
-        var _this$state = _this.state,
-            currentItem = _this$state.currentItem,
-            term = _this$state.term,
-            itemsByParentId = _this$state.itemsByParentId,
-            itemsById = _this$state.itemsById,
-            itemsByHierarchicalId = _this$state.itemsByHierarchicalId,
-            shiftSelection = _this$state.shiftSelection,
-            ctrlSelection = _this$state.ctrlSelection,
-            mouseSelection = _this$state.mouseSelection,
-            applyToShiftSelected = _this$state.applyToShiftSelected;
-
-        var isActivePanel = R.equals(activePanelId, id);
-        var list = getScopeList({
-          items: items,
-          itemsByParentId: itemsByParentId,
-          itemsById: itemsById,
-          itemsByHierarchicalId: itemsByHierarchicalId,
-          topElementProps: topElementProps,
-          currentItem: currentItem,
-          term: term,
-          hasPath: hasPath,
-          isActivePanel: isActivePanel,
-          displayAccessor: displayAccessor,
-          disableAccessor: disableAccessor
-        });
-        return _react2.default.createElement(Component, _extends({}, _this.props, {
-          disableAccessor: disableAccessor,
-          itemsById: itemsById,
-          items: items,
-          isBlank: getIsBlank(items, displayAccessor, limitDisplay),
-          tagValue: getCounter(items, displayAccessor, tagAccessor),
-          changeList: _this.changeList,
-          currentItem: getCurrentItem({
-            isActivePanel: isActivePanel,
-            currentItem: currentItem,
-            items: items,
-            itemsById: itemsByHierarchicalId,
-            hasPath: hasPath
-          }),
-          action: _this.changeSpotlight,
-          term: term,
-          placeholder: getPlaceholder(_extends({}, topElementProps, {
-            currentItem: currentItem
-          })),
-          changeSelect: _this.changeSelect,
-          testId: testId,
-          list: bulkSelection ? setSelection({
-            isBulkSelection: R.not(bulkSelection),
-            isDiscrete: R.not(R.isEmpty(ctrlSelection)),
-            items: R.find(function (_ref12) {
-              var indexes = _ref12[0];
-              return R.not(R.isEmpty(indexes));
-            })([[ctrlSelection], [mouseSelection, R.not], [shiftSelection, applyToShiftSelected]])
-          }, list) : list,
-          changeSelection: bulkSelection ? _this.changeBulkPreSelections : _this.changeSelection(id),
-          changeMutliSelection: bulkSelection ? _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: getIsAllSelected(disableAccessor)(list) }, list)) : null,
-          changeLevelSelection: bulkSelection ? _this.changeLevelSelection(id, disableAccessor) : null,
-          isCurrentListAllSelected: bulkSelection ? getIsAllSelected(disableAccessor)(list) : null,
-          changeMultiSelectionKeyUp: bulkSelection ? _this.changeMultiSelectionKeyUp(disableAccessor)({ list: list, id: id }) : null,
-          changeMouseSelection: bulkSelection ? _this.changeMouseSelection(disableAccessor)({ list: list, id: id }) : null
-        }));
-      }, _temp), _possibleConstructorReturn(_this, _ret);
-    }
-
-    //---------------------------------------------------------------------------------bulkSelection
-
-
-    return _class;
-  }(_react2.default.Component), _class.getDerivedStateFromProps = function (props, state) {
-    return _extends({}, state, {
-      itemsById: R.indexBy(R.prop('id'), props.items),
-      itemsByHierarchicalId: R.indexBy(function (item) {
-        return item.hierarchicalId || item.id;
-      }, props.items),
-      itemsByParentId: getItemsIndexedByParentId(props.displayAccessor)(props.items) // only use for hasChild, same keys are overide
-    });
-  }, _temp2;
-};