@elliemae/ds-shuttle 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/ShuttleRenderer.js

@@ -1,206 +1,132 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var components_ShuttleSource = require('./components/ShuttleSource.js');
-var components_ShuttleTarget = require('./components/ShuttleTarget.js');
+var react = require('react');
+var ShuttleSource = require('./components/ShuttleSource.js');
+var ShuttleTarget = require('./components/ShuttleTarget.js');
 var classedComponents = require('./classedComponents.js');
 var AnimationState = require('./AnimationState.js');
-require('@babel/runtime/helpers/defineProperty');
-require('prop-types');
-require('@elliemae/ds-icons/ArrowShortRight');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/Search');
-require('@elliemae/ds-utilities/utils');
-require('./components/ShuttleSearchBox.js');
-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-classnames');
-require('@elliemae/ds-basic/form/TextBox');
-require('./components/ShuttleInfiniteScrollIndicator.js');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
-require('./components/ShuttleListItem/ShuttleSourceListItem.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('./helper.js');
-require('treetabular');
-require('./components/ShuttleListItem/ActionButtons.js');
-require('@elliemae/ds-icons/CloseCircle');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('./components/ShuttleListItem/ShuttleListItem.js');
-require('react-spring/web.cjs');
-require('@elliemae/ds-basic/TruncatedTooltipText');
-require('react-sortable-hoc');
-require('@elliemae/ds-icons/GripperVertical');
-require('./components/ShuttleListPanel.js');
-require('./components/VirtualizedList.js');
-require('react-window');
-require('react-window-infinite-loader');
-require('react-virtualized-auto-sizer');
-require('./animation/animationConfig.js');
-require('./components/VirtualizedItem.js');
-require('./SearchState.js');
-require('constate');
-require('./components/VirtualizedSortableList.js');
-require('./components/LoadingIndicator.js');
-require('@elliemae/ds-basic/CircularProgressIndicator');
-require('styled-components');
-require('./components/ShuttleListItem/ShuttleTargetListItem.js');
-require('./components/ShuttleBreadcrumb.js');
-require('@elliemae/ds-basic/Breadcrumb');
-require('./components/OverflowList.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["containerProps", "onNavigateOnTargetTo", "onNavigateOnSourceTo", "onMoveItemToSource", "onMoveItemToTarget", "onClearMovedItems", "onMoveCheckedItems", "onClearCheckedItems", "onToggleSearch", "onSearch", "onSearchClose", "onSearchOpen", "searching", "onCheckItem", "hierarchy", "hierarchyDest", "checkedItems", "sourceItems", "targetItems", "sourceEmptyMessage", "targetEmptyMessage", "composeTargetItemProps", "composeSourceItemProps", "targetSortable", "sourceSortable", "onSourceSortEnd", "onTargetSortEnd", "loadingSource", "loadingTarget", "onGetMoreItems", "moreItemsLoading", "hasNextPage"];
+const _excluded = ["containerProps", "onNavigateOnTargetTo", "onNavigateOnSourceTo", "onMoveItemToSource", "onMoveItemToTarget", "onClearMovedItems", "onMoveCheckedItems", "onClearCheckedItems", "onToggleSearch", "onSearch", "onSearchClose", "onSearchOpen", "searching", "onCheckItem", "hierarchy", "hierarchyDest", "checkedItems", "sourceItems", "targetItems", "sourceEmptyMessage", "targetEmptyMessage", "composeTargetItemProps", "composeSourceItemProps", "targetSortable", "sourceSortable", "onSourceSortEnd", "onTargetSortEnd", "loadingSource", "loadingTarget", "onGetMoreItems", "moreItemsLoading", "hasNextPage"];
 
-var noop = function noop() {};
+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 ShuttleRenderer(_ref) {
-  var containerProps = _ref.containerProps,
-      _ref$onNavigateOnTarg = _ref.onNavigateOnTargetTo,
-      onNavigateOnTargetTo = _ref$onNavigateOnTarg === void 0 ? noop : _ref$onNavigateOnTarg,
-      _ref$onNavigateOnSour = _ref.onNavigateOnSourceTo,
-      onNavigateOnSourceTo = _ref$onNavigateOnSour === void 0 ? noop : _ref$onNavigateOnSour,
-      _ref$onMoveItemToSour = _ref.onMoveItemToSource,
-      onMoveItemToSource = _ref$onMoveItemToSour === void 0 ? noop : _ref$onMoveItemToSour,
-      _ref$onMoveItemToTarg = _ref.onMoveItemToTarget,
-      onMoveItemToTarget = _ref$onMoveItemToTarg === void 0 ? noop : _ref$onMoveItemToTarg,
-      _ref$onClearMovedItem = _ref.onClearMovedItems,
-      _onClearMovedItems = _ref$onClearMovedItem === void 0 ? noop : _ref$onClearMovedItem,
-      _ref$onMoveCheckedIte = _ref.onMoveCheckedItems,
-      _onMoveCheckedItems = _ref$onMoveCheckedIte === void 0 ? noop : _ref$onMoveCheckedIte,
-      _ref$onClearCheckedIt = _ref.onClearCheckedItems,
-      onClearCheckedItems = _ref$onClearCheckedIt === void 0 ? noop : _ref$onClearCheckedIt,
-      _ref$onToggleSearch = _ref.onToggleSearch,
-      onToggleSearch = _ref$onToggleSearch === void 0 ? noop : _ref$onToggleSearch,
-      _ref$onSearch = _ref.onSearch,
-      onSearch = _ref$onSearch === void 0 ? noop : _ref$onSearch,
-      _ref$onSearchClose = _ref.onSearchClose,
-      onSearchClose = _ref$onSearchClose === void 0 ? noop : _ref$onSearchClose,
-      _ref$onSearchOpen = _ref.onSearchOpen,
-      onSearchOpen = _ref$onSearchOpen === void 0 ? noop : _ref$onSearchOpen,
-      _ref$searching = _ref.searching,
-      searching = _ref$searching === void 0 ? false : _ref$searching,
-      _ref$onCheckItem = _ref.onCheckItem,
-      onCheckItem = _ref$onCheckItem === void 0 ? noop : _ref$onCheckItem,
-      _ref$hierarchy = _ref.hierarchy,
-      hierarchy = _ref$hierarchy === void 0 ? [] : _ref$hierarchy,
-      _ref$hierarchyDest = _ref.hierarchyDest,
-      hierarchyDest = _ref$hierarchyDest === void 0 ? [] : _ref$hierarchyDest,
-      _ref$checkedItems = _ref.checkedItems,
-      checkedItems = _ref$checkedItems === void 0 ? [] : _ref$checkedItems,
-      _ref$sourceItems = _ref.sourceItems,
-      sourceItems = _ref$sourceItems === void 0 ? [] : _ref$sourceItems,
-      _ref$targetItems = _ref.targetItems,
-      targetItems = _ref$targetItems === void 0 ? [] : _ref$targetItems,
-      sourceEmptyMessage = _ref.sourceEmptyMessage,
-      targetEmptyMessage = _ref.targetEmptyMessage,
-      composeTargetItemProps = _ref.composeTargetItemProps,
-      composeSourceItemProps = _ref.composeSourceItemProps,
-      targetSortable = _ref.targetSortable,
-      sourceSortable = _ref.sourceSortable,
-      onSourceSortEnd = _ref.onSourceSortEnd,
-      onTargetSortEnd = _ref.onTargetSortEnd,
-      _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 () {} : _ref$onGetMoreItems,
-      _ref$moreItemsLoading = _ref.moreItemsLoading,
-      moreItemsLoading = _ref$moreItemsLoading === void 0 ? false : _ref$moreItemsLoading,
-      _ref$hasNextPage = _ref.hasNextPage,
-      hasNextPage = _ref$hasNextPage === void 0 ? false : _ref$hasNextPage,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var _useContext = React.useContext(AnimationState.Context),
-      setIsMoving = _useContext.setIsMoving,
-      setIsDrillingDown = _useContext.setIsDrillingDown,
-      setIsMovingBack = _useContext.setIsMovingBack,
-      reset = _useContext.reset;
+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; }
 
-  var removeAnimationState = React.useCallback(function () {
-    return setTimeout(function () {
-      return reset();
-    }, 500);
-  });
-  return /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleContainer, _extends__default['default']({
-    "data-testid": "em-ds-shuttle"
-  }, containerProps), /*#__PURE__*/React__default['default'].createElement(components_ShuttleSource, _extends__default['default']({}, otherProps, {
-    checkedItems: checkedItems,
-    composeSourceItemProps: composeSourceItemProps,
-    emptyMessage: sourceEmptyMessage,
-    hierarchy: hierarchy,
-    items: sourceItems,
-    onCheckItem: onCheckItem,
-    onClearCheckedItems: onClearCheckedItems,
-    onMoveCheckedItems: function onMoveCheckedItems(item) {
-      setIsMoving(true);
+const noop = () => {};
 
-      _onMoveCheckedItems(item);
-    },
-    onMoveItem: function onMoveItem(item) {
-      setIsMoving(true);
-      onMoveItemToTarget(item);
-      removeAnimationState();
-    },
-    onNavigateTo: function onNavigateTo(item) {
-      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
-      var indexInHierarchy = hierarchy.findIndex(function (hItem) {
-        return hItem.id === item.id;
-      });
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnSourceTo(item, direction);
-    },
-    onSearch: onSearch,
-    onSearchClose: onSearchClose,
-    onSearchOpen: onSearchOpen,
-    onSortEnd: onSourceSortEnd,
-    onToggleSearch: onToggleSearch,
-    searching: searching,
-    sourceSortable: sourceSortable,
-    loading: loadingSource,
-    onGetMoreItems: onGetMoreItems,
-    moreItemsLoading: moreItemsLoading,
-    hasNextPage: hasNextPage
-  })), /*#__PURE__*/React__default['default'].createElement(components_ShuttleTarget, _extends__default['default']({}, otherProps, {
-    composeTargetItemProps: composeTargetItemProps,
-    emptyMessage: targetEmptyMessage,
-    hierarchy: hierarchyDest,
-    items: targetItems,
-    onClearMovedItems: function onClearMovedItems() {
-      setIsMovingBack(true);
-      removeAnimationState();
+function ShuttleRenderer(_ref) {
+  let {
+    containerProps,
+    onNavigateOnTargetTo = noop,
+    onNavigateOnSourceTo = noop,
+    onMoveItemToSource = noop,
+    onMoveItemToTarget = noop,
+    onClearMovedItems = noop,
+    onMoveCheckedItems = noop,
+    onClearCheckedItems = noop,
+    onToggleSearch = noop,
+    onSearch = noop,
+    onSearchClose = noop,
+    onSearchOpen = noop,
+    searching = false,
+    onCheckItem = noop,
+    hierarchy = [],
+    hierarchyDest = [],
+    checkedItems = [],
+    sourceItems = [],
+    targetItems = [],
+    sourceEmptyMessage,
+    targetEmptyMessage,
+    composeTargetItemProps,
+    composeSourceItemProps,
+    targetSortable,
+    sourceSortable,
+    onSourceSortEnd,
+    onTargetSortEnd,
+    loadingSource = false,
+    loadingTarget = false,
+    onGetMoreItems = () => {},
+    moreItemsLoading = false,
+    hasNextPage = false
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-      _onClearMovedItems();
-    },
-    onMoveItem: function onMoveItem(item) {
-      setIsMovingBack(true);
-      removeAnimationState();
-      onMoveItemToSource(item);
-    },
-    onNavigateTo: function onNavigateTo(item) {
-      var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
-      var indexInHierarchy = hierarchyDest.findIndex(function (hItem) {
-        return hItem.id === item.id;
-      });
-      setIsDrillingDown(indexInHierarchy === -1);
-      onNavigateOnTargetTo(item, direction);
-    },
-    onSortEnd: onTargetSortEnd,
-    targetSortable: targetSortable,
-    loading: loadingTarget
-  })));
+  const {
+    setIsMoving,
+    setIsDrillingDown,
+    setIsMovingBack,
+    reset
+  } = react.useContext(AnimationState.Context);
+  const removeAnimationState = react.useCallback(() => setTimeout(() => reset(), 500));
+  return /*#__PURE__*/jsxRuntime.jsxs(classedComponents.ShuttleContainer, _objectSpread(_objectSpread({
+    "data-testid": "em-ds-shuttle"
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(ShuttleSource, _objectSpread(_objectSpread({}, otherProps), {}, {
+      checkedItems: checkedItems,
+      composeSourceItemProps: composeSourceItemProps,
+      emptyMessage: sourceEmptyMessage,
+      hierarchy: hierarchy,
+      items: sourceItems,
+      onCheckItem: onCheckItem,
+      onClearCheckedItems: onClearCheckedItems,
+      onMoveCheckedItems: item => {
+        setIsMoving(true);
+        onMoveCheckedItems(item);
+      },
+      onMoveItem: item => {
+        setIsMoving(true);
+        onMoveItemToTarget(item);
+        removeAnimationState();
+      },
+      onNavigateTo: (item, direction = 'down') => {
+        const indexInHierarchy = hierarchy.findIndex(hItem => hItem.id === item.id);
+        setIsDrillingDown(indexInHierarchy === -1);
+        onNavigateOnSourceTo(item, direction);
+      },
+      onSearch: onSearch,
+      onSearchClose: onSearchClose,
+      onSearchOpen: onSearchOpen,
+      onSortEnd: onSourceSortEnd,
+      onToggleSearch: onToggleSearch,
+      searching: searching,
+      sourceSortable: sourceSortable,
+      loading: loadingSource,
+      onGetMoreItems: onGetMoreItems,
+      moreItemsLoading: moreItemsLoading,
+      hasNextPage: hasNextPage
+    })), /*#__PURE__*/jsxRuntime.jsx(ShuttleTarget, _objectSpread(_objectSpread({}, otherProps), {}, {
+      composeTargetItemProps: composeTargetItemProps,
+      emptyMessage: targetEmptyMessage,
+      hierarchy: hierarchyDest,
+      items: targetItems,
+      onClearMovedItems: () => {
+        setIsMovingBack(true);
+        removeAnimationState();
+        onClearMovedItems();
+      },
+      onMoveItem: item => {
+        setIsMovingBack(true);
+        removeAnimationState();
+        onMoveItemToSource(item);
+      },
+      onNavigateTo: (item, direction = 'down') => {
+        const indexInHierarchy = hierarchyDest.findIndex(hItem => hItem.id === item.id);
+        setIsDrillingDown(indexInHierarchy === -1);
+        onNavigateOnTargetTo(item, direction);
+      },
+      onSortEnd: onTargetSortEnd,
+      targetSortable: targetSortable,
+      loading: loadingTarget
+    }))]
+  }));
 }
 
 module.exports = ShuttleRenderer;
-//# sourceMappingURL=ShuttleRenderer.js.map

package/cjs/ShuttleState.js

@@ -1,24 +1,16 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+var react = require('react');
 var createContainer = require('constate');
 var helper = require('./helper.js');
 var Shuttle_actions = require('./Shuttle.actions.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
-require('treetabular');
-require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
 
 function useShuttleState() {
-  var _useState = React.useState({
+  const [shuttleState, setShuttleState] = react.useState({
     checkedItems: [],
     movedItems: {},
     hierarchy: [{
@@ -29,23 +21,14 @@ function useShuttleState() {
       name: 'Added users',
       id: null
     }]
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      shuttleState = _useState2[0],
-      setShuttleState = _useState2[1];
+  });
 
-  var setState = function setState(state) {
-    return setShuttleState(state(shuttleState));
-  };
+  const setState = state => setShuttleState(state(shuttleState));
 
-  function setMovedItems() {
-    var itemsIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    var itemsToMove = helper.getItemsById(itemsIds, items);
-    var pipeActions = itemsToMove.map(function (item) {
-      return Shuttle_actions.moveItem(item);
-    });
-    setState(helper.pipe([Shuttle_actions.resetMovedItems()].concat(_toConsumableArray__default['default'](pipeActions))));
+  function setMovedItems(itemsIds = [], items = []) {
+    const itemsToMove = helper.getItemsById(itemsIds, items);
+    const pipeActions = itemsToMove.map(item => Shuttle_actions.moveItem(item));
+    setState(helper.pipe([Shuttle_actions.resetMovedItems(), ...pipeActions]));
   }
 
   function navigate(item, dest) {
@@ -70,28 +53,23 @@ function useShuttleState() {
     setState(Shuttle_actions.toggleItemSelection(item.id));
   }
 
-  function moveCheckedItems(items) {
-    var pipeActions = items.map(function (item) {
-      return moveItem(item);
-    });
-    setState(helper.pipe([].concat(_toConsumableArray__default['default'](pipeActions), [resetCheckedItems()])));
+  function moveCheckedItems(items, dest = true) {
+    const pipeActions = items.map(item => moveItem(item));
+    setState(helper.pipe([...pipeActions, resetCheckedItems()]));
   }
 
   return {
     state: shuttleState,
-    toggleItemSelection: toggleItemSelection,
-    moveCheckedItems: moveCheckedItems,
-    moveItem: moveItem,
-    resetMovedItems: resetMovedItems,
-    resetCheckedItems: resetCheckedItems,
-    navigate: navigate,
-    setMovedItems: setMovedItems
+    toggleItemSelection,
+    moveCheckedItems,
+    moveItem,
+    resetMovedItems,
+    resetCheckedItems,
+    navigate,
+    setMovedItems
   };
 }
 
-var useShuttleState$1 = createContainer__default['default'](useShuttleState, function (value) {
-  return [value.state];
-});
+var useShuttleState$1 = createContainer__default["default"](useShuttleState, value => [value.state]);
 
 module.exports = useShuttleState$1;
-//# sourceMappingURL=ShuttleState.js.map

package/cjs/animation/animationConfig.js

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 // shuttle list and items constants
-var itemAnimationDuration = 300;
-var listAnimationDuration = 300;
-var xPosMovement = 500; // breadcrumb constants
+const itemAnimationDuration = 300;
+const listAnimationDuration = 300;
+const xPosMovement = 500; // breadcrumb constants
 
-var breadcrumbDuration = 200;
-var xBreadcrumbPos = 300;
-var animationConfig = {
+const breadcrumbDuration = 200;
+const xBreadcrumbPos = 300;
+const animationConfig = {
   slideRight: {
     from: {
       transform: 'translate3d(0,0,0)'
     },
     to: {
-      transform: "translate3d(".concat(xPosMovement, "px,0,0)")
+      transform: `translate3d(${xPosMovement}px,0,0)`
     }
   },
   slideLeft: {
@@ -23,66 +23,59 @@ var animationConfig = {
       transform: 'translate3d(0,0,0)'
     },
     to: {
-      transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
+      transform: `translate3d(${-xPosMovement}px,0,0)`
     }
   },
-  moveItem: function moveItem(isMovingLeft) {
-    return {
-      config: {
-        duration: itemAnimationDuration
-      },
-      enter: {
-        opacity: 1,
-        transform: "translate3d(".concat(0, "px,0,0)")
-      },
-      from: {
-        opacity: 1,
-        transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
-      },
-      leave: {
-        transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
-      }
-    };
-  },
-  moveList: function moveList(isDrillingDown) {
-    return {
-      config: {
-        duration: listAnimationDuration
-      },
-      enter: {
-        opacity: 1,
-        transform: 'translate3d(0,0,0)'
-      },
-      from: {
-        opacity: 0,
-        transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
-      },
-      leave: {
-        opacity: 0,
-        transform: "translate3d(0,".concat(isDrillingDown ? -xPosMovement : xPosMovement, "px,0)")
-      }
-    };
-  },
-  breadcrumb: function breadcrumb() {
-    return {
-      config: {
-        duration: breadcrumbDuration
-      },
-      enter: {
-        opacity: 1,
-        transform: "translate3d(".concat(0, "px,0,0)")
-      },
-      from: {
-        opacity: 0,
-        transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
-      },
-      leave: {
-        opacity: 0,
-        transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
-      }
-    };
-  }
+  moveItem: isMovingLeft => ({
+    config: {
+      duration: itemAnimationDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: `translate3d(${0}px,0,0)`
+    },
+    from: {
+      opacity: 1,
+      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+    },
+    leave: {
+      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+    }
+  }),
+  moveList: isDrillingDown => ({
+    config: {
+      duration: listAnimationDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: 'translate3d(0,0,0)'
+    },
+    from: {
+      opacity: 0,
+      transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
+    },
+    leave: {
+      opacity: 0,
+      transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
+    }
+  }),
+  breadcrumb: () => ({
+    config: {
+      duration: breadcrumbDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: `translate3d(${0}px,0,0)`
+    },
+    from: {
+      opacity: 0,
+      transform: `translate3d(${xBreadcrumbPos}px,0px,0)`
+    },
+    leave: {
+      opacity: 0,
+      transform: `translate3d(${xBreadcrumbPos}px,0,0)`
+    }
+  })
 };
 
 exports.animationConfig = animationConfig;
-//# sourceMappingURL=animationConfig.js.map