@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/lib/es/components/assetTree/Tree.js

@@ -1,143 +1,89 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.excludeFromList = exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _map = _interopRequireDefault(require("lodash/fp/map"));
-
 var _find = _interopRequireDefault(require("lodash/fp/find"));
-
 var _orderBy = _interopRequireDefault(require("lodash/fp/orderBy"));
-
 var _isObject = _interopRequireDefault(require("lodash/fp/isObject"));
-
 var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
-
 var _cond = _interopRequireDefault(require("lodash/fp/cond"));
-
 var _without = _interopRequireDefault(require("lodash/fp/without"));
-
 var _countBy = _interopRequireDefault(require("lodash/fp/countBy"));
-
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
-
 var _flow = _interopRequireDefault(require("lodash/fp/flow"));
-
 var _filter = _interopRequireDefault(require("lodash/fp/filter"));
-
 var _size = _interopRequireDefault(require("lodash/fp/size"));
-
 var _stubTrue = _interopRequireDefault(require("lodash/fp/stubTrue"));
-
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _negate = _interopRequireDefault(require("lodash/fp/negate"));
-
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
-
 var _TreeSearch = _interopRequireDefault(require("./TreeSearch"));
-
 var _TreeSelectAll = _interopRequireDefault(require("./TreeSelectAll"));
-
 var _TreeSummary = _interopRequireDefault(require("./TreeSummary"));
-
 var _TreeNodeContainer = _interopRequireDefault(require("./TreeNodeContainer"));
-
 var _TreeNode = _interopRequireDefault(require("./TreeNode"));
-
 var _TreeLeafList = _interopRequireDefault(require("./TreeLeafList"));
-
 var _TreeNothingFound = _interopRequireDefault(require("./TreeNothingFound"));
-
 var _TreeOptions = _interopRequireDefault(require("./TreeOptions"));
-
 var _TreeRoot = _interopRequireDefault(require("./TreeRoot"));
-
 var _TypeCounter = _interopRequireDefault(require("./TypeCounter"));
-
 var _excluded = ["groups", "items", "selectedGroups", "selectedItems", "onSelectionChange", "hasMultiselect", "showRadioButtons", "hideSearch", "hideTreeHead", "summary", "hideSummary", "search", "searchPlaceholder", "onSearchChange", "className", "scrollHeight", "expandedGroups", "onExpandGroupsChange", "showEmptyGroups", "treeOptions"];
-
 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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var SEARCH_DEBOUNCE = 100;
 var otherwise = _stubTrue["default"];
 var notEqual = (0, _negate["default"])(_isEqual["default"]);
 var notEmpty = (0, _negate["default"])(_isEmpty["default"]);
-
 var Divider = function Divider() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: 'TreeSelectAllDivider bg-light width-2 height-15 ' + 'margin-top-2 margin-bottom-0 margin-left-10 margin-right-10'
   });
 };
-
 var isNameObject = function isNameObject(item) {
   return (0, _isObject["default"])(item.name);
 };
-
 var getFullName = function getFullName(item) {
   return "".concat(item.name.firstName, " ").concat(item.name.lastName);
 };
-
 var getName = function getName(item) {
   return isNameObject(item) ? getFullName(item) : item.name;
 };
-
 var getLowerCaseName = function getLowerCaseName(item) {
   return (0, _getOr["default"])('', 'name')(item).toLowerCase();
 };
-
 var getLowerCaseLastName = function getLowerCaseLastName(item) {
   return (0, _getOr["default"])('', 'name.lastName')(item).toLowerCase();
 };
-
 var orderByName = (0, _orderBy["default"])([function (item) {
   return isNameObject(item) ? getLowerCaseLastName(item) : getLowerCaseName(item);
 }], ['asc']);
 var filterEmptyGroups = (0, _filter["default"])(function (group) {
   return notEmpty(group.items);
 });
-
 var filterAssetByType = function filterAssetByType() {
   var types = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return (0, _filter["default"])(function (asset) {
     return types.includes(asset.type);
   });
 };
-
 var sortGroupsByName = function sortGroupsByName(groups) {
   var fixedGroups = {};
   var sortableGroups = {};
@@ -151,7 +97,6 @@ var sortGroupsByName = function sortGroupsByName(groups) {
   var sortedGroups = orderByName(sortableGroups);
   return (0, _isEmpty["default"])(fixedGroups) ? sortedGroups : _objectSpread(_objectSpread({}, sortedGroups), fixedGroups);
 };
-
 var sortGroupItemsByName = function sortGroupItemsByName(groups) {
   var sortedGroups = {};
   (0, _map["default"])(function (group) {
@@ -161,10 +106,10 @@ var sortGroupItemsByName = function sortGroupItemsByName(groups) {
   })(groups);
   return sortedGroups;
 };
-
 var getMappedItemsToGroups = function getMappedItemsToGroups(groups, items) {
-  var mappedGroups = {}; // build an object for listing the groups by id
+  var mappedGroups = {};
 
+  // build an object for listing the groups by id
   groups.forEach(function (group) {
     mappedGroups[group.id] = _objectSpread(_objectSpread({}, group), {}, {
       items: []
@@ -175,7 +120,6 @@ var getMappedItemsToGroups = function getMappedItemsToGroups(groups, items) {
     var groupIds = item.groupIds || [];
     groupIds.forEach(function (groupId) {
       var mappedGroup = mappedGroups[groupId];
-
       if (mappedGroup) {
         mappedGroup.items.push(item);
       }
@@ -183,204 +127,172 @@ var getMappedItemsToGroups = function getMappedItemsToGroups(groups, items) {
   });
   return mappedGroups;
 };
-
 var filterByName = function filterByName(searchValue) {
   return function (item) {
     if (searchValue) {
       return getName(item).toLowerCase().includes(searchValue.toLowerCase());
     }
-
     return true;
   };
 };
-
 var filterOutByItemId = function filterOutByItemId(list) {
   return function (item) {
     return !list.includes(item.id);
   };
 };
-
 var containsItemById = function containsItemById(list) {
   return function (item) {
     return list.includes(item.id);
   };
 };
-
 var getFlatItems = function getFlatItems(items, searchValue) {
   return (0, _flow["default"])((0, _filter["default"])(filterByName(searchValue)), orderByName)(items);
 };
-
 var getListIds = function getListIds(list) {
   return list.map(function (listItem) {
     return listItem.id;
   });
 };
-
 var excludeFromList = function excludeFromList(list, itemId) {
   return list.filter(function (item) {
     return item !== itemId;
   });
 };
-
 exports.excludeFromList = excludeFromList;
-
 var getAssetTypeCounts = function getAssetTypeCounts(items) {
   return (0, _countBy["default"])(function (item) {
     return item.type;
   }, items);
 };
-
 var debounceFn = function debounceFn(fn) {
   return (0, _debounce["default"])(SEARCH_DEBOUNCE, fn);
 };
-
 var filterProps = (0, _omit["default"])(['expandedGroups', 'onExpandGroupsChange', 'onSearchChange', 'onSelectionChange', 'treeOptions']);
-
 var customCompare = function customCompare(prevProps, nextProps) {
   return (0, _isEqual["default"])(filterProps(prevProps), filterProps(nextProps));
 };
-
 var assetCounted = function assetCounted(payload) {
   return {
     type: 'assetCounted',
     payload: payload
   };
 };
-
 var allCheckedChanged = function allCheckedChanged(payload) {
   return {
     type: 'allCheckedChanged',
     payload: payload
   };
 };
-
 var searchValueChanged = function searchValueChanged(payload) {
   return {
     type: 'searchValueChanged',
     payload: payload
   };
 };
-
 var flatItemsChanged = function flatItemsChanged(payload) {
   return {
     type: 'flatItemsChanged',
     payload: payload
   };
 };
-
 var groupedItemsChanged = function groupedItemsChanged(payload) {
   return {
     type: 'groupedItemsChanged',
     payload: payload
   };
 };
-
 var typeFilterChanged = function typeFilterChanged(payload) {
   return {
     type: 'typeFilterChanged',
     payload: payload
   };
 };
-
 var visibleTypeCountersChanged = function visibleTypeCountersChanged(payload) {
   return {
     type: 'visibleTypeCountersChanged',
     payload: payload
   };
 };
-
 var emptyGroupsChanged = function emptyGroupsChanged(payload) {
   return {
     type: 'emptyGroupsChanged',
     payload: payload
   };
 };
-
 var treeReducer = function treeReducer(state, action) {
   switch (action.type) {
     case 'assetCounted':
       return _objectSpread(_objectSpread({}, state), {}, {
         assetCounts: action.payload
       });
-
     case 'allCheckedChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         allChecked: action.payload
       });
-
     case 'searchValueChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         searchValue: action.payload,
         allChecked: false
       });
-
     case 'flatItemsChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         flatItems: action.payload
       });
-
     case 'groupedItemsChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         groupedItems: action.payload
       });
-
     case 'typeFilterChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         typeFilter: action.payload
       });
-
     case 'visibleTypeCountersChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         visibleTypeCounters: action.payload
       });
-
     case 'emptyGroupsChanged':
       return _objectSpread(_objectSpread({}, state), {}, {
         emptyGroups: action.payload
       });
-
     default:
       throw new Error();
   }
 };
-
 var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
   var groups = props.groups,
-      items = props.items,
-      selectedGroups = props.selectedGroups,
-      selectedItems = props.selectedItems,
-      onSelectionChange = props.onSelectionChange,
-      hasMultiselect = props.hasMultiselect,
-      showRadioButtons = props.showRadioButtons,
-      hideSearch = props.hideSearch,
-      hideTreeHead = props.hideTreeHead,
-      summary = props.summary,
-      hideSummary = props.hideSummary,
-      search = props.search,
-      searchPlaceholder = props.searchPlaceholder,
-      onSearchChange = props.onSearchChange,
-      className = props.className,
-      scrollHeight = props.scrollHeight,
-      expandedGroups = props.expandedGroups,
-      onExpandGroupsChange = props.onExpandGroupsChange,
-      showEmptyGroups = props.showEmptyGroups,
-      treeOptions = props.treeOptions,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    items = props.items,
+    selectedGroups = props.selectedGroups,
+    selectedItems = props.selectedItems,
+    onSelectionChange = props.onSelectionChange,
+    hasMultiselect = props.hasMultiselect,
+    showRadioButtons = props.showRadioButtons,
+    hideSearch = props.hideSearch,
+    hideTreeHead = props.hideTreeHead,
+    summary = props.summary,
+    hideSummary = props.hideSummary,
+    search = props.search,
+    searchPlaceholder = props.searchPlaceholder,
+    onSearchChange = props.onSearchChange,
+    className = props.className,
+    scrollHeight = props.scrollHeight,
+    expandedGroups = props.expandedGroups,
+    onExpandGroupsChange = props.onExpandGroupsChange,
+    showEmptyGroups = props.showEmptyGroups,
+    treeOptions = props.treeOptions,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useReducer = (0, _react.useReducer)(treeReducer, {
-    groupedItems: [],
-    flatItems: [],
-    allChecked: false,
-    searchValue: '',
-    assetCounts: {},
-    typeFilter: [],
-    visibleTypeCounters: [],
-    emptyGroups: []
-  }),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
+      groupedItems: [],
+      flatItems: [],
+      allChecked: false,
+      searchValue: '',
+      assetCounts: {},
+      typeFilter: [],
+      visibleTypeCounters: [],
+      emptyGroups: []
+    }),
+    _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
   var treeRef = (0, _react.useRef)();
   var previousItems = (0, _react.useRef)();
   var previousGroups = (0, _react.useRef)();
@@ -399,9 +311,10 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
         selectedItems: selectedItems,
         selectedGroups: selectedGroups
       }, state.flatItems);
-      dispatch(allCheckedChanged(allChecked)); // Get the distinct asset types from the asset list that is passed into the component
-      // to know which asset type counter to render
+      dispatch(allCheckedChanged(allChecked));
 
+      // Get the distinct asset types from the asset list that is passed into the component
+      // to know which asset type counter to render
       dispatch(visibleTypeCountersChanged(Object.keys(typeCounts)));
       makeTree(groups, items);
     }
@@ -418,34 +331,32 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
   }, [state.searchValue]);
   (0, _react.useEffect)(function () {
     return makeTree(groups, items);
-  }, [state.typeFilter]); // Update tree when empty groups are toggled from outside
+  }, [state.typeFilter]);
 
+  // Update tree when empty groups are toggled from outside
   (0, _react.useEffect)(function () {
     return makeTree(groups, items);
-  }, [showEmptyGroups]); // Update "select all" state from outside when groups are selected outside programatically
-  // without using the "select all" checkbox
+  }, [showEmptyGroups]);
 
+  // Update "select all" state from outside when groups are selected outside programatically
+  // without using the "select all" checkbox
   (0, _react.useEffect)(function () {
     var numOfAllGroups = (0, _size["default"])(groups);
     var numOfSelectedGroups = (0, _size["default"])(selectedGroups);
-
     if (numOfSelectedGroups !== numOfAllGroups && state.allChecked) {
       dispatch(allCheckedChanged(false));
     } else if (numOfSelectedGroups === numOfAllGroups && !state.allChecked) {
       dispatch(allCheckedChanged(true));
     }
   }, [selectedGroups]);
-
   var checkAllSelected = function checkAllSelected(updatedProps, flatItems) {
     var updatedItems = updatedProps.items,
-        updatedGroups = updatedProps.groups,
-        updatedSelectedItems = updatedProps.selectedItems,
-        updatedSelectedGroups = updatedProps.selectedGroups;
-
+      updatedGroups = updatedProps.groups,
+      updatedSelectedItems = updatedProps.selectedItems,
+      updatedSelectedGroups = updatedProps.selectedGroups;
     if (!hasGroups() && (0, _isEmpty["default"])(updatedSelectedItems) || hasNoSearchAndGroups() && (0, _isEmpty["default"])(updatedSelectedGroups) || hasSearchAndGroups() && (0, _isEmpty["default"])(updatedSelectedItems)) {
       return false;
     }
-
     if (hasNoSearchAndGroups()) {
       var unselectedGroups = (0, _filter["default"])(filterOutByItemId(updatedSelectedGroups))(updatedGroups);
       return (0, _isEmpty["default"])(unselectedGroups);
@@ -453,34 +364,29 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
       var unselectedSearchItems = (0, _filter["default"])(filterOutByItemId(updatedSelectedItems))(flatItems);
       return (0, _isEmpty["default"])(unselectedSearchItems);
     }
-
     var unselectedItems = updatedItems.filter(filterOutByItemId(updatedSelectedItems));
     return (0, _isEmpty["default"])(unselectedItems);
   };
-
   var handleToggleNode = function handleToggleNode(nodeId) {
     var newExpandedNodes = internalExpandedGroups.current.includes(nodeId) ? internalExpandedGroups.current.filter(function (item) {
       return item !== nodeId;
-    }) : [].concat((0, _toConsumableArray2["default"])(internalExpandedGroups.current), [nodeId]); // Performance improvement to skip on render cycle and change "open" class directly
+    }) : [].concat((0, _toConsumableArray2["default"])(internalExpandedGroups.current), [nodeId]);
 
+    // Performance improvement to skip on render cycle and change "open" class directly
     if (internalExpandedGroups.current.includes(nodeId)) {
       getNodeContainerDomElementById(nodeId).classList.remove('open');
     } else {
       getNodeContainerDomElementById(nodeId).classList.add('open');
     }
-
     internalExpandedGroups.current = newExpandedNodes;
     onExpandGroupsChange(newExpandedNodes);
   };
-
   var getNodeContainerDomElementById = function getNodeContainerDomElementById(nodeId) {
     return treeRef.current.querySelector(".TreeNodeContainer[data-id=\"".concat(nodeId, "\"]"));
   };
-
   var selectAllSearchResultItems = function selectAllSearchResultItems(shouldSelect) {
     return selectAllFlatItems(shouldSelect);
   };
-
   var handeSelectAll = function handeSelectAll(shouldSelect, isIndeterminate) {
     var shouldSelectAll = shouldSelect && !isIndeterminate;
     dispatch(allCheckedChanged(shouldSelectAll));
@@ -492,37 +398,36 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
       return selectAllFlatItems(shouldSelectAll);
     }]])();
   };
-
   var selectAllGroups = function selectAllGroups(shouldSelect) {
     return respondSelection([], shouldSelect ? getListIds(groups) : []);
   };
-
   var selectAllFlatItems = function selectAllFlatItems(shouldSelect) {
     return respondSelection(shouldSelect ? getListIds(state.flatItems) : [], []);
   };
-
   var respondSelection = function respondSelection(updatedSelectedItems, updatedSelectedGroups) {
     onSelectionChange({
       items: updatedSelectedItems,
       groups: updatedSelectedGroups
     });
   };
-
   var handleGroupSelection = function handleGroupSelection(group, isIndeterminate) {
     var groupId = group.id;
     var isSelected = selectedGroups.includes(groupId);
-    var shouldSelectGroup = !isSelected && !isIndeterminate; // handle group selection
+    var shouldSelectGroup = !isSelected && !isIndeterminate;
 
-    var newSelectedGroups = shouldSelectGroup ? [].concat((0, _toConsumableArray2["default"])(selectedGroups), [groupId]) : excludeFromList(selectedGroups, groupId); // deselect all items of a node since they will be selected inherently via the group itself
+    // handle group selection
+    var newSelectedGroups = shouldSelectGroup ? [].concat((0, _toConsumableArray2["default"])(selectedGroups), [groupId]) : excludeFromList(selectedGroups, groupId);
 
+    // deselect all items of a node since they will be selected inherently via the group itself
     var itemsInGroup = (0, _find["default"])(function (entry) {
       return entry.id === groupId;
     })(state.groupedItems);
     var itemIdsOfGroup = (0, _map["default"])(function (item) {
       return item.id;
     })(itemsInGroup.items);
-    var updatedSelectedItems = (0, _without["default"])(itemIdsOfGroup, selectedItems); // check if all groups are selected to change the state of TreeSelectAll
+    var updatedSelectedItems = (0, _without["default"])(itemIdsOfGroup, selectedItems);
 
+    // check if all groups are selected to change the state of TreeSelectAll
     var groupAmount = groups.length;
     var emptyGroupAmount = showEmptyGroups ? 0 : state.emptyGroups.length;
     var totalGroupAmount = groupAmount - emptyGroupAmount;
@@ -530,37 +435,32 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
     dispatch(allCheckedChanged(areAllGroupsChecked));
     respondSelection(updatedSelectedItems, newSelectedGroups);
   };
-
   var handleSearchChange = function handleSearchChange(updatedSearchValue) {
     onSearchChange(updatedSearchValue);
     dispatch(searchValueChanged(updatedSearchValue));
   };
-
   var hasGroups = function hasGroups() {
     return groups && notEmpty(groups);
   };
-
   var hasSearchAndGroups = function hasSearchAndGroups() {
     return hasInternalSearchValue() && hasGroups();
   };
-
   var hasNoSearchAndGroups = function hasNoSearchAndGroups() {
     return !hasInternalSearchValue() && hasGroups();
   };
-
   var setFlatItemList = function setFlatItemList(updtedItems, searchValue) {
     var flatItems = getFlatItems(updtedItems, searchValue);
     dispatch(assetCounted(getAssetTypeCounts(flatItems)));
     dispatch(flatItemsChanged(flatItems));
   };
-
   var setGroupedItemList = function setGroupedItemList(groupsToProcess, itemsToProcess, considerEmptyGroups) {
     // Map items to groups with filtered items
     var mappedItemsToGroups = getMappedItemsToGroups(groupsToProcess, itemsToProcess);
     var newGroupedItems = (0, _flow["default"])(sortGroupsByName, sortGroupItemsByName)(mappedItemsToGroups);
-    var groupedItems = considerEmptyGroups ? newGroupedItems : filterEmptyGroups(newGroupedItems); // Keep the empty groups in memory for later access in select all, without re-iterating on every
-    // group selection
+    var groupedItems = considerEmptyGroups ? newGroupedItems : filterEmptyGroups(newGroupedItems);
 
+    // Keep the empty groups in memory for later access in select all, without re-iterating on every
+    // group selection
     var emptyGroups = (0, _filter["default"])(function (group) {
       return (0, _isEmpty["default"])(group.items);
     })(newGroupedItems);
@@ -568,45 +468,34 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
     dispatch(assetCounted(getAssetTypeCounts(items)));
     dispatch(groupedItemsChanged(groupedItems));
   };
-
   var makeTree = function makeTree(updatedGroups, updatedItems) {
     var internalSearchValue = state.searchValue;
     var internalTypeFilter = state.typeFilter;
     var groupsToProcess = updatedGroups;
     var itemsToProcess = updatedItems;
-
     var hasGroupList = function hasGroupList(groupList) {
       return groupList && notEmpty(groupList);
     };
-
     var hasNoInternalSearchAndGroups = function hasNoInternalSearchAndGroups() {
       return (0, _isEmpty["default"])(internalSearchValue) && hasGroupList(groupsToProcess);
     };
-
     var hasInternalSearchAndGroups = function hasInternalSearchAndGroups() {
       return notEmpty(internalSearchValue) && hasGroupList(groupsToProcess);
     };
-
     var filteredItems = (0, _isEmpty["default"])(internalTypeFilter) ? itemsToProcess : filterAssetByType(internalTypeFilter)(itemsToProcess);
-
     var setGroupedItems = function setGroupedItems() {
       return setGroupedItemList(groupsToProcess, filteredItems, showEmptyGroups);
     };
-
     var setFlatItems = function setFlatItems() {
       return setFlatItemList(filteredItems, internalSearchValue);
     };
-
     (0, _cond["default"])([[hasNoInternalSearchAndGroups, setGroupedItems], [hasInternalSearchAndGroups, setFlatItems], [otherwise, setFlatItems]])();
   };
-
   var renderTree = function renderTree() {
     var groupedItems = state.groupedItems;
-
     if ((0, _isEmpty["default"])(groupedItems)) {
       return /*#__PURE__*/_react["default"].createElement(_TreeNothingFound["default"], null);
     }
-
     var result = (0, _map["default"])(function (group) {
       var groupId = group.id;
       var groupItems = group.items;
@@ -636,11 +525,9 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
     })(groupedItems);
     return result;
   };
-
   var renderFlatList = function renderFlatList() {
     var flatItems = state.flatItems;
     var hasLeafs = (0, _isEmpty["default"])(flatItems);
-
     var getLeafs = function getLeafs() {
       return /*#__PURE__*/_react["default"].createElement(_TreeLeafList["default"], {
         leafList: flatItems,
@@ -651,64 +538,50 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
         onSelectionChange: respondSelection
       });
     };
-
     return /*#__PURE__*/_react["default"].createElement(_TreeNodeContainer["default"], {
       isOpen: true
     }, hasLeafs ? /*#__PURE__*/_react["default"].createElement(_TreeNothingFound["default"], null) : getLeafs());
   };
-
   var hasExternalGroups = notEmpty(groups);
-
   var hasInternalSearchValue = function hasInternalSearchValue() {
     return notEmpty(state.searchValue);
   };
-
   var hasSelectedAllItems = function hasSelectedAllItems() {
     return (0, _isEqual["default"])((0, _size["default"])(selectedItems), (0, _size["default"])(state.flatItems));
   };
-
   var hasPartialySelectedItems = function hasPartialySelectedItems() {
     return notEmpty(selectedItems) && !hasSelectedAllItems();
   };
-
   var hasSelectedAllGroups = function hasSelectedAllGroups() {
     var emptyGroupAmount = showEmptyGroups ? 0 : state.emptyGroups.length;
     return (0, _isEqual["default"])((0, _size["default"])(selectedGroups), (0, _size["default"])(groups) - emptyGroupAmount);
   };
-
   var hasPartialySelectedGroups = function hasPartialySelectedGroups() {
     return hasExternalGroups && notEmpty(selectedGroups) && !hasSelectedAllGroups();
   };
-
   var hasSearchAndNoItems = hasInternalSearchValue() && (0, _isEmpty["default"])(state.flatItems);
   var hasSearchAndNoGroups = hasInternalSearchValue() && (0, _isEmpty["default"])(state.groupedItems) && hasExternalGroups;
   var hideSelectAll = hasSearchAndNoItems || hasSearchAndNoGroups;
   var isIndeterminate = hasPartialySelectedGroups() || hasPartialySelectedItems();
   var treeClassNames = (0, _classnames["default"])('Tree', className);
   var treeHeadClasses = (0, _classnames["default"])('TreeHead', 'display-flex align-items-center', 'padding-15');
-
   var shouldRenderTree = function shouldRenderTree() {
     return hasGroups() && !hasInternalSearchValue();
   };
-
   var content = (0, _cond["default"])([[shouldRenderTree, function () {
     return renderTree();
   }], [otherwise, function () {
     return renderFlatList();
   }]])();
-
   var handleFilterByType = function handleFilterByType(type) {
     var currentTypeFilter = new Set(state.typeFilter);
-
     if (currentTypeFilter.has(type)) {
       currentTypeFilter["delete"](type);
     } else {
       currentTypeFilter.add(type);
     }
-
     dispatch(typeFilterChanged((0, _toConsumableArray2["default"])(currentTypeFilter)));
   };
-
   var isClickable = (0, _size["default"])((0, _keys["default"])(state.assetCounts)) > 1;
   var isFilterActive = notEmpty(state.typeFilter);
   var showTreeHead = !hideTreeHead;
@@ -751,7 +624,6 @@ var Tree = /*#__PURE__*/_react["default"].memo(function (props) {
     maxHeight: scrollHeight
   }, content));
 }, customCompare);
-
 Tree.displayName = 'Tree';
 Tree.defaultProps = {
   hasMultiselect: true,