@elliemae/ds-shuttle 2.2.0 → 2.3.0-alpha.3

package/esm/ShuttleContainer.js

@@ -1,43 +1,27 @@
-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; }
-
+import * as React from "react";
+import { useContext, useMemo } from "react";
+import {
+  isFunction,
+  compose,
+  uniqBy,
+  values,
+  sortBy
+} from "@elliemae/ds-utilities";
+import { withProviders } from "./withProviders";
+import {
+  prepareItems,
+  getActiveIdFromHierarchy,
+  filterItemsByHierarchy,
+  getItemsById
+} from "./helper";
+import { SearchState } from "./SearchState";
+import { ShuttleState } from "./ShuttleState";
 function filterItemsByTerm(items, term) {
-  return items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1);
+  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);
-
+function ShuttleContainer({ items = [], children }) {
+  const { state: shuttleState, ...handlers } = useContext(ShuttleState.Context);
+  const { state: searchState } = useContext(SearchState.Context);
   const {
     movedItems,
     hierarchy,
@@ -51,12 +35,11 @@ function ShuttleContainer(_ref) {
     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]);
+  } = { ...shuttleState, ...searchState, ...handlers };
+  const sourceItems = useMemo(() => compose((items2) => items2.filter((item) => !movedItems[item.id]), (items2) => searchTerm && searching ? filterItemsByTerm(items2, searchTerm) : items2, (items2) => filterItemsByHierarchy(items2, getActiveIdFromHierarchy(hierarchy).id), (items2) => prepareItems(items2))(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);
+    return compose((items2) => sortBy(items2, ["name"]), (items2) => hierarchyId ? filterItemsByHierarchy(items2, hierarchyId).filter((item) => !movedItems[item.id]) : uniqBy(values(movedItems), "id"))(items);
   }, [items, searching, hierarchyDest, movedItems]);
   return isFunction(children) && children({
     checkedItems,
@@ -66,15 +49,16 @@ function ShuttleContainer(_ref) {
     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),
+    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 };
+var ShuttleContainer_default = withProviders(ShuttleContainer);
+export {
+  ShuttleContainer_default as default
+};
+//# sourceMappingURL=ShuttleContainer.js.map

package/esm/ShuttleContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleContainer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-shadow */\nimport { useContext, useMemo } from 'react';\nimport {\n  isFunction,\n  compose,\n  uniqBy,\n  values,\n  sortBy,\n} from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n  prepareItems,\n  getActiveIdFromHierarchy,\n  filterItemsByHierarchy,\n  getItemsById,\n} from './helper';\nimport { SearchState } from './SearchState';\nimport { ShuttleState } from './ShuttleState';\n\nfunction filterItemsByTerm(items, term) {\n  return items.filter(\n    item =>\n      item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 ||\n      String(item.id).indexOf(String(term).toLowerCase()) !== -1,\n  );\n}\n\nfunction ShuttleContainer({ items = [], children }) {\n  const { state: shuttleState, ...handlers } = useContext(\n    ShuttleState.Context,\n  );\n  const { state: searchState } = useContext(SearchState.Context);\n  const {\n    movedItems,\n    hierarchy,\n    hierarchyDest,\n    checkedItems,\n    searchTerm,\n    searching,\n    toggleItemSelection,\n    resetCheckedItems,\n    resetMovedItems,\n    moveCheckedItems,\n    moveItem,\n    navigate,\n  } = { ...shuttleState, ...searchState, ...handlers };\n\n  const sourceItems = useMemo(\n    () =>\n      compose(\n        items => items.filter(item => !movedItems[item.id]),\n        items =>\n          searchTerm && searching\n            ? filterItemsByTerm(items, searchTerm)\n            : items,\n        items =>\n          filterItemsByHierarchy(items, getActiveIdFromHierarchy(hierarchy).id),\n        items => prepareItems(items),\n      )(items),\n    [items, searchTerm, searching, hierarchy, movedItems],\n  );\n\n  const targetItems = useMemo(() => {\n    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n    return compose(\n      items => sortBy(items, ['name']),\n      items =>\n        hierarchyId\n          ? filterItemsByHierarchy(items, hierarchyId).filter(\n              item => !movedItems[item.id],\n            )\n          : uniqBy(values(movedItems), 'id'),\n    )(items);\n  }, [items, searching, hierarchyDest, movedItems]);\n\n  return (\n    isFunction(children) &&\n    children({\n      checkedItems,\n      hierarchy,\n      hierarchyDest,\n      onCheckItem: toggleItemSelection,\n      onClearCheckedItems: resetCheckedItems,\n      onClearMovedItems: resetMovedItems,\n      onMoveCheckedItems: () =>\n        moveCheckedItems(getItemsById(checkedItems, items)),\n      onMoveItemToSource: item => moveItem(item, false),\n      onMoveItemToTarget: item => moveItem(item, true),\n      onNavigateOnSourceTo: item => navigate(item, false),\n      onNavigateOnTargetTo: item => navigate(item, true),\n      sourceItems,\n      targetItems,\n    })\n  );\n}\n\nexport default withProviders(ShuttleContainer);\n"],
+  "mappings": "AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,2BAA2B,OAAO,MAAM;AACtC,SAAO,MAAM,OACX,UACE,KAAK,KAAK,cAAc,QAAQ,OAAO,MAAM,mBAAmB,MAChE,OAAO,KAAK,IAAI,QAAQ,OAAO,MAAM,mBAAmB;AAAA;AAI9D,0BAA0B,EAAE,QAAQ,IAAI,YAAY;AAClD,QAAM,EAAE,OAAO,iBAAiB,aAAa,WAC3C,aAAa;AAEf,QAAM,EAAE,OAAO,gBAAgB,WAAW,YAAY;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,KAAK,iBAAiB,gBAAgB;AAE1C,QAAM,cAAc,QAClB,MACE,QACE,YAAS,OAAM,OAAO,UAAQ,CAAC,WAAW,KAAK,MAC/C,YACE,cAAc,YACV,kBAAkB,QAAO,cACzB,QACN,YACE,uBAAuB,QAAO,yBAAyB,WAAW,KACpE,YAAS,aAAa,SACtB,QACJ,CAAC,OAAO,YAAY,WAAW,WAAW;AAG5C,QAAM,cAAc,QAAQ,MAAM;AAChC,UAAM,cAAc,yBAAyB,eAAe;AAC5D,WAAO,QACL,YAAS,OAAO,QAAO,CAAC,UACxB,YACE,cACI,uBAAuB,QAAO,aAAa,OACzC,UAAQ,CAAC,WAAW,KAAK,OAE3B,OAAO,OAAO,aAAa,OACjC;AAAA,KACD,CAAC,OAAO,WAAW,eAAe;AAErC,SACE,WAAW,aACX,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAClB,iBAAiB,aAAa,cAAc;AAAA,IAC9C,oBAAoB,UAAQ,SAAS,MAAM;AAAA,IAC3C,oBAAoB,UAAQ,SAAS,MAAM;AAAA,IAC3C,sBAAsB,UAAQ,SAAS,MAAM;AAAA,IAC7C,sBAAsB,UAAQ,SAAS,MAAM;AAAA,IAC7C;AAAA,IACA;AAAA;AAAA;AAKN,IAAO,2BAAQ,cAAc;",
+  "names": []
+}

package/esm/ShuttleImpl.js

@@ -1,222 +1,132 @@
-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.some.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { Component } from 'react';
-import { arrayMove, compose } from '@elliemae/ds-utilities';
-import withProviders from './withProviders.js';
-import { navigateTo, resetCheckedItems, resetMovedItems, addToTarget, removeFromTarget, toggleItemSelection } from './Shuttle.actions.js';
-import { pipe, getItemsById, getActiveIdFromHierarchy, filterBySearch, filterMovedItems, getChildrenFromParent } from './helper.js';
-import ShuttleRenderer from './ShuttleRenderer.js';
-import SearchState from './SearchState.js';
-import updateShuttleStateFromProps from './updateShuttleStateFromProps.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["idField", "nonSelectedItems", "moreItemsLoading"];
-
-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; }
-
+import * as React from "react";
+import React2, { Component } from "react";
+import { compose, arrayMove } from "@elliemae/ds-utilities";
+import { withProviders } from "./withProviders";
+import {
+  addToTarget,
+  navigateTo,
+  resetCheckedItems,
+  resetMovedItems,
+  toggleItemSelection,
+  removeFromTarget
+} from "./Shuttle.actions";
+import {
+  getActiveIdFromHierarchy,
+  filterBySearch,
+  getItemsById,
+  pipe,
+  getChildrenFromParent,
+  filterMovedItems
+} from "./helper";
+import { ShuttleRenderer } from "./ShuttleRenderer";
+import { SearchState } from "./SearchState";
+import { updateShuttleStateFromProps } from "./updateShuttleStateFromProps";
 class ShuttleImpl extends Component {
   constructor(props) {
     super(props);
-
     this.getState = () => {
-      const {
-        movedItems
-      } = this.state;
+      const { movedItems } = this.state;
       return Object.keys(movedItems);
     };
-
     this.state = {
       prevProps: {},
       preparedItems: [],
       checkedItems: [],
-      // left breadcrumb
-      hierarchy: [{
-        name: props.sourceRootTitle,
-        id: null
-      }],
-      // right breadcrumb
-      hierarchyDest: [{
-        name: props.targetRootTitle,
-        id: null
-      }],
+      hierarchy: [{ name: props.sourceRootTitle, id: null }],
+      hierarchyDest: [{ name: props.targetRootTitle, id: null }],
       movedItems: [],
       sourceItems: [],
       targetItems: []
     };
-    this.toggleItemSelection = this.toggleItemSelection.bind(this);
-    this.resetCheckedItems = this.resetCheckedItems.bind(this);
-    this.resetMovedItems = this.resetMovedItems.bind(this);
     this.moveCheckedItems = this.moveCheckedItems.bind(this);
-    this.handleTargetSortEnd = this.handleTargetSortEnd.bind(this);
+    this.resetMovedItems = this.resetMovedItems.bind(this);
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     return updateShuttleStateFromProps(nextProps, prevState);
   }
-
   componentDidMount() {
-    const {
-      setGetStatus
-    } = this.props;
+    const { setGetStatus } = this.props;
     setGetStatus(this.getState);
   }
-
   handleChange() {
-    const {
-      onChange
-    } = this.props;
-    const {
-      movedItems
-    } = this.state;
+    const { onChange } = this.props;
+    const { movedItems } = this.state;
     onChange(Object.keys(movedItems));
   }
-
   navigate(item, dest, direction) {
-    const {
-      onDrillDown,
-      onDrillDownTarget
-    } = this.props;
-    if (!dest) onDrillDown(item, direction);
-    if (dest) onDrillDownTarget(item, direction);
-    const {
-      reset: resetSearchState
-    } = this.context;
+    const { onDrillDown, onDrillDownTarget } = this.props;
+    if (!dest)
+      onDrillDown(item, direction);
+    if (dest)
+      onDrillDownTarget(item, direction);
+    const { reset: resetSearchState } = this.context;
     resetSearchState();
     this.setState(pipe([navigateTo(item, dest), resetCheckedItems()]));
   }
-
   resetCheckedItems() {
     this.setState(resetCheckedItems());
   }
-
   resetMovedItems() {
-    const {
-      selectedItems,
-      onRemoveAllFromTarget
-    } = this.props;
-
+    const { selectedItems, onRemoveAllFromTarget } = this.props;
     if (!selectedItems) {
-      this.setState(pipe([navigateTo({
-        id: null
-      }, true), resetMovedItems()]), () => {
+      this.setState(pipe([navigateTo({ id: null }, true), resetMovedItems()]), () => {
         this.handleChange();
       });
     } else {
-      this.setState(pipe([navigateTo({
-        id: null
-      }, true)]));
+      this.setState(pipe([navigateTo({ id: null }, true)]));
     }
-
     onRemoveAllFromTarget();
   }
-
   addToTarget(item) {
-    const {
-      selectedItems,
-      onAddToTarget
-    } = this.props;
-
+    const { selectedItems, onAddToTarget } = this.props;
     if (!selectedItems) {
       this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {
         this.handleChange();
       });
     }
-
     onAddToTarget(item);
   }
-
   removeFromTarget(item) {
-    const {
-      selectedItems,
-      onRemoveFromTarget
-    } = this.props;
-
+    const { selectedItems, onRemoveFromTarget } = this.props;
     if (!selectedItems) {
       this.setState(pipe([removeFromTarget(item)]), () => {
         this.handleChange();
       });
     }
-
     onRemoveFromTarget(item);
   }
-
   toggleItemSelection(item) {
     this.setState(toggleItemSelection(item.id));
   }
-
   moveCheckedItems() {
-    const {
-      onAddCheckedItems,
-      selectedItems,
-      nonSelectedItems
-    } = this.props;
-    const {
-      checkedItems,
-      preparedItems
-    } = this.state;
+    const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;
+    const { checkedItems, preparedItems } = this.state;
     const isControlledV2 = !!selectedItems && !!nonSelectedItems;
-    const checked = isControlledV2 ? nonSelectedItems.filter(item => checkedItems.some(check => check === item)) : checkedItems;
+    const checked = isControlledV2 ? nonSelectedItems.filter((item) => checkedItems.some((check) => check === item)) : checkedItems;
     const items = getItemsById(checked, preparedItems);
-    const actions = !selectedItems ? items.map(item => addToTarget(item)) : [];
+    const actions = !selectedItems ? items.map((item) => addToTarget(item)) : [];
     this.setState(pipe([...actions, resetCheckedItems()]), () => {
       this.handleChange();
     });
     onAddCheckedItems(items);
   }
-
-  handleTargetSortEnd(_ref) {
-    let {
-      sourceItem,
-      targetItem
-    } = _ref;
-    const {
-      idField,
-      onTargetSortEnd
-    } = this.props;
-    const {
-      targetItems,
-      hierarchyDest,
-      movedItems
-    } = this.state;
+  handleTargetSortEnd({ sourceItem, targetItem }) {
+    const { idField, onTargetSortEnd } = this.props;
+    const { targetItems, hierarchyDest, movedItems } = this.state;
     const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
     const collection = !hierarchyId ? movedItems : targetItems;
-    const oldIndex = collection.findIndex(tItem => tItem[idField] === sourceItem[idField]);
-    const newIndex = collection.findIndex(tItem => tItem[idField] === targetItem[idField]);
+    const oldIndex = collection.findIndex((tItem) => tItem[idField] === sourceItem[idField]);
+    const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);
     const sortedMovedItems = !hierarchyId ? arrayMove(movedItems, oldIndex, newIndex) : movedItems;
     const sortedItems = hierarchyId ? arrayMove(targetItems, oldIndex, newIndex) : targetItems;
     this.setState({
       targetItems: sortedItems,
       movedItems: sortedMovedItems
     });
-    onTargetSortEnd({
-      sourceItem,
-      targetItem
-    });
+    onTargetSortEnd({ sourceItem, targetItem });
   }
-
   render() {
-    const _this$props = this.props,
-          {
-      idField,
-      nonSelectedItems,
-      moreItemsLoading
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
+    const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;
     const {
       hierarchy,
       hierarchyDest,
@@ -226,79 +136,64 @@ class ShuttleImpl extends Component {
       targetItems
     } = this.state;
     const {
-      state: {
-        searchTerm,
-        searching
-      }
+      state: { searchTerm, searching }
     } = this.context;
-
     const handleControlledSourceItms = () => {
-      const {
-        id
-      } = getActiveIdFromHierarchy(hierarchy);
-
+      const { id } = getActiveIdFromHierarchy(hierarchy);
       if (id) {
-        return filterBySearch(searchTerm, searching)(getChildrenFromParent(id)(nonSelectedItems.map(it => items.find(itt => itt.id === it))));
+        return filterBySearch(searchTerm, searching)(getChildrenFromParent(id)(nonSelectedItems.map((it) => items.find((itt) => itt.id === it))));
       }
-
-      return filterBySearch(searchTerm, searching)(items.filter(it => nonSelectedItems.some(itt => itt === it.id && !nonSelectedItems.some(ittt => ittt === it.parent))));
+      return filterBySearch(searchTerm, searching)(items.filter((it) => nonSelectedItems.some((itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent))));
     };
-
-    let composedSourceItems; // controlled V2 TODO make it default controlled behavior
-
+    let composedSourceItems;
     if (nonSelectedItems) {
       composedSourceItems = handleControlledSourceItms();
     } else {
       composedSourceItems = compose(filterBySearch(searchTerm, searching), filterMovedItems(movedItems), getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id))(items);
     }
-
     const handleControlledTargetItms = () => {
-      const {
-        id
-      } = getActiveIdFromHierarchy(hierarchyDest);
-
+      const { id } = getActiveIdFromHierarchy(hierarchyDest);
       if (id) {
-        return getChildrenFromParent(getActiveIdFromHierarchy(hierarchyDest).id)(this.props.selectedItems.map(it => items.find(itt => itt.id === it)));
+        return getChildrenFromParent(getActiveIdFromHierarchy(hierarchyDest).id)(this.props.selectedItems.map((it) => items.find((itt) => itt.id === it)));
       }
-
-      return targetItems.filter(it => this.props.selectedItems.some(itt => itt === it.id && !this.props.selectedItems.some(ittt => ittt === it.parent)));
+      return targetItems.filter((it) => this.props.selectedItems.some((itt) => itt === it.id && !this.props.selectedItems.some((ittt) => ittt === it.parent)));
     };
-
-    let composedTargetItems; // controlled V2 TODO make it default controlled behavior
-
+    let composedTargetItems;
     if (nonSelectedItems) {
       composedTargetItems = handleControlledTargetItms();
     } else {
-      composedTargetItems = compose(tItems => {
+      composedTargetItems = compose((tItems) => {
         const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;
         return hierarchyId ? compose(filterMovedItems(movedItems), getChildrenFromParent(hierarchyId))(tItems) : movedItems;
       })(targetItems);
     }
-
-    return /*#__PURE__*/jsx(ShuttleRenderer, _objectSpread(_objectSpread({}, rest), {}, {
-      moreItemsLoading: moreItemsLoading,
-      checkedItems: checkedItems,
-      hierarchy: hierarchy,
-      hierarchyDest: hierarchyDest,
+    return /* @__PURE__ */ React2.createElement(ShuttleRenderer, {
+      ...rest,
+      moreItemsLoading,
+      checkedItems,
+      hierarchy,
+      hierarchyDest,
       onCheckItem: this.toggleItemSelection,
       onClearCheckedItems: this.resetCheckedItems,
       onClearMovedItems: this.resetMovedItems,
       onItemCheck: this.toggleItemSelection,
       onMoveCheckedItems: this.moveCheckedItems,
-      onMoveItemToSource: item => this.removeFromTarget(item, false),
-      onMoveItemToTarget: item => this.addToTarget(item, true),
+      onMoveItemToSource: (item) => this.removeFromTarget(item, false),
+      onMoveItemToTarget: (item) => this.addToTarget(item, true),
       onNavigateOnSourceTo: (item, direction) => this.navigate(item, false, direction),
       onNavigateOnTargetTo: (item, direction) => this.navigate(item, true, direction),
       onSourceSortEnd: () => null,
       onTargetSortEnd: this.handleTargetSortEnd,
       sourceItems: composedSourceItems,
       targetItems: composedTargetItems
-    }));
+    });
   }
-
 }
-
 ShuttleImpl.contextType = SearchState.Context;
-var ShuttleImpl$1 = withProviders(ShuttleImpl);
-
-export { ShuttleImpl$1 as default };
+const ShuttleImplHoc = withProviders(ShuttleImpl);
+var ShuttleImpl_default = ShuttleImplHoc;
+export {
+  ShuttleImplHoc as ShuttleImpl,
+  ShuttleImpl_default as default
+};
+//# sourceMappingURL=ShuttleImpl.js.map

package/esm/ShuttleImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ShuttleImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/static-property-placement */\n/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable import/extensions,react/no-unused-state,no-shadow,max-lines */\nimport React, { Component } from 'react';\nimport { compose, arrayMove } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n  addToTarget,\n  navigateTo,\n  resetCheckedItems,\n  resetMovedItems,\n  toggleItemSelection,\n  removeFromTarget,\n} from './Shuttle.actions';\nimport {\n  getActiveIdFromHierarchy,\n  filterBySearch,\n  getItemsById,\n  pipe,\n  getChildrenFromParent,\n  filterMovedItems,\n} from './helper';\nimport { ShuttleRenderer } from './ShuttleRenderer';\nimport { SearchState } from './SearchState';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps';\n\nclass ShuttleImpl extends Component {\n  static contextType = SearchState.Context;\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      prevProps: {},\n      preparedItems: [],\n      checkedItems: [],\n      // left breadcrumb\n      hierarchy: [{ name: props.sourceRootTitle, id: null }],\n      // right breadcrumb\n      hierarchyDest: [{ name: props.targetRootTitle, id: null }],\n\n      movedItems: [],\n      sourceItems: [],\n      targetItems: [],\n    };\n    this.moveCheckedItems = this.moveCheckedItems.bind(this);\n    this.resetMovedItems = this.resetMovedItems.bind(this);\n  }\n\n  static getDerivedStateFromProps(nextProps, prevState) {\n    return updateShuttleStateFromProps(nextProps, prevState);\n  }\n\n  componentDidMount() {\n    const { setGetStatus } = this.props;\n    setGetStatus(this.getState);\n  }\n\n  getState = () => {\n    const { movedItems } = this.state;\n    return Object.keys(movedItems);\n  };\n\n  handleChange() {\n    const { onChange } = this.props;\n    const { movedItems } = this.state;\n    onChange(Object.keys(movedItems));\n  }\n\n  navigate(item, dest, direction) {\n    const { onDrillDown, onDrillDownTarget } = this.props;\n\n    if (!dest) onDrillDown(item, direction);\n    if (dest) onDrillDownTarget(item, direction);\n\n    const { reset: resetSearchState } = this.context;\n    resetSearchState();\n\n    this.setState(pipe([navigateTo(item, dest), resetCheckedItems()]));\n  }\n\n  resetCheckedItems() {\n    this.setState(resetCheckedItems());\n  }\n\n  resetMovedItems() {\n    const { selectedItems, onRemoveAllFromTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(\n        pipe([navigateTo({ id: null }, true), resetMovedItems()]),\n        () => {\n          this.handleChange();\n        },\n      );\n    } else {\n      this.setState(pipe([navigateTo({ id: null }, true)]));\n    }\n    onRemoveAllFromTarget();\n  }\n\n  addToTarget(item) {\n    const { selectedItems, onAddToTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {\n        this.handleChange();\n      });\n    }\n    onAddToTarget(item);\n  }\n\n  removeFromTarget(item) {\n    const { selectedItems, onRemoveFromTarget } = this.props;\n    if (!selectedItems) {\n      this.setState(pipe([removeFromTarget(item)]), () => {\n        this.handleChange();\n      });\n    }\n    onRemoveFromTarget(item);\n  }\n\n  toggleItemSelection(item) {\n    this.setState(toggleItemSelection(item.id));\n  }\n\n  moveCheckedItems() {\n    const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;\n    const { checkedItems, preparedItems } = this.state;\n    const isControlledV2 = !!selectedItems && !!nonSelectedItems;\n    const checked = isControlledV2\n      ? nonSelectedItems.filter((item) =>\n          checkedItems.some((check) => check === item),\n        )\n      : checkedItems;\n    const items = getItemsById(checked, preparedItems);\n    const actions = !selectedItems\n      ? items.map((item) => addToTarget(item))\n      : [];\n    this.setState(pipe([...actions, resetCheckedItems()]), () => {\n      this.handleChange();\n    });\n    onAddCheckedItems(items);\n  }\n\n  handleTargetSortEnd({ sourceItem, targetItem }) {\n    const { idField, onTargetSortEnd } = this.props;\n    const { targetItems, hierarchyDest, movedItems } = this.state;\n\n    const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n\n    const collection = !hierarchyId ? movedItems : targetItems;\n\n    const oldIndex = collection.findIndex(\n      (tItem) => tItem[idField] === sourceItem[idField],\n    );\n    const newIndex = collection.findIndex(\n      (tItem) => tItem[idField] === targetItem[idField],\n    );\n\n    const sortedMovedItems = !hierarchyId\n      ? arrayMove(movedItems, oldIndex, newIndex)\n      : movedItems;\n    const sortedItems = hierarchyId\n      ? arrayMove(targetItems, oldIndex, newIndex)\n      : targetItems;\n\n    this.setState({\n      targetItems: sortedItems,\n      movedItems: sortedMovedItems,\n    });\n    onTargetSortEnd({ sourceItem, targetItem });\n  }\n\n  render() {\n    const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;\n    const {\n      hierarchy,\n      hierarchyDest,\n      checkedItems,\n      movedItems,\n      preparedItems: items,\n      targetItems,\n    } = this.state;\n    const {\n      state: { searchTerm, searching },\n    } = this.context;\n\n    const handleControlledSourceItms = () => {\n      const { id } = getActiveIdFromHierarchy(hierarchy);\n      if (id) {\n        return filterBySearch(\n          searchTerm,\n          searching,\n        )(\n          getChildrenFromParent(id)(\n            nonSelectedItems.map((it) => items.find((itt) => itt.id === it)),\n          ),\n        );\n      }\n\n      return filterBySearch(\n        searchTerm,\n        searching,\n      )(\n        items.filter((it) =>\n          nonSelectedItems.some(\n            (itt) =>\n              itt === it.id &&\n              !nonSelectedItems.some((ittt) => ittt === it.parent),\n          ),\n        ),\n      );\n    };\n\n    let composedSourceItems;\n\n    // controlled V2 TODO make it default controlled behavior\n    if (nonSelectedItems) {\n      composedSourceItems = handleControlledSourceItms();\n    } else {\n      composedSourceItems = compose(\n        filterBySearch(searchTerm, searching),\n        filterMovedItems(movedItems),\n        getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id),\n      )(items);\n    }\n\n    const handleControlledTargetItms = () => {\n      const { id } = getActiveIdFromHierarchy(hierarchyDest);\n      if (id) {\n        return getChildrenFromParent(\n          getActiveIdFromHierarchy(hierarchyDest).id,\n        )(\n          this.props.selectedItems.map((it) =>\n            items.find((itt) => itt.id === it),\n          ),\n        );\n      }\n\n      return targetItems.filter((it) =>\n        this.props.selectedItems.some(\n          (itt) =>\n            itt === it.id &&\n            !this.props.selectedItems.some((ittt) => ittt === it.parent),\n        ),\n      );\n    };\n\n    let composedTargetItems;\n\n    // controlled V2 TODO make it default controlled behavior\n    if (nonSelectedItems) {\n      composedTargetItems = handleControlledTargetItms();\n    } else {\n      composedTargetItems = compose((tItems) => {\n        const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n        return hierarchyId\n          ? compose(\n              filterMovedItems(movedItems),\n              getChildrenFromParent(hierarchyId),\n            )(tItems)\n          : movedItems;\n      })(targetItems);\n    }\n\n    return (\n      <ShuttleRenderer\n        {...rest}\n        moreItemsLoading={moreItemsLoading}\n        checkedItems={checkedItems}\n        hierarchy={hierarchy}\n        hierarchyDest={hierarchyDest}\n        onCheckItem={this.toggleItemSelection}\n        onClearCheckedItems={this.resetCheckedItems}\n        onClearMovedItems={this.resetMovedItems}\n        onItemCheck={this.toggleItemSelection}\n        onMoveCheckedItems={this.moveCheckedItems}\n        onMoveItemToSource={(item) => this.removeFromTarget(item, false)}\n        onMoveItemToTarget={(item) => this.addToTarget(item, true)}\n        onNavigateOnSourceTo={(item, direction) =>\n          this.navigate(item, false, direction)\n        }\n        onNavigateOnTargetTo={(item, direction) =>\n          this.navigate(item, true, direction)\n        }\n        onSourceSortEnd={() => null}\n        onTargetSortEnd={this.handleTargetSortEnd}\n        sourceItems={composedSourceItems}\n        targetItems={composedTargetItems}\n      />\n    );\n  }\n}\n\nconst ShuttleImplHoc = withProviders(ShuttleImpl);\nexport { ShuttleImplHoc as ShuttleImpl };\nexport default ShuttleImplHoc;\n"],
+  "mappings": "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",
+  "names": []
+}