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

package/esm/components/LoadingIndicator.js

@@ -1,19 +1,18 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DSCircularProgressIndicator } from '@elliemae/ds-basic/CircularProgressIndicator';
 import styled from 'styled-components';
 
-var Wrapper = /*#__PURE__*/styled.div.withConfig({
+var _Wrapper;
+const Wrapper = /*#__PURE__*/styled.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.createElement(Wrapper, {
-    "data-testid": "shuttle__loading-indicator"
-  }, /*#__PURE__*/React.createElement(DSCircularProgressIndicator, {
-    size: "xl",
-    showLabel: true
-  }));
-};
+const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx(Wrapper, {
+  "data-testid": "shuttle__loading-indicator"
+}, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
+  size: "xl",
+  showLabel: true
+})));
 
 export { LoadingIndicator as default };
-//# sourceMappingURL=LoadingIndicator.js.map

package/esm/components/OverflowList.js

@@ -1,42 +1,35 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useContext } from 'react';
-import { useTransition, animated } from 'react-spring/web.cjs';
+import { useContext } from 'react';
+import { useTransition, animated } from 'react-spring/web';
 import { animationConfig } from '../animation/animationConfig.js';
 import AnimationContext from '../AnimationState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'constate';
 
 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; }
 
-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 = useContext(AnimationContext.Context),
-      _useContext$state$isD = _useContext.state.isDrillingDown,
-      isDrillingDown = _useContext$state$isD === void 0 ? false : _useContext$state$isD,
-      setIsDrillingDown = _useContext.setIsDrillingDown;
-
-  var overflowTransition = useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.moveList(isDrillingDown)), {}, {
-    onDestroyed: function onDestroyed() {
-      return setIsDrillingDown(false);
-    }
+function OverflowList({
+  className = '',
+  activeHierarchy = '',
+  children
+}) {
+  const {
+    state: {
+      isDrillingDown = false
+    },
+    setIsDrillingDown
+  } = useContext(AnimationContext.Context);
+  const overflowTransition = useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.moveList(isDrillingDown)), {}, {
+    onDestroyed: () => setIsDrillingDown(false)
   }));
-  return overflowTransition.map(function (_ref2) {
-    var props = _ref2.props,
-        key = _ref2.key;
-    return /*#__PURE__*/React.createElement(animated.div, {
-      key: key,
-      className: className,
-      style: props
-    }, children);
-  });
+  return overflowTransition.map(({
+    props,
+    key
+  }) => /*#__PURE__*/_jsx(animated.div, {
+    className: className,
+    style: props
+  }, key, children));
 }
 
 export { OverflowList as default };
-//# sourceMappingURL=OverflowList.js.map

package/esm/components/ShuttleBreadcrumb.js

@@ -1,41 +1,29 @@
-import React from 'react';
-import { useTransition, animated } from 'react-spring/web.cjs';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { useTransition, animated } from 'react-spring/web';
 import DSBreadcrumb from '@elliemae/ds-basic/Breadcrumb';
 import { animationConfig } from '../animation/animationConfig.js';
 
-/* 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 = useTransition(hierarchy, function (item) {
-    return item.id;
-  }, animationConfig.breadcrumb());
-  return /*#__PURE__*/React.createElement("div", {
+function ShuttleBreadcrumb({
+  className = '',
+  hierarchy = [],
+  onNavigateTo = () => null
+}) {
+  const animatedCrumbs = useTransition(hierarchy, item => item.id, animationConfig.breadcrumb());
+  return /*#__PURE__*/_jsx("div", {
     className: className
-  }, /*#__PURE__*/React.createElement(DSBreadcrumb, {
+  }, void 0, /*#__PURE__*/_jsx(DSBreadcrumb, {
     isTitle: true
-  }, animatedCrumbs.map(function (_ref2) {
-    var item = _ref2.item,
-        props = _ref2.props,
-        key = _ref2.key;
-    return /*#__PURE__*/React.createElement(DSBreadcrumb.Item, {
-      key: key,
-      containerComponent: animated.li,
-      label: item.name,
-      onClick: function onClick() {
-        return onNavigateTo(item, 'up');
-      },
-      style: props
-    });
-  })));
+  }, void 0, animatedCrumbs.map(({
+    item,
+    props,
+    key
+  }) => /*#__PURE__*/_jsx(DSBreadcrumb.Item, {
+    containerComponent: animated.li,
+    label: item.name,
+    onClick: () => onNavigateTo(item, 'up'),
+    style: props
+  }, key))));
 }
 
 export { ShuttleBreadcrumb as default };
-//# sourceMappingURL=ShuttleBreadcrumb.js.map

package/esm/components/ShuttleInfiniteScrollIndicator.js

@@ -1,28 +1,26 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import DSIndeterminateProgressIndicator from '@elliemae/ds-basic/IndeterminateProgressIndicator';
 
-/* eslint-disable react/no-unused-state */
-var blockName = 'shuttle-infinite-scroll-indicator';
-var InfiniteScrollBarContainer = aggregatedClasses('div')(blockName, null, function (_ref) {
-  var isOpen = _ref.isOpen;
-  return {
-    opened: isOpen
-  };
-});
+var _DSIndeterminateProgr;
+const blockName = 'shuttle-infinite-scroll-indicator';
+const InfiniteScrollBarContainer = aggregatedClasses('div')(blockName, null, ({
+  isOpen
+}) => ({
+  opened: isOpen
+}));
 
-var ShuttleInfiniteScrollIndicator = function ShuttleInfiniteScrollIndicator(_ref2) {
-  var isOpen = _ref2.isOpen;
-  return /*#__PURE__*/React.createElement(InfiniteScrollBarContainer, {
-    classProps: {
-      isOpen: isOpen
-    },
-    "data-testid": blockName
-  }, /*#__PURE__*/React.createElement(DSIndeterminateProgressIndicator, {
-    processing: true,
-    title: "Loading"
-  }));
-};
+const ShuttleInfiniteScrollIndicator = ({
+  isOpen
+}) => /*#__PURE__*/_jsx(InfiniteScrollBarContainer, {
+  classProps: {
+    isOpen
+  },
+  "data-testid": blockName
+}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx(DSIndeterminateProgressIndicator, {
+  processing: true,
+  title: "Loading"
+})));
 
 export { ShuttleInfiniteScrollIndicator as default };
-//# sourceMappingURL=ShuttleInfiniteScrollIndicator.js.map

package/esm/components/ShuttleListItem/ActionButtons.js

@@ -1,40 +1,40 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import DSButton from '@elliemae/ds-basic/Button';
 import CloseCircle from '@elliemae/ds-icons/CloseCircle';
 import ArrowShortRight from '@elliemae/ds-icons/ArrowShortRight';
 import ArrowShortReturn from '@elliemae/ds-icons/ArrowShortReturn';
+import { jsx } from 'react/jsx-runtime';
 
-var ActionButton = aggregatedClasses(DSButton)('shuttle-list-item', 'action-button');
-var DeleteButton = function DeleteButton(props) {
-  return /*#__PURE__*/React.createElement(ActionButton, _extends({
-    buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(CloseCircle, null)
-  }, props));
-};
-var MoveButton = function MoveButton(props) {
-  return /*#__PURE__*/React.createElement(ActionButton, _extends({
-    buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(ArrowShortRight, null)
-  }, props, {
-    containerProps: {
-      'data-testid': 'ds-shuttle__move-button'
-    }
-  }));
-};
-var DrillDownButton = function DrillDownButton(props) {
-  return /*#__PURE__*/React.createElement(ActionButton, _extends({
-    buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(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(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 = aggregatedClasses(DSButton)('shuttle-list-item', 'action-button');
+const DeleteButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread({
+  buttonType: "text",
+  icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx(CloseCircle, {}))
+}, props));
+const MoveButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread(_objectSpread({
+  buttonType: "text",
+  icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx(ArrowShortRight, {}))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'ds-shuttle__move-button'
+  }
+}));
+const DrillDownButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread(_objectSpread({
+  buttonType: "text",
+  icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx(ArrowShortReturn, {
+    "data-testid": "shuttle__drill-btn-icon"
+  }))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'shuttle__drill-btn'
+  }
+}));
 
 export { DeleteButton, DrillDownButton, MoveButton };
-//# sourceMappingURL=ActionButtons.js.map

package/esm/components/ShuttleListItem/ShuttleListItem.js

@@ -1,75 +1,68 @@
-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 from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { animated } from 'react-spring/web.cjs';
+import { animated } from 'react-spring/web';
 import TruncatedTooltipText from '@elliemae/ds-basic/TruncatedTooltipText';
 import { sortableHandle } from 'react-sortable-hoc';
 import GripperVertical from '@elliemae/ds-icons/GripperVertical';
 import { isMovable } from '../../helper.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities/utils';
-import 'treetabular';
+import { jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
-var blockName = 'shuttle-list-item';
-var Wrapper = aggregatedClasses(animated.li)(blockName);
-var ActionsGroup = aggregatedClasses('div')(blockName, 'actions');
-var IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');
-var Content = aggregatedClasses('label')(blockName, 'content', function (_ref) {
-  var isChecked = _ref.isChecked,
-      canMove = _ref.canMove,
-      isReadonly = _ref.isReadonly;
-  return {
-    checked: isChecked,
-    'can-hover': canMove,
-    'read-only': isReadonly
-  };
-});
-var SortHandler = sortableHandle(function () {
-  return /*#__PURE__*/React.createElement(GripperVertical, {
-    className: "gripper"
-  });
-});
+const _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
 
-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(_ref2, _excluded);
+var _GripperVertical, _SortHandler;
 
-  return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {
+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 blockName = 'shuttle-list-item';
+const Wrapper = aggregatedClasses(animated.li)(blockName);
+const ActionsGroup = aggregatedClasses('div')(blockName, 'actions');
+const IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');
+const Content = aggregatedClasses('label')(blockName, 'content', ({
+  isChecked,
+  canMove,
+  isReadonly
+}) => ({
+  checked: isChecked,
+  'can-hover': canMove,
+  'read-only': isReadonly
+}));
+const SortHandler = sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx(GripperVertical, {
+  className: "gripper"
+})));
+
+function ShuttleListItem(_ref) {
+  let {
+    item = {},
+    showIcons = undefined,
+    showIcon = true,
+    onSelect = () => null,
+    isChecked = false,
+    style = undefined,
+    showActions = true,
+    actions = [],
+    showSortHandler = false
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
     role: "listitem",
-    style: style
-  }), /*#__PURE__*/React.createElement(Content, {
-    classProps: {
-      canMove: isMovable(item),
-      isChecked: isChecked,
-      isReadonly: item.readyOnly
-    },
-    onClick: onSelect
-  }, showSortHandler && /*#__PURE__*/React.createElement(SortHandler, null), (showIcon || showIcons) && /*#__PURE__*/React.createElement(IconWrapper, null, item.icon), /*#__PURE__*/React.createElement(TruncatedTooltipText, {
-    className: "shuttle-tooltip-text",
-    value: item.name
-  })), showActions && /*#__PURE__*/React.createElement(ActionsGroup, null, actions));
+    style: style,
+    children: [/*#__PURE__*/_jsx(Content, {
+      classProps: {
+        canMove: isMovable(item),
+        isChecked,
+        isReadonly: item.readyOnly
+      },
+      onClick: onSelect
+    }, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx(SortHandler, {}))), (showIcon || showIcons) && /*#__PURE__*/_jsx(IconWrapper, {}, void 0, item.icon), /*#__PURE__*/_jsx(TruncatedTooltipText, {
+      className: "shuttle-tooltip-text",
+      value: item.name
+    })), showActions && /*#__PURE__*/_jsx(ActionsGroup, {}, void 0, actions)]
+  }));
 }
 
 export { ShuttleListItem as default };
-//# sourceMappingURL=ShuttleListItem.js.map

package/esm/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -1,86 +1,58 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { isMovable } from '../../helper.js';
 import { DrillDownButton, MoveButton } from './ActionButtons.js';
 import ShuttleListItem from './ShuttleListItem.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities/utils';
-import 'treetabular';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/CloseCircle';
-import '@elliemae/ds-icons/ArrowShortRight';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import 'react-spring/web.cjs';
-import '@elliemae/ds-basic/TruncatedTooltipText';
-import 'react-sortable-hoc';
-import '@elliemae/ds-icons/GripperVertical';
+import { jsx } from 'react/jsx-runtime';
 
-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(_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(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 = useState(false),
-      _useState2 = _slicedToArray(_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(_ref, _excluded);
 
-  var moveToTarget = useCallback(function () {
-    return onMoveToTarget(item);
-  }, [item]);
-  useEffect(function () {
+  const [clicked, setClicked] = useState(false);
+  const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);
+  useEffect(() => {
     if (clicked) {
       moveToTarget();
     }
   }, [clicked]);
-  var navigateOnSourceTo = useCallback(function () {
-    return onNavigateOnSourceTo(item);
-  }, [item]);
-  var checkItem = useCallback(function () {
+  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [item]);
+  const checkItem = useCallback(() => {
     if (!clicked) onItemCheck(item);
   }, [item, clicked]);
 
-  var handleOnClick = function handleOnClick() {
+  const handleOnClick = () => {
     if (!clicked) {
       setClicked(true);
     }
   };
 
-  return /*#__PURE__*/React.createElement(ShuttleListItem, _extends({}, rest, {
-    actions: [showDrillDownButton && /*#__PURE__*/React.createElement(DrillDownButton, {
-      key: "drill-down",
+  return /*#__PURE__*/jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    actions: [showDrillDownButton && /*#__PURE__*/_jsx(DrillDownButton, {
       disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
       onClick: navigateOnSourceTo
-    }), showMoveButton && /*#__PURE__*/React.createElement(MoveButton, {
+    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx(MoveButton, {
       "data-testid": "ds-shuttle__move-button",
-      key: "move",
       disabled: !isMovable(item) || item.readOnly,
       onClick: handleOnClick
-    })],
+    }, "move")],
     isChecked: isChecked,
     item: item,
     onSelect: checkItem
@@ -88,4 +60,3 @@ function ShuttleSourceListItem(_ref) {
 }
 
 export { ShuttleSourceListItem as default };
-//# sourceMappingURL=ShuttleSourceListItem.js.map

package/esm/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -1,67 +1,44 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { DrillDownButton, DeleteButton } from './ActionButtons.js';
 import ShuttleListItem from './ShuttleListItem.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-basic/Button';
-import '@elliemae/ds-icons/CloseCircle';
-import '@elliemae/ds-icons/ArrowShortRight';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import 'react-spring/web.cjs';
-import '@elliemae/ds-basic/TruncatedTooltipText';
-import 'react-sortable-hoc';
-import '@elliemae/ds-icons/GripperVertical';
-import '../../helper.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities/utils';
-import 'treetabular';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "showDeleteButton", "showDrillDownButton", "showActions", "index"];
+const _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "showDeleteButton", "showDrillDownButton", "showActions", "index"];
+
+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; }
 
 function ShuttleTargetListItem(_ref) {
-  var _ref$item = _ref.item,
-      item = _ref$item === void 0 ? {} : _ref$item,
-      _ref$onMoveToSource = _ref.onMoveToSource,
-      onMoveToSource = _ref$onMoveToSource === void 0 ? function () {
-    return null;
-  } : _ref$onMoveToSource,
-      _ref$onNavigateOnTarg = _ref.onNavigateOnTargetTo,
-      onNavigateOnTargetTo = _ref$onNavigateOnTarg === void 0 ? function () {
-    return null;
-  } : _ref$onNavigateOnTarg,
-      _ref$isRoot = _ref.isRoot,
-      isRoot = _ref$isRoot === void 0 ? false : _ref$isRoot,
-      _ref$showDeleteButton = _ref.showDeleteButton,
-      showDeleteButton = _ref$showDeleteButton === void 0 ? true : _ref$showDeleteButton,
-      _ref$showDrillDownBut = _ref.showDrillDownButton,
-      showDrillDownButton = _ref$showDrillDownBut === void 0 ? true : _ref$showDrillDownBut,
-      _ref$showActions = _ref.showActions,
-      showActions = _ref$showActions === void 0 ? true : _ref$showActions;
-      _ref.index;
-      var rest = _objectWithoutProperties(_ref, _excluded);
+  let {
+    item = {},
+    onMoveToSource = () => null,
+    onNavigateOnTargetTo = () => null,
+    isRoot = false,
+    showDeleteButton = true,
+    showDrillDownButton = true,
+    showActions = true,
+    index
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
-  var moveToSource = useCallback(function () {
-    return onMoveToSource(item);
-  }, [item]);
-  var navigateOnTargetTo = useCallback(function () {
-    return onNavigateOnTargetTo(item);
-  }, [item]);
-  return /*#__PURE__*/React.createElement(ShuttleListItem, _extends({}, rest, {
-    actions: [showDrillDownButton && /*#__PURE__*/React.createElement(DrillDownButton, {
-      key: "drill-down",
+  const moveToSource = useCallback(() => onMoveToSource(item), [item]);
+  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [item]);
+  return /*#__PURE__*/jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    actions: [showDrillDownButton && /*#__PURE__*/_jsx(DrillDownButton, {
       disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
       onClick: navigateOnTargetTo
-    }), showDeleteButton && isRoot && /*#__PURE__*/React.createElement(DeleteButton, {
-      key: "delete",
+    }, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx(DeleteButton, {
       disabled: item.readOnly,
       onClick: moveToSource,
       "data-testid": "ds-shuttle__close-button"
-    })],
+    }, "delete")],
     item: item,
     showActions: showActions
   }));
 }
 
 export { ShuttleTargetListItem as default };
-//# sourceMappingURL=ShuttleTargetListItem.js.map