@sis-cc/dotstatsuite-visions 6.6.0 → 6.6.1

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

@@ -1,31 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+'use strict';
 
 exports.__esModule = true;
-exports.withScopeList = exports.withHasChild = exports.setSelection = exports.setAllTo = exports.getScopeList = exports.getPlaceholder = exports.getMainList = exports.getList = exports.getItemsIndexedByParentId = exports.getItemsIds = exports.getItemsGroupByLevel = exports.getIsBlank = exports.getIsAllSelected = exports.getEnhancedNode = exports.getCurrentList = void 0;
+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 _assertThisInitialized2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+var _react = require('react');
 
-var _inheritsLoose2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inheritsLoose"));
+var _react2 = _interopRequireDefault(_react);
 
-var _defineProperty2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+var _ramda = require('ramda');
 
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"));
+var R = _interopRequireWildcard(_ramda);
 
-var _extends2 = _interopRequireDefault(require("/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+var _utils = require('../utils');
 
-var _react = _interopRequireDefault(require("react"));
+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; } }
 
-var R = _interopRequireWildcard(require("ramda"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _utils = require("../utils");
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _excluded = ["id", "isSelected"];
+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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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;
@@ -35,22 +36,18 @@ var range = function range(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;
+  return count + '/' + total;
 };
 
-var getIsBlank = function getIsBlank(items, displayAccessor, limitDisplay) {
+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
-
-
-exports.getIsBlank = getIsBlank;
+};
 
+//----------------------------------------------------------------------------------DisplayOrDisable
 var addDisableProps = function addDisableProps(displayAccessor) {
   return function (list) {
     if (R.not(R.is(Function)(displayAccessor))) return list;
@@ -61,30 +58,26 @@ var addDisableProps = function addDisableProps(displayAccessor) {
 };
 
 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 = function getItemsIndexedByParentId(displayAccessor) {
+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
-
-
-exports.getItemsIndexedByParentId = getItemsIndexedByParentId;
+};
 
+//-----------------------------------------------------------------------------------------Spotlight
 var getSpotlightedList = function getSpotlightedList(_ref) {
   var topElementProps = _ref.topElementProps,
       _ref$term = _ref.term,
-      term = _ref$term === void 0 ? '' : _ref$term,
+      term = _ref$term === undefined ? '' : _ref$term,
       items = _ref.items,
       itemsById = _ref.itemsById,
       noPath = _ref.noPath,
       hasPath = _ref.hasPath;
-  return topElementProps.defaultSpotlight.engine((0, _extends2.default)({}, topElementProps.defaultSpotlight, {
+  return topElementProps.defaultSpotlight.engine(_extends({}, topElementProps.defaultSpotlight, {
     term: term,
     items: items,
     itemsById: itemsById,
@@ -93,29 +86,24 @@ var getSpotlightedList = function getSpotlightedList(_ref) {
   }));
 };
 
-var getPlaceholder = function getPlaceholder(_ref2) {
+var getPlaceholder = exports.getPlaceholder = function getPlaceholder(_ref2) {
   var _ref2$placeholder = _ref2.placeholder,
-      placeholder = _ref2$placeholder === void 0 ? '' : _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
-
-
-exports.getPlaceholder = getPlaceholder;
-
-var withHasChild = function withHasChild(itemsByParentId) {
+};
+//----------------------------------------------------------------------------------------------List
+var withHasChild = exports.withHasChild = function withHasChild(itemsByParentId) {
   return function (item) {
     return R.assoc('hasChild', R.pipe(R.prop(item.id), R.isNil, R.not)(itemsByParentId))(item);
   };
 };
-
-exports.withHasChild = withHasChild;
-
-var getCurrentList = function getCurrentList(_ref3) {
+var getCurrentList = exports.getCurrentList = function getCurrentList(_ref3) {
   var currentItemId = _ref3.currentItemId,
       itemsByParentId = _ref3.itemsByParentId,
       items = _ref3.items;
@@ -123,16 +111,11 @@ var getCurrentList = function getCurrentList(_ref3) {
     if (R.equals(currentItemId, item.parentId)) {
       return [].concat(acc, [withHasChild(itemsByParentId)(item)]);
     }
-
     return acc;
   }, [])(items);
 };
-
-exports.getCurrentList = getCurrentList;
-var getMainList = R.filter(R.pipe(R.prop('parentId'), R.isNil));
-exports.getMainList = getMainList;
-
-var getList = function getList(_ref4) {
+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,
@@ -141,43 +124,25 @@ var getList = function getList(_ref4) {
       term = _ref4.term,
       hasPath = _ref4.hasPath,
       displayAccessor = _ref4.displayAccessor;
-  var currentItemId = currentItem ? R.prop('id')(currentItem) : null;
 
+  var currentItemId = currentItem ? R.prop('id')(currentItem) : 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
-    });
+    return getCurrentList({ currentItemId: currentItemId, itemsByParentId: itemsByParentIdDisplayed, items: items });
   }
-
-  if (R.isNil(currentItemId)) return getSpotlightedList({
-    topElementProps: topElementProps,
-    term: term,
-    items: items,
-    itemsById: itemsById,
-    hasPath: hasPath
-  });
+  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
-    }),
+    items: getCurrentList({ currentItemId: currentItemId, itemsByParentId: itemsByParentId, items: items }),
     noPath: true,
     hasPath: hasPath
   });
 };
-
-exports.getList = getList;
-
-var getScopeList = function getScopeList(_ref5) {
+var getScopeList = exports.getScopeList = function getScopeList(_ref5) {
   var isActivePanel = _ref5.isActivePanel,
       displayAccessor = _ref5.displayAccessor,
       items = _ref5.items,
@@ -187,6 +152,7 @@ var getScopeList = function getScopeList(_ref5) {
       currentItem = _ref5.currentItem,
       term = _ref5.term,
       hasPath = _ref5.hasPath;
+
   if (R.not(isActivePanel)) return [];
   return R.pipe(getList, addDisableProps(displayAccessor))({
     items: items,
@@ -198,12 +164,9 @@ var getScopeList = function getScopeList(_ref5) {
     hasPath: hasPath,
     displayAccessor: displayAccessor
   });
-}; //----------------------------------------------------------------------------------------------Node
-
-
-exports.getScopeList = getScopeList;
-
-var getEnhancedNode = function getEnhancedNode(currentItem, items, itemsById, hasPath) {
+};
+//----------------------------------------------------------------------------------------------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);
@@ -211,28 +174,26 @@ var getEnhancedNode = function getEnhancedNode(currentItem, items, itemsById, ha
   return R.append(currentItem, path);
 };
 
-exports.getEnhancedNode = getEnhancedNode;
-
 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 = R.curry(function (disableAccessor, _ref7, items) {
+};
+//---------------------------------------------------------------------------------------------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.equals(R.not(R.prop('isSelected', item)), isSelected)) return acc;
     return R.append(R.prop('id', item), acc);
   }, [])(items);
 });
-exports.getItemsIds = getItemsIds;
 
 var updateIndexSelected = function updateIndexSelected(index) {
   return R.ifElse(R.isEmpty, R.always([index, index]), R.update(1, index));
@@ -246,83 +207,76 @@ var getItemsGroupByLevel = function getItemsGroupByLevel(disableAccessor) {
     }, []), R.reduceBy(function (acc, _ref8) {
       var id = _ref8.id,
           isSelected = _ref8.isSelected,
-          rest = (0, _objectWithoutPropertiesLoose2.default)(_ref8, _excluded);
-      return R.append((0, _extends2.default)({}, rest, {
-        id: id,
-        isSelected: isSelected
-      }), acc);
+          rest = _objectWithoutProperties(_ref8, ['id', 'isSelected']);
+
+      return R.append(_extends({}, rest, { id: id, isSelected: isSelected }), acc);
     }, [], R.prop('level')));
   };
 };
 
 exports.getItemsGroupByLevel = getItemsGroupByLevel;
-
-var getIsAllSelected = function getIsAllSelected(disableAccessor) {
+var getIsAllSelected = exports.getIsAllSelected = function getIsAllSelected(disableAccessor) {
   return R.pipe(R.reject(disableAccessor), R.all(R.prop('isSelected')));
 };
-
-exports.getIsAllSelected = getIsAllSelected;
-
-var setAllTo = function setAllTo(list) {
+var setAllTo = exports.setAllTo = function setAllTo(list) {
   return R.pipe(R.map(function (index) {
     return R.nth(index, list);
   }), R.head, R.prop('isSelected'));
 };
 
-exports.setAllTo = setAllTo;
 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 = function setSelection(_ref9, list) {
+var setSelection = exports.setSelection = function setSelection(_ref9, list) {
   var isBulkSelection = _ref9.isBulkSelection,
       isDiscrete = _ref9.isDiscrete,
       _ref9$items = _ref9.items,
-      items = _ref9$items === void 0 ? [] : _ref9$items;
+      items = _ref9$items === undefined ? [] : _ref9$items;
   var _items$ = items[0],
-      indexes = _items$ === void 0 ? [] : _items$,
+      indexes = _items$ === undefined ? [] : _items$,
       _items$2 = items[1],
-      applyToSelected = _items$2 === void 0 ? R.identity : _items$2;
-  if (R.or(R.isEmpty(indexes), isBulkSelection)) return list;
+      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);
 };
 
-exports.setSelection = setSelection;
 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 = function withScopeList(Component) {
-  var _class, _temp;
+//-----------------------------------------------------------------------------------------------Hoc
+var withScopeList = exports.withScopeList = function withScopeList(Component) {
+  var _class, _temp2;
 
-  return _temp = _class = /*#__PURE__*/function (_React$Component) {
-    (0, _inheritsLoose2.default)(_class, _React$Component);
+  return _temp2 = _class = function (_React$Component) {
+    _inherits(_class, _React$Component);
 
     function _class() {
-      var _this;
+      var _temp, _this, _ret;
+
+      _classCallCheck(this, _class);
 
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
-      _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      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: [],
@@ -330,156 +284,120 @@ var withScopeList = function withScopeList(Component) {
         mouseSelection: [],
         isMousePreSelection: false,
         applyToShiftSelected: R.identity
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeList", function (id) {
-        return _this.setState({
-          currentItem: R.prop(id)(_this.state.itemsById),
-          term: ''
-        });
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeSelection", function (panelId) {
+      }, _this.changeList = function (id) {
+        return _this.setState({ currentItem: R.prop(id)(_this.state.itemsById), 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]);
             }
           };
         };
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeSpotlight", function (spotlight) {
-        return _this.setState({
-          term: R.propOr('', 'term')(spotlight)
-        });
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeMutliSelection", function (panelId) {
+      }, _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;
           };
         };
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeLevelSelection", function (panelId, disableAccessor) {
+      }, _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);
+                  return getItemsIds(disableAccessor)({ isSelected: isSelected }, items);
                 })(itemsGroupByLevel));
               }
-
               return;
             };
           };
         };
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeBulkPreSelections", function (id, index) {
+      }, _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)
             });
           }
         };
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeMultiSelectionKeyUp", function (disableAccessor) {
+      }, _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
+            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
-
-
+            }
+            // 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;
           };
         };
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changeMouseSelection", function (disableAccessor) {
+      }, _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: []
-              });
+              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.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);
-
-                _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({
-                  isSelected: R.prop('isSelected', R.head(items))
-                })(items))(e);
-
+                _this.changeMutliSelection(id)(getItemsIds(disableAccessor)({ isSelected: R.prop('isSelected', R.head(items)) })(items))(e);
                 return _this.setState({
                   mouseSelection: [],
                   isMousePreSelection: false,
@@ -489,25 +407,24 @@ var withScopeList = function withScopeList(Component) {
             };
           };
         };
-      });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "render", function () {
+      }, _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 === void 0 ? R.prop('isDisabled') : _this$props$disableAc,
+            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 === void 0 ? {} : _this$props$topElemen,
+            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 === void 0 ? 'scopeList' : _this$props$testId,
+            testId = _this$props$testId === undefined ? 'scopeList' : _this$props$testId,
             _this$props$limitDisp = _this$props.limitDisplay,
-            limitDisplay = _this$props$limitDisp === void 0 ? 0 : _this$props$limitDisp,
+            limitDisplay = _this$props$limitDisp === undefined ? 0 : _this$props$limitDisp,
             bulkSelection = _this$props.bulkSelection;
         var _this$state = _this.state,
             currentItem = _this$state.currentItem,
@@ -518,6 +435,7 @@ var withScopeList = function withScopeList(Component) {
             ctrlSelection = _this$state.ctrlSelection,
             mouseSelection = _this$state.mouseSelection,
             applyToShiftSelected = _this$state.applyToShiftSelected;
+
         var isActivePanel = R.equals(activePanelId, id);
         var list = getScopeList({
           items: items,
@@ -531,7 +449,7 @@ var withScopeList = function withScopeList(Component) {
           displayAccessor: displayAccessor,
           disableAccessor: disableAccessor
         });
-        return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, _this.props, {
+        return _react2.default.createElement(Component, _extends({}, _this.props, {
           disableAccessor: disableAccessor,
           itemsById: itemsById,
           items: items,
@@ -547,7 +465,7 @@ var withScopeList = function withScopeList(Component) {
           }),
           action: _this.changeSpotlight,
           term: term,
-          placeholder: getPlaceholder((0, _extends2.default)({}, topElementProps, {
+          placeholder: getPlaceholder(_extends({}, topElementProps, {
             currentItem: currentItem
           })),
           changeSelect: _this.changeSelect,
@@ -561,32 +479,23 @@ var withScopeList = function withScopeList(Component) {
             })([[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,
+          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
+          changeMultiSelectionKeyUp: bulkSelection ? _this.changeMultiSelectionKeyUp(disableAccessor)({ list: list, id: id }) : null,
+          changeMouseSelection: bulkSelection ? _this.changeMouseSelection(disableAccessor)({ list: list, id: id }) : null
         }));
-      });
-      return _this;
+      }, _temp), _possibleConstructorReturn(_this, _ret);
     }
 
+    //---------------------------------------------------------------------------------bulkSelection
+
+
     return _class;
-  }(_react.default.Component), (0, _defineProperty2.default)(_class, "getDerivedStateFromProps", function (props, state) {
-    return (0, _extends2.default)({}, state, {
+  }(_react2.default.Component), _class.getDerivedStateFromProps = function (props, state) {
+    return _extends({}, state, {
       itemsById: R.indexBy(R.prop('id'), props.items),
       itemsByParentId: getItemsIndexedByParentId(props.displayAccessor)(props.items) // only use for hasChild, same keys are overide
-
     });
-  }), _temp;
-};
-
-exports.withScopeList = withScopeList;
+  }, _temp2;
+};