@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/Shuttle.actions.js

@@ -1,126 +1,137 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Shuttle_actions_exports = {};
-__export(Shuttle_actions_exports, {
-  addToTarget: () => addToTarget,
-  moveItem: () => moveItem,
-  navigateTo: () => navigateTo,
-  removeFromTarget: () => removeFromTarget,
-  resetCheckedItems: () => resetCheckedItems,
-  resetMovedItems: () => resetMovedItems,
-  toggleItemSelection: () => toggleItemSelection
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_helper = require("./helper");
-var import_utils = __toESM(require("./utils"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var helper = require('./helper.js');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function toggleItemSelection(itemId) {
-  return (state) => ({
-    ...state,
-    checkedItems: (0, import_ds_utilities.addOrRemove)(state.checkedItems, itemId)
+  return state => _objectSpread(_objectSpread({}, state), {}, {
+    checkedItems: dsUtilities.addOrRemove(state.checkedItems, itemId)
   });
 }
 function navigateTo(item, dest) {
-  const hierarchyType = (0, import_helper.getHierarchyTypeName)(dest);
-  return (state) => {
-    const indexInHierarchy = state[hierarchyType].findIndex((hItem) => hItem.id === item.id);
+  const hierarchyType = helper.getHierarchyTypeName(dest);
+  return state => {
+    const indexInHierarchy = state[hierarchyType].findIndex(hItem => hItem.id === item.id);
     const hierarchy = state[hierarchyType];
-    return {
-      ...state,
+    return _objectSpread(_objectSpread({}, state), {}, {
       [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item]
-    };
+    });
   };
 }
 function moveItem(item) {
-  return (state) => {
-    const movedItems = (0, import_helper.toggleInObject)(state.movedItems, item.id, item);
-    return {
-      ...state,
+  return state => {
+    const movedItems = helper.toggleInObject(state.movedItems, item.id, item);
+    return _objectSpread(_objectSpread({}, state), {}, {
       movedItems
-    };
+    });
   };
 }
 const defaultOptions = {
-  parentField: "parent",
-  idField: "id",
-  op: (hasMoved) => !hasMoved
-};
-function getItemDeep({ collection, id, options }) {
-  const { idField } = { ...defaultOptions, ...options };
-  const itemIndex = collection.findIndex((fItem) => fItem[idField] === id);
+  parentField: 'parent',
+  idField: 'id',
+  op: hasMoved => !hasMoved
+}; // todo: optimize this
+
+function getItemDeep(_ref) {
+  let {
+    collection,
+    id,
+    options
+  } = _ref;
+
+  const {
+    idField
+  } = _objectSpread(_objectSpread({}, defaultOptions), options);
+
+  const itemIndex = collection.findIndex(fItem => fItem[idField] === id); // get item with nested children
+
   const item = collection[itemIndex];
-  const children = item?.hasChildren ? (0, import_ds_utilities.compose)(import_utils.default.getChildren({ index: itemIndex }))(collection) || [] : [];
-  return { item, children };
+  const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(utils.getChildren({
+    index: itemIndex
+  }))(collection) || [] : [];
+  return {
+    item,
+    children
+  };
 }
+
 function addToTarget(itemToAdd, collection) {
-  return (state, { idField }) => {
+  return (state, _ref2) => {
+    let {
+      idField
+    } = _ref2;
     const items = collection || state.preparedItems;
-    const { item, children } = getItemDeep({
+    const {
+      item,
+      children
+    } = getItemDeep({
       collection: items,
       id: itemToAdd[idField]
     });
-    return {
-      ...state,
+    return _objectSpread(_objectSpread({}, state), {}, {
       movedItems: [...state.movedItems, item],
       targetItems: [...state.targetItems, item, ...children]
-    };
+    });
   };
-}
+} // todo: optimize this
+
 function removeFromTarget(itemToRemove) {
-  return (state, { idField }) => {
-    let targetItems = (0, import_ds_utilities.cloneDeep)(state.targetItems);
-    const itemIndex = targetItems.findIndex((fItem) => fItem.id === itemToRemove.id);
+  return (state, _ref3) => {
+    let {
+      idField
+    } = _ref3;
+    let targetItems = dsUtilities.cloneDeep(state.targetItems);
+    const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
     const item = targetItems[itemIndex];
-    const children = item?.hasChildren ? (0, import_ds_utilities.compose)((0, import_helper.filterMovedItems)(state.movedItems), import_utils.default.getChildren({ index: itemIndex }))(targetItems) || [] : [];
+    const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(helper.filterMovedItems(state.movedItems), utils.getChildren({
+      index: itemIndex
+    }))(targetItems) || [] : [];
     targetItems.splice(itemIndex, 1);
-    if (item?.hasChildren && children.length) {
-      const childrenHash = (0, import_ds_utilities.hashArray)(children, "id");
-      targetItems = targetItems.filter((i) => !childrenHash[i.id]);
+
+    if (item !== null && item !== void 0 && item.hasChildren && children.length) {
+      const childrenHash = dsUtilities.hashArray(children, 'id');
+      targetItems = targetItems.filter(i => !childrenHash[i.id]);
     }
-    return {
-      ...state,
-      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),
+
+    return _objectSpread(_objectSpread({}, state), {}, {
+      movedItems: state.movedItems.filter(mItem => mItem[idField] !== itemToRemove[idField]),
       targetItems
-    };
+    });
   };
 }
 function resetCheckedItems() {
-  return (state) => ({
-    ...state,
+  return state => _objectSpread(_objectSpread({}, state), {}, {
     checkedItems: []
   });
 }
 function resetMovedItems() {
-  return (state) => ({
-    ...state,
+  return state => _objectSpread(_objectSpread({}, state), {}, {
     movedItems: [],
     targetItems: []
   });
 }
-module.exports = __toCommonJS(Shuttle_actions_exports);
-//# sourceMappingURL=Shuttle.actions.js.map
+
+exports.addToTarget = addToTarget;
+exports.moveItem = moveItem;
+exports.navigateTo = navigateTo;
+exports.removeFromTarget = removeFromTarget;
+exports.resetCheckedItems = resetCheckedItems;
+exports.resetMovedItems = resetMovedItems;
+exports.toggleItemSelection = toggleItemSelection;

package/cjs/ShuttleContainer.js

@@ -1,47 +1,50 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var ShuttleContainer_exports = {};
-__export(ShuttleContainer_exports, {
-  default: () => ShuttleContainer_default
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_withProviders = require("./withProviders");
-var import_helper = require("./helper");
-var import_SearchState = require("./SearchState");
-var import_ShuttleState = require("./ShuttleState");
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
+var dsUtilities = require('@elliemae/ds-utilities');
+var withProviders = require('./withProviders.js');
+var helper = require('./helper.js');
+var SearchState = require('./SearchState.js');
+var ShuttleState = require('./ShuttleState.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);
+
+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__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function 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({ items = [], children }) {
-  const { state: shuttleState, ...handlers } = (0, import_react.useContext)(import_ShuttleState.ShuttleState.Context);
-  const { state: searchState } = (0, import_react.useContext)(import_SearchState.SearchState.Context);
+
+function ShuttleContainer(_ref) {
+  let {
+    items = [],
+    children
+  } = _ref;
+
+  const _useContext = react.useContext(ShuttleState.Context),
+        {
+    state: shuttleState
+  } = _useContext,
+        handlers = _objectWithoutProperties__default["default"](_useContext, _excluded);
+
+  const {
+    state: searchState
+  } = react.useContext(SearchState.Context);
+
   const {
     movedItems,
     hierarchy,
@@ -55,28 +58,30 @@ function ShuttleContainer({ items = [], children }) {
     moveCheckedItems,
     moveItem,
     navigate
-  } = { ...shuttleState, ...searchState, ...handlers };
-  const sourceItems = (0, import_react.useMemo)(() => (0, import_ds_utilities.compose)((items2) => items2.filter((item) => !movedItems[item.id]), (items2) => searchTerm && searching ? filterItemsByTerm(items2, searchTerm) : items2, (items2) => (0, import_helper.filterItemsByHierarchy)(items2, (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id), (items2) => (0, import_helper.prepareItems)(items2))(items), [items, searchTerm, searching, hierarchy, movedItems]);
-  const targetItems = (0, import_react.useMemo)(() => {
-    const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
-    return (0, import_ds_utilities.compose)((items2) => (0, import_ds_utilities.sortBy)(items2, ["name"]), (items2) => hierarchyId ? (0, import_helper.filterItemsByHierarchy)(items2, hierarchyId).filter((item) => !movedItems[item.id]) : (0, import_ds_utilities.uniqBy)((0, import_ds_utilities.values)(movedItems), "id"))(items);
+  } = _objectSpread(_objectSpread(_objectSpread({}, shuttleState), searchState), handlers);
+
+  const sourceItems = react.useMemo(() => dsUtilities.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 dsUtilities.compose(items => dsUtilities.sortBy(items, ['name']), items => hierarchyId ? helper.filterItemsByHierarchy(items, hierarchyId).filter(item => !movedItems[item.id]) : dsUtilities.uniqBy(dsUtilities.values(movedItems), 'id'))(items);
   }, [items, searching, hierarchyDest, movedItems]);
-  return (0, import_ds_utilities.isFunction)(children) && children({
+  return dsUtilities.isFunction(children) && children({
     checkedItems,
     hierarchy,
     hierarchyDest,
     onCheckItem: toggleItemSelection,
     onClearCheckedItems: resetCheckedItems,
     onClearMovedItems: resetMovedItems,
-    onMoveCheckedItems: () => moveCheckedItems((0, import_helper.getItemsById)(checkedItems, items)),
-    onMoveItemToSource: (item) => moveItem(item, false),
-    onMoveItemToTarget: (item) => moveItem(item, true),
-    onNavigateOnSourceTo: (item) => navigate(item, false),
-    onNavigateOnTargetTo: (item) => navigate(item, true),
+    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_default = (0, import_withProviders.withProviders)(ShuttleContainer);
-module.exports = __toCommonJS(ShuttleContainer_exports);
-//# sourceMappingURL=ShuttleContainer.js.map
+
+var ShuttleContainer$1 = withProviders(ShuttleContainer);
+
+module.exports = ShuttleContainer$1;