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

package/esm/ShuttleRenderer.js

@@ -1,198 +1,125 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useContext, useCallback } from 'react';
+import { useContext, useCallback } from 'react';
 import ShuttleSource from './components/ShuttleSource.js';
 import ShuttleTarget from './components/ShuttleTarget.js';
 import { ShuttleContainer } from './classedComponents.js';
 import AnimationContext from './AnimationState.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'prop-types';
-import '@elliemae/ds-icons/ArrowShortRight';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/Search';
-import '@elliemae/ds-utilities/utils';
-import './components/ShuttleSearchBox.js';
-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-classnames';
-import '@elliemae/ds-basic/form/TextBox';
-import './components/ShuttleInfiniteScrollIndicator.js';
-import '@elliemae/ds-basic/IndeterminateProgressIndicator';
-import './components/ShuttleListItem/ShuttleSourceListItem.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './helper.js';
-import 'treetabular';
-import './components/ShuttleListItem/ActionButtons.js';
-import '@elliemae/ds-icons/CloseCircle';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import './components/ShuttleListItem/ShuttleListItem.js';
-import 'react-spring/web.cjs';
-import '@elliemae/ds-basic/TruncatedTooltipText';
-import 'react-sortable-hoc';
-import '@elliemae/ds-icons/GripperVertical';
-import './components/ShuttleListPanel.js';
-import './components/VirtualizedList.js';
-import 'react-window';
-import 'react-window-infinite-loader';
-import 'react-virtualized-auto-sizer';
-import './animation/animationConfig.js';
-import './components/VirtualizedItem.js';
-import './SearchState.js';
-import 'constate';
-import './components/VirtualizedSortableList.js';
-import './components/LoadingIndicator.js';
-import '@elliemae/ds-basic/CircularProgressIndicator';
-import 'styled-components';
-import './components/ShuttleListItem/ShuttleTargetListItem.js';
-import './components/ShuttleBreadcrumb.js';
-import '@elliemae/ds-basic/Breadcrumb';
-import './components/OverflowList.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-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 _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; }
+
+const noop = () => {};
 
 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,
+  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(_ref, _excluded);
 
-  var _useContext = useContext(AnimationContext.Context),
-      setIsMoving = _useContext.setIsMoving,
-      setIsDrillingDown = _useContext.setIsDrillingDown,
-      setIsMovingBack = _useContext.setIsMovingBack,
-      reset = _useContext.reset;
-
-  var removeAnimationState = useCallback(function () {
-    return setTimeout(function () {
-      return reset();
-    }, 500);
-  });
-  return /*#__PURE__*/React.createElement(ShuttleContainer, _extends({
+  const {
+    setIsMoving,
+    setIsDrillingDown,
+    setIsMovingBack,
+    reset
+  } = useContext(AnimationContext.Context);
+  const removeAnimationState = useCallback(() => setTimeout(() => reset(), 500));
+  return /*#__PURE__*/jsxs(ShuttleContainer, _objectSpread(_objectSpread({
     "data-testid": "em-ds-shuttle"
-  }, containerProps), /*#__PURE__*/React.createElement(ShuttleSource, _extends({}, otherProps, {
-    checkedItems: checkedItems,
-    composeSourceItemProps: composeSourceItemProps,
-    emptyMessage: sourceEmptyMessage,
-    hierarchy: hierarchy,
-    items: sourceItems,
-    onCheckItem: onCheckItem,
-    onClearCheckedItems: onClearCheckedItems,
-    onMoveCheckedItems: function onMoveCheckedItems(item) {
-      setIsMoving(true);
-
-      _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.createElement(ShuttleTarget, _extends({}, otherProps, {
-    composeTargetItemProps: composeTargetItemProps,
-    emptyMessage: targetEmptyMessage,
-    hierarchy: hierarchyDest,
-    items: targetItems,
-    onClearMovedItems: function onClearMovedItems() {
-      setIsMovingBack(true);
-      removeAnimationState();
-
-      _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
-  })));
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/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__*/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
+    }))]
+  }));
 }
 
 export { ShuttleRenderer as default };
-//# sourceMappingURL=ShuttleRenderer.js.map

package/esm/ShuttleState.js

@@ -1,16 +1,10 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import { useState } from 'react';
 import createContainer from 'constate';
 import { getItemsById, pipe } from './helper.js';
 import { moveItem, resetMovedItems, navigateTo, resetCheckedItems, toggleItemSelection } from './Shuttle.actions.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities/utils';
-import 'treetabular';
-import './utils.js';
 
 function useShuttleState() {
-  var _useState = useState({
+  const [shuttleState, setShuttleState] = useState({
     checkedItems: [],
     movedItems: {},
     hierarchy: [{
@@ -21,23 +15,14 @@ function useShuttleState() {
       name: 'Added users',
       id: null
     }]
-  }),
-      _useState2 = _slicedToArray(_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 = getItemsById(itemsIds, items);
-    var pipeActions = itemsToMove.map(function (item) {
-      return moveItem(item);
-    });
-    setState(pipe([resetMovedItems()].concat(_toConsumableArray(pipeActions))));
+  function setMovedItems(itemsIds = [], items = []) {
+    const itemsToMove = getItemsById(itemsIds, items);
+    const pipeActions = itemsToMove.map(item => moveItem(item));
+    setState(pipe([resetMovedItems(), ...pipeActions]));
   }
 
   function navigate(item, dest) {
@@ -62,28 +47,23 @@ function useShuttleState() {
     setState(toggleItemSelection(item.id));
   }
 
-  function moveCheckedItems(items) {
-    var pipeActions = items.map(function (item) {
-      return moveItem$1(item);
-    });
-    setState(pipe([].concat(_toConsumableArray(pipeActions), [resetCheckedItems$1()])));
+  function moveCheckedItems(items, dest = true) {
+    const pipeActions = items.map(item => moveItem$1(item));
+    setState(pipe([...pipeActions, resetCheckedItems$1()]));
   }
 
   return {
     state: shuttleState,
     toggleItemSelection: toggleItemSelection$1,
-    moveCheckedItems: moveCheckedItems,
+    moveCheckedItems,
     moveItem: moveItem$1,
     resetMovedItems: resetMovedItems$1,
     resetCheckedItems: resetCheckedItems$1,
-    navigate: navigate,
-    setMovedItems: setMovedItems
+    navigate,
+    setMovedItems
   };
 }
 
-var useShuttleState$1 = createContainer(useShuttleState, function (value) {
-  return [value.state];
-});
+var useShuttleState$1 = createContainer(useShuttleState, value => [value.state]);
 
 export { useShuttleState$1 as default };
-//# sourceMappingURL=ShuttleState.js.map

package/esm/animation/animationConfig.js

@@ -1,17 +1,17 @@
 // 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: {
@@ -19,66 +19,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)`
+    }
+  })
 };
 
 export { animationConfig };
-//# sourceMappingURL=animationConfig.js.map

package/esm/classedComponents.js

@@ -2,53 +2,41 @@ import DSButton from '@elliemae/ds-basic/Button';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import ShuttleBreadcrumb from './components/ShuttleBreadcrumb.js';
 import OverflowList from './components/OverflowList.js';
-import 'react';
-import 'react-spring/web.cjs';
-import '@elliemae/ds-basic/Breadcrumb';
-import './animation/animationConfig.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import './AnimationState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'constate';
 
-var blockName = 'shuttle';
-var headerBlockName = "".concat(blockName, "-header");
-var listBlockName = "".concat(blockName, "-list");
-var footerBlockName = "".concat(blockName, "-footer");
-var ShuttleContainer = aggregatedClasses('div')(blockName); // wrapper
+const blockName = 'shuttle';
+const headerBlockName = `${blockName}-header`;
+const listBlockName = `${blockName}-list`;
+const footerBlockName = `${blockName}-footer`;
+const ShuttleContainer = aggregatedClasses('div')(blockName); // wrapper
 
-var ShuttleWrapper = aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
+const ShuttleWrapper = aggregatedClasses('div')(`${blockName}-wrapper`); // header
 
-var ShuttleHeader = aggregatedClasses('div')(headerBlockName);
-var ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
-var ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, 'search-toggle'); // list
+const ShuttleHeader = aggregatedClasses('div')(headerBlockName);
+const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
+const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, 'search-toggle'); // list
 
-var ShuttleList = aggregatedClasses('div')(listBlockName, null, function (_ref) {
-  var showPulse = _ref.showPulse;
-  return {
-    'show-pulse': showPulse
-  };
-});
-var ShuttleListPanel = aggregatedClasses('div')(listBlockName, 'panel', function (_ref2) {
-  var open = _ref2.open;
-  return {
-    open: open
-  };
-});
-var Overflow = aggregatedClasses(OverflowList)(listBlockName, 'overflow', function (_ref3) {
-  var empty = _ref3.empty,
-      searching = _ref3.searching;
-  return {
-    empty: empty,
-    searching: searching
-  };
-});
-var EmptyMessage = aggregatedClasses('span')(listBlockName, 'empty-message');
-var LoadingList = aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
+const ShuttleList = aggregatedClasses('div')(listBlockName, null, ({
+  showPulse
+}) => ({
+  'show-pulse': showPulse
+}));
+const ShuttleListPanel = aggregatedClasses('div')(listBlockName, 'panel', ({
+  open
+}) => ({
+  open
+}));
+const Overflow = aggregatedClasses(OverflowList)(listBlockName, 'overflow', ({
+  empty,
+  searching
+}) => ({
+  empty,
+  searching
+}));
+const EmptyMessage = aggregatedClasses('span')(listBlockName, 'empty-message');
+const LoadingList = aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
 
-var ShuttleFooter = aggregatedClasses('div')(footerBlockName);
-var ShuttleFooterActions = aggregatedClasses('div')(footerBlockName, 'actions');
-var ShuttleFooterCounter = aggregatedClasses('span')(footerBlockName, 'counter');
+const ShuttleFooter = aggregatedClasses('div')(footerBlockName);
+const ShuttleFooterActions = aggregatedClasses('div')(footerBlockName, 'actions');
+const ShuttleFooterCounter = aggregatedClasses('span')(footerBlockName, 'counter');
 
 export { EmptyMessage, LoadingList, Overflow, ShuttleContainer, ShuttleFooter, ShuttleFooterActions, ShuttleFooterCounter, ShuttleHeader, ShuttleHeaderBreadcrumb, ShuttleHeaderSearchToggle, ShuttleList, ShuttleListPanel, ShuttleWrapper };
-//# sourceMappingURL=classedComponents.js.map