@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/components/ShuttleBreadcrumb.js

@@ -1,25 +1,35 @@
-import * as React from "react";
-import React2 from "react";
-import { useTransition, animated } from "react-spring/web";
-import { DSBreadcrumb } from "@elliemae/ds-breadcrumb";
-import { animationConfig } from "../animation/animationConfig";
-function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () => null }) {
-  const animatedCrumbs = useTransition(hierarchy, (item) => item.id, animationConfig.breadcrumb());
-  return /* @__PURE__ */ React2.createElement("div", {
-    className
-  }, /* @__PURE__ */ React2.createElement(DSBreadcrumb, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
+import { useTransition, animated } from 'react-spring/web';
+import DSBreadcrumb from '@elliemae/ds-basic/Breadcrumb';
+import { animationConfig } from '../animation/animationConfig.js';
+
+function ShuttleBreadcrumb(_ref) {
+  let {
+    className = '',
+    hierarchy = [],
+    onNavigateTo = () => null
+  } = _ref;
+  const animatedCrumbs = useTransition(hierarchy, item => item.id, animationConfig.breadcrumb());
+  return /*#__PURE__*/_jsx("div", {
+    className: className
+  }, void 0, /*#__PURE__*/_jsx(DSBreadcrumb, {
     isTitle: true
-  }, animatedCrumbs.map(({ item, props, key }) => /* @__PURE__ */ React2.createElement(DSBreadcrumb.Item, {
-    key,
-    containerComponent: animated.li,
-    label: item.name,
-    onClick: () => onNavigateTo(item, "up"),
-    style: props
-  }))));
+  }, void 0, animatedCrumbs.map(_ref2 => {
+    let {
+      item,
+      props,
+      key
+    } = _ref2;
+    return /*#__PURE__*/_jsx(DSBreadcrumb.Item, {
+      containerComponent: animated.li,
+      label: item.name,
+      onClick: () => onNavigateTo(item, 'up'),
+      style: props
+    }, key);
+  })));
 }
-var ShuttleBreadcrumb_default = ShuttleBreadcrumb;
-export {
-  ShuttleBreadcrumb,
-  ShuttleBreadcrumb_default as default
-};
-//# sourceMappingURL=ShuttleBreadcrumb.js.map
+
+export { ShuttleBreadcrumb as default };

package/esm/components/ShuttleInfiniteScrollIndicator.js

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

package/esm/components/ShuttleListItem/ActionButtons.js

@@ -1,31 +1,43 @@
-import * as React from "react";
-import React2 from "react";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { DSButton } from "@elliemae/ds-button";
-import { ArrowShortRight, ArrowShortReturn, CloseCircle } from "@elliemae/ds-icons";
-const ActionButton = aggregatedClasses(DSButton)("shuttle-list-item", "action-button");
-const DeleteButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+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-button';
+import { ArrowShortRight, ArrowShortReturn, CloseCircle } from '@elliemae/ds-icons';
+import { jsx } from 'react/jsx-runtime';
+
+var _CloseCircle, _ArrowShortRight, _ArrowShortReturn;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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: /* @__PURE__ */ React2.createElement(CloseCircle, null),
-  ...props
-});
-const MoveButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
+  icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx(CloseCircle, {}))
+}, props));
+const MoveButton = props => /*#__PURE__*/jsx(ActionButton, _objectSpread(_objectSpread({
   buttonType: "text",
-  icon: /* @__PURE__ */ React2.createElement(ArrowShortRight, null),
-  ...props,
-  containerProps: { "data-testid": "ds-shuttle__move-button" }
-});
-const DrillDownButton = (props) => /* @__PURE__ */ React2.createElement(ActionButton, {
+  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: /* @__PURE__ */ React2.createElement(ArrowShortReturn, {
+  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
+  }))
+}, props), {}, {
+  containerProps: {
+    'data-testid': 'shuttle__drill-btn'
+  }
+}));
+
+export { DeleteButton, DrillDownButton, MoveButton };

package/esm/components/ShuttleListItem/ShuttleListItem.js

@@ -1,54 +1,76 @@
-import * as React from "react";
-import React2 from "react";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { animated } from "react-spring/web";
-import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { sortableHandle } from "react-sortable-hoc";
-import { GripperVertical } from "@elliemae/ds-icons";
-import { isMovable } from "../../helper";
-const blockName = "shuttle-list-item";
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+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';
+import { isMovable } from '../../helper.js';
+import { jsxs } from 'react/jsx-runtime';
+
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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(() => /* @__PURE__ */ React2.createElement(GripperVertical, {
+const ActionsGroup = aggregatedClasses('div')(blockName, 'actions');
+const IconWrapper = aggregatedClasses('div')(blockName, 'icon-wrapper');
+const Content = aggregatedClasses('label')(blockName, 'content', _ref => {
+  let {
+    isChecked,
+    canMove,
+    isReadonly
+  } = _ref;
+  return {
+    checked: isChecked,
+    'can-hover': canMove,
+    'read-only': isReadonly
+  };
+});
+const SortHandler = sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx(GripperVertical, {
   className: "gripper"
-}));
-function ShuttleListItem({
-  item = {},
-  showIcons = void 0,
-  showIcon = true,
-  onSelect = () => null,
-  isChecked = false,
-  style = void 0,
-  showActions = true,
-  actions = [],
-  showSortHandler = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    ...rest,
+})));
+
+function ShuttleListItem(_ref2) {
+  let {
+    item = {},
+    showIcons = undefined,
+    showIcon = true,
+    onSelect = () => null,
+    isChecked = false,
+    style = undefined,
+    showActions = true,
+    actions = [],
+    showSortHandler = false
+  } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
     role: "listitem",
-    style
-  }, /* @__PURE__ */ React2.createElement(Content, {
-    classProps: {
-      canMove: isMovable(item),
-      isChecked,
-      isReadonly: item.readyOnly
-    },
-    onClick: onSelect
-  }, showSortHandler && /* @__PURE__ */ React2.createElement(SortHandler, null), (showIcon || showIcons) && /* @__PURE__ */ React2.createElement(IconWrapper, null, item.icon), /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    className: "shuttle-tooltip-text",
-    value: item.name
-  })), showActions && /* @__PURE__ */ React2.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)]
+  }));
 }
-var ShuttleListItem_default = ShuttleListItem;
-export {
-  ShuttleListItem,
-  ShuttleListItem_default as default
-};
-//# sourceMappingURL=ShuttleListItem.js.map
+
+export { ShuttleListItem as default };

package/esm/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -1,19 +1,37 @@
-import * as React from "react";
-import React2, { useState, useCallback, useEffect } from "react";
-import { isMovable } from "../../helper";
-import { DrillDownButton, MoveButton } from "./ActionButtons";
-import { ShuttleListItem } from "./ShuttleListItem";
-function ShuttleSourceListItem({
-  item = {},
-  onItemCheck = () => null,
-  onMoveToTarget = () => null,
-  onNavigateOnSourceTo = () => null,
-  isChecked = false,
-  showMoveButton = true,
-  showDrillDownButton = true,
-  index,
-  ...rest
-}) {
+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 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useState, useCallback, useEffect } from 'react';
+import { isMovable } from '../../helper.js';
+import { DrillDownButton, MoveButton } from './ActionButtons.js';
+import ShuttleListItem from './ShuttleListItem.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceTo", "isChecked", "showMoveButton", "showDrillDownButton", "index"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ShuttleSourceListItem(_ref) {
+  let {
+    item = {},
+    onItemCheck = () => null,
+    onMoveToTarget = () => null,
+    onNavigateOnSourceTo = () => null,
+    isChecked = false,
+    showMoveButton = true,
+    showDrillDownButton = true,
+    index
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   const [clicked, setClicked] = useState(false);
   const moveToTarget = useCallback(() => onMoveToTarget(item), [item]);
   useEffect(() => {
@@ -21,41 +39,30 @@ function ShuttleSourceListItem({
       moveToTarget();
     }
   }, [clicked]);
-  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [
-    item
-  ]);
+  const navigateOnSourceTo = useCallback(() => onNavigateOnSourceTo(item), [item]);
   const checkItem = useCallback(() => {
-    if (!clicked)
-      onItemCheck(item);
+    if (!clicked) onItemCheck(item);
   }, [item, clicked]);
+
   const handleOnClick = () => {
     if (!clicked) {
       setClicked(true);
     }
   };
-  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
-    ...rest,
-    actions: [
-      showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
-        key: "drill-down",
-        disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
-        onClick: navigateOnSourceTo
-      }),
-      showMoveButton && /* @__PURE__ */ React2.createElement(MoveButton, {
-        "data-testid": "ds-shuttle__move-button",
-        key: "move",
-        disabled: !isMovable(item) || item.readOnly,
-        onClick: handleOnClick
-      })
-    ],
-    isChecked,
-    item,
+
+  return /*#__PURE__*/jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
+    actions: [showDrillDownButton && /*#__PURE__*/_jsx(DrillDownButton, {
+      disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
+      onClick: navigateOnSourceTo
+    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx(MoveButton, {
+      "data-testid": "ds-shuttle__move-button",
+      disabled: !isMovable(item) || item.readOnly,
+      onClick: handleOnClick
+    }, "move")],
+    isChecked: isChecked,
+    item: item,
     onSelect: checkItem
-  });
+  }));
 }
-var ShuttleSourceListItem_default = ShuttleSourceListItem;
-export {
-  ShuttleSourceListItem,
-  ShuttleSourceListItem_default as default
-};
-//# sourceMappingURL=ShuttleSourceListItem.js.map
+
+export { ShuttleSourceListItem as default };

package/esm/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -1,44 +1,49 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { DeleteButton, DrillDownButton } from "./ActionButtons";
-import { ShuttleListItem } from "./ShuttleListItem";
-function ShuttleTargetListItem({
-  item = {},
-  onMoveToSource = () => null,
-  onNavigateOnTargetTo = () => null,
-  isRoot = false,
-  showDeleteButton = true,
-  showDrillDownButton = true,
-  showActions = true,
-  index,
-  ...rest
-}) {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+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 { useCallback } from 'react';
+import { DrillDownButton, DeleteButton } from './ActionButtons.js';
+import ShuttleListItem from './ShuttleListItem.js';
+import { jsx } from 'react/jsx-runtime';
+
+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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function ShuttleTargetListItem(_ref) {
+  let {
+    item = {},
+    onMoveToSource = () => null,
+    onNavigateOnTargetTo = () => null,
+    isRoot = false,
+    showDeleteButton = true,
+    showDrillDownButton = true,
+    showActions = true,
+    index
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   const moveToSource = useCallback(() => onMoveToSource(item), [item]);
-  const navigateOnTargetTo = useCallback(() => onNavigateOnTargetTo(item), [
-    item
-  ]);
-  return /* @__PURE__ */ React2.createElement(ShuttleListItem, {
-    ...rest,
-    actions: [
-      showDrillDownButton && /* @__PURE__ */ React2.createElement(DrillDownButton, {
-        key: "drill-down",
-        disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
-        onClick: navigateOnTargetTo
-      }),
-      showDeleteButton && isRoot && /* @__PURE__ */ React2.createElement(DeleteButton, {
-        key: "delete",
-        disabled: item.readOnly,
-        onClick: moveToSource,
-        "data-testid": "ds-shuttle__close-button"
-      })
-    ],
-    item,
-    showActions
-  });
+  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
+    }, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx(DeleteButton, {
+      disabled: item.readOnly,
+      onClick: moveToSource,
+      "data-testid": "ds-shuttle__close-button"
+    }, "delete")],
+    item: item,
+    showActions: showActions
+  }));
 }
-var ShuttleTargetListItem_default = ShuttleTargetListItem;
-export {
-  ShuttleTargetListItem,
-  ShuttleTargetListItem_default as default
-};
-//# sourceMappingURL=ShuttleTargetListItem.js.map
+
+export { ShuttleTargetListItem as default };

package/esm/components/ShuttleListPanel.js

@@ -1,20 +1,24 @@
-import * as React from "react";
-import React2 from "react";
-import { DSButton } from "@elliemae/ds-button";
-import { ShuttleListPanel as Wrapper } from "../classedComponents";
-function ShuttleListPanel({ onClick = () => null, open = false, children }) {
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
-    classProps: { open }
-  }, /* @__PURE__ */ React2.createElement(DSButton, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import DSButton from '@elliemae/ds-button';
+import { ShuttleListPanel as ShuttleListPanel$1 } from '../classedComponents.js';
+
+function ShuttleListPanel(_ref) {
+  let {
+    onClick = () => null,
+    open = false,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(ShuttleListPanel$1, {
+    classProps: {
+      open
+    }
+  }, void 0, /*#__PURE__*/_jsx(DSButton, {
     buttonType: "text",
     icon: children,
-    onClick,
+    onClick: onClick,
     "data-testid": "list-panel-btn"
   }));
 }
-var ShuttleListPanel_default = ShuttleListPanel;
-export {
-  ShuttleListPanel,
-  ShuttleListPanel_default as default
-};
-//# sourceMappingURL=ShuttleListPanel.js.map
+
+export { ShuttleListPanel as default };