@elliemae/ds-shuttle 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/Shuttle.actions.js

@@ -1,137 +1,126 @@
-'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; }
+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"));
 function toggleItemSelection(itemId) {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
-    checkedItems: dsUtilities.addOrRemove(state.checkedItems, itemId)
+  return (state) => ({
+    ...state,
+    checkedItems: (0, import_ds_utilities.addOrRemove)(state.checkedItems, itemId)
   });
 }
 function navigateTo(item, dest) {
-  const hierarchyType = helper.getHierarchyTypeName(dest);
-  return state => {
-    const indexInHierarchy = state[hierarchyType].findIndex(hItem => hItem.id === item.id);
+  const hierarchyType = (0, import_helper.getHierarchyTypeName)(dest);
+  return (state) => {
+    const indexInHierarchy = state[hierarchyType].findIndex((hItem) => hItem.id === item.id);
     const hierarchy = state[hierarchyType];
-    return _objectSpread(_objectSpread({}, state), {}, {
+    return {
+      ...state,
       [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item]
-    });
+    };
   };
 }
 function moveItem(item) {
-  return state => {
-    const movedItems = helper.toggleInObject(state.movedItems, item.id, item);
-    return _objectSpread(_objectSpread({}, state), {}, {
+  return (state) => {
+    const movedItems = (0, import_helper.toggleInObject)(state.movedItems, item.id, item);
+    return {
+      ...state,
       movedItems
-    });
+    };
   };
 }
 const defaultOptions = {
-  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
-
+  parentField: "parent",
+  idField: "id",
+  op: (hasMoved) => !hasMoved
+};
+function getItemDeep({ collection, id, options }) {
+  const { idField } = { ...defaultOptions, ...options };
+  const itemIndex = collection.findIndex((fItem) => fItem[idField] === id);
   const item = collection[itemIndex];
-  const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(utils.getChildren({
-    index: itemIndex
-  }))(collection) || [] : [];
-  return {
-    item,
-    children
-  };
+  const children = item?.hasChildren ? (0, import_ds_utilities.compose)(import_utils.default.getChildren({ index: itemIndex }))(collection) || [] : [];
+  return { item, children };
 }
-
 function addToTarget(itemToAdd, collection) {
-  return (state, _ref2) => {
-    let {
-      idField
-    } = _ref2;
+  return (state, { idField }) => {
     const items = collection || state.preparedItems;
-    const {
-      item,
-      children
-    } = getItemDeep({
+    const { item, children } = getItemDeep({
       collection: items,
       id: itemToAdd[idField]
     });
-    return _objectSpread(_objectSpread({}, state), {}, {
+    return {
+      ...state,
       movedItems: [...state.movedItems, item],
       targetItems: [...state.targetItems, item, ...children]
-    });
+    };
   };
-} // todo: optimize this
-
+}
 function removeFromTarget(itemToRemove) {
-  return (state, _ref3) => {
-    let {
-      idField
-    } = _ref3;
-    let targetItems = dsUtilities.cloneDeep(state.targetItems);
-    const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
+  return (state, { idField }) => {
+    let targetItems = (0, import_ds_utilities.cloneDeep)(state.targetItems);
+    const itemIndex = targetItems.findIndex((fItem) => fItem.id === itemToRemove.id);
     const item = targetItems[itemIndex];
-    const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(helper.filterMovedItems(state.movedItems), utils.getChildren({
-      index: itemIndex
-    }))(targetItems) || [] : [];
+    const children = item?.hasChildren ? (0, import_ds_utilities.compose)((0, import_helper.filterMovedItems)(state.movedItems), import_utils.default.getChildren({ index: itemIndex }))(targetItems) || [] : [];
     targetItems.splice(itemIndex, 1);
-
-    if (item !== null && item !== void 0 && item.hasChildren && children.length) {
-      const childrenHash = dsUtilities.hashArray(children, 'id');
-      targetItems = targetItems.filter(i => !childrenHash[i.id]);
+    if (item?.hasChildren && children.length) {
+      const childrenHash = (0, import_ds_utilities.hashArray)(children, "id");
+      targetItems = targetItems.filter((i) => !childrenHash[i.id]);
     }
-
-    return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: state.movedItems.filter(mItem => mItem[idField] !== itemToRemove[idField]),
+    return {
+      ...state,
+      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),
       targetItems
-    });
+    };
   };
 }
 function resetCheckedItems() {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
+  return (state) => ({
+    ...state,
     checkedItems: []
   });
 }
 function resetMovedItems() {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
+  return (state) => ({
+    ...state,
     movedItems: [],
     targetItems: []
   });
 }
-
-exports.addToTarget = addToTarget;
-exports.moveItem = moveItem;
-exports.navigateTo = navigateTo;
-exports.removeFromTarget = removeFromTarget;
-exports.resetCheckedItems = resetCheckedItems;
-exports.resetMovedItems = resetMovedItems;
-exports.toggleItemSelection = toggleItemSelection;
+module.exports = __toCommonJS(Shuttle_actions_exports);
+//# sourceMappingURL=Shuttle.actions.js.map

package/cjs/Shuttle.actions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Shuttle.actions.js", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import {\n  addOrRemove,\n  cloneDeep,\n  hashArray,\n  compose,\n} from '@elliemae/ds-utilities';\nimport {\n  getHierarchyTypeName,\n  toggleInObject,\n  filterMovedItems,\n} from './helper';\n\nimport utils from './utils';\n\nexport function toggleItemSelection(itemId) {\n  return state => ({\n    ...state,\n    checkedItems: addOrRemove(state.checkedItems, itemId),\n  });\n}\nexport function navigateTo(item, dest) {\n  const hierarchyType = getHierarchyTypeName(dest);\n  return state => {\n    const indexInHierarchy = state[hierarchyType].findIndex(\n      hItem => hItem.id === item.id,\n    );\n    const hierarchy = state[hierarchyType];\n    return {\n      ...state,\n      [hierarchyType]:\n        indexInHierarchy !== -1\n          ? hierarchy.slice(0, indexInHierarchy + 1)\n          : [...hierarchy, item],\n    };\n  };\n}\nexport function moveItem(item) {\n  return state => {\n    const movedItems = toggleInObject(state.movedItems, item.id, item);\n    return {\n      ...state,\n      movedItems,\n    };\n  };\n}\n\nconst defaultOptions = {\n  parentField: 'parent',\n  idField: 'id',\n  op: hasMoved => !hasMoved,\n};\n\n// todo: optimize this\nfunction getItemDeep({ collection, id, options }) {\n  const { idField } = { ...defaultOptions, ...options };\n  const itemIndex = collection.findIndex(fItem => fItem[idField] === id);\n\n  // get item with nested children\n  const item = collection[itemIndex];\n  const children = item?.hasChildren\n    ? compose(utils.getChildren({ index: itemIndex }))(collection) || []\n    : [];\n\n  return { item, children };\n}\n\nexport function addToTarget(itemToAdd, collection) {\n  return (state, { idField }) => {\n    const items = collection || state.preparedItems;\n\n    const { item, children } = getItemDeep({\n      collection: items,\n      id: itemToAdd[idField],\n    });\n\n    return {\n      ...state,\n      movedItems: [...state.movedItems, item],\n      targetItems: [...state.targetItems, item, ...children],\n    };\n  };\n}\n\n// todo: optimize this\nexport function removeFromTarget(itemToRemove) {\n  return (state, { idField }) => {\n    let targetItems = cloneDeep(state.targetItems);\n\n    const itemIndex = targetItems.findIndex(\n      fItem => fItem.id === itemToRemove.id,\n    );\n\n    const item = targetItems[itemIndex];\n    const children = item?.hasChildren\n      ? compose(\n          filterMovedItems(state.movedItems),\n          utils.getChildren({ index: itemIndex }),\n        )(targetItems) || []\n      : [];\n\n    targetItems.splice(itemIndex, 1);\n    if (item?.hasChildren && children.length) {\n      const childrenHash = hashArray(children, 'id');\n      targetItems = targetItems.filter(i => !childrenHash[i.id]);\n    }\n\n    return {\n      ...state,\n      movedItems: state.movedItems.filter(\n        mItem => mItem[idField] !== itemToRemove[idField],\n      ),\n      targetItems,\n    };\n  };\n}\n\nexport function resetCheckedItems() {\n  return state => ({\n    ...state,\n    checkedItems: [],\n  });\n}\nexport function resetMovedItems() {\n  return state => ({\n    ...state,\n    movedItems: [],\n    targetItems: [],\n  });\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AACP,oBAIO;AAEP,mBAAkB;AAEX,6BAA6B,QAAQ;AAC1C,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,cAAc,qCAAY,MAAM,cAAc;AAAA;AAAA;AAG3C,oBAAoB,MAAM,MAAM;AACrC,QAAM,gBAAgB,wCAAqB;AAC3C,SAAO,WAAS;AACd,UAAM,mBAAmB,MAAM,eAAe,UAC5C,WAAS,MAAM,OAAO,KAAK;AAE7B,UAAM,YAAY,MAAM;AACxB,WAAO;AAAA,SACF;AAAA,OACF,gBACC,qBAAqB,KACjB,UAAU,MAAM,GAAG,mBAAmB,KACtC,CAAC,GAAG,WAAW;AAAA;AAAA;AAAA;AAIpB,kBAAkB,MAAM;AAC7B,SAAO,WAAS;AACd,UAAM,aAAa,kCAAe,MAAM,YAAY,KAAK,IAAI;AAC7D,WAAO;AAAA,SACF;AAAA,MACH;AAAA;AAAA;AAAA;AAKN,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,IAAI,cAAY,CAAC;AAAA;AAInB,qBAAqB,EAAE,YAAY,IAAI,WAAW;AAChD,QAAM,EAAE,YAAY,KAAK,mBAAmB;AAC5C,QAAM,YAAY,WAAW,UAAU,WAAS,MAAM,aAAa;AAGnE,QAAM,OAAO,WAAW;AACxB,QAAM,WAAW,MAAM,cACnB,iCAAQ,qBAAM,YAAY,EAAE,OAAO,cAAc,eAAe,KAChE;AAEJ,SAAO,EAAE,MAAM;AAAA;AAGV,qBAAqB,WAAW,YAAY;AACjD,SAAO,CAAC,OAAO,EAAE,cAAc;AAC7B,UAAM,QAAQ,cAAc,MAAM;AAElC,UAAM,EAAE,MAAM,aAAa,YAAY;AAAA,MACrC,YAAY;AAAA,MACZ,IAAI,UAAU;AAAA;AAGhB,WAAO;AAAA,SACF;AAAA,MACH,YAAY,CAAC,GAAG,MAAM,YAAY;AAAA,MAClC,aAAa,CAAC,GAAG,MAAM,aAAa,MAAM,GAAG;AAAA;AAAA;AAAA;AAM5C,0BAA0B,cAAc;AAC7C,SAAO,CAAC,OAAO,EAAE,cAAc;AAC7B,QAAI,cAAc,mCAAU,MAAM;AAElC,UAAM,YAAY,YAAY,UAC5B,WAAS,MAAM,OAAO,aAAa;AAGrC,UAAM,OAAO,YAAY;AACzB,UAAM,WAAW,MAAM,cACnB,iCACE,oCAAiB,MAAM,aACvB,qBAAM,YAAY,EAAE,OAAO,cAC3B,gBAAgB,KAClB;AAEJ,gBAAY,OAAO,WAAW;AAC9B,QAAI,MAAM,eAAe,SAAS,QAAQ;AACxC,YAAM,eAAe,mCAAU,UAAU;AACzC,oBAAc,YAAY,OAAO,OAAK,CAAC,aAAa,EAAE;AAAA;AAGxD,WAAO;AAAA,SACF;AAAA,MACH,YAAY,MAAM,WAAW,OAC3B,WAAS,MAAM,aAAa,aAAa;AAAA,MAE3C;AAAA;AAAA;AAAA;AAKC,6BAA6B;AAClC,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,cAAc;AAAA;AAAA;AAGX,2BAA2B;AAChC,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,YAAY;AAAA,IACZ,aAAa;AAAA;AAAA;",
+  "names": []
+}

package/cjs/ShuttleContainer.js

@@ -1,50 +1,47 @@
-'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; }
-
+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");
 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 = react.useContext(ShuttleState.Context),
-        {
-    state: shuttleState
-  } = _useContext,
-        handlers = _objectWithoutProperties__default["default"](_useContext, _excluded);
-
-  const {
-    state: searchState
-  } = react.useContext(SearchState.Context);
-
+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);
   const {
     movedItems,
     hierarchy,
@@ -58,30 +55,28 @@ function ShuttleContainer(_ref) {
     moveCheckedItems,
     moveItem,
     navigate
-  } = _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);
+  } = { ...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);
   }, [items, searching, hierarchyDest, movedItems]);
-  return dsUtilities.isFunction(children) && children({
+  return (0, import_ds_utilities.isFunction)(children) && children({
     checkedItems,
     hierarchy,
     hierarchyDest,
     onCheckItem: toggleItemSelection,
     onClearCheckedItems: resetCheckedItems,
     onClearMovedItems: resetMovedItems,
-    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),
+    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),
     sourceItems,
     targetItems
   });
 }
-
-var ShuttleContainer$1 = withProviders(ShuttleContainer);
-
-module.exports = ShuttleContainer$1;
+var ShuttleContainer_default = (0, import_withProviders.withProviders)(ShuttleContainer);
+module.exports = __toCommonJS(ShuttleContainer_exports);
+//# sourceMappingURL=ShuttleContainer.js.map

package/cjs/ShuttleContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ShuttleContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAoC;AACpC,0BAMO;AACP,2BAA8B;AAC9B,oBAKO;AACP,yBAA4B;AAC5B,0BAA6B;AAE7B,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,6BAC3C,iCAAa;AAEf,QAAM,EAAE,OAAO,gBAAgB,6BAAW,+BAAY;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,0BAClB,MACE,iCACE,YAAS,OAAM,OAAO,UAAQ,CAAC,WAAW,KAAK,MAC/C,YACE,cAAc,YACV,kBAAkB,QAAO,cACzB,QACN,YACE,0CAAuB,QAAO,4CAAyB,WAAW,KACpE,YAAS,gCAAa,SACtB,QACJ,CAAC,OAAO,YAAY,WAAW,WAAW;AAG5C,QAAM,cAAc,0BAAQ,MAAM;AAChC,UAAM,cAAc,4CAAyB,eAAe;AAC5D,WAAO,iCACL,YAAS,gCAAO,QAAO,CAAC,UACxB,YACE,cACI,0CAAuB,QAAO,aAAa,OACzC,UAAQ,CAAC,WAAW,KAAK,OAE3B,gCAAO,gCAAO,aAAa,OACjC;AAAA,KACD,CAAC,OAAO,WAAW,eAAe;AAErC,SACE,oCAAW,aACX,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAClB,iBAAiB,gCAAa,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,wCAAc;",
+  "names": []
+}