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

package/cjs/withProviders.js

@@ -1,30 +1,29 @@
 'use strict';
 
-var React = require('react');
+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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var AnimationState = require('./AnimationState.js');
 var SearchState = require('./SearchState.js');
 var ShuttleState = require('./ShuttleState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
-require('@babel/runtime/helpers/toConsumableArray');
-require('./helper.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('treetabular');
-require('./Shuttle.actions.js');
-require('./utils.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-/* eslint-disable react/display-name */
+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 withProviders(Component) {
-  return function (props) {
-    return /*#__PURE__*/React__default['default'].createElement(ShuttleState.Provider, null, /*#__PURE__*/React__default['default'].createElement(AnimationState.Provider, null, /*#__PURE__*/React__default['default'].createElement(SearchState.Provider, null, /*#__PURE__*/React__default['default'].createElement(Component, props))));
-  };
+  return props => /*#__PURE__*/_jsx__default["default"](ShuttleState.Provider, {}, void 0, /*#__PURE__*/_jsx__default["default"](AnimationState.Provider, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchState.Provider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))));
 }
 
 module.exports = withProviders;
-//# sourceMappingURL=withProviders.js.map

package/esm/AnimationState.js

@@ -1,57 +1,42 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback } from 'react';
 import createContainer from 'constate';
 
 function useShuttleAnimationState() {
-  var _useState = useState({
+  const [animationState, setAnimationState] = useState({
     isMoving: false,
     isMovingBack: false,
     isDrillingDown: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      animationState = _useState2[0],
-      setAnimationState = _useState2[1];
-
-  var reset = useCallback(function () {
-    return setAnimationState({
-      isMoving: false,
-      isMovingBack: false,
-      isDrillingDown: false
-    });
-  }, []);
-  var move = useCallback(function () {
-    return setAnimationState({
-      isMovingBack: false,
-      isMoving: true,
-      isDrillingDown: false
-    });
-  }, []);
-  var moveBack = useCallback(function () {
-    return setAnimationState({
-      isMovingBack: true,
-      isMoving: false,
-      isDrillingDown: false
-    });
-  }, []);
-  var drilldown = useCallback(function () {
-    return setAnimationState({
-      isMovingBack: false,
-      isMoving: false,
-      isDrillingDown: true
-    });
-  }, []);
+  });
+  const reset = useCallback(() => setAnimationState({
+    isMoving: false,
+    isMovingBack: false,
+    isDrillingDown: false
+  }), []);
+  const move = useCallback(() => setAnimationState({
+    isMovingBack: false,
+    isMoving: true,
+    isDrillingDown: false
+  }), []);
+  const moveBack = useCallback(() => setAnimationState({
+    isMovingBack: true,
+    isMoving: false,
+    isDrillingDown: false
+  }), []);
+  const drilldown = useCallback(() => setAnimationState({
+    isMovingBack: false,
+    isMoving: false,
+    isDrillingDown: true
+  }), []);
   return {
     state: animationState,
     setIsMoving: move,
     setIsMovingBack: moveBack,
     setIsDrillingDown: drilldown,
-    reset: reset
+    reset
   };
 }
 
-var AnimationContext = createContainer(useShuttleAnimationState, function (value) {
-  return [value.state];
-});
+var AnimationContext = createContainer(useShuttleAnimationState, value => [value.state]);
 
 export { AnimationContext as default };
-//# sourceMappingURL=AnimationState.js.map

package/esm/DSShuttle.js

@@ -1,146 +1,56 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
 import { debounce } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
 import { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
 import ShuttleImpl from './ShuttleImpl.js';
 export { default as utils } from './utils.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@babel/runtime/helpers/esm/classCallCheck';
-import '@babel/runtime/helpers/esm/createClass';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import '@babel/runtime/helpers/esm/inherits';
-import '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import '@babel/runtime/helpers/esm/getPrototypeOf';
-import '@elliemae/ds-utilities';
-import './withProviders.js';
-import './AnimationState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'constate';
-import './SearchState.js';
-import './ShuttleState.js';
-import './helper.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'treetabular';
-import './Shuttle.actions.js';
-import './ShuttleRenderer.js';
-import './components/ShuttleSource.js';
-import 'prop-types';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import './components/ShuttleSearchBox.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-form';
-import './components/ShuttleInfiniteScrollIndicator.js';
-import '@elliemae/ds-indeterminate-progress-indicator';
-import './components/ShuttleListItem/ShuttleSourceListItem.js';
-import './components/ShuttleListItem/ActionButtons.js';
-import './components/ShuttleListItem/ShuttleListItem.js';
-import 'react-spring/web.cjs';
-import 'react-sortable-hoc';
-import './classedComponents.js';
-import './components/ShuttleBreadcrumb.js';
-import '@elliemae/ds-breadcrumb';
-import './animation/animationConfig.js';
-import './components/OverflowList.js';
-import './components/ShuttleListPanel.js';
-import './components/VirtualizedList.js';
-import 'react-window';
-import 'react-window-infinite-loader';
-import 'react-virtualized-auto-sizer';
-import './components/VirtualizedItem.js';
-import './components/VirtualizedSortableList.js';
-import './components/LoadingIndicator.js';
-import '@elliemae/ds-circular-progress-indicator';
-import 'styled-components';
-import './components/ShuttleTarget.js';
-import './components/ShuttleListItem/ShuttleTargetListItem.js';
-import './updateShuttleStateFromProps.js';
-
-/* 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.createElement(TooltipTextProvider, null, /*#__PURE__*/React.createElement(ShuttleImpl, {
+
+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(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(ShuttleImpl, {
     composeSourceItemProps: composeSourceItemProps,
     composeTargetItemProps: composeTargetItemProps,
     containerProps: containerProps,
@@ -175,14 +85,14 @@ var DSShuttle = function DSShuttle(_ref) {
     loadingSource: loadingSource,
     loadingTarget: loadingTarget,
     onGetMoreItems: debounce(function () {
-      onGetMoreItems.apply(void 0, arguments);
+      onGetMoreItems(...arguments);
     }, 500),
     moreItemsLoading: moreItemsLoading,
     hasNextPage: hasNextPage
   }));
 };
 
-var props = {
+const props = {
   /** inject props to shuttle wrapper */
   containerProps: PropTypes.object.description('inject props to shuttle wrapper'),
 
@@ -297,9 +207,7 @@ var props = {
   /** Displays loading indicator on target section */
   loadingTarget: PropTypes.bool.description('Displays loading indicator on target section')
 };
-DSShuttle.propTypes = props;
-var DSShuttleWithSchema = describe(DSShuttle);
+const DSShuttleWithSchema = describe(DSShuttle);
 DSShuttleWithSchema.propTypes = props;
 
 export { DSShuttleWithSchema, DSShuttle as default };
-//# sourceMappingURL=DSShuttle.js.map

package/esm/SearchState.js

@@ -1,18 +1,10 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState } from 'react';
 import createContainer from 'constate';
 
 function useSearchState() {
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      searching = _useState4[0],
-      setSearchBoxVisibility = _useState4[1]; // todo: create a hook for Visibility behavior
-
+  const [searchTerm, setSearchTerm] = useState('');
+  const [searching, setSearchBoxVisibility] = useState(false); // todo: create a hook for Visibility behavior
 
   function toggleSearchBox(userVisible) {
     if (userVisible !== undefined) {
@@ -29,18 +21,15 @@ function useSearchState() {
 
   return {
     state: {
-      searchTerm: searchTerm,
-      searching: searching
+      searchTerm,
+      searching
     },
-    setSearchTerm: setSearchTerm,
-    toggleSearchBox: toggleSearchBox,
-    reset: reset
+    setSearchTerm,
+    toggleSearchBox,
+    reset
   };
 }
 
-var SearchState = createContainer(useSearchState, function (value) {
-  return [value.state];
-});
+var SearchState = createContainer(useSearchState, value => [value.state]);
 
 export { SearchState as default };
-//# sourceMappingURL=SearchState.js.map

package/esm/Shuttle.actions.js

@@ -1,130 +1,123 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { addOrRemove, cloneDeep, compose, hashArray } from '@elliemae/ds-utilities';
 import { toggleInObject, filterMovedItems, getHierarchyTypeName } from './helper.js';
 import utils from './utils.js';
-import 'treetabular';
 
 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(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: addOrRemove(state.checkedItems, itemId)
-    });
-  };
+  return state => _objectSpread(_objectSpread({}, state), {}, {
+    checkedItems: addOrRemove(state.checkedItems, itemId)
+  });
 }
 function navigateTo(item, dest) {
-  var hierarchyType = getHierarchyTypeName(dest);
-  return function (state) {
-    var indexInHierarchy = state[hierarchyType].findIndex(function (hItem) {
-      return hItem.id === item.id;
+  const hierarchyType = 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({}, hierarchyType, indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [].concat(_toConsumableArray(hierarchy), [item])));
   };
 }
 function moveItem(item) {
-  return function (state) {
-    var movedItems = toggleInObject(state.movedItems, item.id, item);
+  return state => {
+    const movedItems = 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 ? compose(utils.getChildren({
+  const item = collection[itemIndex];
+  const children = item !== null && item !== void 0 && item.hasChildren ? 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(state.movedItems), [item]),
-      targetItems: [].concat(_toConsumableArray(state.targetItems), [item], _toConsumableArray(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 = 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 ? compose(filterMovedItems(state.movedItems), utils.getChildren({
+  return (state, _ref3) => {
+    let {
+      idField
+    } = _ref3;
+    let targetItems = 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 ? compose(filterMovedItems(state.movedItems), utils.getChildren({
       index: itemIndex
     }))(targetItems) || [] : [];
     targetItems.splice(itemIndex, 1);
 
     if (item !== null && item !== void 0 && item.hasChildren && children.length) {
-      var childrenHash = hashArray(children, 'id');
-      targetItems = targetItems.filter(function (i) {
-        return !childrenHash[i.id];
-      });
+      const childrenHash = 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: []
+  });
 }
 
 export { addToTarget, moveItem, navigateTo, removeFromTarget, resetCheckedItems, resetMovedItems, toggleItemSelection };
-//# sourceMappingURL=Shuttle.actions.js.map