@elliemae/ds-shuttle 1.60.0 → 2.0.0-alpha.12

package/cjs/ShuttleImpl.js

@@ -1,15 +1,20 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var React = require('react');
+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.some.js');
+require('core-js/modules/esnext.iterator.some.js');
+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.find.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 dsUtilities = require('@elliemae/ds-utilities');
 var withProviders = require('./withProviders.js');
 var Shuttle_actions = require('./Shuttle.actions.js');
@@ -17,83 +22,31 @@ var helper = require('./helper.js');
 var ShuttleRenderer = require('./ShuttleRenderer.js');
 var SearchState = require('./SearchState.js');
 var updateShuttleStateFromProps = require('./updateShuttleStateFromProps.js');
-require('./AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
-require('./ShuttleState.js');
-require('@babel/runtime/helpers/defineProperty');
-require('treetabular');
-require('./utils.js');
-require('./components/ShuttleSource.js');
-require('prop-types');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('./components/ShuttleSearchBox.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('./components/ShuttleInfiniteScrollIndicator.js');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('./components/ShuttleListItem/ShuttleSourceListItem.js');
-require('./components/ShuttleListItem/ActionButtons.js');
-require('./components/ShuttleListItem/ShuttleListItem.js');
-require('react-spring/web.cjs');
-require('@elliemae/ds-truncated-tooltip-text');
-require('react-sortable-hoc');
-require('./classedComponents.js');
-require('./components/ShuttleBreadcrumb.js');
-require('@elliemae/ds-breadcrumb');
-require('./animation/animationConfig.js');
-require('./components/OverflowList.js');
-require('./components/ShuttleListPanel.js');
-require('./components/VirtualizedList.js');
-require('react-window');
-require('react-window-infinite-loader');
-require('react-virtualized-auto-sizer');
-require('./components/VirtualizedItem.js');
-require('./components/VirtualizedSortableList.js');
-require('./components/LoadingIndicator.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('styled-components');
-require('./components/ShuttleTarget.js');
-require('./components/ShuttleListItem/ShuttleTargetListItem.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["idField", "nonSelectedItems", "moreItemsLoading"];
+const _excluded = ["idField", "nonSelectedItems", "moreItemsLoading"];
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-var ShuttleImpl = /*#__PURE__*/function (_Component) {
-  _inherits__default['default'](ShuttleImpl, _Component);
+class ShuttleImpl extends react.Component {
+  constructor(props) {
+    super(props);
 
-  var _super = _createSuper(ShuttleImpl);
-
-  function ShuttleImpl(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, ShuttleImpl);
-
-    _this = _super.call(this, props);
-
-    _this.getState = function () {
-      var movedItems = _this.state.movedItems;
+    this.getState = () => {
+      const {
+        movedItems
+      } = this.state;
       return Object.keys(movedItems);
     };
 
-    _this.state = {
+    this.state = {
       prevProps: {},
       preparedItems: [],
       checkedItems: [],
@@ -111,289 +64,248 @@ var ShuttleImpl = /*#__PURE__*/function (_Component) {
       sourceItems: [],
       targetItems: []
     };
-    _this.toggleItemSelection = _this.toggleItemSelection.bind(_assertThisInitialized__default['default'](_this));
-    _this.resetCheckedItems = _this.resetCheckedItems.bind(_assertThisInitialized__default['default'](_this));
-    _this.resetMovedItems = _this.resetMovedItems.bind(_assertThisInitialized__default['default'](_this));
-    _this.moveCheckedItems = _this.moveCheckedItems.bind(_assertThisInitialized__default['default'](_this));
-    _this.handleTargetSortEnd = _this.handleTargetSortEnd.bind(_assertThisInitialized__default['default'](_this));
-    return _this;
+    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);
   }
 
-  _createClass__default['default'](ShuttleImpl, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var setGetStatus = this.props.setGetStatus;
-      setGetStatus(this.getState);
-    }
-  }, {
-    key: "handleChange",
-    value: function handleChange() {
-      var onChange = this.props.onChange;
-      var movedItems = this.state.movedItems;
-      onChange(Object.keys(movedItems));
-    }
-  }, {
-    key: "navigate",
-    value: function navigate(item, dest, direction) {
-      var _this$props = this.props,
-          onDrillDown = _this$props.onDrillDown,
-          onDrillDownTarget = _this$props.onDrillDownTarget;
-      if (!dest) onDrillDown(item, direction);
-      if (dest) onDrillDownTarget(item, direction);
-      var resetSearchState = this.context.reset;
-      resetSearchState();
-      this.setState(helper.pipe([Shuttle_actions.navigateTo(item, dest), Shuttle_actions.resetCheckedItems()]));
-    }
-  }, {
-    key: "resetCheckedItems",
-    value: function resetCheckedItems() {
-      this.setState(Shuttle_actions.resetCheckedItems());
-    }
-  }, {
-    key: "resetMovedItems",
-    value: function resetMovedItems() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          selectedItems = _this$props2.selectedItems,
-          onRemoveAllFromTarget = _this$props2.onRemoveAllFromTarget;
-
-      if (!selectedItems) {
-        this.setState(helper.pipe([Shuttle_actions.navigateTo({
-          id: null
-        }, true), Shuttle_actions.resetMovedItems()]), function () {
-          _this2.handleChange();
-        });
-      } else {
-        this.setState(helper.pipe([Shuttle_actions.navigateTo({
-          id: null
-        }, true)]));
-      }
+  static getDerivedStateFromProps(nextProps, prevState) {
+    return updateShuttleStateFromProps(nextProps, prevState);
+  }
 
-      onRemoveAllFromTarget();
-    }
-  }, {
-    key: "addToTarget",
-    value: function addToTarget(item) {
-      var _this3 = this;
-
-      var _this$props3 = this.props,
-          selectedItems = _this$props3.selectedItems,
-          onAddToTarget = _this$props3.onAddToTarget;
-
-      if (!selectedItems) {
-        this.setState(helper.pipe([Shuttle_actions.addToTarget(item), Shuttle_actions.resetCheckedItems()]), function () {
-          _this3.handleChange();
-        });
-      }
+  componentDidMount() {
+    const {
+      setGetStatus
+    } = this.props;
+    setGetStatus(this.getState);
+  }
 
-      onAddToTarget(item);
-    }
-  }, {
-    key: "removeFromTarget",
-    value: function removeFromTarget(item) {
-      var _this4 = this;
-
-      var _this$props4 = this.props,
-          selectedItems = _this$props4.selectedItems,
-          onRemoveFromTarget = _this$props4.onRemoveFromTarget;
-
-      if (!selectedItems) {
-        this.setState(helper.pipe([Shuttle_actions.removeFromTarget(item)]), function () {
-          _this4.handleChange();
-        });
-      }
+  handleChange() {
+    const {
+      onChange
+    } = this.props;
+    const {
+      movedItems
+    } = this.state;
+    onChange(Object.keys(movedItems));
+  }
 
-      onRemoveFromTarget(item);
-    }
-  }, {
-    key: "toggleItemSelection",
-    value: function toggleItemSelection(item) {
-      this.setState(Shuttle_actions.toggleItemSelection(item.id));
-    }
-  }, {
-    key: "moveCheckedItems",
-    value: function moveCheckedItems() {
-      var _this5 = this;
-
-      var _this$props5 = this.props,
-          onAddCheckedItems = _this$props5.onAddCheckedItems,
-          selectedItems = _this$props5.selectedItems,
-          nonSelectedItems = _this$props5.nonSelectedItems;
-      var _this$state = this.state,
-          checkedItems = _this$state.checkedItems,
-          preparedItems = _this$state.preparedItems;
-      var isControlledV2 = !!selectedItems && !!nonSelectedItems;
-      var checked = isControlledV2 ? nonSelectedItems.filter(function (item) {
-        return checkedItems.some(function (check) {
-          return check === item;
-        });
-      }) : checkedItems;
-      var items = helper.getItemsById(checked, preparedItems);
-      var actions = !selectedItems ? items.map(function (item) {
-        return Shuttle_actions.addToTarget(item);
-      }) : [];
-      this.setState(helper.pipe([].concat(_toConsumableArray__default['default'](actions), [Shuttle_actions.resetCheckedItems()])), function () {
-        _this5.handleChange();
+  navigate(item, dest, direction) {
+    const {
+      onDrillDown,
+      onDrillDownTarget
+    } = this.props;
+    if (!dest) onDrillDown(item, direction);
+    if (dest) onDrillDownTarget(item, direction);
+    const {
+      reset: resetSearchState
+    } = this.context;
+    resetSearchState();
+    this.setState(helper.pipe([Shuttle_actions.navigateTo(item, dest), Shuttle_actions.resetCheckedItems()]));
+  }
+
+  resetCheckedItems() {
+    this.setState(Shuttle_actions.resetCheckedItems());
+  }
+
+  resetMovedItems() {
+    const {
+      selectedItems,
+      onRemoveAllFromTarget
+    } = this.props;
+
+    if (!selectedItems) {
+      this.setState(helper.pipe([Shuttle_actions.navigateTo({
+        id: null
+      }, true), Shuttle_actions.resetMovedItems()]), () => {
+        this.handleChange();
       });
-      onAddCheckedItems(items);
+    } else {
+      this.setState(helper.pipe([Shuttle_actions.navigateTo({
+        id: null
+      }, true)]));
     }
-  }, {
-    key: "handleTargetSortEnd",
-    value: function handleTargetSortEnd(_ref) {
-      var sourceItem = _ref.sourceItem,
-          targetItem = _ref.targetItem;
-      var _this$props6 = this.props,
-          idField = _this$props6.idField,
-          onTargetSortEnd = _this$props6.onTargetSortEnd;
-      var _this$state2 = this.state,
-          targetItems = _this$state2.targetItems,
-          hierarchyDest = _this$state2.hierarchyDest,
-          movedItems = _this$state2.movedItems;
-      var hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
-      var collection = !hierarchyId ? movedItems : targetItems;
-      var oldIndex = collection.findIndex(function (tItem) {
-        return tItem[idField] === sourceItem[idField];
-      });
-      var newIndex = collection.findIndex(function (tItem) {
-        return tItem[idField] === targetItem[idField];
-      });
-      var sortedMovedItems = !hierarchyId ? dsUtilities.arrayMove(movedItems, oldIndex, newIndex) : movedItems;
-      var sortedItems = hierarchyId ? dsUtilities.arrayMove(targetItems, oldIndex, newIndex) : targetItems;
-      this.setState({
-        targetItems: sortedItems,
-        movedItems: sortedMovedItems
+
+    onRemoveAllFromTarget();
+  }
+
+  addToTarget(item) {
+    const {
+      selectedItems,
+      onAddToTarget
+    } = this.props;
+
+    if (!selectedItems) {
+      this.setState(helper.pipe([Shuttle_actions.addToTarget(item), Shuttle_actions.resetCheckedItems()]), () => {
+        this.handleChange();
       });
-      onTargetSortEnd({
-        sourceItem: sourceItem,
-        targetItem: targetItem
+    }
+
+    onAddToTarget(item);
+  }
+
+  removeFromTarget(item) {
+    const {
+      selectedItems,
+      onRemoveFromTarget
+    } = this.props;
+
+    if (!selectedItems) {
+      this.setState(helper.pipe([Shuttle_actions.removeFromTarget(item)]), () => {
+        this.handleChange();
       });
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this6 = this;
-
-      var _this$props7 = this.props;
-          _this$props7.idField;
-          var nonSelectedItems = _this$props7.nonSelectedItems,
-          moreItemsLoading = _this$props7.moreItemsLoading,
-          rest = _objectWithoutProperties__default['default'](_this$props7, _excluded);
-
-      var _this$state3 = this.state,
-          hierarchy = _this$state3.hierarchy,
-          hierarchyDest = _this$state3.hierarchyDest,
-          checkedItems = _this$state3.checkedItems,
-          movedItems = _this$state3.movedItems,
-          items = _this$state3.preparedItems,
-          targetItems = _this$state3.targetItems;
-      var _this$context$state = this.context.state,
-          searchTerm = _this$context$state.searchTerm,
-          searching = _this$context$state.searching;
-
-      var handleControlledSourceItms = function handleControlledSourceItms() {
-        var _getActiveIdFromHiera = helper.getActiveIdFromHierarchy(hierarchy),
-            id = _getActiveIdFromHiera.id;
-
-        if (id) {
-          return helper.filterBySearch(searchTerm, searching)(helper.getChildrenFromParent(id)(nonSelectedItems.map(function (it) {
-            return items.find(function (itt) {
-              return itt.id === it;
-            });
-          })));
-        }
-
-        return helper.filterBySearch(searchTerm, searching)(items.filter(function (it) {
-          return nonSelectedItems.some(function (itt) {
-            return itt === it.id && !nonSelectedItems.some(function (ittt) {
-              return ittt === it.parent;
-            });
-          });
-        }));
-      };
-
-      var composedSourceItems; // controlled V2 TODO make it default controlled behavior
-
-      if (nonSelectedItems) {
-        composedSourceItems = handleControlledSourceItms();
-      } else {
-        composedSourceItems = dsUtilities.compose(helper.filterBySearch(searchTerm, searching), helper.filterMovedItems(movedItems), helper.getChildrenFromParent(helper.getActiveIdFromHierarchy(hierarchy).id))(items);
+
+    onRemoveFromTarget(item);
+  }
+
+  toggleItemSelection(item) {
+    this.setState(Shuttle_actions.toggleItemSelection(item.id));
+  }
+
+  moveCheckedItems() {
+    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 items = helper.getItemsById(checked, preparedItems);
+    const actions = !selectedItems ? items.map(item => Shuttle_actions.addToTarget(item)) : [];
+    this.setState(helper.pipe([...actions, Shuttle_actions.resetCheckedItems()]), () => {
+      this.handleChange();
+    });
+    onAddCheckedItems(items);
+  }
+
+  handleTargetSortEnd(_ref) {
+    let {
+      sourceItem,
+      targetItem
+    } = _ref;
+    const {
+      idField,
+      onTargetSortEnd
+    } = this.props;
+    const {
+      targetItems,
+      hierarchyDest,
+      movedItems
+    } = this.state;
+    const hierarchyId = helper.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 sortedMovedItems = !hierarchyId ? dsUtilities.arrayMove(movedItems, oldIndex, newIndex) : movedItems;
+    const sortedItems = hierarchyId ? dsUtilities.arrayMove(targetItems, oldIndex, newIndex) : targetItems;
+    this.setState({
+      targetItems: sortedItems,
+      movedItems: sortedMovedItems
+    });
+    onTargetSortEnd({
+      sourceItem,
+      targetItem
+    });
+  }
+
+  render() {
+    const _this$props = this.props,
+          {
+      idField,
+      nonSelectedItems,
+      moreItemsLoading
+    } = _this$props,
+          rest = _objectWithoutProperties__default["default"](_this$props, _excluded);
+
+    const {
+      hierarchy,
+      hierarchyDest,
+      checkedItems,
+      movedItems,
+      preparedItems: items,
+      targetItems
+    } = this.state;
+    const {
+      state: {
+        searchTerm,
+        searching
       }
+    } = this.context;
+
+    const handleControlledSourceItms = () => {
+      const {
+        id
+      } = helper.getActiveIdFromHierarchy(hierarchy);
 
-      var handleControlledTargetItms = function handleControlledTargetItms() {
-        var _getActiveIdFromHiera2 = helper.getActiveIdFromHierarchy(hierarchyDest),
-            id = _getActiveIdFromHiera2.id;
-
-        if (id) {
-          return helper.getChildrenFromParent(helper.getActiveIdFromHierarchy(hierarchyDest).id)(_this6.props.selectedItems.map(function (it) {
-            return items.find(function (itt) {
-              return itt.id === it;
-            });
-          }));
-        }
-
-        return targetItems.filter(function (it) {
-          return _this6.props.selectedItems.some(function (itt) {
-            return itt === it.id && !_this6.props.selectedItems.some(function (ittt) {
-              return ittt === it.parent;
-            });
-          });
-        });
-      };
-
-      var composedTargetItems; // controlled V2 TODO make it default controlled behavior
-
-      if (nonSelectedItems) {
-        composedTargetItems = handleControlledTargetItms();
-      } else {
-        composedTargetItems = dsUtilities.compose(function (tItems) {
-          var hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
-          return hierarchyId ? dsUtilities.compose(helper.filterMovedItems(movedItems), helper.getChildrenFromParent(hierarchyId))(tItems) : movedItems;
-        })(targetItems);
+      if (id) {
+        return helper.filterBySearch(searchTerm, searching)(helper.getChildrenFromParent(id)(nonSelectedItems.map(it => items.find(itt => itt.id === it))));
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(ShuttleRenderer, _extends__default['default']({}, rest, {
-        moreItemsLoading: moreItemsLoading,
-        checkedItems: checkedItems,
-        hierarchy: hierarchy,
-        hierarchyDest: hierarchyDest,
-        onCheckItem: this.toggleItemSelection,
-        onClearCheckedItems: this.resetCheckedItems,
-        onClearMovedItems: this.resetMovedItems,
-        onItemCheck: this.toggleItemSelection,
-        onMoveCheckedItems: this.moveCheckedItems,
-        onMoveItemToSource: function onMoveItemToSource(item) {
-          return _this6.removeFromTarget(item, false);
-        },
-        onMoveItemToTarget: function onMoveItemToTarget(item) {
-          return _this6.addToTarget(item, true);
-        },
-        onNavigateOnSourceTo: function onNavigateOnSourceTo(item, direction) {
-          return _this6.navigate(item, false, direction);
-        },
-        onNavigateOnTargetTo: function onNavigateOnTargetTo(item, direction) {
-          return _this6.navigate(item, true, direction);
-        },
-        onSourceSortEnd: function onSourceSortEnd() {
-          return null;
-        },
-        onTargetSortEnd: this.handleTargetSortEnd,
-        sourceItems: composedSourceItems,
-        targetItems: composedTargetItems
-      }));
+      return helper.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
+
+    if (nonSelectedItems) {
+      composedSourceItems = handleControlledSourceItms();
+    } else {
+      composedSourceItems = dsUtilities.compose(helper.filterBySearch(searchTerm, searching), helper.filterMovedItems(movedItems), helper.getChildrenFromParent(helper.getActiveIdFromHierarchy(hierarchy).id))(items);
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      return updateShuttleStateFromProps(nextProps, prevState);
+
+    const handleControlledTargetItms = () => {
+      const {
+        id
+      } = helper.getActiveIdFromHierarchy(hierarchyDest);
+
+      if (id) {
+        return helper.getChildrenFromParent(helper.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)));
+    };
+
+    let composedTargetItems; // controlled V2 TODO make it default controlled behavior
+
+    if (nonSelectedItems) {
+      composedTargetItems = handleControlledTargetItms();
+    } else {
+      composedTargetItems = dsUtilities.compose(tItems => {
+        const hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
+        return hierarchyId ? dsUtilities.compose(helper.filterMovedItems(movedItems), helper.getChildrenFromParent(hierarchyId))(tItems) : movedItems;
+      })(targetItems);
     }
-  }]);
 
-  return ShuttleImpl;
-}(React.Component);
+    return /*#__PURE__*/jsxRuntime.jsx(ShuttleRenderer, _objectSpread(_objectSpread({}, rest), {}, {
+      moreItemsLoading: moreItemsLoading,
+      checkedItems: checkedItems,
+      hierarchy: hierarchy,
+      hierarchyDest: 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),
+      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);
 
 module.exports = ShuttleImpl$1;
-//# sourceMappingURL=ShuttleImpl.js.map