@elliemae/ds-shuttle 1.55.0-next.7 → 2.0.0-alpha.10

package/cjs/components/VirtualizedList.js

@@ -1,91 +1,81 @@
 'use strict';
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var web_cjs = require('react-spring/web.cjs');
+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 animation_animationConfig = require('../animation/animationConfig.js');
+var animationConfig = require('../animation/animationConfig.js');
 var AnimationState = require('../AnimationState.js');
-var components_VirtualizedItem = require('./VirtualizedItem.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 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); if (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 = 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; }
+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; }
 
-function VirtualizedList(_ref) {
-  var items = _ref.items,
-      itemRenderer = _ref.itemRenderer,
-      searching = _ref.searching,
-      _ref$target = _ref.target,
-      target = _ref$target === void 0 ? false : _ref$target,
-      innerRef = _ref.innerRef,
-      children = _ref.children,
-      _ref$hasNextPage = _ref.hasNextPage,
-      hasNextPage = _ref$hasNextPage === void 0 ? true : _ref$hasNextPage,
-      _ref$getMoreItems = _ref.getMoreItems,
-      getMoreItems = _ref$getMoreItems === void 0 ? function () {} : _ref$getMoreItems;
-  var hasMounted = React.useRef(false);
-
-  var _useContext = React.useContext(AnimationState.Context),
-      _useContext$state = _useContext.state,
-      isMoving = _useContext$state.isMoving,
-      isMovingBack = _useContext$state.isMovingBack,
-      reset = _useContext.reset;
-
-  React.useEffect(function () {
+function VirtualizedList({
+  items,
+  itemRenderer,
+  searching,
+  target = false,
+  innerRef,
+  children,
+  hasNextPage = true,
+  getMoreItems = () => {}
+}) {
+  const hasMounted = react.useRef(false);
+  const {
+    state: {
+      isMoving,
+      isMovingBack
+    },
+    reset
+  } = react.useContext(AnimationState.Context);
+  react.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  var transitions = web_cjs.useTransition(items, function (item) {
-    return item.id;
-  }, _objectSpread(_objectSpread({}, animation_animationConfig.animationConfig.moveItem(target)), {}, {
-    onDestroyed: function onDestroyed() {
-      return reset();
-    }
+  const transitions = web.useTransition(items, item => item.id, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveItem(target)), {}, {
+    onDestroyed: () => reset()
   }));
-  var itemCount = hasNextPage ? items.length + 1 : items.length;
+  const itemCount = hasNextPage ? items.length + 1 : items.length;
 
-  var isItemLoaded = function isItemLoaded(index) {
-    return !hasNextPage || index < items.length;
-  };
+  const isItemLoaded = index => !hasNextPage || index < items.length;
 
-  return /*#__PURE__*/React__default['default'].createElement(AutoSizer__default['default'], null, function (_ref2) {
-    var height = _ref2.height,
-        width = _ref2.width;
-    return /*#__PURE__*/React__default['default'].createElement(InfiniteLoader__default['default'], {
-      isItemLoaded: isItemLoaded,
-      itemCount: itemCount,
-      loadMoreItems: getMoreItems
-    }, function (_ref3) {
-      var onItemsRendered = _ref3.onItemsRendered,
-          ref = _ref3.ref;
-      return /*#__PURE__*/React__default['default'].createElement(reactWindow.FixedSizeList, {
-        height: searching ? 300 : height,
-        width: width,
-        innerRef: innerRef,
-        itemCount: transitions.length,
-        itemData: {
-          items: transitions,
-          itemRenderer: itemRenderer,
-          isItemMoving: hasMounted.current && (isMoving || isMovingBack)
-        },
-        itemSize: 35,
-        onItemsRendered: onItemsRendered,
-        ref: ref
-      }, children || components_VirtualizedItem);
-    });
-  });
+  return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {}, void 0, ({
+    height,
+    width
+  }) => /*#__PURE__*/_jsx__default["default"](InfiniteLoader__default["default"], {
+    isItemLoaded: isItemLoaded,
+    itemCount: itemCount,
+    loadMoreItems: getMoreItems
+  }, void 0, ({
+    onItemsRendered,
+    ref
+  }) => /*#__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;
-//# sourceMappingURL=VirtualizedList.js.map

package/cjs/components/VirtualizedSortableList.js

@@ -1,39 +1,36 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var reactSortableHoc = require('react-sortable-hoc');
-var components_VirtualizedList = require('./VirtualizedList.js');
-var components_VirtualizedItem = require('./VirtualizedItem.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react-spring/web.cjs');
-require('react-window');
-require('react-window-infinite-loader');
-require('react-virtualized-auto-sizer');
-require('../animation/animationConfig.js');
-require('../AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
+var VirtualizedList = require('./VirtualizedList.js');
+var VirtualizedItem = require('./VirtualizedItem.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["items"];
-var SortableList = reactSortableHoc.sortableContainer(components_VirtualizedList);
+const _excluded = ["items"];
+
+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 _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; }
+const SortableList = reactSortableHoc.sortableContainer(VirtualizedList);
 
 function VirtualizedSortableList(_ref) {
-  var items = _ref.items,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+  let {
+    items
+  } = _ref,
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/React__default['default'].createElement(SortableList, _extends__default['default']({}, otherProps, {
+  return /*#__PURE__*/jsxRuntime.jsx(SortableList, _objectSpread(_objectSpread({}, otherProps), {}, {
     items: items,
-    useDragHandle: true
-  }), reactSortableHoc.sortableElement(components_VirtualizedItem));
+    useDragHandle: true,
+    children: reactSortableHoc.sortableElement(VirtualizedItem)
+  }));
 }
 
 module.exports = VirtualizedSortableList;
-//# sourceMappingURL=VirtualizedSortableList.js.map

package/cjs/helper.js

@@ -17,14 +17,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -33,102 +31,53 @@ var tree__namespace = /*#__PURE__*/_interopNamespace(tree);
 
 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 _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 getHierarchyTypeName = function getHierarchyTypeName(dest) {
-  return !dest ? 'hierarchy' : 'hierarchyDest';
-};
-var checkHasChildren = function checkHasChildren(list, currentItem) {
-  return list.some(function (item) {
-    return currentItem.id === item.parent;
-  });
-};
-var getActiveIdFromHierarchy = function getActiveIdFromHierarchy() {
-  var hierarchy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return hierarchy[hierarchy.length - 1] || {};
-};
-var filterItemsByHierarchy = function filterItemsByHierarchy(list, hierarchyId) {
-  var parentField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
-  return list.filter(function (item) {
-    return item[parentField] === hierarchyId;
-  });
-};
-var getItemsById = function getItemsById(ids, list) {
-  return ids.reduce(function (acc, id) {
-    return acc.concat(list.find(function (item) {
-      return String(item.id) === String(id);
-    }));
-  }, []).filter(function (item) {
-    return item;
-  });
-};
-var toggleInObject = function toggleInObject(obj, key, value) {
-  return obj[key] ? utils.omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, _defineProperty__default['default']({}, key, value));
-};
-var isMovable = function isMovable(item) {
-  return !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren);
-}; // utility to execute all specified actions in sequence
+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; }
+const getHierarchyTypeName = dest => !dest ? 'hierarchy' : 'hierarchyDest';
+const checkHasChildren = (list, currentItem) => list.some(item => currentItem.id === item.parent);
+const getActiveIdFromHierarchy = (hierarchy = []) => hierarchy[hierarchy.length - 1] || {};
+const filterItemsByHierarchy = (list, hierarchyId, parentField = 'parent') => list.filter(item => item[parentField] === hierarchyId);
+const getItemsById = (ids, list) => ids.reduce((acc, id) => acc.concat(list.find(item => String(item.id) === String(id))), []).filter(item => item);
+const toggleInObject = (obj, key, value) => obj[key] ? utils.omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, {
+  [key]: value
+});
+const isMovable = item => !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren); // utility to execute all specified actions in sequence
 
-var pipe = function pipe(actions) {
-  return function (initState, props) {
-    return actions.reduce(function (prevState, action) {
-      return action(prevState, props);
-    }, initState);
-  };
+const pipe = actions => (initState, props) => actions.reduce((prevState, action) => action(prevState, props), initState);
+const moveItems = ({
+  oldIndex,
+  newIndex
+}) => items => {
+  const sourceItem = items[oldIndex];
+  items.splice(oldIndex, 1);
+  items.splice(newIndex, 0, sourceItem);
+  return items;
 };
-var moveItems = function moveItems(_ref) {
-  var oldIndex = _ref.oldIndex,
-      newIndex = _ref.newIndex;
-  return function (items) {
-    var sourceItem = items[oldIndex];
-    items.splice(oldIndex, 1);
-    items.splice(newIndex, 0, sourceItem);
-    return items;
-  };
-};
-var prepareItems = function prepareItems(items) {
-  return utils.compose(tree__namespace.fixOrder(), function (items) {
-    return items.map(function (item) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        hasChildren: checkHasChildren(items, item)
-      });
-    });
-  })(items);
-};
-var defaultOptions = {
+const prepareItems = items => utils.compose(tree__namespace.fixOrder(), items => items.map(item => _objectSpread(_objectSpread({}, item), {}, {
+  hasChildren: checkHasChildren(items, item)
+})))(items);
+const defaultOptions = {
   parentField: 'parent',
   idField: 'id',
-  op: function op(hasMoved) {
-    return !hasMoved;
-  }
+  op: hasMoved => !hasMoved
 };
 function getChildrenFromParent(parentId, options) {
-  var _defaultOptions$optio = _objectSpread(_objectSpread({}, defaultOptions), options),
-      parentField = _defaultOptions$optio.parentField;
+  const {
+    parentField
+  } = _objectSpread(_objectSpread({}, defaultOptions), options);
 
-  return function (items) {
-    return items.filter(function (item) {
-      return item[parentField] === parentId;
-    });
-  };
+  return items => items.filter(item => item[parentField] === parentId);
 }
 function filterMovedItems(movedItems, options) {
-  var _defaultOptions$optio2 = _objectSpread(_objectSpread({}, defaultOptions), options),
-      idField = _defaultOptions$optio2.idField,
-      filterOp = _defaultOptions$optio2.op;
+  const {
+    idField,
+    op: filterOp
+  } = _objectSpread(_objectSpread({}, defaultOptions), options);
 
-  var movedItemsHash = utils.hashArray(movedItems, idField);
-  return function (items) {
-    return items.filter(function (item) {
-      return filterOp(!!movedItemsHash[item[idField]]);
-    });
-  };
+  const movedItemsHash = utils.hashArray(movedItems, idField);
+  return items => items.filter(item => filterOp(!!movedItemsHash[item[idField]]));
 }
 function filterBySearch(term, searching) {
-  return function (items) {
-    return searching ? items.filter(function (item) {
-      return item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1;
-    }) : items;
-  };
+  return items => searching ? items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1) : items;
 }
 
 exports.checkHasChildren = checkHasChildren;
@@ -144,4 +93,3 @@ exports.moveItems = moveItems;
 exports.pipe = pipe;
 exports.prepareItems = prepareItems;
 exports.toggleInObject = toggleInObject;
-//# sourceMappingURL=helper.js.map

package/cjs/index.js

@@ -4,72 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSShuttle = require('./DSShuttle.js');
 var utils = require('./utils.js');
-require('react');
-require('lodash');
-require('react-desc');
-require('@elliemae/ds-basic/TruncatedTooltipText');
-require('./ShuttleImpl.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/assertThisInitialized');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities/utils');
-require('./withProviders.js');
-require('./AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
-require('./SearchState.js');
-require('./ShuttleState.js');
-require('./helper.js');
-require('treetabular');
-require('./Shuttle.actions.js');
-require('./ShuttleRenderer.js');
-require('./components/ShuttleSource.js');
-require('prop-types');
-require('@elliemae/ds-icons/ArrowShortRight');
-require('@elliemae/ds-basic/Button');
-require('@elliemae/ds-icons/Search');
-require('./components/ShuttleSearchBox.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-basic/form/TextBox');
-require('./components/ShuttleInfiniteScrollIndicator.js');
-require('@elliemae/ds-basic/IndeterminateProgressIndicator');
-require('./components/ShuttleListItem/ShuttleSourceListItem.js');
-require('./components/ShuttleListItem/ActionButtons.js');
-require('@elliemae/ds-icons/CloseCircle');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('./components/ShuttleListItem/ShuttleListItem.js');
-require('react-spring/web.cjs');
-require('react-sortable-hoc');
-require('@elliemae/ds-icons/GripperVertical');
-require('./classedComponents.js');
-require('./components/ShuttleBreadcrumb.js');
-require('@elliemae/ds-basic/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-basic/CircularProgressIndicator');
-require('styled-components');
-require('./components/ShuttleTarget.js');
-require('./components/ShuttleListItem/ShuttleTargetListItem.js');
-require('./updateShuttleStateFromProps.js');
 
 
 
 exports.DSShuttleWithSchema = DSShuttle.DSShuttleWithSchema;
-exports.default = DSShuttle['default'];
+exports["default"] = DSShuttle["default"];
 exports.utils = utils;
-//# sourceMappingURL=index.js.map

package/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/cjs/updateShuttleStateFromProps.js

@@ -1,93 +1,84 @@
 'use strict';
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var utils = require('@elliemae/ds-utilities/utils');
 var helper = require('./helper.js');
 var Shuttle_actions = require('./Shuttle.actions.js');
-require('treetabular');
-require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 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 _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; }
+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 mergeToPrevState = function mergeToPrevState(prevState, nextState) {
-  return _objectSpread(_objectSpread(_objectSpread({}, prevState), nextState), {}, {
-    prevProps: _objectSpread(_objectSpread({}, prevState.prevProps), nextState.prevProps)
-  });
-};
+const mergeToPrevState = (prevState, nextState) => _objectSpread(_objectSpread(_objectSpread({}, prevState), nextState), {}, {
+  prevProps: _objectSpread(_objectSpread({}, prevState.prevProps), nextState.prevProps)
+});
 
 function compareSelectedItems(nextProps, prevProps) {
-  var selectedItems = nextProps.selectedItems,
-      idField = nextProps.idField;
-  return function (nextState) {
+  const {
+    selectedItems,
+    idField
+  } = nextProps;
+  return nextState => {
     if (utils.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;
-    var preparedItems = nextState.preparedItems;
-    var prevSelectedItemsHash = utils.hashArray(prevProps.selectedItems || []);
-    var itemsToMove = helper.getItemsById(selectedItems, preparedItems);
-    var actions = itemsToMove.map(function (item) {
-      return prevSelectedItemsHash[item[idField]] ? Shuttle_actions.addToTarget(item, nextState.targetItems) : Shuttle_actions.addToTarget(item);
-    });
-    return mergeToPrevState(nextState, _objectSpread(_objectSpread({}, helper.pipe([Shuttle_actions.resetMovedItems()].concat(_toConsumableArray__default['default'](actions)))(nextState, nextProps)), {}, {
+    const {
+      preparedItems
+    } = nextState;
+    const prevSelectedItemsHash = utils.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: selectedItems
+        selectedItems
       })
     }));
   };
 }
 
 function compareItems(nextProps, prevProps) {
-  var items = nextProps.items;
-  return function (nextState) {
-    var preparedItems = helper.prepareItems(items);
-    var isControlledV2 = nextProps.nonSelectedItems; // TODO make controlledV2 the default behavior for controlled shuttle
+  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) {
-      var targetItems = nextProps.selectedItems.map(function (id) {
-        return preparedItems.find(function (it) {
-          return it.id === id;
-        });
-      });
+      const targetItems = nextProps.selectedItems.map(id => preparedItems.find(it => it.id === id));
       return mergeToPrevState(nextState, {
-        preparedItems: preparedItems,
+        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: targetItems,
+        targetItems,
         movedItems: targetItems,
         prevProps: {
-          items: items
+          items
         }
       });
     }
 
     if (utils.isEqual(items, prevProps.items)) return nextState;
     return mergeToPrevState(nextState, {
-      preparedItems: preparedItems,
+      preparedItems,
       prevProps: {
-        items: items
+        items
       }
     });
   };
 }
 
 function updateShuttleStateFromProps (nextProps, prevState) {
-  var stateReducers = [compareSelectedItems, compareItems].map(function (fn) {
-    return fn(nextProps, prevState.prevProps);
-  });
-  var nextState = utils.compose.apply(void 0, _toConsumableArray__default['default'](stateReducers))(prevState);
+  const stateReducers = [compareSelectedItems, compareItems].map(fn => fn(nextProps, prevState.prevProps));
+  const nextState = utils.compose(...stateReducers)(prevState);
   return !utils.isEqual(nextState, prevState) ? nextState : null;
 }
 
 module.exports = updateShuttleStateFromProps;
-//# sourceMappingURL=updateShuttleStateFromProps.js.map

package/cjs/utils.js

@@ -16,14 +16,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -32,12 +30,9 @@ var tree__namespace = /*#__PURE__*/_interopNamespace(tree);
 
 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 _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; }
+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 utils = _objectSpread({
-  prepareItems: function prepareItems(items, options) {
-    return utils$1.compose(tree__namespace.fixOrder(options), helper.prepareItems)(items);
-  }
+  prepareItems: (items, options) => utils$1.compose(tree__namespace.fixOrder(options), helper.prepareItems)(items)
 }, tree__namespace);
 
 module.exports = utils;
-//# sourceMappingURL=utils.js.map