@elliemae/ds-shuttle 2.0.0-alpha.8 → 2.0.0-next.11

package/cjs/components/OverflowList.js

@@ -2,6 +2,13 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var react = require('react');
 var web = require('react-spring/web');
 var animationConfig = require('../animation/animationConfig.js');
@@ -16,11 +23,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 OverflowList({
-  className = '',
-  activeHierarchy = '',
-  children
-}) {
+function OverflowList(_ref) {
+  let {
+    className = '',
+    activeHierarchy = '',
+    children
+  } = _ref;
   const {
     state: {
       isDrillingDown = false
@@ -30,13 +38,16 @@ function OverflowList({
   const overflowTransition = web.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
     onDestroyed: () => setIsDrillingDown(false)
   }));
-  return overflowTransition.map(({
-    props,
-    key
-  }) => /*#__PURE__*/_jsx__default["default"](web.animated.div, {
-    className: className,
-    style: props
-  }, key, children));
+  return overflowTransition.map(_ref2 => {
+    let {
+      props,
+      key
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](web.animated.div, {
+      className: className,
+      style: props
+    }, key, children);
+  });
 }
 
 module.exports = OverflowList;

package/cjs/components/ShuttleBreadcrumb.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('react');
 var web = require('react-spring/web');
 var DSBreadcrumb = require('@elliemae/ds-basic/Breadcrumb');
@@ -11,26 +13,30 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
 
-function ShuttleBreadcrumb({
-  className = '',
-  hierarchy = [],
-  onNavigateTo = () => null
-}) {
+function ShuttleBreadcrumb(_ref) {
+  let {
+    className = '',
+    hierarchy = [],
+    onNavigateTo = () => null
+  } = _ref;
   const animatedCrumbs = web.useTransition(hierarchy, item => item.id, animationConfig.animationConfig.breadcrumb());
   return /*#__PURE__*/_jsx__default["default"]("div", {
     className: className
   }, void 0, /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"], {
     isTitle: true
-  }, void 0, animatedCrumbs.map(({
-    item,
-    props,
-    key
-  }) => /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"].Item, {
-    containerComponent: web.animated.li,
-    label: item.name,
-    onClick: () => onNavigateTo(item, 'up'),
-    style: props
-  }, key))));
+  }, void 0, animatedCrumbs.map(_ref2 => {
+    let {
+      item,
+      props,
+      key
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"].Item, {
+      containerComponent: web.animated.li,
+      label: item.name,
+      onClick: () => onNavigateTo(item, 'up'),
+      style: props
+    }, key);
+  })));
 }
 
 module.exports = ShuttleBreadcrumb;

package/cjs/components/ShuttleInfiniteScrollIndicator.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSIndeterminateProgressIndicator = require('@elliemae/ds-basic/IndeterminateProgressIndicator');
+var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,22 +12,28 @@ var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLega
 
 var _DSIndeterminateProgr;
 const blockName = 'shuttle-infinite-scroll-indicator';
-const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  isOpen
-}) => ({
-  opened: isOpen
-}));
+const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return {
+    opened: isOpen
+  };
+});
 
-const ShuttleInfiniteScrollIndicator = ({
-  isOpen
-}) => /*#__PURE__*/_jsx__default["default"](InfiniteScrollBarContainer, {
-  classProps: {
+const ShuttleInfiniteScrollIndicator = _ref2 => {
+  let {
     isOpen
-  },
-  "data-testid": blockName
-}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
-  processing: true,
-  title: "Loading"
-})));
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](InfiniteScrollBarContainer, {
+    classProps: {
+      isOpen
+    },
+    "data-testid": blockName
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+    processing: true,
+    title: "Loading"
+  })));
+};
 
 module.exports = ShuttleInfiniteScrollIndicator;

package/cjs/components/ShuttleListItem/ActionButtons.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSButton = require('@elliemae/ds-basic/Button');
-var CloseCircle = require('@elliemae/ds-icons/CloseCircle');
-var ArrowShortRight = require('@elliemae/ds-icons/ArrowShortRight');
-var ArrowShortReturn = require('@elliemae/ds-icons/ArrowShortReturn');
+var DSButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -17,9 +20,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var CloseCircle__default = /*#__PURE__*/_interopDefaultLegacy(CloseCircle);
-var ArrowShortRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowShortRight);
-var ArrowShortReturn__default = /*#__PURE__*/_interopDefaultLegacy(ArrowShortReturn);
 
 var _CloseCircle, _ArrowShortRight, _ArrowShortReturn;
 
@@ -29,11 +29,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const ActionButton = dsClassnames.aggregatedClasses(DSButton__default["default"])('shuttle-list-item', 'action-button');
 const DeleteButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread({
   buttonType: "text",
-  icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](CloseCircle__default["default"], {}))
+  icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {}))
 }, props));
 const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
   buttonType: "text",
-  icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](ArrowShortRight__default["default"], {}))
+  icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortRight, {}))
 }, props), {}, {
   containerProps: {
     'data-testid': 'ds-shuttle__move-button'
@@ -41,7 +41,7 @@ const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpr
 }));
 const DrillDownButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
   buttonType: "text",
-  icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](ArrowShortReturn__default["default"], {
+  icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortReturn, {
     "data-testid": "shuttle__drill-btn-icon"
   }))
 }, props), {}, {

package/cjs/components/ShuttleListItem/ShuttleListItem.js

@@ -1,5 +1,10 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
@@ -8,7 +13,7 @@ var dsClassnames = require('@elliemae/ds-classnames');
 var web = require('react-spring/web');
 var TruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
 var reactSortableHoc = require('react-sortable-hoc');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
+var dsIcons = require('@elliemae/ds-icons');
 var helper = require('../../helper.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -18,7 +23,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var TruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(TruncatedTooltipText);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 
 const _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
 
@@ -31,20 +35,23 @@ const blockName = 'shuttle-list-item';
 const Wrapper = dsClassnames.aggregatedClasses(web.animated.li)(blockName);
 const ActionsGroup = dsClassnames.aggregatedClasses('div')(blockName, 'actions');
 const IconWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'icon-wrapper');
-const Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', ({
-  isChecked,
-  canMove,
-  isReadonly
-}) => ({
-  checked: isChecked,
-  'can-hover': canMove,
-  'read-only': isReadonly
-}));
-const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
+const Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', _ref => {
+  let {
+    isChecked,
+    canMove,
+    isReadonly
+  } = _ref;
+  return {
+    checked: isChecked,
+    'can-hover': canMove,
+    'read-only': isReadonly
+  };
+});
+const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
   className: "gripper"
 })));
 
-function ShuttleListItem(_ref) {
+function ShuttleListItem(_ref2) {
   let {
     item = {},
     showIcons = undefined,
@@ -55,8 +62,8 @@ function ShuttleListItem(_ref) {
     showActions = true,
     actions = [],
     showSortHandler = false
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
     role: "listitem",

package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -3,6 +3,12 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var react = require('react');
 var helper = require('../../helper.js');
 var ActionButtons = require('./ActionButtons.js');

package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -1,5 +1,10 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');

package/cjs/components/ShuttleListPanel.js

@@ -2,7 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var classedComponents = require('../classedComponents.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,11 +10,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-function ShuttleListPanel({
-  onClick = () => null,
-  open = false,
-  children
-}) {
+function ShuttleListPanel(_ref) {
+  let {
+    onClick = () => null,
+    open = false,
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
     classProps: {
       open

package/cjs/components/ShuttleSearchBox.js

@@ -4,22 +4,24 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var react = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsForm = require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
 
 const blockName = 'shuttle-search-box';
-const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, ({
-  isOpen
-}) => ({
-  opened: isOpen
-}));
-const filterList = utils.debounce((term, onFilterCallback) => {
+const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return {
+    opened: isOpen
+  };
+});
+const filterList = dsUtilities.debounce((term, onFilterCallback) => {
   onFilterCallback(term);
 }, 200);
 class ShuttleSearchBox extends react.Component {
@@ -33,9 +35,10 @@ class ShuttleSearchBox extends react.Component {
     this.handleKeyPress = this.handleKeyPress.bind(this);
   }
 
-  static getDerivedStateFromProps(nextProps, {
-    prevProps
-  }) {
+  static getDerivedStateFromProps(nextProps, _ref2) {
+    let {
+      prevProps
+    } = _ref2;
     const {
       value
     } = nextProps;
@@ -88,7 +91,7 @@ class ShuttleSearchBox extends react.Component {
       classProps: {
         isOpen
       }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
       autoFocus: true,
       clearable: true,
       onChange: this.handleChange,

package/cjs/components/ShuttleSource.js

@@ -3,11 +3,17 @@
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.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 react = require('react');
-var ArrowShortRight = require('@elliemae/ds-icons/ArrowShortRight');
-var DSButton = require('@elliemae/ds-basic/Button');
-var Search = require('@elliemae/ds-icons/Search');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var dsUtilities = require('@elliemae/ds-utilities');
 var ShuttleSearchBox = require('./ShuttleSearchBox.js');
 var ShuttleInfiniteScrollIndicator = require('./ShuttleInfiniteScrollIndicator.js');
 var ShuttleSourceListItem = require('./ShuttleListItem/ShuttleSourceListItem.js');
@@ -26,9 +32,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var ArrowShortRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowShortRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 
 const _excluded = ["item"];
 
@@ -40,31 +44,32 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const noop = () => {};
 
-function ShuttleSource({
-  items = [],
-  checkedItems = [],
-  // build Map() and memoize it for better performance
-  hierarchy = [],
-  onMoveItem = noop,
-  onCheckItem = noop,
-  onMoveCheckedItems = noop,
-  onNavigateTo = noop,
-  onClearCheckedItems = noop,
-  emptyMessage = 'No items found',
-  composeSourceItemProps = noop,
-  loading = false,
-  onSearch = noop,
-  onSearchClose = noop,
-  onSearchOpen = noop,
-  sourceSortable = false,
-  onSortEnd = noop,
-  sourceClearItemsText = 'CLEAR ALL',
-  searchPlaceholder,
-  renderSourceCounter = amount => `${amount} items`,
-  onGetMoreItems = () => {},
-  moreItemsLoading = false,
-  hasNextPage = false
-}) {
+function ShuttleSource(_ref) {
+  let {
+    items = [],
+    checkedItems = [],
+    // build Map() and memoize it for better performance
+    hierarchy = [],
+    onMoveItem = noop,
+    onCheckItem = noop,
+    onMoveCheckedItems = noop,
+    onNavigateTo = noop,
+    onClearCheckedItems = noop,
+    emptyMessage = 'No items found',
+    composeSourceItemProps = noop,
+    loading = false,
+    onSearch = noop,
+    onSearchClose = noop,
+    onSearchOpen = noop,
+    sourceSortable = false,
+    onSortEnd = noop,
+    sourceClearItemsText = 'CLEAR ALL',
+    searchPlaceholder,
+    renderSourceCounter = amount => "".concat(amount, " items"),
+    onGetMoreItems = () => {},
+    moreItemsLoading = false,
+    hasNextPage = false
+  } = _ref;
   const {
     state: {
       isMovingBack = false,
@@ -85,7 +90,7 @@ function ShuttleSource({
   }), {}), [checkedItems]);
   const handleCloseSearch = react.useCallback(() => {
     setSearchTerm('');
-    utils.runAll(resetSearch, onSearchClose)();
+    dsUtilities.runAll(resetSearch, onSearchClose)();
   }, [searching]);
   const handleToggleSearch = react.useCallback(() => {
     toggleSearchBox(!searching);
@@ -98,10 +103,11 @@ function ShuttleSource({
   }, [searching]);
   const ComponentList = react.useMemo(() => sourceSortable ? VirtualizedSortableList : VirtualizedList, [sourceSortable]);
 
-  const handleSortEnd = ({
-    oldIndex,
-    newIndex
-  }) => {
+  const handleSortEnd = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
     onSortEnd({
       sourceItem: items[oldIndex],
       targetItem: items[newIndex]
@@ -116,7 +122,7 @@ function ShuttleSource({
     onNavigateTo: onNavigateTo
   }), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderSearchToggle, {
     buttonType: "text",
-    icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](Search__default["default"], {})),
+    icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {})),
     onClick: handleToggleSearch,
     containerProps: {
       'data-testid': 'shuttle-header-search-toggle'
@@ -130,8 +136,8 @@ function ShuttleSource({
     }
   }, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleSearchBox, {
     isOpen: searching,
-    onClose: utils.runAll(() => toggleSearchBox(false), handleCloseSearch),
-    onFilter: utils.runAll(setSearchTerm, onSearch),
+    onClose: dsUtilities.runAll(() => toggleSearchBox(false), handleCloseSearch),
+    onFilter: dsUtilities.runAll(setSearchTerm, onSearch),
     placeholder: searchPlaceholder,
     value: searchTerm
   }, searching), hasContent ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
@@ -142,11 +148,11 @@ function ShuttleSource({
     }
   }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
     helperClass: "drag-helper",
-    itemRenderer: _ref => {
+    itemRenderer: _ref3 => {
       let {
         item
-      } = _ref,
-          rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+      } = _ref3,
+          rest = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
       return /*#__PURE__*/jsxRuntime.jsx(ShuttleSourceListItem, _objectSpread(_objectSpread(_objectSpread({
         "data-testid": "source-list-item"
@@ -170,7 +176,7 @@ function ShuttleSource({
   }, void 0, /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {}))) : null, /*#__PURE__*/_jsx__default["default"](ShuttleListPanel, {
     onClick: onMoveCheckedItems,
     open: checkedItems.length > 1
-  }, void 0, _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](ArrowShortRight__default["default"], {}))), moreItemsLoading ? _ShuttleInfiniteScrol || (_ShuttleInfiniteScrol = /*#__PURE__*/_jsx__default["default"](ShuttleInfiniteScrollIndicator, {
+  }, void 0, _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortRight, {}))), moreItemsLoading ? _ShuttleInfiniteScrol || (_ShuttleInfiniteScrol = /*#__PURE__*/_jsx__default["default"](ShuttleInfiniteScrollIndicator, {
     isOpen: true
   })) : null), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterActions, {}, void 0, !!checkedItems.length && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "link",

package/cjs/components/ShuttleTarget.js

@@ -1,10 +1,15 @@
 '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 _jsx = require('@babel/runtime/helpers/jsx');
 var react = require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var classedComponents = require('../classedComponents.js');
 var helper = require('../helper.js');
 var AnimationState = require('../AnimationState.js');
@@ -31,20 +36,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const noop = () => {};
 
-function ShuttleTarget({
-  items = [],
-  hierarchy = [],
-  onNavigateTo = noop,
-  onMoveItem = noop,
-  onClearMovedItems = noop,
-  emptyMessage = 'No items selected',
-  composeTargetItemProps = () => ({}),
-  targetSortable = false,
-  onSortEnd = noop,
-  targetClearItemsText = 'CLEAR ALL',
-  renderTargetCounter = amount => `${amount} items`,
-  loading = false
-}) {
+function ShuttleTarget(_ref) {
+  let {
+    items = [],
+    hierarchy = [],
+    onNavigateTo = noop,
+    onMoveItem = noop,
+    onClearMovedItems = noop,
+    emptyMessage = 'No items selected',
+    composeTargetItemProps = () => ({}),
+    targetSortable = false,
+    onSortEnd = noop,
+    targetClearItemsText = 'CLEAR ALL',
+    renderTargetCounter = amount => "".concat(amount, " items"),
+    loading = false
+  } = _ref;
   const {
     state: {
       isMoving = false
@@ -54,10 +60,11 @@ function ShuttleTarget({
   const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {})) : /*#__PURE__*/_jsx__default["default"](classedComponents.EmptyMessage, {}, void 0, emptyMessage);
   const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
 
-  const handleSortEnd = ({
-    oldIndex,
-    newIndex
-  }) => {
+  const handleSortEnd = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
     onSortEnd({
       sourceItem: items[oldIndex],
       targetItem: items[newIndex]
@@ -77,11 +84,11 @@ function ShuttleTarget({
       empty: !items.length
     }
   }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
-    itemRenderer: _ref => {
+    itemRenderer: _ref3 => {
       let {
         item
-      } = _ref,
-          rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+      } = _ref3,
+          rest = _objectWithoutProperties__default["default"](_ref3, _excluded);
 
       return /*#__PURE__*/jsxRuntime.jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
         "data-testid": "target-list-item"