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

package/cjs/components/ShuttleSource.js

@@ -1,146 +1,93 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var PropTypes = require('prop-types');
+var react = require('react');
 var ArrowShortRight = require('@elliemae/ds-icons/ArrowShortRight');
 var DSButton = require('@elliemae/ds-basic/Button');
 var Search = require('@elliemae/ds-icons/Search');
 var utils = require('@elliemae/ds-utilities/utils');
-var components_ShuttleSearchBox = require('./ShuttleSearchBox.js');
-var components_ShuttleInfiniteScrollIndicator = require('./ShuttleInfiniteScrollIndicator.js');
-var components_ShuttleListItem_ShuttleSourceListItem = require('./ShuttleListItem/ShuttleSourceListItem.js');
+var ShuttleSearchBox = require('./ShuttleSearchBox.js');
+var ShuttleInfiniteScrollIndicator = require('./ShuttleInfiniteScrollIndicator.js');
+var ShuttleSourceListItem = require('./ShuttleListItem/ShuttleSourceListItem.js');
 var classedComponents = require('../classedComponents.js');
-var components_ShuttleListPanel = require('./ShuttleListPanel.js');
-var components_VirtualizedList = require('./VirtualizedList.js');
+var ShuttleListPanel = require('./ShuttleListPanel.js');
+var VirtualizedList = require('./VirtualizedList.js');
 var helper = require('../helper.js');
 var AnimationState = require('../AnimationState.js');
 var SearchState = require('../SearchState.js');
-var components_VirtualizedSortableList = require('./VirtualizedSortableList.js');
-var components_LoadingIndicator = require('./LoadingIndicator.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-basic/form/TextBox');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
-require('@babel/runtime/helpers/slicedToArray');
-require('./ShuttleListItem/ActionButtons.js');
-require('@elliemae/ds-icons/CloseCircle');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('./ShuttleListItem/ShuttleListItem.js');
-require('react-spring/web.cjs');
-require('@elliemae/ds-basic/TruncatedTooltipText');
-require('react-sortable-hoc');
-require('@elliemae/ds-icons/GripperVertical');
-require('./ShuttleBreadcrumb.js');
-require('@elliemae/ds-basic/Breadcrumb');
-require('../animation/animationConfig.js');
-require('./OverflowList.js');
-require('react-window');
-require('react-window-infinite-loader');
-require('react-virtualized-auto-sizer');
-require('./VirtualizedItem.js');
-require('treetabular');
-require('constate');
-require('@elliemae/ds-basic/CircularProgressIndicator');
-require('styled-components');
+var VirtualizedSortableList = require('./VirtualizedSortableList.js');
+var LoadingIndicator = require('./LoadingIndicator.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ArrowShortRight__default = /*#__PURE__*/_interopDefaultLegacy(ArrowShortRight);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 
-var _excluded = ["item"];
+const _excluded = ["item"];
 
-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 noop = function noop() {};
-
-function ShuttleSource(_ref) {
-  var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$checkedItems = _ref.checkedItems,
-      checkedItems = _ref$checkedItems === void 0 ? [] : _ref$checkedItems,
-      _ref$hierarchy = _ref.hierarchy,
-      hierarchy = _ref$hierarchy === void 0 ? [] : _ref$hierarchy,
-      _ref$onMoveItem = _ref.onMoveItem,
-      onMoveItem = _ref$onMoveItem === void 0 ? noop : _ref$onMoveItem,
-      _ref$onCheckItem = _ref.onCheckItem,
-      onCheckItem = _ref$onCheckItem === void 0 ? noop : _ref$onCheckItem,
-      _ref$onMoveCheckedIte = _ref.onMoveCheckedItems,
-      onMoveCheckedItems = _ref$onMoveCheckedIte === void 0 ? noop : _ref$onMoveCheckedIte,
-      _ref$onNavigateTo = _ref.onNavigateTo,
-      onNavigateTo = _ref$onNavigateTo === void 0 ? noop : _ref$onNavigateTo,
-      _ref$onClearCheckedIt = _ref.onClearCheckedItems,
-      onClearCheckedItems = _ref$onClearCheckedIt === void 0 ? noop : _ref$onClearCheckedIt,
-      _ref$emptyMessage = _ref.emptyMessage,
-      emptyMessage = _ref$emptyMessage === void 0 ? 'No items found' : _ref$emptyMessage,
-      _ref$composeSourceIte = _ref.composeSourceItemProps,
-      composeSourceItemProps = _ref$composeSourceIte === void 0 ? noop : _ref$composeSourceIte,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$onSearch = _ref.onSearch,
-      onSearch = _ref$onSearch === void 0 ? noop : _ref$onSearch,
-      _ref$onSearchClose = _ref.onSearchClose,
-      onSearchClose = _ref$onSearchClose === void 0 ? noop : _ref$onSearchClose,
-      _ref$onSearchOpen = _ref.onSearchOpen,
-      onSearchOpen = _ref$onSearchOpen === void 0 ? noop : _ref$onSearchOpen,
-      _ref$sourceSortable = _ref.sourceSortable,
-      sourceSortable = _ref$sourceSortable === void 0 ? false : _ref$sourceSortable,
-      _ref$onSortEnd = _ref.onSortEnd,
-      onSortEnd = _ref$onSortEnd === void 0 ? noop : _ref$onSortEnd,
-      _ref$sourceClearItems = _ref.sourceClearItemsText,
-      sourceClearItemsText = _ref$sourceClearItems === void 0 ? 'CLEAR ALL' : _ref$sourceClearItems,
-      searchPlaceholder = _ref.searchPlaceholder,
-      _ref$renderSourceCoun = _ref.renderSourceCounter,
-      renderSourceCounter = _ref$renderSourceCoun === void 0 ? function (amount) {
-    return "".concat(amount, " items");
-  } : _ref$renderSourceCoun,
-      _ref$onGetMoreItems = _ref.onGetMoreItems,
-      onGetMoreItems = _ref$onGetMoreItems === void 0 ? function () {} : _ref$onGetMoreItems,
-      _ref$moreItemsLoading = _ref.moreItemsLoading,
-      moreItemsLoading = _ref$moreItemsLoading === void 0 ? false : _ref$moreItemsLoading,
-      _ref$hasNextPage = _ref.hasNextPage,
-      hasNextPage = _ref$hasNextPage === void 0 ? false : _ref$hasNextPage;
-
-  var _useContext = React.useContext(AnimationState.Context),
-      _useContext$state = _useContext.state,
-      _useContext$state$isM = _useContext$state.isMovingBack,
-      isMovingBack = _useContext$state$isM === void 0 ? false : _useContext$state$isM,
-      isMoving = _useContext$state.isMoving;
+var _Search, _LoadingList, _ArrowShortRight, _ShuttleInfiniteScrol;
 
-  var _useContext2 = React.useContext(SearchState.Context),
-      _useContext2$state = _useContext2.state,
-      searching = _useContext2$state.searching,
-      searchTerm = _useContext2$state.searchTerm,
-      setSearchTerm = _useContext2.setSearchTerm,
-      resetSearch = _useContext2.reset,
-      toggleSearchBox = _useContext2.toggleSearchBox;
+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; }
 
-  var hashedCheckedItems = React.useMemo(function () {
-    return checkedItems.reduce(function (result, item) {
-      return _objectSpread(_objectSpread({}, result), {}, _defineProperty__default['default']({}, item, true));
-    }, {});
-  }, [checkedItems]);
-  var handleCloseSearch = React.useCallback(function () {
+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 noop = () => {};
+
+function ShuttleSource({
+  items = [],
+  checkedItems = [],
+  // build Map() and memoize it for better performance
+  hierarchy = [],
+  onMoveItem = noop,
+  onCheckItem = noop,
+  onMoveCheckedItems = noop,
+  onNavigateTo = noop,
+  onClearCheckedItems = noop,
+  emptyMessage = 'No items found',
+  composeSourceItemProps = noop,
+  loading = false,
+  onSearch = noop,
+  onSearchClose = noop,
+  onSearchOpen = noop,
+  sourceSortable = false,
+  onSortEnd = noop,
+  sourceClearItemsText = 'CLEAR ALL',
+  searchPlaceholder,
+  renderSourceCounter = amount => `${amount} items`,
+  onGetMoreItems = () => {},
+  moreItemsLoading = false,
+  hasNextPage = false
+}) {
+  const {
+    state: {
+      isMovingBack = false,
+      isMoving
+    }
+  } = react.useContext(AnimationState.Context);
+  const {
+    state: {
+      searching,
+      searchTerm
+    },
+    setSearchTerm,
+    reset: resetSearch,
+    toggleSearchBox
+  } = react.useContext(SearchState.Context);
+  const hashedCheckedItems = react.useMemo(() => checkedItems.reduce((result, item) => _objectSpread(_objectSpread({}, result), {}, {
+    [item]: true
+  }), {}), [checkedItems]);
+  const handleCloseSearch = react.useCallback(() => {
     setSearchTerm('');
     utils.runAll(resetSearch, onSearchClose)();
   }, [searching]);
-  var handleToggleSearch = React.useCallback(function () {
+  const handleToggleSearch = react.useCallback(() => {
     toggleSearchBox(!searching);
 
     if (searching) {
@@ -149,64 +96,61 @@ function ShuttleSource(_ref) {
       onSearchOpen();
     }
   }, [searching]);
-  var ComponentList = React.useMemo(function () {
-    return sourceSortable ? components_VirtualizedSortableList : components_VirtualizedList;
-  }, [sourceSortable]);
+  const ComponentList = react.useMemo(() => sourceSortable ? VirtualizedSortableList : VirtualizedList, [sourceSortable]);
 
-  var handleSortEnd = function handleSortEnd(_ref2) {
-    var oldIndex = _ref2.oldIndex,
-        newIndex = _ref2.newIndex;
+  const handleSortEnd = ({
+    oldIndex,
+    newIndex
+  }) => {
     onSortEnd({
       sourceItem: items[oldIndex],
       targetItem: items[newIndex]
     });
   };
 
-  var isEmpty = !items.length;
-  var hasContent = !loading && !isEmpty;
-  var contentIsEmpty = !loading && isEmpty;
-  return /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleWrapper, null, /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleHeader, null, /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleHeaderBreadcrumb, {
+  const isEmpty = !items.length;
+  const hasContent = !loading && !isEmpty;
+  const contentIsEmpty = !loading && isEmpty;
+  return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderBreadcrumb, {
     hierarchy: hierarchy,
     onNavigateTo: onNavigateTo
-  }), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleHeaderSearchToggle, {
+  }), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderSearchToggle, {
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(Search__default['default'], null),
+    icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](Search__default["default"], {})),
     onClick: handleToggleSearch,
     containerProps: {
       'data-testid': 'shuttle-header-search-toggle'
     }
-  })), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleList, {
+  })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleList, {
     classProps: {
       showPulse: isMovingBack
     },
     style: {
       pointerEvents: isMoving ? 'none' : null
     }
-  }, /*#__PURE__*/React__default['default'].createElement(components_ShuttleSearchBox, {
-    key: searching,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleSearchBox, {
     isOpen: searching,
-    onClose: utils.runAll(function () {
-      return toggleSearchBox(false);
-    }, handleCloseSearch),
+    onClose: utils.runAll(() => toggleSearchBox(false), handleCloseSearch),
     onFilter: utils.runAll(setSearchTerm, onSearch),
     placeholder: searchPlaceholder,
     value: searchTerm
-  }), hasContent ? /*#__PURE__*/React__default['default'].createElement(classedComponents.Overflow, {
+  }, searching), hasContent ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
     activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
     classProps: {
-      searching: searching,
+      searching,
       empty: isEmpty
     }
-  }, /*#__PURE__*/React__default['default'].createElement(ComponentList, {
-    key: searchTerm,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
     helperClass: "drag-helper",
-    itemRenderer: function itemRenderer(_ref3) {
-      var item = _ref3.item,
-          rest = _objectWithoutProperties__default['default'](_ref3, _excluded);
+    itemRenderer: _ref => {
+      let {
+        item
+      } = _ref,
+          rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-      return /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ShuttleSourceListItem, _extends__default['default']({
+      return /*#__PURE__*/jsxRuntime.jsx(ShuttleSourceListItem, _objectSpread(_objectSpread(_objectSpread({
         "data-testid": "source-list-item"
-      }, rest, composeSourceItemProps(item, rest), {
+      }, rest), composeSourceItemProps(item, rest)), {}, {
         isChecked: !!hashedCheckedItems[item.id],
         item: item,
         onItemCheck: onCheckItem,
@@ -219,46 +163,20 @@ function ShuttleSource(_ref) {
     onSortEnd: handleSortEnd,
     getMoreItems: onGetMoreItems,
     hasNextPage: hasNextPage
-  })) : null, contentIsEmpty ? /*#__PURE__*/React__default['default'].createElement(classedComponents.LoadingList, {
+  }, searchTerm)) : null, contentIsEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {
     "data-testid": "shuttle__loading-list"
-  }, /*#__PURE__*/React__default['default'].createElement(classedComponents.EmptyMessage, null, emptyMessage)) : null, loading ? /*#__PURE__*/React__default['default'].createElement(classedComponents.LoadingList, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.EmptyMessage, {}, void 0, emptyMessage)) : null, loading ? _LoadingList || (_LoadingList = /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {
     "data-testid": "shuttle__loading-list"
-  }, /*#__PURE__*/React__default['default'].createElement(components_LoadingIndicator, null)) : null, /*#__PURE__*/React__default['default'].createElement(components_ShuttleListPanel, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {}))) : null, /*#__PURE__*/_jsx__default["default"](ShuttleListPanel, {
     onClick: onMoveCheckedItems,
     open: checkedItems.length > 1
-  }, /*#__PURE__*/React__default['default'].createElement(ArrowShortRight__default['default'], null)), moreItemsLoading ? /*#__PURE__*/React__default['default'].createElement(components_ShuttleInfiniteScrollIndicator, {
+  }, void 0, _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](ArrowShortRight__default["default"], {}))), moreItemsLoading ? _ShuttleInfiniteScrol || (_ShuttleInfiniteScrol = /*#__PURE__*/_jsx__default["default"](ShuttleInfiniteScrollIndicator, {
     isOpen: true
-  }) : null), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleFooter, null, /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleFooterActions, null, !!checkedItems.length && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  })) : null), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterActions, {}, void 0, !!checkedItems.length && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "link",
     labelText: sourceClearItemsText,
     onClick: onClearCheckedItems
-  })), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleFooterCounter, null, renderSourceCounter(checkedItems.length))));
+  })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderSourceCounter(checkedItems.length))));
 }
 
-ShuttleSource.propTypes = {
-  items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
-  checkedItems: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
-  hierarchy: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({})),
-  onMoveItem: PropTypes__default['default'].func,
-  onCheckItem: PropTypes__default['default'].func,
-  onMoveCheckedItems: PropTypes__default['default'].func,
-  onNavigateTo: PropTypes__default['default'].func,
-  onClearCheckedItems: PropTypes__default['default'].func,
-  emptyMessage: PropTypes__default['default'].string,
-  composeSourceItemProps: PropTypes__default['default'].func,
-  loading: PropTypes__default['default'].bool,
-  onSearch: PropTypes__default['default'].func,
-  onSearchClose: PropTypes__default['default'].func,
-  onSearchOpen: PropTypes__default['default'].func,
-  sourceSortable: PropTypes__default['default'].bool,
-  onSortEnd: PropTypes__default['default'].func,
-  sourceClearItemsText: PropTypes__default['default'].string,
-  searchPlaceholder: PropTypes__default['default'].string,
-  renderSourceCounter: PropTypes__default['default'].func,
-  onGetMoreItems: PropTypes__default['default'].func,
-  moreItemsLoading: PropTypes__default['default'].bool,
-  hasNextPage: PropTypes__default['default'].bool
-};
-
 module.exports = ShuttleSource;
-//# sourceMappingURL=ShuttleSource.js.map

package/cjs/components/ShuttleTarget.js

@@ -1,120 +1,91 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
+var react = require('react');
 var DSButton = require('@elliemae/ds-basic/Button');
 var classedComponents = require('../classedComponents.js');
 var helper = require('../helper.js');
 var AnimationState = require('../AnimationState.js');
-var components_VirtualizedList = require('./VirtualizedList.js');
-var components_ShuttleListItem_ShuttleTargetListItem = require('./ShuttleListItem/ShuttleTargetListItem.js');
-var components_VirtualizedSortableList = require('./VirtualizedSortableList.js');
-var components_LoadingIndicator = require('./LoadingIndicator.js');
-require('@elliemae/ds-classnames');
-require('./ShuttleBreadcrumb.js');
-require('react-spring/web.cjs');
-require('@elliemae/ds-basic/Breadcrumb');
-require('../animation/animationConfig.js');
-require('./OverflowList.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
-require('treetabular');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
-require('react-window');
-require('react-window-infinite-loader');
-require('react-virtualized-auto-sizer');
-require('./VirtualizedItem.js');
-require('./ShuttleListItem/ActionButtons.js');
-require('@elliemae/ds-icons/CloseCircle');
-require('@elliemae/ds-icons/ArrowShortRight');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('./ShuttleListItem/ShuttleListItem.js');
-require('@elliemae/ds-basic/TruncatedTooltipText');
-require('react-sortable-hoc');
-require('@elliemae/ds-icons/GripperVertical');
-require('@elliemae/ds-basic/CircularProgressIndicator');
-require('styled-components');
+var VirtualizedList = require('./VirtualizedList.js');
+var ShuttleTargetListItem = require('./ShuttleListItem/ShuttleTargetListItem.js');
+var VirtualizedSortableList = require('./VirtualizedSortableList.js');
+var LoadingIndicator = require('./LoadingIndicator.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var _excluded = ["item"];
+const _excluded = ["item"];
 
-var noop = function noop() {};
+var _LoadingIndicator;
 
-function ShuttleTarget(_ref) {
-  var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      _ref$hierarchy = _ref.hierarchy,
-      hierarchy = _ref$hierarchy === void 0 ? [] : _ref$hierarchy,
-      _ref$onNavigateTo = _ref.onNavigateTo,
-      onNavigateTo = _ref$onNavigateTo === void 0 ? noop : _ref$onNavigateTo,
-      _ref$onMoveItem = _ref.onMoveItem,
-      onMoveItem = _ref$onMoveItem === void 0 ? noop : _ref$onMoveItem,
-      _ref$onClearMovedItem = _ref.onClearMovedItems,
-      onClearMovedItems = _ref$onClearMovedItem === void 0 ? noop : _ref$onClearMovedItem,
-      _ref$emptyMessage = _ref.emptyMessage,
-      emptyMessage = _ref$emptyMessage === void 0 ? 'No items selected' : _ref$emptyMessage,
-      _ref$composeTargetIte = _ref.composeTargetItemProps,
-      composeTargetItemProps = _ref$composeTargetIte === void 0 ? function () {
-    return {};
-  } : _ref$composeTargetIte,
-      _ref$targetSortable = _ref.targetSortable,
-      targetSortable = _ref$targetSortable === void 0 ? false : _ref$targetSortable,
-      _ref$onSortEnd = _ref.onSortEnd,
-      onSortEnd = _ref$onSortEnd === void 0 ? noop : _ref$onSortEnd,
-      _ref$targetClearItems = _ref.targetClearItemsText,
-      targetClearItemsText = _ref$targetClearItems === void 0 ? 'CLEAR ALL' : _ref$targetClearItems,
-      _ref$renderTargetCoun = _ref.renderTargetCounter,
-      renderTargetCounter = _ref$renderTargetCoun === void 0 ? function (amount) {
-    return "".concat(amount, " items");
-  } : _ref$renderTargetCoun,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading;
+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; }
 
-  var _useContext = React.useContext(AnimationState.Context),
-      _useContext$state$isM = _useContext.state.isMoving,
-      isMoving = _useContext$state$isM === void 0 ? false : _useContext$state$isM;
+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 isEmpty = !items.length;
-  var emptyContent = loading ? /*#__PURE__*/React__default['default'].createElement(components_LoadingIndicator, null) : /*#__PURE__*/React__default['default'].createElement(classedComponents.EmptyMessage, null, emptyMessage);
-  var ComponentList = targetSortable ? components_VirtualizedSortableList : components_VirtualizedList;
+const noop = () => {};
 
-  var handleSortEnd = function handleSortEnd(_ref2) {
-    var oldIndex = _ref2.oldIndex,
-        newIndex = _ref2.newIndex;
+function ShuttleTarget({
+  items = [],
+  hierarchy = [],
+  onNavigateTo = noop,
+  onMoveItem = noop,
+  onClearMovedItems = noop,
+  emptyMessage = 'No items selected',
+  composeTargetItemProps = () => ({}),
+  targetSortable = false,
+  onSortEnd = noop,
+  targetClearItemsText = 'CLEAR ALL',
+  renderTargetCounter = amount => `${amount} items`,
+  loading = false
+}) {
+  const {
+    state: {
+      isMoving = false
+    }
+  } = react.useContext(AnimationState.Context);
+  const isEmpty = !items.length;
+  const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {})) : /*#__PURE__*/_jsx__default["default"](classedComponents.EmptyMessage, {}, void 0, emptyMessage);
+  const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
+
+  const handleSortEnd = ({
+    oldIndex,
+    newIndex
+  }) => {
     onSortEnd({
       sourceItem: items[oldIndex],
       targetItem: items[newIndex]
     });
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleWrapper, null, /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleHeader, null, /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleHeaderBreadcrumb, {
+  return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderBreadcrumb, {
     hierarchy: hierarchy,
     onNavigateTo: onNavigateTo
-  })), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleList, {
+  })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleList, {
     classProps: {
       showPulse: isMoving
     }
-  }, !loading && !isEmpty ? /*#__PURE__*/React__default['default'].createElement(classedComponents.Overflow, {
+  }, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
     activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
     classProps: {
       empty: !items.length
     }
-  }, /*#__PURE__*/React__default['default'].createElement(ComponentList, {
-    itemRenderer: function itemRenderer(_ref3) {
-      var item = _ref3.item,
-          rest = _objectWithoutProperties__default['default'](_ref3, _excluded);
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
+    itemRenderer: _ref => {
+      let {
+        item
+      } = _ref,
+          rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-      return /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ShuttleTargetListItem, _extends__default['default']({
+      return /*#__PURE__*/jsxRuntime.jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
         "data-testid": "target-list-item"
-      }, rest, composeTargetItemProps(item, rest), {
+      }, rest), composeTargetItemProps(item, rest)), {}, {
         isRoot: !helper.getActiveIdFromHierarchy(hierarchy).id,
         item: item,
         onMoveToSource: onMoveItem,
@@ -125,15 +96,14 @@ function ShuttleTarget(_ref) {
     items: items,
     onSortEnd: handleSortEnd,
     target: true
-  })) : /*#__PURE__*/React__default['default'].createElement(classedComponents.LoadingList, null, emptyContent)), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleFooter, null, /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleFooterActions, null, !!items.length && /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+  })) : /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {}, void 0, emptyContent)), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterActions, {}, void 0, !!items.length && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     containerProps: {
       'data-testid': 'shuttle-clear-all-target'
     },
     buttonType: "link",
     labelText: targetClearItemsText,
     onClick: onClearMovedItems
-  })), /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleFooterCounter, null, renderTargetCounter(items.length))));
+  })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderTargetCounter(items.length))));
 }
 
 module.exports = ShuttleTarget;
-//# sourceMappingURL=ShuttleTarget.js.map

package/cjs/components/VirtualizedItem.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+var react = require('react');
 var reactWindow = require('react-window');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,31 +10,31 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var VirtualizedItem = /*#__PURE__*/React.memo(function (_ref) {
-  var data = _ref.data,
-      index = _ref.index,
-      virtualizedStyles = _ref.style,
-      _ref$showSortHandler = _ref.showSortHandler,
-      showSortHandler = _ref$showSortHandler === void 0 ? false : _ref$showSortHandler;
-  var items = data.items,
-      itemRenderer = data.itemRenderer,
-      isItemMoving = data.isItemMoving;
-
-  var _ref2 = items[index] || {},
-      item = _ref2.item,
-      animatedStyles = _ref2.props,
-      key = _ref2.key;
-
+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 VirtualizedItem = /*#__PURE__*/react.memo(({
+  data,
+  index,
+  style: virtualizedStyles,
+  showSortHandler = false
+}) => {
+  const {
+    items,
+    itemRenderer,
+    isItemMoving
+  } = data;
+  const {
+    item,
+    props: animatedStyles,
+    key
+  } = items[index] || {};
   if (!item) return null;
   return itemRenderer({
-    index: index,
-    key: key,
-    item: item,
-    showSortHandler: showSortHandler,
+    index,
+    key,
+    item,
+    showSortHandler,
     style: isItemMoving ? _objectSpread(_objectSpread({}, animatedStyles), virtualizedStyles) : virtualizedStyles
   });
 }, reactWindow.areEqual);
 
 module.exports = VirtualizedItem;
-//# sourceMappingURL=VirtualizedItem.js.map