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

package/cjs/ShuttleContainer.js

@@ -2,114 +2,79 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+var react = require('react');
 var utils = require('@elliemae/ds-utilities/utils');
 var withProviders = require('./withProviders.js');
 var helper = require('./helper.js');
 var SearchState = require('./SearchState.js');
 var ShuttleState = require('./ShuttleState.js');
-require('./AnimationState.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('constate');
-require('@babel/runtime/helpers/toConsumableArray');
-require('treetabular');
-require('./Shuttle.actions.js');
-require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-var _excluded = ["state"];
+const _excluded = ["state"];
 
 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 filterItemsByTerm(items, term) {
-  return items.filter(function (item) {
-    return 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) {
-  var _ref$items = _ref.items,
-      items = _ref$items === void 0 ? [] : _ref$items,
-      children = _ref.children;
-
-  var _useContext = React.useContext(ShuttleState.Context),
-      shuttleState = _useContext.state,
-      handlers = _objectWithoutProperties__default['default'](_useContext, _excluded);
+function ShuttleContainer({
+  items = [],
+  children
+}) {
+  const _useContext = react.useContext(ShuttleState.Context),
+        {
+    state: shuttleState
+  } = _useContext,
+        handlers = _objectWithoutProperties__default["default"](_useContext, _excluded);
 
-  var _useContext2 = React.useContext(SearchState.Context),
-      searchState = _useContext2.state;
+  const {
+    state: searchState
+  } = react.useContext(SearchState.Context);
 
-  var _shuttleState$searchS = _objectSpread(_objectSpread(_objectSpread({}, shuttleState), searchState), handlers),
-      movedItems = _shuttleState$searchS.movedItems,
-      hierarchy = _shuttleState$searchS.hierarchy,
-      hierarchyDest = _shuttleState$searchS.hierarchyDest,
-      checkedItems = _shuttleState$searchS.checkedItems,
-      searchTerm = _shuttleState$searchS.searchTerm,
-      searching = _shuttleState$searchS.searching,
-      toggleItemSelection = _shuttleState$searchS.toggleItemSelection,
-      resetCheckedItems = _shuttleState$searchS.resetCheckedItems,
-      resetMovedItems = _shuttleState$searchS.resetMovedItems,
-      moveCheckedItems = _shuttleState$searchS.moveCheckedItems,
-      moveItem = _shuttleState$searchS.moveItem,
-      navigate = _shuttleState$searchS.navigate;
+  const {
+    movedItems,
+    hierarchy,
+    hierarchyDest,
+    checkedItems,
+    searchTerm,
+    searching,
+    toggleItemSelection,
+    resetCheckedItems,
+    resetMovedItems,
+    moveCheckedItems,
+    moveItem,
+    navigate
+  } = _objectSpread(_objectSpread(_objectSpread({}, shuttleState), searchState), handlers);
 
-  var sourceItems = React.useMemo(function () {
-    return utils.compose(function (items) {
-      return items.filter(function (item) {
-        return !movedItems[item.id];
-      });
-    }, function (items) {
-      return searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items;
-    }, function (items) {
-      return helper.filterItemsByHierarchy(items, helper.getActiveIdFromHierarchy(hierarchy).id);
-    }, function (items) {
-      return helper.prepareItems(items);
-    })(items);
-  }, [items, searchTerm, searching, hierarchy, movedItems]);
-  var targetItems = React.useMemo(function () {
-    var hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
-    return utils.compose(function (items) {
-      return utils.sortBy(items, ['name']);
-    }, function (items) {
-      return hierarchyId ? helper.filterItemsByHierarchy(items, hierarchyId).filter(function (item) {
-        return !movedItems[item.id];
-      }) : utils.uniqBy(utils.values(movedItems), 'id');
-    })(items);
+  const sourceItems = react.useMemo(() => utils.compose(items => items.filter(item => !movedItems[item.id]), items => searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items, items => helper.filterItemsByHierarchy(items, helper.getActiveIdFromHierarchy(hierarchy).id), items => helper.prepareItems(items))(items), [items, searchTerm, searching, hierarchy, movedItems]);
+  const targetItems = react.useMemo(() => {
+    const hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
+    return utils.compose(items => utils.sortBy(items, ['name']), items => hierarchyId ? helper.filterItemsByHierarchy(items, hierarchyId).filter(item => !movedItems[item.id]) : utils.uniqBy(utils.values(movedItems), 'id'))(items);
   }, [items, searching, hierarchyDest, movedItems]);
   return utils.isFunction(children) && children({
-    checkedItems: checkedItems,
-    hierarchy: hierarchy,
-    hierarchyDest: hierarchyDest,
+    checkedItems,
+    hierarchy,
+    hierarchyDest,
     onCheckItem: toggleItemSelection,
     onClearCheckedItems: resetCheckedItems,
     onClearMovedItems: resetMovedItems,
-    onMoveCheckedItems: function onMoveCheckedItems() {
-      return moveCheckedItems(helper.getItemsById(checkedItems, items));
-    },
-    onMoveItemToSource: function onMoveItemToSource(item) {
-      return moveItem(item, false);
-    },
-    onMoveItemToTarget: function onMoveItemToTarget(item) {
-      return moveItem(item, true);
-    },
-    onNavigateOnSourceTo: function onNavigateOnSourceTo(item) {
-      return navigate(item, false);
-    },
-    onNavigateOnTargetTo: function onNavigateOnTargetTo(item) {
-      return navigate(item, true);
-    },
-    sourceItems: sourceItems,
-    targetItems: targetItems
+    onMoveCheckedItems: () => moveCheckedItems(helper.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);
 
 module.exports = ShuttleContainer$1;
-//# sourceMappingURL=ShuttleContainer.js.map