@elliemae/ds-shuttle 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/animation/animationConfig.js

@@ -15,7 +15,7 @@ const animationConfig = {
       transform: 'translate3d(0,0,0)'
     },
     to: {
-      transform: `translate3d(${xPosMovement}px,0,0)`
+      transform: "translate3d(".concat(xPosMovement, "px,0,0)")
     }
   },
   slideLeft: {
@@ -23,7 +23,7 @@ const animationConfig = {
       transform: 'translate3d(0,0,0)'
     },
     to: {
-      transform: `translate3d(${-xPosMovement}px,0,0)`
+      transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
     }
   },
   moveItem: isMovingLeft => ({
@@ -32,14 +32,14 @@ const animationConfig = {
     },
     enter: {
       opacity: 1,
-      transform: `translate3d(${0}px,0,0)`
+      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 => ({
@@ -52,11 +52,11 @@ const animationConfig = {
     },
     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: () => ({
@@ -65,15 +65,15 @@ const animationConfig = {
     },
     enter: {
       opacity: 1,
-      transform: `translate3d(${0}px,0,0)`
+      transform: "translate3d(".concat(0, "px,0,0)")
     },
     from: {
       opacity: 0,
-      transform: `translate3d(${xBreadcrumbPos}px,0px,0)`
+      transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
     },
     leave: {
       opacity: 0,
-      transform: `translate3d(${xBreadcrumbPos}px,0,0)`
+      transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
     }
   })
 };

package/cjs/classedComponents.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var dsClassnames = require('@elliemae/ds-classnames');
 var ShuttleBreadcrumb = require('./components/ShuttleBreadcrumb.js');
 var OverflowList = require('./components/OverflowList.js');
@@ -12,34 +12,43 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 const blockName = 'shuttle';
-const headerBlockName = `${blockName}-header`;
-const listBlockName = `${blockName}-list`;
-const footerBlockName = `${blockName}-footer`;
+const headerBlockName = "".concat(blockName, "-header");
+const listBlockName = "".concat(blockName, "-list");
+const footerBlockName = "".concat(blockName, "-footer");
 const ShuttleContainer = dsClassnames.aggregatedClasses('div')(blockName); // wrapper
 
-const ShuttleWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-wrapper`); // header
+const ShuttleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
 
 const ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
 const ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
-const ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default['default'])(headerBlockName, 'search-toggle'); // list
-
-const ShuttleList = dsClassnames.aggregatedClasses('div')(listBlockName, null, ({
-  showPulse
-}) => ({
-  'show-pulse': showPulse
-}));
-const ShuttleListPanel = dsClassnames.aggregatedClasses('div')(listBlockName, 'panel', ({
-  open
-}) => ({
-  open
-}));
-const Overflow = dsClassnames.aggregatedClasses(OverflowList)(listBlockName, 'overflow', ({
-  empty,
-  searching
-}) => ({
-  empty,
-  searching
-}));
+const ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default["default"])(headerBlockName, 'search-toggle'); // list
+
+const ShuttleList = dsClassnames.aggregatedClasses('div')(listBlockName, null, _ref => {
+  let {
+    showPulse
+  } = _ref;
+  return {
+    'show-pulse': showPulse
+  };
+});
+const ShuttleListPanel = dsClassnames.aggregatedClasses('div')(listBlockName, 'panel', _ref2 => {
+  let {
+    open
+  } = _ref2;
+  return {
+    open
+  };
+});
+const Overflow = dsClassnames.aggregatedClasses(OverflowList)(listBlockName, 'overflow', _ref3 => {
+  let {
+    empty,
+    searching
+  } = _ref3;
+  return {
+    empty,
+    searching
+  };
+});
 const EmptyMessage = dsClassnames.aggregatedClasses('span')(listBlockName, 'empty-message');
 const LoadingList = dsClassnames.aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
 

package/cjs/components/LoadingIndicator.js

@@ -2,7 +2,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var CircularProgressIndicator = require('@elliemae/ds-basic/CircularProgressIndicator');
+var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -11,13 +11,13 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _Wrapper;
-const Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-18oj125-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 
-const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default['default'](Wrapper, {
+const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
   "data-testid": "shuttle__loading-indicator"
-}, void 0, /*#__PURE__*/_jsx__default['default'](CircularProgressIndicator.DSCircularProgressIndicator, {
+}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
   size: "xl",
   showLabel: true
 })));

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');
@@ -14,13 +21,14 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: className
-  }, void 0, /*#__PURE__*/_jsx__default['default'](DSBreadcrumb__default['default'], {
+  }, 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,23 +20,20 @@ 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;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const ActionButton = dsClassnames.aggregatedClasses(DSButton__default['default'])('shuttle-list-item', 'action-button');
+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; }
+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"];
 
@@ -26,25 +30,28 @@ var _GripperVertical, _SortHandler;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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; }
 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,23 +62,23 @@ 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",
     style: style,
-    children: [/*#__PURE__*/_jsx__default['default'](Content, {
+    children: [/*#__PURE__*/_jsx__default["default"](Content, {
       classProps: {
         canMove: helper.isMovable(item),
         isChecked,
         isReadonly: item.readyOnly
       },
       onClick: onSelect
-    }, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx__default['default'](SortHandler, {}))), (showIcon || showIcons) && /*#__PURE__*/_jsx__default['default'](IconWrapper, {}, void 0, item.icon), /*#__PURE__*/_jsx__default['default'](TruncatedTooltipText__default['default'], {
+    }, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx__default["default"](SortHandler, {}))), (showIcon || showIcons) && /*#__PURE__*/_jsx__default["default"](IconWrapper, {}, void 0, item.icon), /*#__PURE__*/_jsx__default["default"](TruncatedTooltipText__default["default"], {
       className: "shuttle-tooltip-text",
       value: item.name
-    })), showActions && /*#__PURE__*/_jsx__default['default'](ActionsGroup, {}, void 0, actions)]
+    })), showActions && /*#__PURE__*/_jsx__default["default"](ActionsGroup, {}, void 0, actions)]
   }));
 }
 

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');
@@ -19,7 +25,7 @@ const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceT
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 ShuttleSourceListItem(_ref) {
   let {
@@ -32,7 +38,7 @@ function ShuttleSourceListItem(_ref) {
     showDrillDownButton = true,
     index
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const [clicked, setClicked] = react.useState(false);
   const moveToTarget = react.useCallback(() => onMoveToTarget(item), [item]);
@@ -53,10 +59,10 @@ function ShuttleSourceListItem(_ref) {
   };
 
   return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
-    actions: [showDrillDownButton && /*#__PURE__*/_jsx__default['default'](ActionButtons.DrillDownButton, {
+    actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
       disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
       onClick: navigateOnSourceTo
-    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default['default'](ActionButtons.MoveButton, {
+    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.MoveButton, {
       "data-testid": "ds-shuttle__move-button",
       disabled: !helper.isMovable(item) || item.readOnly,
       onClick: handleOnClick

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');
@@ -18,7 +23,7 @@ const _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _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 ShuttleTargetListItem(_ref) {
   let {
@@ -31,15 +36,15 @@ function ShuttleTargetListItem(_ref) {
     showActions = true,
     index
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const moveToSource = react.useCallback(() => onMoveToSource(item), [item]);
   const navigateOnTargetTo = react.useCallback(() => onNavigateOnTargetTo(item), [item]);
   return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
-    actions: [showDrillDownButton && /*#__PURE__*/_jsx__default['default'](ActionButtons.DrillDownButton, {
+    actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
       disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
       onClick: navigateOnTargetTo
-    }, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default['default'](ActionButtons.DeleteButton, {
+    }, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
       disabled: item.readOnly,
       onClick: moveToSource,
       "data-testid": "ds-shuttle__close-button"

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,16 +10,17 @@ 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
-}) {
-  return /*#__PURE__*/_jsx__default['default'](classedComponents.ShuttleListPanel, {
+function ShuttleListPanel(_ref) {
+  let {
+    onClick = () => null,
+    open = false,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
     classProps: {
       open
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](DSButton__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
     icon: children,
     onClick: onClick,