@elliemae/ds-shuttle 1.60.0 → 2.0.0-alpha.12

package/cjs/AnimationState.js

@@ -1,64 +1,48 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
 var createContainer = require('constate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
 
 function useShuttleAnimationState() {
-  var _useState = React.useState({
+  const [animationState, setAnimationState] = react.useState({
     isMoving: false,
     isMovingBack: false,
     isDrillingDown: false
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      animationState = _useState2[0],
-      setAnimationState = _useState2[1];
-
-  var reset = React.useCallback(function () {
-    return setAnimationState({
-      isMoving: false,
-      isMovingBack: false,
-      isDrillingDown: false
-    });
-  }, []);
-  var move = React.useCallback(function () {
-    return setAnimationState({
-      isMovingBack: false,
-      isMoving: true,
-      isDrillingDown: false
-    });
-  }, []);
-  var moveBack = React.useCallback(function () {
-    return setAnimationState({
-      isMovingBack: true,
-      isMoving: false,
-      isDrillingDown: false
-    });
-  }, []);
-  var drilldown = React.useCallback(function () {
-    return setAnimationState({
-      isMovingBack: false,
-      isMoving: false,
-      isDrillingDown: true
-    });
-  }, []);
+  });
+  const reset = react.useCallback(() => setAnimationState({
+    isMoving: false,
+    isMovingBack: false,
+    isDrillingDown: false
+  }), []);
+  const move = react.useCallback(() => setAnimationState({
+    isMovingBack: false,
+    isMoving: true,
+    isDrillingDown: false
+  }), []);
+  const moveBack = react.useCallback(() => setAnimationState({
+    isMovingBack: true,
+    isMoving: false,
+    isDrillingDown: false
+  }), []);
+  const drilldown = react.useCallback(() => setAnimationState({
+    isMovingBack: false,
+    isMoving: false,
+    isDrillingDown: true
+  }), []);
   return {
     state: animationState,
     setIsMoving: move,
     setIsMovingBack: moveBack,
     setIsDrillingDown: drilldown,
-    reset: reset
+    reset
   };
 }
 
-var AnimationContext = createContainer__default['default'](useShuttleAnimationState, function (value) {
-  return [value.state];
-});
+var AnimationContext = createContainer__default["default"](useShuttleAnimationState, value => [value.state]);
 
 module.exports = AnimationContext;
-//# sourceMappingURL=AnimationState.js.map

package/cjs/DSShuttle.js

@@ -2,153 +2,63 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('react');
 var lodash = require('lodash');
 var reactDesc = require('react-desc');
-var TruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var ShuttleImpl = require('./ShuttleImpl.js');
 var utils = require('./utils.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-utilities');
-require('./withProviders.js');
-require('./AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
-require('./SearchState.js');
-require('./ShuttleState.js');
-require('./helper.js');
-require('@babel/runtime/helpers/defineProperty');
-require('treetabular');
-require('./Shuttle.actions.js');
-require('./ShuttleRenderer.js');
-require('./components/ShuttleSource.js');
-require('prop-types');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('./components/ShuttleSearchBox.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('./components/ShuttleInfiniteScrollIndicator.js');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('./components/ShuttleListItem/ShuttleSourceListItem.js');
-require('./components/ShuttleListItem/ActionButtons.js');
-require('./components/ShuttleListItem/ShuttleListItem.js');
-require('react-spring/web.cjs');
-require('react-sortable-hoc');
-require('./classedComponents.js');
-require('./components/ShuttleBreadcrumb.js');
-require('@elliemae/ds-breadcrumb');
-require('./animation/animationConfig.js');
-require('./components/OverflowList.js');
-require('./components/ShuttleListPanel.js');
-require('./components/VirtualizedList.js');
-require('react-window');
-require('react-window-infinite-loader');
-require('react-virtualized-auto-sizer');
-require('./components/VirtualizedItem.js');
-require('./components/VirtualizedSortableList.js');
-require('./components/LoadingIndicator.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('styled-components');
-require('./components/ShuttleTarget.js');
-require('./components/ShuttleListItem/ShuttleTargetListItem.js');
-require('./updateShuttleStateFromProps.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable max-lines */
-
-var noop = function noop() {};
-
-var DSShuttle = function DSShuttle(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$idField = _ref.idField,
-      idField = _ref$idField === void 0 ? 'id' : _ref$idField,
-      _ref$parentIdField = _ref.parentIdField,
-      parentIdField = _ref$parentIdField === void 0 ? 'parent' : _ref$parentIdField,
-      _ref$showIcons = _ref.showIcons,
-      showIcons = _ref$showIcons === void 0 ? true : _ref$showIcons,
-      _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$selectedItems = _ref.selectedItems,
-      selectedItems = _ref$selectedItems === void 0 ? undefined : _ref$selectedItems,
-      _ref$nonSelectedItems = _ref.nonSelectedItems,
-      nonSelectedItems = _ref$nonSelectedItems === void 0 ? undefined : _ref$nonSelectedItems,
-      _ref$onSearch = _ref.onSearch,
-      onSearch = _ref$onSearch === void 0 ? noop : _ref$onSearch,
-      _ref$onSearchOpen = _ref.onSearchOpen,
-      onSearchOpen = _ref$onSearchOpen === void 0 ? noop : _ref$onSearchOpen,
-      _ref$onSearchClose = _ref.onSearchClose,
-      onSearchClose = _ref$onSearchClose === void 0 ? noop : _ref$onSearchClose,
-      _ref$onDrillDown = _ref.onDrillDown,
-      onDrillDown = _ref$onDrillDown === void 0 ? noop : _ref$onDrillDown,
-      _ref$onDrillDownTarge = _ref.onDrillDownTarget,
-      onDrillDownTarget = _ref$onDrillDownTarge === void 0 ? noop : _ref$onDrillDownTarge,
-      _ref$onTargetSortEnd = _ref.onTargetSortEnd,
-      onTargetSortEnd = _ref$onTargetSortEnd === void 0 ? noop : _ref$onTargetSortEnd,
-      _ref$setGetStatus = _ref.setGetStatus,
-      setGetStatus = _ref$setGetStatus === void 0 ? noop : _ref$setGetStatus,
-      _ref$targetSortable = _ref.targetSortable,
-      targetSortable = _ref$targetSortable === void 0 ? true : _ref$targetSortable,
-      _ref$sourceEmptyMessa = _ref.sourceEmptyMessage,
-      sourceEmptyMessage = _ref$sourceEmptyMessa === void 0 ? 'No Items Found' : _ref$sourceEmptyMessa,
-      _ref$sourceRootTitle = _ref.sourceRootTitle,
-      sourceRootTitle = _ref$sourceRootTitle === void 0 ? 'Category' : _ref$sourceRootTitle,
-      _ref$targetEmptyMessa = _ref.targetEmptyMessage,
-      targetEmptyMessage = _ref$targetEmptyMessa === void 0 ? 'No Items Selected' : _ref$targetEmptyMessa,
-      _ref$targetRootTitle = _ref.targetRootTitle,
-      targetRootTitle = _ref$targetRootTitle === void 0 ? 'Selected Items' : _ref$targetRootTitle,
-      _ref$composeSourceIte = _ref.composeSourceItemProps,
-      composeSourceItemProps = _ref$composeSourceIte === void 0 ? function () {
-    return {};
-  } : _ref$composeSourceIte,
-      _ref$composeTargetIte = _ref.composeTargetItemProps,
-      composeTargetItemProps = _ref$composeTargetIte === void 0 ? function () {
-    return {};
-  } : _ref$composeTargetIte,
-      _ref$onAddToTarget = _ref.onAddToTarget,
-      onAddToTarget = _ref$onAddToTarget === void 0 ? noop : _ref$onAddToTarget,
-      _ref$onAddCheckedItem = _ref.onAddCheckedItems,
-      onAddCheckedItems = _ref$onAddCheckedItem === void 0 ? noop : _ref$onAddCheckedItem,
-      _ref$onRemoveFromTarg = _ref.onRemoveFromTarget,
-      onRemoveFromTarget = _ref$onRemoveFromTarg === void 0 ? noop : _ref$onRemoveFromTarg,
-      _ref$onRemoveAllFromT = _ref.onRemoveAllFromTarget,
-      onRemoveAllFromTarget = _ref$onRemoveAllFromT === void 0 ? noop : _ref$onRemoveAllFromT,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-      _ref$renderSourceCoun = _ref.renderSourceCounter,
-      renderSourceCounter = _ref$renderSourceCoun === void 0 ? noop : _ref$renderSourceCoun,
-      _ref$renderTargetCoun = _ref.renderTargetCounter,
-      renderTargetCounter = _ref$renderTargetCoun === void 0 ? noop : _ref$renderTargetCoun,
-      _ref$sourceClearItems = _ref.sourceClearItemsText,
-      sourceClearItemsText = _ref$sourceClearItems === void 0 ? 'CLEAR ALL' : _ref$sourceClearItems,
-      _ref$targetClearItems = _ref.targetClearItemsText,
-      targetClearItemsText = _ref$targetClearItems === void 0 ? 'CLEAR ALL' : _ref$targetClearItems,
-      _ref$searchPlaceholde = _ref.searchPlaceholder,
-      searchPlaceholder = _ref$searchPlaceholde === void 0 ? 'Search field ID, name, etc.' : _ref$searchPlaceholde,
-      _ref$loadingSource = _ref.loadingSource,
-      loadingSource = _ref$loadingSource === void 0 ? false : _ref$loadingSource,
-      _ref$loadingTarget = _ref.loadingTarget,
-      loadingTarget = _ref$loadingTarget === void 0 ? false : _ref$loadingTarget,
-      _ref$onGetMoreItems = _ref.onGetMoreItems,
-      onGetMoreItems = _ref$onGetMoreItems === void 0 ? function () {
-    return null;
-  } : _ref$onGetMoreItems,
-      _ref$hasNextPage = _ref.hasNextPage,
-      hasNextPage = _ref$hasNextPage === void 0 ? false : _ref$hasNextPage,
-      moreItemsLoading = _ref.moreItemsLoading;
-  return /*#__PURE__*/React__default['default'].createElement(TruncatedTooltipText.TooltipTextProvider, null, /*#__PURE__*/React__default['default'].createElement(ShuttleImpl, {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const noop = () => {};
+
+const DSShuttle = _ref => {
+  let {
+    containerProps = {},
+    idField = 'id',
+    parentIdField = 'parent',
+    showIcons = true,
+    items = [],
+    selectedItems = undefined,
+    // if defined it becomes controlled (v1)
+    // TODO make `nonSelectedItems` the default controlled behavior (v2)
+    nonSelectedItems = undefined,
+    onSearch = noop,
+    onSearchOpen = noop,
+    onSearchClose = noop,
+    onDrillDown = noop,
+    onDrillDownTarget = noop,
+    onTargetSortEnd = noop,
+    setGetStatus = noop,
+    targetSortable = true,
+    sourceEmptyMessage = 'No Items Found',
+    sourceRootTitle = 'Category',
+    targetEmptyMessage = 'No Items Selected',
+    targetRootTitle = 'Selected Items',
+    composeSourceItemProps = () => ({}),
+    composeTargetItemProps = () => ({}),
+    onAddToTarget = noop,
+    onAddCheckedItems = noop,
+    onRemoveFromTarget = noop,
+    onRemoveAllFromTarget = noop,
+    onChange = noop,
+    renderSourceCounter = noop,
+    renderTargetCounter = noop,
+    sourceClearItemsText = 'CLEAR ALL',
+    targetClearItemsText = 'CLEAR ALL',
+    searchPlaceholder = 'Search field ID, name, etc.',
+    loadingSource = false,
+    loadingTarget = false,
+    onGetMoreItems = () => null,
+    hasNextPage = false,
+    moreItemsLoading
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleImpl, {
     composeSourceItemProps: composeSourceItemProps,
     composeTargetItemProps: composeTargetItemProps,
     containerProps: containerProps,
@@ -183,14 +93,14 @@ var DSShuttle = function DSShuttle(_ref) {
     loadingSource: loadingSource,
     loadingTarget: loadingTarget,
     onGetMoreItems: lodash.debounce(function () {
-      onGetMoreItems.apply(void 0, arguments);
+      onGetMoreItems(...arguments);
     }, 500),
     moreItemsLoading: moreItemsLoading,
     hasNextPage: hasNextPage
   }));
 };
 
-var props = {
+const props = {
   /** inject props to shuttle wrapper */
   containerProps: reactDesc.PropTypes.object.description('inject props to shuttle wrapper'),
 
@@ -305,11 +215,9 @@ var props = {
   /** Displays loading indicator on target section */
   loadingTarget: reactDesc.PropTypes.bool.description('Displays loading indicator on target section')
 };
-DSShuttle.propTypes = props;
-var DSShuttleWithSchema = reactDesc.describe(DSShuttle);
+const DSShuttleWithSchema = reactDesc.describe(DSShuttle);
 DSShuttleWithSchema.propTypes = props;
 
 exports.utils = utils;
 exports.DSShuttleWithSchema = DSShuttleWithSchema;
-exports['default'] = DSShuttle;
-//# sourceMappingURL=DSShuttle.js.map
+exports["default"] = DSShuttle;

package/cjs/SearchState.js

@@ -1,25 +1,16 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
 var createContainer = require('constate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
 
 function useSearchState() {
-  var _useState = React.useState(''),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      searching = _useState4[0],
-      setSearchBoxVisibility = _useState4[1]; // todo: create a hook for Visibility behavior
-
+  const [searchTerm, setSearchTerm] = react.useState('');
+  const [searching, setSearchBoxVisibility] = react.useState(false); // todo: create a hook for Visibility behavior
 
   function toggleSearchBox(userVisible) {
     if (userVisible !== undefined) {
@@ -36,18 +27,15 @@ function useSearchState() {
 
   return {
     state: {
-      searchTerm: searchTerm,
-      searching: searching
+      searchTerm,
+      searching
     },
-    setSearchTerm: setSearchTerm,
-    toggleSearchBox: toggleSearchBox,
-    reset: reset
+    setSearchTerm,
+    toggleSearchBox,
+    reset
   };
 }
 
-var SearchState = createContainer__default['default'](useSearchState, function (value) {
-  return [value.state];
-});
+var SearchState = createContainer__default["default"](useSearchState, value => [value.state]);
 
 module.exports = SearchState;
-//# sourceMappingURL=SearchState.js.map

package/cjs/Shuttle.actions.js

@@ -2,137 +2,130 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var helper = require('./helper.js');
 var utils = require('./utils.js');
-require('treetabular');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function toggleItemSelection(itemId) {
-  return function (state) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      checkedItems: dsUtilities.addOrRemove(state.checkedItems, itemId)
-    });
-  };
+  return state => _objectSpread(_objectSpread({}, state), {}, {
+    checkedItems: dsUtilities.addOrRemove(state.checkedItems, itemId)
+  });
 }
 function navigateTo(item, dest) {
-  var hierarchyType = helper.getHierarchyTypeName(dest);
-  return function (state) {
-    var indexInHierarchy = state[hierarchyType].findIndex(function (hItem) {
-      return hItem.id === item.id;
+  const hierarchyType = helper.getHierarchyTypeName(dest);
+  return state => {
+    const indexInHierarchy = state[hierarchyType].findIndex(hItem => hItem.id === item.id);
+    const hierarchy = state[hierarchyType];
+    return _objectSpread(_objectSpread({}, state), {}, {
+      [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item]
     });
-    var hierarchy = state[hierarchyType];
-    return _objectSpread(_objectSpread({}, state), {}, _defineProperty__default['default']({}, hierarchyType, indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [].concat(_toConsumableArray__default['default'](hierarchy), [item])));
   };
 }
 function moveItem(item) {
-  return function (state) {
-    var movedItems = helper.toggleInObject(state.movedItems, item.id, item);
+  return state => {
+    const movedItems = helper.toggleInObject(state.movedItems, item.id, item);
     return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: movedItems
+      movedItems
     });
   };
 }
-var defaultOptions = {
+const defaultOptions = {
   parentField: 'parent',
   idField: 'id',
-  op: function op(hasMoved) {
-    return !hasMoved;
-  }
+  op: hasMoved => !hasMoved
 }; // todo: optimize this
 
 function getItemDeep(_ref) {
-  var collection = _ref.collection,
-      id = _ref.id,
-      options = _ref.options;
+  let {
+    collection,
+    id,
+    options
+  } = _ref;
 
-  var _defaultOptions$optio = _objectSpread(_objectSpread({}, defaultOptions), options),
-      idField = _defaultOptions$optio.idField;
+  const {
+    idField
+  } = _objectSpread(_objectSpread({}, defaultOptions), options);
 
-  var itemIndex = collection.findIndex(function (fItem) {
-    return fItem[idField] === id;
-  }); // get item with nested children
+  const itemIndex = collection.findIndex(fItem => fItem[idField] === id); // get item with nested children
 
-  var item = collection[itemIndex];
-  var children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(utils.getChildren({
+  const item = collection[itemIndex];
+  const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(utils.getChildren({
     index: itemIndex
   }))(collection) || [] : [];
   return {
-    item: item,
-    children: children
+    item,
+    children
   };
 }
 
 function addToTarget(itemToAdd, collection) {
-  return function (state, _ref2) {
-    var idField = _ref2.idField;
-    var items = collection || state.preparedItems;
-
-    var _getItemDeep = getItemDeep({
+  return (state, _ref2) => {
+    let {
+      idField
+    } = _ref2;
+    const items = collection || state.preparedItems;
+    const {
+      item,
+      children
+    } = getItemDeep({
       collection: items,
       id: itemToAdd[idField]
-    }),
-        item = _getItemDeep.item,
-        children = _getItemDeep.children;
-
+    });
     return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: [].concat(_toConsumableArray__default['default'](state.movedItems), [item]),
-      targetItems: [].concat(_toConsumableArray__default['default'](state.targetItems), [item], _toConsumableArray__default['default'](children))
+      movedItems: [...state.movedItems, item],
+      targetItems: [...state.targetItems, item, ...children]
     });
   };
 } // todo: optimize this
 
 function removeFromTarget(itemToRemove) {
-  return function (state, _ref3) {
-    var idField = _ref3.idField;
-    var targetItems = dsUtilities.cloneDeep(state.targetItems);
-    var itemIndex = targetItems.findIndex(function (fItem) {
-      return fItem.id === itemToRemove.id;
-    });
-    var item = targetItems[itemIndex];
-    var children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(helper.filterMovedItems(state.movedItems), utils.getChildren({
+  return (state, _ref3) => {
+    let {
+      idField
+    } = _ref3;
+    let targetItems = dsUtilities.cloneDeep(state.targetItems);
+    const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
+    const item = targetItems[itemIndex];
+    const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(helper.filterMovedItems(state.movedItems), utils.getChildren({
       index: itemIndex
     }))(targetItems) || [] : [];
     targetItems.splice(itemIndex, 1);
 
     if (item !== null && item !== void 0 && item.hasChildren && children.length) {
-      var childrenHash = dsUtilities.hashArray(children, 'id');
-      targetItems = targetItems.filter(function (i) {
-        return !childrenHash[i.id];
-      });
+      const childrenHash = dsUtilities.hashArray(children, 'id');
+      targetItems = targetItems.filter(i => !childrenHash[i.id]);
     }
 
     return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: state.movedItems.filter(function (mItem) {
-        return mItem[idField] !== itemToRemove[idField];
-      }),
-      targetItems: targetItems
+      movedItems: state.movedItems.filter(mItem => mItem[idField] !== itemToRemove[idField]),
+      targetItems
     });
   };
 }
 function resetCheckedItems() {
-  return function (state) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      checkedItems: []
-    });
-  };
+  return state => _objectSpread(_objectSpread({}, state), {}, {
+    checkedItems: []
+  });
 }
 function resetMovedItems() {
-  return function (state) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: [],
-      targetItems: []
-    });
-  };
+  return state => _objectSpread(_objectSpread({}, state), {}, {
+    movedItems: [],
+    targetItems: []
+  });
 }
 
 exports.addToTarget = addToTarget;
@@ -142,4 +135,3 @@ exports.removeFromTarget = removeFromTarget;
 exports.resetCheckedItems = resetCheckedItems;
 exports.resetMovedItems = resetMovedItems;
 exports.toggleItemSelection = toggleItemSelection;
-//# sourceMappingURL=Shuttle.actions.js.map