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

package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js

@@ -1,57 +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 _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
-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", "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__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 ShuttleTargetListItem(_ref) {
-  let {
-    item = {},
-    onMoveToSource = () => null,
-    onNavigateOnTargetTo = () => null,
-    isRoot = false,
-    showDeleteButton = true,
-    showDrillDownButton = true,
-    showActions = true,
-    index
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const moveToSource = react.useCallback(() => onMoveToSource(item), [item]);
-  const navigateOnTargetTo = react.useCallback(() => onNavigateOnTargetTo(item), [item]);
-  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: navigateOnTargetTo
-    }, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
-      disabled: item.readOnly,
-      onClick: moveToSource,
-      "data-testid": "ds-shuttle__close-button"
-    }, "delete")],
-    item: item,
-    showActions: showActions
-  }));
-}
-
-module.exports = ShuttleTargetListItem;

package/cjs/components/ShuttleListPanel.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSButton = require('@elliemae/ds-button');
-var classedComponents = require('../classedComponents.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-function ShuttleListPanel(_ref) {
-  let {
-    onClick = () => null,
-    open = false,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
-    classProps: {
-      open
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-    buttonType: "text",
-    icon: children,
-    onClick: onClick,
-    "data-testid": "list-panel-btn"
-  }));
-}
-
-module.exports = ShuttleListPanel;

package/cjs/components/ShuttleSearchBox.js

@@ -1,110 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var react = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsForm = require('@elliemae/ds-form');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const blockName = 'shuttle-search-box';
-const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    isOpen
-  } = _ref;
-  return {
-    opened: isOpen
-  };
-});
-const filterList = dsUtilities.debounce((term, onFilterCallback) => {
-  onFilterCallback(term);
-}, 200);
-class ShuttleSearchBox extends react.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: props.value,
-      prevProps: {}
-    };
-    this.handleChange = this.handleChange.bind(this);
-    this.handleKeyPress = this.handleKeyPress.bind(this);
-  }
-
-  static getDerivedStateFromProps(nextProps, _ref2) {
-    let {
-      prevProps
-    } = _ref2;
-    const {
-      value
-    } = nextProps;
-
-    if (value !== prevProps.value) {
-      return {
-        value,
-        prevProps: {
-          value
-        }
-      };
-    }
-
-    return null;
-  }
-
-  handleChange(e) {
-    const {
-      onChange,
-      filterOnKeyStroke,
-      onFilter
-    } = this.props;
-    const {
-      value
-    } = e.target;
-    onChange(value);
-    if (filterOnKeyStroke) filterList(value, onFilter);
-    this.setState({
-      value
-    });
-  }
-
-  handleKeyPress(e) {
-    const {
-      onFilter
-    } = this.props;
-    if (e.keyCode === 13) onFilter(e.target.value);
-  }
-
-  render() {
-    const {
-      value
-    } = this.state;
-    const {
-      isOpen,
-      onClose,
-      placeholder
-    } = this.props;
-    return /*#__PURE__*/_jsx__default["default"](SearchBoxContainer, {
-      classProps: {
-        isOpen
-      }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
-      autoFocus: true,
-      clearable: true,
-      onChange: this.handleChange,
-      onClear: onClose,
-      onKeyDown: this.handleKeyPress,
-      placeholder: placeholder,
-      value: value
-    }));
-  }
-
-}
-ShuttleSearchBox.defaultProps = {
-  filterOnKeyStroke: false,
-  onChange: () => null,
-  onFilter: () => null
-};
-
-module.exports = ShuttleSearchBox;

package/cjs/components/ShuttleSource.js

@@ -1,188 +0,0 @@
-'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

@@ -1,116 +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');
-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

@@ -1,46 +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 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

@@ -1,93 +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 _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;