@elliemae/ds-shuttle 1.60.0 → 2.0.0-alpha.12

package/cjs/components/LoadingIndicator.js

@@ -1,26 +1,25 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 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 }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Wrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+var _Wrapper;
+const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-18oj125-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 
-var LoadingIndicator = function LoadingIndicator() {
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, {
-    "data-testid": "shuttle__loading-indicator"
-  }, /*#__PURE__*/React__default['default'].createElement(dsCircularProgressIndicator.DSCircularProgressIndicator, {
-    size: "xl",
-    showLabel: true
-  }));
-};
+const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
+  "data-testid": "shuttle__loading-indicator"
+}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
+  size: "xl",
+  showLabel: true
+})));
 
 module.exports = LoadingIndicator;
-//# sourceMappingURL=LoadingIndicator.js.map

package/cjs/components/OverflowList.js

@@ -1,49 +1,53 @@
 'use strict';
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var web_cjs = require('react-spring/web.cjs');
-var animation_animationConfig = require('../animation/animationConfig.js');
+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');
 var AnimationState = require('../AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
 
 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$activeHierarchy = _ref.activeHierarchy,
-      activeHierarchy = _ref$activeHierarchy === void 0 ? '' : _ref$activeHierarchy,
-      children = _ref.children;
-
-  var _useContext = React.useContext(AnimationState.Context),
-      _useContext$state$isD = _useContext.state.isDrillingDown,
-      isDrillingDown = _useContext$state$isD === void 0 ? false : _useContext$state$isD,
-      setIsDrillingDown = _useContext.setIsDrillingDown;
-
-  var overflowTransition = web_cjs.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animation_animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
-    onDestroyed: function onDestroyed() {
-      return setIsDrillingDown(false);
-    }
+  let {
+    className = '',
+    activeHierarchy = '',
+    children
+  } = _ref;
+  const {
+    state: {
+      isDrillingDown = false
+    },
+    setIsDrillingDown
+  } = react.useContext(AnimationState.Context);
+  const overflowTransition = web.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
+    onDestroyed: () => setIsDrillingDown(false)
   }));
-  return overflowTransition.map(function (_ref2) {
-    var props = _ref2.props,
-        key = _ref2.key;
-    return /*#__PURE__*/React__default['default'].createElement(web_cjs.animated.div, {
-      key: key,
+  return overflowTransition.map(_ref2 => {
+    let {
+      props,
+      key
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](web.animated.div, {
       className: className,
       style: props
-    }, children);
+    }, key, children);
   });
 }
 
 module.exports = OverflowList;
-//# sourceMappingURL=OverflowList.js.map

package/cjs/components/ShuttleBreadcrumb.js

@@ -1,48 +1,42 @@
 'use strict';
 
-var React = require('react');
-var web_cjs = require('react-spring/web.cjs');
-var DSBreadcrumb = require('@elliemae/ds-breadcrumb');
-var animation_animationConfig = require('../animation/animationConfig.js');
+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');
+var animationConfig = require('../animation/animationConfig.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
 
-/* eslint-disable react/prop-types */
-
 function ShuttleBreadcrumb(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$hierarchy = _ref.hierarchy,
-      hierarchy = _ref$hierarchy === void 0 ? [] : _ref$hierarchy,
-      _ref$onNavigateTo = _ref.onNavigateTo,
-      onNavigateTo = _ref$onNavigateTo === void 0 ? function () {
-    return null;
-  } : _ref$onNavigateTo;
-  var animatedCrumbs = web_cjs.useTransition(hierarchy, function (item) {
-    return item.id;
-  }, animation_animationConfig.animationConfig.breadcrumb());
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+  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
-  }, /*#__PURE__*/React__default['default'].createElement(DSBreadcrumb__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"], {
     isTitle: true
-  }, animatedCrumbs.map(function (_ref2) {
-    var item = _ref2.item,
-        props = _ref2.props,
-        key = _ref2.key;
-    return /*#__PURE__*/React__default['default'].createElement(DSBreadcrumb__default['default'].Item, {
-      key: key,
-      containerComponent: web_cjs.animated.li,
+  }, 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: function onClick() {
-        return onNavigateTo(item, 'up');
-      },
+      onClick: () => onNavigateTo(item, 'up'),
       style: props
-    });
+    }, key);
   })));
 }
 
 module.exports = ShuttleBreadcrumb;
-//# sourceMappingURL=ShuttleBreadcrumb.js.map

package/cjs/components/ShuttleInfiniteScrollIndicator.js

@@ -1,35 +1,39 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
 
-/* eslint-disable react/no-unused-state */
-var blockName = 'shuttle-infinite-scroll-indicator';
-var InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
-  var isOpen = _ref.isOpen;
+var _DSIndeterminateProgr;
+const blockName = 'shuttle-infinite-scroll-indicator';
+const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    isOpen
+  } = _ref;
   return {
     opened: isOpen
   };
 });
 
-var ShuttleInfiniteScrollIndicator = function ShuttleInfiniteScrollIndicator(_ref2) {
-  var isOpen = _ref2.isOpen;
-  return /*#__PURE__*/React__default['default'].createElement(InfiniteScrollBarContainer, {
+const ShuttleInfiniteScrollIndicator = _ref2 => {
+  let {
+    isOpen
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](InfiniteScrollBarContainer, {
     classProps: {
-      isOpen: isOpen
+      isOpen
     },
     "data-testid": blockName
-  }, /*#__PURE__*/React__default['default'].createElement(DSIndeterminateProgressIndicator__default['default'], {
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
     processing: true,
     title: "Loading"
-  }));
+  })));
 };
 
 module.exports = ShuttleInfiniteScrollIndicator;
-//# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

package/cjs/components/ShuttleListItem/ActionButtons.js

@@ -2,49 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+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-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 }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var ActionButton = dsClassnames.aggregatedClasses(DSButton__default['default'])('shuttle-list-item', 'action-button');
-var DeleteButton = function DeleteButton(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ActionButton, _extends__default['default']({
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseCircle, null)
-  }, props));
-};
-var MoveButton = function MoveButton(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ActionButton, _extends__default['default']({
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowShortRight, null)
-  }, props, {
-    containerProps: {
-      'data-testid': 'ds-shuttle__move-button'
-    }
-  }));
-};
-var DrillDownButton = function DrillDownButton(props) {
-  return /*#__PURE__*/React__default['default'].createElement(ActionButton, _extends__default['default']({
-    buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ArrowShortReturn, {
-      "data-testid": "shuttle__drill-btn-icon"
-    })
-  }, props, {
-    containerProps: {
-      'data-testid': 'shuttle__drill-btn'
-    }
-  }));
-};
+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');
+const DeleteButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread({
+  buttonType: "text",
+  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"](dsIcons.ArrowShortRight, {}))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'ds-shuttle__move-button'
+  }
+}));
+const DrillDownButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
+  buttonType: "text",
+  icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortReturn, {
+    "data-testid": "shuttle__drill-btn-icon"
+  }))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'shuttle__drill-btn'
+  }
+}));
 
 exports.DeleteButton = DeleteButton;
 exports.DrillDownButton = DrillDownButton;
 exports.MoveButton = MoveButton;
-//# sourceMappingURL=ActionButtons.js.map

package/cjs/components/ShuttleListItem/ShuttleListItem.js

@@ -1,84 +1,85 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+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 _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var web_cjs = require('react-spring/web.cjs');
-var TruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var web = require('react-spring/web');
+var TruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
 var reactSortableHoc = require('react-sortable-hoc');
 var dsIcons = require('@elliemae/ds-icons');
 var helper = require('../../helper.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('treetabular');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var TruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(TruncatedTooltipText);
 
-var _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
-var blockName = 'shuttle-list-item';
-var Wrapper = dsClassnames.aggregatedClasses(web_cjs.animated.li)(blockName);
-var ActionsGroup = dsClassnames.aggregatedClasses('div')(blockName, 'actions');
-var IconWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'icon-wrapper');
-var Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', function (_ref) {
-  var isChecked = _ref.isChecked,
-      canMove = _ref.canMove,
-      isReadonly = _ref.isReadonly;
+const _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
+
+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; }
+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', _ref => {
+  let {
+    isChecked,
+    canMove,
+    isReadonly
+  } = _ref;
   return {
     checked: isChecked,
     'can-hover': canMove,
     'read-only': isReadonly
   };
 });
-var SortHandler = reactSortableHoc.sortableHandle(function () {
-  return /*#__PURE__*/React__default['default'].createElement(dsIcons.GripperVertical, {
-    className: "gripper"
-  });
-});
+const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
+  className: "gripper"
+})));
 
 function ShuttleListItem(_ref2) {
-  var _ref2$item = _ref2.item,
-      item = _ref2$item === void 0 ? {} : _ref2$item,
-      _ref2$showIcons = _ref2.showIcons,
-      showIcons = _ref2$showIcons === void 0 ? undefined : _ref2$showIcons,
-      _ref2$showIcon = _ref2.showIcon,
-      showIcon = _ref2$showIcon === void 0 ? true : _ref2$showIcon,
-      _ref2$onSelect = _ref2.onSelect,
-      onSelect = _ref2$onSelect === void 0 ? function () {
-    return null;
-  } : _ref2$onSelect,
-      _ref2$isChecked = _ref2.isChecked,
-      isChecked = _ref2$isChecked === void 0 ? false : _ref2$isChecked,
-      _ref2$style = _ref2.style,
-      style = _ref2$style === void 0 ? undefined : _ref2$style,
-      _ref2$showActions = _ref2.showActions,
-      showActions = _ref2$showActions === void 0 ? true : _ref2$showActions,
-      _ref2$actions = _ref2.actions,
-      actions = _ref2$actions === void 0 ? [] : _ref2$actions,
-      _ref2$showSortHandler = _ref2.showSortHandler,
-      showSortHandler = _ref2$showSortHandler === void 0 ? false : _ref2$showSortHandler,
-      rest = _objectWithoutProperties__default['default'](_ref2, _excluded);
+  let {
+    item = {},
+    showIcons = undefined,
+    showIcon = true,
+    onSelect = () => null,
+    isChecked = false,
+    style = undefined,
+    showActions = true,
+    actions = [],
+    showSortHandler = false
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, _extends__default['default']({}, rest, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
     role: "listitem",
-    style: style
-  }), /*#__PURE__*/React__default['default'].createElement(Content, {
-    classProps: {
-      canMove: helper.isMovable(item),
-      isChecked: isChecked,
-      isReadonly: item.readyOnly
-    },
-    onClick: onSelect
-  }, showSortHandler && /*#__PURE__*/React__default['default'].createElement(SortHandler, null), (showIcon || showIcons) && /*#__PURE__*/React__default['default'].createElement(IconWrapper, null, item.icon), /*#__PURE__*/React__default['default'].createElement(TruncatedTooltipText__default['default'], {
-    className: "shuttle-tooltip-text",
-    value: item.name
-  })), showActions && /*#__PURE__*/React__default['default'].createElement(ActionsGroup, null, actions));
+    style: style,
+    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"], {
+      className: "shuttle-tooltip-text",
+      value: item.name
+    })), showActions && /*#__PURE__*/_jsx__default["default"](ActionsGroup, {}, void 0, actions)]
+  }));
 }
 
 module.exports = ShuttleListItem;
-//# sourceMappingURL=ShuttleListItem.js.map

package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -1,92 +1,72 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+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 components_ShuttleListItem_ActionButtons = require('./ActionButtons.js');
-var components_ShuttleListItem_ShuttleListItem = require('./ShuttleListItem.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('treetabular');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icons');
-require('react-spring/web.cjs');
-require('@elliemae/ds-truncated-tooltip-text');
-require('react-sortable-hoc');
+var ActionButtons = require('./ActionButtons.js');
+var ShuttleListItem = require('./ShuttleListItem.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceTo", "isChecked", "showMoveButton", "showDrillDownButton", "index"];
+const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceTo", "isChecked", "showMoveButton", "showDrillDownButton", "index"];
 
-function ShuttleSourceListItem(_ref) {
-  var _ref$item = _ref.item,
-      item = _ref$item === void 0 ? {} : _ref$item,
-      _ref$onItemCheck = _ref.onItemCheck,
-      onItemCheck = _ref$onItemCheck === void 0 ? function () {
-    return null;
-  } : _ref$onItemCheck,
-      _ref$onMoveToTarget = _ref.onMoveToTarget,
-      onMoveToTarget = _ref$onMoveToTarget === void 0 ? function () {
-    return null;
-  } : _ref$onMoveToTarget,
-      _ref$onNavigateOnSour = _ref.onNavigateOnSourceTo,
-      onNavigateOnSourceTo = _ref$onNavigateOnSour === void 0 ? function () {
-    return null;
-  } : _ref$onNavigateOnSour,
-      _ref$isChecked = _ref.isChecked,
-      isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
-      _ref$showMoveButton = _ref.showMoveButton,
-      showMoveButton = _ref$showMoveButton === void 0 ? true : _ref$showMoveButton,
-      _ref$showDrillDownBut = _ref.showDrillDownButton,
-      showDrillDownButton = _ref$showDrillDownBut === void 0 ? true : _ref$showDrillDownBut;
-      _ref.index;
-      var rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+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; }
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      clicked = _useState2[0],
-      setClicked = _useState2[1];
+function ShuttleSourceListItem(_ref) {
+  let {
+    item = {},
+    onItemCheck = () => null,
+    onMoveToTarget = () => null,
+    onNavigateOnSourceTo = () => null,
+    isChecked = false,
+    showMoveButton = true,
+    showDrillDownButton = true,
+    index
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var moveToTarget = React.useCallback(function () {
-    return onMoveToTarget(item);
-  }, [item]);
-  React.useEffect(function () {
+  const [clicked, setClicked] = react.useState(false);
+  const moveToTarget = react.useCallback(() => onMoveToTarget(item), [item]);
+  react.useEffect(() => {
     if (clicked) {
       moveToTarget();
     }
   }, [clicked]);
-  var navigateOnSourceTo = React.useCallback(function () {
-    return onNavigateOnSourceTo(item);
-  }, [item]);
-  var checkItem = React.useCallback(function () {
+  const navigateOnSourceTo = react.useCallback(() => onNavigateOnSourceTo(item), [item]);
+  const checkItem = react.useCallback(() => {
     if (!clicked) onItemCheck(item);
   }, [item, clicked]);
 
-  var handleOnClick = function handleOnClick() {
+  const handleOnClick = () => {
     if (!clicked) {
       setClicked(true);
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ShuttleListItem, _extends__default['default']({}, rest, {
-    actions: [showDrillDownButton && /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ActionButtons.DrillDownButton, {
-      key: "drill-down",
+  return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
       disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
       onClick: navigateOnSourceTo
-    }), showMoveButton && /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ActionButtons.MoveButton, {
+    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.MoveButton, {
       "data-testid": "ds-shuttle__move-button",
-      key: "move",
       disabled: !helper.isMovable(item) || item.readOnly,
       onClick: handleOnClick
-    })],
+    }, "move")],
     isChecked: isChecked,
     item: item,
     onSelect: checkItem
@@ -94,4 +74,3 @@ function ShuttleSourceListItem(_ref) {
 }
 
 module.exports = ShuttleSourceListItem;
-//# sourceMappingURL=ShuttleSourceListItem.js.map