@elliemae/ds-shuttle 2.3.0-alpha.9 → 2.3.0-next.3

package/cjs/components/ShuttleSource.js

@@ -0,0 +1,188 @@
+'use strict';
+
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.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 dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var dsUtilities = require('@elliemae/ds-utilities');
+var ShuttleSearchBox = require('./ShuttleSearchBox.js');
+var ShuttleInfiniteScrollIndicator = require('./ShuttleInfiniteScrollIndicator.js');
+var ShuttleSourceListItem = require('./ShuttleListItem/ShuttleSourceListItem.js');
+var classedComponents = require('../classedComponents.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 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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+const _excluded = ["item"];
+
+var _Search, _LoadingList, _ArrowShortRight, _ShuttleInfiniteScrol;
+
+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 noop = () => {};
+
+function ShuttleSource(_ref) {
+  let {
+    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 => "".concat(amount, " items"),
+    onGetMoreItems = () => {},
+    moreItemsLoading = false,
+    hasNextPage = false
+  } = _ref;
+  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('');
+    dsUtilities.runAll(resetSearch, onSearchClose)();
+  }, [searching]);
+  const handleToggleSearch = react.useCallback(() => {
+    toggleSearchBox(!searching);
+
+    if (searching) {
+      handleCloseSearch();
+    } else {
+      onSearchOpen();
+    }
+  }, [searching]);
+  const ComponentList = react.useMemo(() => sourceSortable ? VirtualizedSortableList : VirtualizedList, [sourceSortable]);
+
+  const handleSortEnd = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
+    onSortEnd({
+      sourceItem: items[oldIndex],
+      targetItem: items[newIndex]
+    });
+  };
+
+  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__*/_jsx__default["default"](classedComponents.ShuttleHeaderSearchToggle, {
+    buttonType: "text",
+    icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {})),
+    onClick: handleToggleSearch,
+    containerProps: {
+      'data-testid': 'shuttle-header-search-toggle'
+    }
+  })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleList, {
+    classProps: {
+      showPulse: isMovingBack
+    },
+    style: {
+      pointerEvents: isMoving ? 'none' : null
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleSearchBox, {
+    isOpen: searching,
+    onClose: dsUtilities.runAll(() => toggleSearchBox(false), handleCloseSearch),
+    onFilter: dsUtilities.runAll(setSearchTerm, onSearch),
+    placeholder: searchPlaceholder,
+    value: searchTerm
+  }, searching), hasContent ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
+    activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
+    classProps: {
+      searching,
+      empty: isEmpty
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
+    helperClass: "drag-helper",
+    itemRenderer: _ref3 => {
+      let {
+        item
+      } = _ref3,
+          rest = _objectWithoutProperties__default["default"](_ref3, _excluded);
+
+      return /*#__PURE__*/jsxRuntime.jsx(ShuttleSourceListItem, _objectSpread(_objectSpread(_objectSpread({
+        "data-testid": "source-list-item"
+      }, rest), composeSourceItemProps(item, rest)), {}, {
+        isChecked: !!hashedCheckedItems[item.id],
+        item: item,
+        onItemCheck: onCheckItem,
+        onMoveToTarget: onMoveItem,
+        onNavigateOnSourceTo: onNavigateTo,
+        showSortHandler: sourceSortable
+      }));
+    },
+    items: items,
+    onSortEnd: handleSortEnd,
+    getMoreItems: onGetMoreItems,
+    hasNextPage: hasNextPage
+  }, searchTerm)) : null, contentIsEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {
+    "data-testid": "shuttle__loading-list"
+  }, 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"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {}))) : null, /*#__PURE__*/_jsx__default["default"](ShuttleListPanel, {
+    onClick: onMoveCheckedItems,
+    open: checkedItems.length > 1
+  }, void 0, _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortRight, {}))), moreItemsLoading ? _ShuttleInfiniteScrol || (_ShuttleInfiniteScrol = /*#__PURE__*/_jsx__default["default"](ShuttleInfiniteScrollIndicator, {
+    isOpen: true
+  })) : 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__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderSourceCounter(checkedItems.length))));
+}
+
+module.exports = ShuttleSource;

package/cjs/components/ShuttleTarget.js

@@ -0,0 +1,116 @@
+'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');
+var react = require('react');
+var DSButton = require('@elliemae/ds-button');
+var classedComponents = require('../classedComponents.js');
+var helper = require('../helper.js');
+var AnimationState = require('../AnimationState.js');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+const _excluded = ["item"];
+
+var _LoadingIndicator;
+
+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 noop = () => {};
+
+function ShuttleTarget(_ref) {
+  let {
+    items = [],
+    hierarchy = [],
+    onNavigateTo = noop,
+    onMoveItem = noop,
+    onClearMovedItems = noop,
+    emptyMessage = 'No items selected',
+    composeTargetItemProps = () => ({}),
+    targetSortable = false,
+    onSortEnd = noop,
+    targetClearItemsText = 'CLEAR ALL',
+    renderTargetCounter = amount => "".concat(amount, " items"),
+    loading = false
+  } = _ref;
+  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 = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
+    onSortEnd({
+      sourceItem: items[oldIndex],
+      targetItem: items[newIndex]
+    });
+  };
+
+  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__*/_jsx__default["default"](classedComponents.ShuttleList, {
+    classProps: {
+      showPulse: isMoving
+    }
+  }, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
+    activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
+    classProps: {
+      empty: !items.length
+    }
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
+    itemRenderer: _ref3 => {
+      let {
+        item
+      } = _ref3,
+          rest = _objectWithoutProperties__default["default"](_ref3, _excluded);
+
+      return /*#__PURE__*/jsxRuntime.jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
+        "data-testid": "target-list-item"
+      }, rest), composeTargetItemProps(item, rest)), {}, {
+        isRoot: !helper.getActiveIdFromHierarchy(hierarchy).id,
+        item: item,
+        onMoveToSource: onMoveItem,
+        onNavigateOnTargetTo: onNavigateTo,
+        showSortHandler: targetSortable
+      }));
+    },
+    items: items,
+    onSortEnd: handleSortEnd,
+    target: true
+  })) : /*#__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__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderTargetCounter(items.length))));
+}
+
+module.exports = ShuttleTarget;

package/cjs/components/VirtualizedItem.js

@@ -0,0 +1,46 @@
+'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 react = require('react');
+var reactWindow = require('react-window');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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; }
+const VirtualizedItem = /*#__PURE__*/react.memo(_ref => {
+  let {
+    data,
+    index,
+    style: virtualizedStyles,
+    showSortHandler = false
+  } = _ref;
+  const {
+    items,
+    itemRenderer,
+    isItemMoving
+  } = data;
+  const {
+    item,
+    props: animatedStyles,
+    key
+  } = items[index] || {};
+  if (!item) return null;
+  return itemRenderer({
+    index,
+    key,
+    item,
+    showSortHandler,
+    style: isItemMoving ? _objectSpread(_objectSpread({}, animatedStyles), virtualizedStyles) : virtualizedStyles
+  });
+}, reactWindow.areEqual);
+
+module.exports = VirtualizedItem;

package/cjs/components/VirtualizedList.js

@@ -0,0 +1,93 @@
+'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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var react = require('react');
+var web = require('react-spring/web');
+var reactWindow = require('react-window');
+var InfiniteLoader = require('react-window-infinite-loader');
+var AutoSizer = require('react-virtualized-auto-sizer');
+var animationConfig = require('../animation/animationConfig.js');
+var AnimationState = require('../AnimationState.js');
+var VirtualizedItem = require('./VirtualizedItem.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var InfiniteLoader__default = /*#__PURE__*/_interopDefaultLegacy(InfiniteLoader);
+var AutoSizer__default = /*#__PURE__*/_interopDefaultLegacy(AutoSizer);
+
+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 VirtualizedList(_ref) {
+  let {
+    items,
+    itemRenderer,
+    searching,
+    target = false,
+    innerRef,
+    children,
+    hasNextPage = true,
+    getMoreItems = () => {}
+  } = _ref;
+  const hasMounted = react.useRef(false);
+  const {
+    state: {
+      isMoving,
+      isMovingBack
+    },
+    reset
+  } = react.useContext(AnimationState.Context);
+  react.useEffect(() => {
+    hasMounted.current = true;
+  }, []);
+  const transitions = web.useTransition(items, item => item.id, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveItem(target)), {}, {
+    onDestroyed: () => reset()
+  }));
+  const itemCount = hasNextPage ? items.length + 1 : items.length;
+
+  const isItemLoaded = index => !hasNextPage || index < items.length;
+
+  return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {}, void 0, _ref2 => {
+    let {
+      height,
+      width
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](InfiniteLoader__default["default"], {
+      isItemLoaded: isItemLoaded,
+      itemCount: itemCount,
+      loadMoreItems: getMoreItems
+    }, void 0, _ref3 => {
+      let {
+        onItemsRendered,
+        ref
+      } = _ref3;
+      return /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
+        height: searching ? 300 : height,
+        width: width,
+        innerRef: innerRef,
+        itemCount: transitions.length,
+        itemData: {
+          items: transitions,
+          itemRenderer,
+          isItemMoving: hasMounted.current && (isMoving || isMovingBack)
+        },
+        itemSize: 35,
+        onItemsRendered: onItemsRendered,
+        ref: ref,
+        children: children || VirtualizedItem
+      });
+    });
+  });
+}
+
+module.exports = VirtualizedList;

package/cjs/components/VirtualizedSortableList.js

@@ -0,0 +1,41 @@
+'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');
+require('react');
+var reactSortableHoc = require('react-sortable-hoc');
+var VirtualizedList = require('./VirtualizedList.js');
+var VirtualizedItem = require('./VirtualizedItem.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);
+
+const _excluded = ["items"];
+
+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 SortableList = reactSortableHoc.sortableContainer(VirtualizedList);
+
+function VirtualizedSortableList(_ref) {
+  let {
+    items
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(SortableList, _objectSpread(_objectSpread({}, otherProps), {}, {
+    items: items,
+    useDragHandle: true,
+    children: reactSortableHoc.sortableElement(VirtualizedItem)
+  }));
+}
+
+module.exports = VirtualizedSortableList;

package/cjs/helper.js

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var tree = require('treetabular');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var tree__namespace = /*#__PURE__*/_interopNamespace(tree);
+
+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 getHierarchyTypeName = dest => !dest ? 'hierarchy' : 'hierarchyDest';
+const checkHasChildren = (list, currentItem) => list.some(item => currentItem.id === item.parent);
+const getActiveIdFromHierarchy = function () {
+  let hierarchy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return hierarchy[hierarchy.length - 1] || {};
+};
+const filterItemsByHierarchy = function (list, hierarchyId) {
+  let parentField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
+  return list.filter(item => item[parentField] === hierarchyId);
+};
+const getItemsById = (ids, list) => ids.reduce((acc, id) => acc.concat(list.find(item => String(item.id) === String(id))), []).filter(item => item);
+const toggleInObject = (obj, key, value) => obj[key] ? dsUtilities.omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, {
+  [key]: value
+});
+const isMovable = item => !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren); // utility to execute all specified actions in sequence
+
+const pipe = actions => (initState, props) => actions.reduce((prevState, action) => action(prevState, props), initState);
+const moveItems = _ref => {
+  let {
+    oldIndex,
+    newIndex
+  } = _ref;
+  return items => {
+    const sourceItem = items[oldIndex];
+    items.splice(oldIndex, 1);
+    items.splice(newIndex, 0, sourceItem);
+    return items;
+  };
+};
+const prepareItems = items => dsUtilities.compose(tree__namespace.fixOrder(), items => items.map(item => _objectSpread(_objectSpread({}, item), {}, {
+  hasChildren: checkHasChildren(items, item)
+})))(items);
+const defaultOptions = {
+  parentField: 'parent',
+  idField: 'id',
+  op: hasMoved => !hasMoved
+};
+function getChildrenFromParent(parentId, options) {
+  const {
+    parentField
+  } = _objectSpread(_objectSpread({}, defaultOptions), options);
+
+  return items => items.filter(item => item[parentField] === parentId);
+}
+function filterMovedItems(movedItems, options) {
+  const {
+    idField,
+    op: filterOp
+  } = _objectSpread(_objectSpread({}, defaultOptions), options);
+
+  const movedItemsHash = dsUtilities.hashArray(movedItems, idField);
+  return items => items.filter(item => filterOp(!!movedItemsHash[item[idField]]));
+}
+function filterBySearch(term, searching) {
+  return items => searching ? items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1) : items;
+}
+
+exports.checkHasChildren = checkHasChildren;
+exports.filterBySearch = filterBySearch;
+exports.filterItemsByHierarchy = filterItemsByHierarchy;
+exports.filterMovedItems = filterMovedItems;
+exports.getActiveIdFromHierarchy = getActiveIdFromHierarchy;
+exports.getChildrenFromParent = getChildrenFromParent;
+exports.getHierarchyTypeName = getHierarchyTypeName;
+exports.getItemsById = getItemsById;
+exports.isMovable = isMovable;
+exports.moveItems = moveItems;
+exports.pipe = pipe;
+exports.prepareItems = prepareItems;
+exports.toggleInObject = toggleInObject;

package/cjs/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSShuttle = require('./DSShuttle.js');
+var utils = require('./utils.js');
+
+
+
+exports.DSShuttleWithSchema = DSShuttle.DSShuttleWithSchema;
+exports["default"] = DSShuttle["default"];
+exports.utils = utils;