@elliemae/ds-shuttle 3.0.0-next.2 → 3.0.0-next.3

package/cjs/updateShuttleStateFromProps.js

@@ -1,94 +0,0 @@
-'use strict';
-
-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/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.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 dsUtilities = require('@elliemae/ds-utilities');
-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 _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 mergeToPrevState = (prevState, nextState) => _objectSpread(_objectSpread(_objectSpread({}, prevState), nextState), {}, {
-  prevProps: _objectSpread(_objectSpread({}, prevState.prevProps), nextState.prevProps)
-});
-
-function compareSelectedItems(nextProps, prevProps) {
-  const {
-    selectedItems,
-    idField
-  } = nextProps;
-  return nextState => {
-    if (dsUtilities.isEqual(selectedItems, prevProps.selectedItems)) return nextState; // if we are using nonSelectedItems skip this legacy logic and paint just what's passed
-    // to nonSelectedItems (source) and selectedItems (target)
-    // TODO make controlledV2 the default behavior for controlled shuttle
-
-    if (nextProps.nonSelectedItems) return nextState;
-    const {
-      preparedItems
-    } = nextState;
-    const prevSelectedItemsHash = dsUtilities.hashArray(prevProps.selectedItems || []);
-    const itemsToMove = helper.getItemsById(selectedItems, preparedItems);
-    const actions = itemsToMove.map(item => prevSelectedItemsHash[item[idField]] ? Shuttle_actions.addToTarget(item, nextState.targetItems) : Shuttle_actions.addToTarget(item));
-    return mergeToPrevState(nextState, _objectSpread(_objectSpread({}, helper.pipe([Shuttle_actions.resetMovedItems(), ...actions])(nextState, nextProps)), {}, {
-      prevProps: _objectSpread(_objectSpread({}, nextState.prevProps), {}, {
-        selectedItems
-      })
-    }));
-  };
-}
-
-function compareItems(nextProps, prevProps) {
-  const {
-    items
-  } = nextProps;
-  return nextState => {
-    const preparedItems = helper.prepareItems(items);
-    const isControlledV2 = nextProps.nonSelectedItems; // TODO make controlledV2 the default behavior for controlled shuttle
-
-    if (isControlledV2) {
-      const targetItems = nextProps.selectedItems.map(id => preparedItems.find(it => it.id === id));
-      return mergeToPrevState(nextState, {
-        preparedItems,
-        // PUI-4462 on async load and items change, the shuttle loads
-        // all children from currently selected targetItems from items prop
-        // (items prop update)
-        targetItems,
-        movedItems: targetItems,
-        prevProps: {
-          items
-        }
-      });
-    }
-
-    if (dsUtilities.isEqual(items, prevProps.items)) return nextState;
-    return mergeToPrevState(nextState, {
-      preparedItems,
-      prevProps: {
-        items
-      }
-    });
-  };
-}
-
-function updateShuttleStateFromProps (nextProps, prevState) {
-  const stateReducers = [compareSelectedItems, compareItems].map(fn => fn(nextProps, prevState.prevProps));
-  const nextState = dsUtilities.compose(...stateReducers)(prevState);
-  return !dsUtilities.isEqual(nextState, prevState) ? nextState : null;
-}
-
-module.exports = updateShuttleStateFromProps;

package/cjs/utils.js

@@ -1,43 +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 tree = require('treetabular');
-var dsUtilities = require('@elliemae/ds-utilities');
-var helper = require('./helper.js');
-
-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; }
-var utils = _objectSpread({
-  prepareItems: (items, options) => dsUtilities.compose(tree__namespace.fixOrder(options), helper.prepareItems)(items)
-}, tree__namespace);
-
-module.exports = utils;

package/cjs/withProviders.js

@@ -1,29 +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');
-require('react');
-var AnimationState = require('./AnimationState.js');
-var SearchState = require('./SearchState.js');
-var ShuttleState = require('./ShuttleState.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);
-
-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 withProviders(Component) {
-  return props => /*#__PURE__*/_jsx__default["default"](ShuttleState.Provider, {}, void 0, /*#__PURE__*/_jsx__default["default"](AnimationState.Provider, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchState.Provider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))));
-}
-
-module.exports = withProviders;

package/esm/DSShuttle.js

@@ -1,213 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'react';
-import { debounce } from 'lodash';
-import { PropTypes, describe } from 'react-desc';
-import { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
-import ShuttleImpl from './ShuttleImpl.js';
-export { default as utils } from './utils.js';
-
-const noop = () => {};
-
-const DSShuttle = _ref => {
-  let {
-    containerProps = {},
-    idField = 'id',
-    parentIdField = 'parent',
-    showIcons = true,
-    items = [],
-    selectedItems = undefined,
-    // if defined it becomes controlled (v1)
-    // TODO make `nonSelectedItems` the default controlled behavior (v2)
-    nonSelectedItems = undefined,
-    onSearch = noop,
-    onSearchOpen = noop,
-    onSearchClose = noop,
-    onDrillDown = noop,
-    onDrillDownTarget = noop,
-    onTargetSortEnd = noop,
-    setGetStatus = noop,
-    targetSortable = true,
-    sourceEmptyMessage = 'No Items Found',
-    sourceRootTitle = 'Category',
-    targetEmptyMessage = 'No Items Selected',
-    targetRootTitle = 'Selected Items',
-    composeSourceItemProps = () => ({}),
-    composeTargetItemProps = () => ({}),
-    onAddToTarget = noop,
-    onAddCheckedItems = noop,
-    onRemoveFromTarget = noop,
-    onRemoveAllFromTarget = noop,
-    onChange = noop,
-    renderSourceCounter = noop,
-    renderTargetCounter = noop,
-    sourceClearItemsText = 'CLEAR ALL',
-    targetClearItemsText = 'CLEAR ALL',
-    searchPlaceholder = 'Search field ID, name, etc.',
-    loadingSource = false,
-    loadingTarget = false,
-    onGetMoreItems = () => null,
-    hasNextPage = false,
-    moreItemsLoading
-  } = _ref;
-  return /*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(ShuttleImpl, {
-    composeSourceItemProps: composeSourceItemProps,
-    composeTargetItemProps: composeTargetItemProps,
-    containerProps: containerProps,
-    idField: idField,
-    items: items,
-    onAddCheckedItems: onAddCheckedItems,
-    onAddToTarget: onAddToTarget,
-    onChange: onChange,
-    onDrillDown: onDrillDown,
-    nonSelectedItems: nonSelectedItems,
-    onDrillDownTarget: onDrillDownTarget,
-    onRemoveAllFromTarget: onRemoveAllFromTarget,
-    onRemoveFromTarget: onRemoveFromTarget,
-    onSearch: onSearch,
-    onSearchClose: onSearchClose,
-    onSearchOpen: onSearchOpen,
-    onTargetSortEnd: onTargetSortEnd,
-    parentIdField: parentIdField,
-    renderSourceCounter: renderSourceCounter,
-    renderTargetCounter: renderTargetCounter,
-    searchPlaceholder: searchPlaceholder,
-    selectedItems: selectedItems,
-    setGetStatus: setGetStatus,
-    showIcons: showIcons,
-    sourceClearItemsText: sourceClearItemsText,
-    sourceEmptyMessage: sourceEmptyMessage,
-    sourceRootTitle: sourceRootTitle,
-    targetClearItemsText: targetClearItemsText,
-    targetEmptyMessage: targetEmptyMessage,
-    targetRootTitle: targetRootTitle,
-    targetSortable: targetSortable,
-    loadingSource: loadingSource,
-    loadingTarget: loadingTarget,
-    onGetMoreItems: debounce(function () {
-      onGetMoreItems(...arguments);
-    }, 500),
-    moreItemsLoading: moreItemsLoading,
-    hasNextPage: hasNextPage
-  }));
-};
-
-const props = {
-  /** inject props to shuttle wrapper */
-  containerProps: PropTypes.object.description('inject props to shuttle wrapper'),
-
-  /** The identifier field for the item object */
-  idField: PropTypes.string.description('The identifier field for the item object'),
-
-  /** The parent identifier field for the item object */
-  parentIdField: PropTypes.string.description('The parent identifier field for the item object'),
-
-  /** Whether to show the icons or not */
-  showIcons: PropTypes.string.description('Whether to show the icons or not'),
-
-  /** List of items */
-  items: PropTypes.arrayOf(PropTypes.shape({
-    disableDrillDown: PropTypes.bool,
-    icon: PropTypes.element,
-    name: PropTypes.string,
-    readOnly: PropTypes.bool,
-    description: PropTypes.string
-  })).description('list of items'),
-
-  /** Array of item ids that are selected. If passed the component behaves as controlled */
-  selectedItems: PropTypes.arrayOf(PropTypes.string).description('Array of item ids that are selected. If passed the component behaves as controlled'),
-
-  /** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */
-  nonSelectedItems: PropTypes.arrayOf(PropTypes.string).description("Array of item ids that aren't selected.. Should include ALL non selected items, even those not rendered"),
-
-  /** Handler on search */
-  onSearch: PropTypes.func.description('Handler on search'),
-
-  /** Handler when the searchbox is visible */
-  onSearchOpen: PropTypes.func.description('Handler when the searchbox is visible'),
-
-  /** Handler when the searchbox is not visible */
-  onSearchClose: PropTypes.func.description('Handler when the searchbox is not visible'),
-
-  /** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")  */
-  onDrillDown: PropTypes.func.description('Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
-
-  /** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
-  onDrillDownTarget: PropTypes.func.description('Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
-
-  /** Target handler when user stops dragging an item */
-  onTargetSortEnd: PropTypes.func.description('Target handler when user stops dragging an item'),
-
-  /** Callback function that gets more items for Infinite Scroll */
-  onGetMoreItems: PropTypes.func.description('Callback function that gets more items for Infinite Scroll'),
-
-  /** Wheter there are mor items loading for Infinite Scroll */
-  moreItemsLoading: PropTypes.bool.description('Wheter there are mor items loading for Infinite Scroll'),
-
-  /** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */
-  hasNextPage: PropTypes.bool.description('Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems'),
-
-  /** Function that takes as a parameter an internal getter for the state */
-  setGetStatus: PropTypes.func.description('Function that takes as a parameter an internal getter for the state'),
-
-  /** Whether the target can be sortable with DnD */
-  targetSortable: PropTypes.bool.description('Whether the target can be sortable with DnD'),
-
-  /** Handler when the searchbox is visible */
-  sourceRootTitle: PropTypes.string.description('Handler when the searchbox is visible'),
-
-  /** Source text when there is no items */
-  sourceEmptyMessage: PropTypes.string.description('Source text when there is no items'),
-
-  /** Target text when there is no items */
-  targetEmptyMessage: PropTypes.string.description('Target text when there is no items'),
-
-  /** Target text for the first hierarchy item */
-  targetRootTitle: PropTypes.string.description('Target text for the first hierarchy item'),
-
-  /** Function that allow to compose the item props in the source */
-  composeSourceItemProps: PropTypes.func.description('Function that allow to compose the item props in the source'),
-
-  /** Function that allow to compose the item props in the target */
-  composeTargetItemProps: PropTypes.func.description('Function that allow to compose the item props in the target'),
-
-  /** Handler when a users moves an item to the target */
-  onAddToTarget: PropTypes.func.description('Handler when a users moves an item to the target'),
-
-  /** Handler when a users moves all the 'checked' items to the target */
-  onAddCheckedItems: PropTypes.func.description("Handler when a users moves all the 'checked' items to the target"),
-
-  /** Handler when a user removes an item from the target */
-  onRemoveFromTarget: PropTypes.func.description('Handler when a user removes an item from the target'),
-
-  /** Handler when a user removes all the items from the target */
-  onRemoveAllFromTarget: PropTypes.func.description('Handler when a user removes all the items from the target'),
-
-  /** Handler for every change on the state */
-  onChange: PropTypes.func.description('Handler for every change on the state'),
-
-  /** Function that returns an element for the source counter */
-  renderSourceCounter: PropTypes.func.description('Function that returns an element for the source counter'),
-
-  /** Function that returns an element for the target counter */
-  renderTargetCounter: PropTypes.func.description('Function that returns an element for the target counter'),
-
-  /** Source text for the clear items button */
-  sourceClearItemsText: PropTypes.string.description('Source text for the clear items button'),
-
-  /** Target text for the clear items button */
-  targetClearItemsText: PropTypes.string.description('Target text for the clear items button'),
-
-  /** Searchbox placeholder */
-  searchPlaceholder: PropTypes.string.description('Searchbox placeholder'),
-
-  /** Displays loading indicator on source section */
-  loadingSource: PropTypes.bool.description('Displays loading indicator on source section'),
-
-  /** Displays loading indicator on target section */
-  loadingTarget: PropTypes.bool.description('Displays loading indicator on target section')
-};
-const DSShuttleWithSchema = describe(DSShuttle);
-DSShuttleWithSchema.propTypes = props;
-
-export { DSShuttleWithSchema, DSShuttle as default };

package/esm/SearchState.js

@@ -1,35 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState } from 'react';
-import createContainer from 'constate';
-
-function useSearchState() {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [searching, setSearchBoxVisibility] = useState(false); // todo: create a hook for Visibility behavior
-
-  function toggleSearchBox(userVisible) {
-    if (userVisible !== undefined) {
-      setSearchBoxVisibility(userVisible);
-    } else {
-      setSearchBoxVisibility(!searching);
-    }
-  }
-
-  function reset() {
-    setSearchTerm('');
-    setSearchBoxVisibility(false);
-  }
-
-  return {
-    state: {
-      searchTerm,
-      searching
-    },
-    setSearchTerm,
-    toggleSearchBox,
-    reset
-  };
-}
-
-var SearchState = createContainer(useSearchState, value => [value.state]);
-
-export { SearchState as default };

package/esm/Shuttle.actions.js

@@ -1,123 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { addOrRemove, cloneDeep, compose, hashArray } from '@elliemae/ds-utilities';
-import { toggleInObject, filterMovedItems, getHierarchyTypeName } from './helper.js';
-import utils from './utils.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function toggleItemSelection(itemId) {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
-    checkedItems: addOrRemove(state.checkedItems, itemId)
-  });
-}
-function navigateTo(item, dest) {
-  const hierarchyType = getHierarchyTypeName(dest);
-  return state => {
-    const indexInHierarchy = state[hierarchyType].findIndex(hItem => hItem.id === item.id);
-    const hierarchy = state[hierarchyType];
-    return _objectSpread(_objectSpread({}, state), {}, {
-      [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item]
-    });
-  };
-}
-function moveItem(item) {
-  return state => {
-    const movedItems = toggleInObject(state.movedItems, item.id, item);
-    return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems
-    });
-  };
-}
-const defaultOptions = {
-  parentField: 'parent',
-  idField: 'id',
-  op: hasMoved => !hasMoved
-}; // todo: optimize this
-
-function getItemDeep(_ref) {
-  let {
-    collection,
-    id,
-    options
-  } = _ref;
-
-  const {
-    idField
-  } = _objectSpread(_objectSpread({}, defaultOptions), options);
-
-  const itemIndex = collection.findIndex(fItem => fItem[idField] === id); // get item with nested children
-
-  const item = collection[itemIndex];
-  const children = item !== null && item !== void 0 && item.hasChildren ? compose(utils.getChildren({
-    index: itemIndex
-  }))(collection) || [] : [];
-  return {
-    item,
-    children
-  };
-}
-
-function addToTarget(itemToAdd, collection) {
-  return (state, _ref2) => {
-    let {
-      idField
-    } = _ref2;
-    const items = collection || state.preparedItems;
-    const {
-      item,
-      children
-    } = getItemDeep({
-      collection: items,
-      id: itemToAdd[idField]
-    });
-    return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: [...state.movedItems, item],
-      targetItems: [...state.targetItems, item, ...children]
-    });
-  };
-} // todo: optimize this
-
-function removeFromTarget(itemToRemove) {
-  return (state, _ref3) => {
-    let {
-      idField
-    } = _ref3;
-    let targetItems = cloneDeep(state.targetItems);
-    const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
-    const item = targetItems[itemIndex];
-    const children = item !== null && item !== void 0 && item.hasChildren ? compose(filterMovedItems(state.movedItems), utils.getChildren({
-      index: itemIndex
-    }))(targetItems) || [] : [];
-    targetItems.splice(itemIndex, 1);
-
-    if (item !== null && item !== void 0 && item.hasChildren && children.length) {
-      const childrenHash = hashArray(children, 'id');
-      targetItems = targetItems.filter(i => !childrenHash[i.id]);
-    }
-
-    return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: state.movedItems.filter(mItem => mItem[idField] !== itemToRemove[idField]),
-      targetItems
-    });
-  };
-}
-function resetCheckedItems() {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
-    checkedItems: []
-  });
-}
-function resetMovedItems() {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
-    movedItems: [],
-    targetItems: []
-  });
-}
-
-export { addToTarget, moveItem, navigateTo, removeFromTarget, resetCheckedItems, resetMovedItems, toggleItemSelection };

package/esm/ShuttleContainer.js

@@ -1,80 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext, useMemo } from 'react';
-import { compose, sortBy, uniqBy, values, isFunction } from '@elliemae/ds-utilities';
-import withProviders from './withProviders.js';
-import { filterItemsByHierarchy, getActiveIdFromHierarchy, prepareItems, getItemsById } from './helper.js';
-import SearchState from './SearchState.js';
-import useShuttleState from './ShuttleState.js';
-
-const _excluded = ["state"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function filterItemsByTerm(items, term) {
-  return items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1);
-}
-
-function ShuttleContainer(_ref) {
-  let {
-    items = [],
-    children
-  } = _ref;
-
-  const _useContext = useContext(useShuttleState.Context),
-        {
-    state: shuttleState
-  } = _useContext,
-        handlers = _objectWithoutProperties(_useContext, _excluded);
-
-  const {
-    state: searchState
-  } = useContext(SearchState.Context);
-
-  const {
-    movedItems,
-    hierarchy,
-    hierarchyDest,
-    checkedItems,
-    searchTerm,
-    searching,
-    toggleItemSelection,
-    resetCheckedItems,
-    resetMovedItems,
-    moveCheckedItems,
-    moveItem,
-    navigate
-  } = _objectSpread(_objectSpread(_objectSpread({}, shuttleState), searchState), handlers);
-
-  const sourceItems = useMemo(() => compose(items => items.filter(item => !movedItems[item.id]), items => searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items, items => filterItemsByHierarchy(items, getActiveIdFromHierarchy(hierarchy).id), items => prepareItems(items))(items), [items, searchTerm, searching, hierarchy, movedItems]);
-  const targetItems = useMemo(() => {
-    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
-    return compose(items => sortBy(items, ['name']), items => hierarchyId ? filterItemsByHierarchy(items, hierarchyId).filter(item => !movedItems[item.id]) : uniqBy(values(movedItems), 'id'))(items);
-  }, [items, searching, hierarchyDest, movedItems]);
-  return isFunction(children) && children({
-    checkedItems,
-    hierarchy,
-    hierarchyDest,
-    onCheckItem: toggleItemSelection,
-    onClearCheckedItems: resetCheckedItems,
-    onClearMovedItems: resetMovedItems,
-    onMoveCheckedItems: () => moveCheckedItems(getItemsById(checkedItems, items)),
-    onMoveItemToSource: item => moveItem(item, false),
-    onMoveItemToTarget: item => moveItem(item, true),
-    onNavigateOnSourceTo: item => navigate(item, false),
-    onNavigateOnTargetTo: item => navigate(item, true),
-    sourceItems,
-    targetItems
-  });
-}
-
-var ShuttleContainer$1 = withProviders(ShuttleContainer);
-
-export { ShuttleContainer$1 as default };