@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/ShuttleRenderer.js

@@ -1,144 +1,139 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ShuttleRenderer_exports = {};
-__export(ShuttleRenderer_exports, {
-  ShuttleRenderer: () => ShuttleRenderer,
-  default: () => ShuttleRenderer_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ShuttleSource = require("./components/ShuttleSource");
-var import_ShuttleTarget = require("./components/ShuttleTarget");
-var import_classedComponents = require("./classedComponents");
-var import_AnimationState = require("./AnimationState");
-const noop = () => {
-};
-function ShuttleRenderer({
-  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,
-  ...otherProps
-}) {
-  const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
-  const removeAnimationState = (0, import_react.useCallback)(() => setTimeout(() => reset(), 500));
-  return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleContainer, {
-    "data-testid": "em-ds-shuttle",
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(import_ShuttleSource.ShuttleSource, {
-    ...otherProps,
-    checkedItems,
-    composeSourceItemProps,
-    emptyMessage: sourceEmptyMessage,
-    hierarchy,
-    items: sourceItems,
-    onCheckItem,
-    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,
-    onSearchClose,
-    onSearchOpen,
-    onSortEnd: onSourceSortEnd,
-    onToggleSearch,
-    searching,
-    sourceSortable,
-    loading: loadingSource,
-    onGetMoreItems,
-    moreItemsLoading,
-    hasNextPage
-  }), /* @__PURE__ */ import_react.default.createElement(import_ShuttleTarget.ShuttleTarget, {
-    ...otherProps,
+'use strict';
+
+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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+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"];
+
+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) { _defineProperty__default["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; }
+
+const noop = () => {};
+
+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,
-    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,
+    composeSourceItemProps,
     targetSortable,
-    loading: loadingTarget
+    sourceSortable,
+    onSourceSortEnd,
+    onTargetSortEnd,
+    loadingSource = false,
+    loadingTarget = false,
+    onGetMoreItems = () => {},
+    moreItemsLoading = false,
+    hasNextPage = false
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  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: function (item) {
+        let direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '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: function (item) {
+        let direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'down';
+        const indexInHierarchy = hierarchyDest.findIndex(hItem => hItem.id === item.id);
+        setIsDrillingDown(indexInHierarchy === -1);
+        onNavigateOnTargetTo(item, direction);
+      },
+      onSortEnd: onTargetSortEnd,
+      targetSortable: targetSortable,
+      loading: loadingTarget
+    }))]
   }));
 }
-var ShuttleRenderer_default = ShuttleRenderer;
-module.exports = __toCommonJS(ShuttleRenderer_exports);
-//# sourceMappingURL=ShuttleRenderer.js.map
+
+module.exports = ShuttleRenderer;

package/cjs/ShuttleState.js

@@ -1,72 +1,68 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ShuttleState_exports = {};
-__export(ShuttleState_exports, {
-  ShuttleState: () => useShuttleStateHOC,
-  default: () => ShuttleState_default
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_constate = __toESM(require("constate"));
-var import_helper = require("./helper");
-var actions = __toESM(require("./Shuttle.actions"));
+'use strict';
+
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var react = require('react');
+var createContainer = require('constate');
+var helper = require('./helper.js');
+var Shuttle_actions = require('./Shuttle.actions.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
+
 function useShuttleState() {
-  const [shuttleState, setShuttleState] = (0, import_react.useState)({
+  const [shuttleState, setShuttleState] = react.useState({
     checkedItems: [],
     movedItems: {},
-    hierarchy: [{ name: "Category", id: null }],
-    hierarchyDest: [{ name: "Added users", id: null }]
+    hierarchy: [{
+      name: 'Category',
+      id: null
+    }],
+    hierarchyDest: [{
+      name: 'Added users',
+      id: null
+    }]
   });
-  const setState = (state) => setShuttleState(state(shuttleState));
-  function setMovedItems(itemsIds = [], items = []) {
-    const itemsToMove = (0, import_helper.getItemsById)(itemsIds, items);
-    const pipeActions = itemsToMove.map((item) => actions.moveItem(item, true));
-    setState((0, import_helper.pipe)([actions.resetMovedItems(), ...pipeActions]));
+
+  const setState = state => setShuttleState(state(shuttleState));
+
+  function setMovedItems() {
+    let itemsIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    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) {
-    setState((0, import_helper.pipe)([actions.navigateTo(item, dest), actions.resetCheckedItems()]));
+    setState(helper.pipe([Shuttle_actions.navigateTo(item, dest), Shuttle_actions.resetCheckedItems()]));
   }
+
   function resetCheckedItems() {
-    setState(actions.resetCheckedItems());
+    setState(Shuttle_actions.resetCheckedItems());
   }
+
   function resetMovedItems() {
-    setState((0, import_helper.pipe)([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]));
+    setState(helper.pipe([Shuttle_actions.navigateTo({
+      id: null
+    }, true), Shuttle_actions.resetMovedItems()]));
   }
+
   function moveItem(item, dest) {
-    setState((0, import_helper.pipe)([actions.moveItem(item, dest), actions.resetCheckedItems()]));
+    setState(helper.pipe([Shuttle_actions.moveItem(item), Shuttle_actions.resetCheckedItems()]));
   }
+
   function toggleItemSelection(item) {
-    setState(actions.toggleItemSelection(item.id));
+    setState(Shuttle_actions.toggleItemSelection(item.id));
   }
-  function moveCheckedItems(items, dest = true) {
-    const pipeActions = items.map((item) => moveItem(item, dest));
-    setState((0, import_helper.pipe)([...pipeActions, resetCheckedItems()]));
+
+  function moveCheckedItems(items) {
+    const pipeActions = items.map(item => moveItem(item));
+    setState(helper.pipe([...pipeActions, resetCheckedItems()]));
   }
+
   return {
     state: shuttleState,
     toggleItemSelection,
@@ -78,7 +74,7 @@ function useShuttleState() {
     setMovedItems
   };
 }
-const useShuttleStateHOC = (0, import_constate.default)(useShuttleState, (value) => [value.state]);
-var ShuttleState_default = useShuttleStateHOC;
-module.exports = __toCommonJS(ShuttleState_exports);
-//# sourceMappingURL=ShuttleState.js.map
+
+var useShuttleState$1 = createContainer__default["default"](useShuttleState, value => [value.state]);
+
+module.exports = useShuttleState$1;

package/cjs/animation/animationConfig.js

@@ -1,78 +1,81 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var animationConfig_exports = {};
-__export(animationConfig_exports, {
-  animationConfig: () => animationConfig
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// shuttle list and items constants
 const itemAnimationDuration = 300;
 const listAnimationDuration = 300;
-const xPosMovement = 500;
+const xPosMovement = 500; // breadcrumb constants
+
 const breadcrumbDuration = 200;
 const xBreadcrumbPos = 300;
 const animationConfig = {
   slideRight: {
-    from: { transform: "translate3d(0,0,0)" },
-    to: { transform: `translate3d(${xPosMovement}px,0,0)` }
+    from: {
+      transform: 'translate3d(0,0,0)'
+    },
+    to: {
+      transform: "translate3d(".concat(xPosMovement, "px,0,0)")
+    }
   },
   slideLeft: {
-    from: { transform: "translate3d(0,0,0)" },
-    to: { transform: `translate3d(${-xPosMovement}px,0,0)` }
+    from: {
+      transform: 'translate3d(0,0,0)'
+    },
+    to: {
+      transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
+    }
   },
-  moveItem: (isMovingLeft) => ({
-    config: { duration: itemAnimationDuration },
-    enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },
+  moveItem: isMovingLeft => ({
+    config: {
+      duration: itemAnimationDuration
+    },
+    enter: {
+      opacity: 1,
+      transform: "translate3d(".concat(0, "px,0,0)")
+    },
     from: {
       opacity: 1,
-      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+      transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
     },
     leave: {
-      transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
+      transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
     }
   }),
-  moveList: (isDrillingDown) => ({
-    config: { duration: listAnimationDuration },
-    enter: { opacity: 1, transform: "translate3d(0,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)`
+      transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
     },
     leave: {
       opacity: 0,
-      transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
+      transform: "translate3d(0,".concat(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)` }
+    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)")
+    }
   })
 };
-module.exports = __toCommonJS(animationConfig_exports);
-//# sourceMappingURL=animationConfig.js.map
+
+exports.animationConfig = animationConfig;