@elliemae/ds-shuttle 2.3.0-next.0 → 3.0.0-alpha.0

package/cjs/ShuttleState.js

@@ -1,80 +0,0 @@
-'use strict';
-
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var react = require('react');
-var createContainer = require('constate');
-var helper = require('./helper.js');
-var Shuttle_actions = require('./Shuttle.actions.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var createContainer__default = /*#__PURE__*/_interopDefaultLegacy(createContainer);
-
-function useShuttleState() {
-  const [shuttleState, setShuttleState] = react.useState({
-    checkedItems: [],
-    movedItems: {},
-    hierarchy: [{
-      name: 'Category',
-      id: null
-    }],
-    hierarchyDest: [{
-      name: 'Added users',
-      id: null
-    }]
-  });
-
-  const setState = state => setShuttleState(state(shuttleState));
-
-  function setMovedItems() {
-    let itemsIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    const itemsToMove = helper.getItemsById(itemsIds, items);
-    const pipeActions = itemsToMove.map(item => Shuttle_actions.moveItem(item));
-    setState(helper.pipe([Shuttle_actions.resetMovedItems(), ...pipeActions]));
-  }
-
-  function navigate(item, dest) {
-    setState(helper.pipe([Shuttle_actions.navigateTo(item, dest), Shuttle_actions.resetCheckedItems()]));
-  }
-
-  function resetCheckedItems() {
-    setState(Shuttle_actions.resetCheckedItems());
-  }
-
-  function resetMovedItems() {
-    setState(helper.pipe([Shuttle_actions.navigateTo({
-      id: null
-    }, true), Shuttle_actions.resetMovedItems()]));
-  }
-
-  function moveItem(item, dest) {
-    setState(helper.pipe([Shuttle_actions.moveItem(item), Shuttle_actions.resetCheckedItems()]));
-  }
-
-  function toggleItemSelection(item) {
-    setState(Shuttle_actions.toggleItemSelection(item.id));
-  }
-
-  function moveCheckedItems(items) {
-    const pipeActions = items.map(item => moveItem(item));
-    setState(helper.pipe([...pipeActions, resetCheckedItems()]));
-  }
-
-  return {
-    state: shuttleState,
-    toggleItemSelection,
-    moveCheckedItems,
-    moveItem,
-    resetMovedItems,
-    resetCheckedItems,
-    navigate,
-    setMovedItems
-  };
-}
-
-var useShuttleState$1 = createContainer__default["default"](useShuttleState, value => [value.state]);
-
-module.exports = useShuttleState$1;

package/cjs/animation/animationConfig.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-// shuttle list and items constants
-const itemAnimationDuration = 300;
-const listAnimationDuration = 300;
-const xPosMovement = 500; // breadcrumb constants
-
-const breadcrumbDuration = 200;
-const xBreadcrumbPos = 300;
-const animationConfig = {
-  slideRight: {
-    from: {
-      transform: 'translate3d(0,0,0)'
-    },
-    to: {
-      transform: "translate3d(".concat(xPosMovement, "px,0,0)")
-    }
-  },
-  slideLeft: {
-    from: {
-      transform: 'translate3d(0,0,0)'
-    },
-    to: {
-      transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
-    }
-  },
-  moveItem: isMovingLeft => ({
-    config: {
-      duration: itemAnimationDuration
-    },
-    enter: {
-      opacity: 1,
-      transform: "translate3d(".concat(0, "px,0,0)")
-    },
-    from: {
-      opacity: 1,
-      transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
-    },
-    leave: {
-      transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
-    }
-  }),
-  moveList: isDrillingDown => ({
-    config: {
-      duration: listAnimationDuration
-    },
-    enter: {
-      opacity: 1,
-      transform: 'translate3d(0,0,0)'
-    },
-    from: {
-      opacity: 0,
-      transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
-    },
-    leave: {
-      opacity: 0,
-      transform: "translate3d(0,".concat(isDrillingDown ? -xPosMovement : xPosMovement, "px,0)")
-    }
-  }),
-  breadcrumb: () => ({
-    config: {
-      duration: breadcrumbDuration
-    },
-    enter: {
-      opacity: 1,
-      transform: "translate3d(".concat(0, "px,0,0)")
-    },
-    from: {
-      opacity: 0,
-      transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
-    },
-    leave: {
-      opacity: 0,
-      transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
-    }
-  })
-};
-
-exports.animationConfig = animationConfig;

package/cjs/classedComponents.js

@@ -1,71 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSButton = require('@elliemae/ds-button');
-var dsClassnames = require('@elliemae/ds-classnames');
-var ShuttleBreadcrumb = require('./components/ShuttleBreadcrumb.js');
-var OverflowList = require('./components/OverflowList.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const blockName = 'shuttle';
-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')("".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, _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
-
-const ShuttleFooter = dsClassnames.aggregatedClasses('div')(footerBlockName);
-const ShuttleFooterActions = dsClassnames.aggregatedClasses('div')(footerBlockName, 'actions');
-const ShuttleFooterCounter = dsClassnames.aggregatedClasses('span')(footerBlockName, 'counter');
-
-exports.EmptyMessage = EmptyMessage;
-exports.LoadingList = LoadingList;
-exports.Overflow = Overflow;
-exports.ShuttleContainer = ShuttleContainer;
-exports.ShuttleFooter = ShuttleFooter;
-exports.ShuttleFooterActions = ShuttleFooterActions;
-exports.ShuttleFooterCounter = ShuttleFooterCounter;
-exports.ShuttleHeader = ShuttleHeader;
-exports.ShuttleHeaderBreadcrumb = ShuttleHeaderBreadcrumb;
-exports.ShuttleHeaderSearchToggle = ShuttleHeaderSearchToggle;
-exports.ShuttleList = ShuttleList;
-exports.ShuttleListPanel = ShuttleListPanel;
-exports.ShuttleWrapper = ShuttleWrapper;

package/cjs/components/LoadingIndicator.js

@@ -1,25 +0,0 @@
-'use strict';
-
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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%;"]);
-
-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;

package/cjs/components/OverflowList.js

@@ -1,53 +0,0 @@
-'use strict';
-
-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');
-var AnimationState = require('../AnimationState.js');
-
-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);
-
-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__default["default"](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 OverflowList(_ref) {
-  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(_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,42 +0,0 @@
-'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');
-var animationConfig = require('../animation/animationConfig.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
-
-function ShuttleBreadcrumb(_ref) {
-  let {
-    className = '',
-    hierarchy = [],
-    onNavigateTo = () => null
-  } = _ref;
-  const animatedCrumbs = web.useTransition(hierarchy, item => item.id, animationConfig.animationConfig.breadcrumb());
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: className
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"], {
-    isTitle: true
-  }, void 0, animatedCrumbs.map(_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

@@ -1,39 +0,0 @@
-'use strict';
-
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
-
-var _DSIndeterminateProgr;
-const blockName = 'shuttle-infinite-scroll-indicator';
-const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    isOpen
-  } = _ref;
-  return {
-    opened: isOpen
-  };
-});
-
-const ShuttleInfiniteScrollIndicator = _ref2 => {
-  let {
-    isOpen
-  } = _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

@@ -1,55 +0,0 @@
-'use strict';
-
-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-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-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__default["default"](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 = 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;

package/cjs/components/ShuttleListItem/ShuttleListItem.js

@@ -1,85 +0,0 @@
-'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');
-require('react');
-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 dsIcons = require('@elliemae/ds-icons');
-var helper = require('../../helper.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var TruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(TruncatedTooltipText);
-
-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__default["default"](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 = 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
-  };
-});
-const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
-  className: "gripper"
-})));
-
-function ShuttleListItem(_ref2) {
-  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__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
-    role: "listitem",
-    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;

package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js

@@ -1,76 +0,0 @@
-'use strict';
-
-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');
-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-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__default["default"](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__default["default"](_ref, _excluded);
-
-  const [clicked, setClicked] = react.useState(false);
-  const moveToTarget = react.useCallback(() => onMoveToTarget(item), [item]);
-  react.useEffect(() => {
-    if (clicked) {
-      moveToTarget();
-    }
-  }, [clicked]);
-  const navigateOnSourceTo = react.useCallback(() => onNavigateOnSourceTo(item), [item]);
-  const checkItem = react.useCallback(() => {
-    if (!clicked) onItemCheck(item);
-  }, [item, clicked]);
-
-  const handleOnClick = () => {
-    if (!clicked) {
-      setClicked(true);
-    }
-  };
-
-  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
-    }, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.MoveButton, {
-      "data-testid": "ds-shuttle__move-button",
-      disabled: !helper.isMovable(item) || item.readOnly,
-      onClick: handleOnClick
-    }, "move")],
-    isChecked: isChecked,
-    item: item,
-    onSelect: checkItem
-  }));
-}
-
-module.exports = ShuttleSourceListItem;