@elliemae/ds-shuttle 3.0.0-next.1 → 3.0.0-next.10

package/dist/cjs/AnimationState.js

@@ -0,0 +1,75 @@
+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 AnimationState_exports = {};
+__export(AnimationState_exports, {
+  AnimationState: () => AnimationState,
+  default: () => AnimationState_default
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constate = __toESM(require("constate"));
+function useShuttleAnimationState() {
+  const [animationState, setAnimationState] = (0, import_react.useState)({
+    isMoving: false,
+    isMovingBack: false,
+    isDrillingDown: false
+  });
+  const reset = (0, import_react.useCallback)(() => setAnimationState({
+    isMoving: false,
+    isMovingBack: false,
+    isDrillingDown: false
+  }), []);
+  const move = (0, import_react.useCallback)(() => setAnimationState({
+    isMovingBack: false,
+    isMoving: true,
+    isDrillingDown: false
+  }), []);
+  const moveBack = (0, import_react.useCallback)(() => setAnimationState({
+    isMovingBack: true,
+    isMoving: false,
+    isDrillingDown: false
+  }), []);
+  const drilldown = (0, import_react.useCallback)(() => setAnimationState({
+    isMovingBack: false,
+    isMoving: false,
+    isDrillingDown: true
+  }), []);
+  return {
+    state: animationState,
+    setIsMoving: move,
+    setIsMovingBack: moveBack,
+    setIsDrillingDown: drilldown,
+    reset
+  };
+}
+const AnimationState = (0, import_constate.default)(useShuttleAnimationState, (value) => [
+  value.state
+]);
+var AnimationState_default = AnimationState;
+module.exports = __toCommonJS(AnimationState_exports);
+//# sourceMappingURL=AnimationState.js.map

package/dist/cjs/AnimationState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimationState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useState } from 'react';\nimport createContainer from 'constate';\n\nfunction useShuttleAnimationState() {\n  const [animationState, setAnimationState] = useState({\n    isMoving: false,\n    isMovingBack: false,\n    isDrillingDown: false,\n  });\n  const reset = useCallback(\n    () =>\n      setAnimationState({\n        isMoving: false,\n        isMovingBack: false,\n        isDrillingDown: false,\n      }),\n    [],\n  );\n  const move = useCallback(\n    () =>\n      setAnimationState({\n        isMovingBack: false,\n        isMoving: true,\n        isDrillingDown: false,\n      }),\n    [],\n  );\n\n  const moveBack = useCallback(\n    () =>\n      setAnimationState({\n        isMovingBack: true,\n        isMoving: false,\n        isDrillingDown: false,\n      }),\n    [],\n  );\n\n  const drilldown = useCallback(\n    () =>\n      setAnimationState({\n        isMovingBack: false,\n        isMoving: false,\n        isDrillingDown: true,\n      }),\n    [],\n  );\n\n  return {\n    state: animationState,\n    setIsMoving: move,\n    setIsMovingBack: moveBack,\n    setIsDrillingDown: drilldown,\n    reset,\n  };\n}\n\nconst AnimationState = createContainer(useShuttleAnimationState, value => [\n  value.state,\n]);\n\nexport { AnimationState };\nexport default AnimationState;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AACtC,sBAA4B;AAE5B,oCAAoC;AAClC,QAAM,CAAC,gBAAgB,qBAAqB,2BAAS;AAAA,IACnD,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA;AAElB,QAAM,QAAQ,8BACZ,MACE,kBAAkB;AAAA,IAChB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,MAEpB;AAEF,QAAM,OAAO,8BACX,MACE,kBAAkB;AAAA,IAChB,cAAc;AAAA,IACd,UAAU;AAAA,IACV,gBAAgB;AAAA,MAEpB;AAGF,QAAM,WAAW,8BACf,MACE,kBAAkB;AAAA,IAChB,cAAc;AAAA,IACd,UAAU;AAAA,IACV,gBAAgB;AAAA,MAEpB;AAGF,QAAM,YAAY,8BAChB,MACE,kBAAkB;AAAA,IAChB,cAAc;AAAA,IACd,UAAU;AAAA,IACV,gBAAgB;AAAA,MAEpB;AAGF,SAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB;AAAA;AAAA;AAIJ,MAAM,iBAAiB,6BAAgB,0BAA0B,WAAS;AAAA,EACxE,MAAM;AAAA;AAIR,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/cjs/DSShuttle.js

@@ -0,0 +1,170 @@
+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 DSShuttle_exports = {};
+__export(DSShuttle_exports, {
+  DSShuttle: () => DSShuttle,
+  DSShuttleWithSchema: () => DSShuttleWithSchema,
+  default: () => DSShuttle_default,
+  utils: () => import_utils.default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_react_desc = require("react-desc");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_ShuttleImpl = require("./ShuttleImpl");
+var import_utils = __toESM(require("./utils"));
+const noop = () => {
+};
+const DSShuttle = ({
+  containerProps = {},
+  idField = "id",
+  parentIdField = "parent",
+  showIcons = true,
+  items = [],
+  selectedItems = void 0,
+  nonSelectedItems = void 0,
+  onSearch = noop,
+  onSearchOpen = noop,
+  onSearchClose = noop,
+  onDrillDown = noop,
+  onDrillDownTarget = noop,
+  onTargetSortEnd = noop,
+  setGetStatus = noop,
+  targetSortable = true,
+  sourceEmptyMessage = "No Items Found",
+  sourceRootTitle = "Category",
+  targetEmptyMessage = "No Items Selected",
+  targetRootTitle = "Selected Items",
+  composeSourceItemProps = () => ({}),
+  composeTargetItemProps = () => ({}),
+  onAddToTarget = noop,
+  onAddCheckedItems = noop,
+  onRemoveFromTarget = noop,
+  onRemoveAllFromTarget = noop,
+  onChange = noop,
+  renderSourceCounter = noop,
+  renderTargetCounter = noop,
+  sourceClearItemsText = "CLEAR ALL",
+  targetClearItemsText = "CLEAR ALL",
+  searchPlaceholder = "Search field ID, name, etc.",
+  loadingSource = false,
+  loadingTarget = false,
+  onGetMoreItems = () => null,
+  hasNextPage = false,
+  moreItemsLoading
+}) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement(import_ShuttleImpl.ShuttleImpl, {
+  composeSourceItemProps,
+  composeTargetItemProps,
+  containerProps,
+  idField,
+  items,
+  onAddCheckedItems,
+  onAddToTarget,
+  onChange,
+  onDrillDown,
+  nonSelectedItems,
+  onDrillDownTarget,
+  onRemoveAllFromTarget,
+  onRemoveFromTarget,
+  onSearch,
+  onSearchClose,
+  onSearchOpen,
+  onTargetSortEnd,
+  parentIdField,
+  renderSourceCounter,
+  renderTargetCounter,
+  searchPlaceholder,
+  selectedItems,
+  setGetStatus,
+  showIcons,
+  sourceClearItemsText,
+  sourceEmptyMessage,
+  sourceRootTitle,
+  targetClearItemsText,
+  targetEmptyMessage,
+  targetRootTitle,
+  targetSortable,
+  loadingSource,
+  loadingTarget,
+  onGetMoreItems: (0, import_lodash.debounce)((...args) => {
+    onGetMoreItems(...args);
+  }, 500),
+  moreItemsLoading,
+  hasNextPage
+}));
+const props = {
+  containerProps: import_react_desc.PropTypes.object.description("inject props to shuttle wrapper"),
+  idField: import_react_desc.PropTypes.string.description("The identifier field for the item object"),
+  parentIdField: import_react_desc.PropTypes.string.description("The parent identifier field for the item object"),
+  showIcons: import_react_desc.PropTypes.string.description("Whether to show the icons or not"),
+  items: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+    disableDrillDown: import_react_desc.PropTypes.bool,
+    icon: import_react_desc.PropTypes.element,
+    name: import_react_desc.PropTypes.string,
+    readOnly: import_react_desc.PropTypes.bool,
+    description: import_react_desc.PropTypes.string
+  })).description("list of items"),
+  selectedItems: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Array of item ids that are selected. If passed the component behaves as controlled"),
+  nonSelectedItems: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Array of item ids that aren't selected.. Should include ALL non selected items, even those not rendered"),
+  onSearch: import_react_desc.PropTypes.func.description("Handler on search"),
+  onSearchOpen: import_react_desc.PropTypes.func.description("Handler when the searchbox is visible"),
+  onSearchClose: import_react_desc.PropTypes.func.description("Handler when the searchbox is not visible"),
+  onDrillDown: import_react_desc.PropTypes.func.description('Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
+  onDrillDownTarget: import_react_desc.PropTypes.func.description('Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")'),
+  onTargetSortEnd: import_react_desc.PropTypes.func.description("Target handler when user stops dragging an item"),
+  onGetMoreItems: import_react_desc.PropTypes.func.description("Callback function that gets more items for Infinite Scroll"),
+  moreItemsLoading: import_react_desc.PropTypes.bool.description("Wheter there are mor items loading for Infinite Scroll"),
+  hasNextPage: import_react_desc.PropTypes.bool.description("Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems"),
+  setGetStatus: import_react_desc.PropTypes.func.description("Function that takes as a parameter an internal getter for the state"),
+  targetSortable: import_react_desc.PropTypes.bool.description("Whether the target can be sortable with DnD"),
+  sourceRootTitle: import_react_desc.PropTypes.string.description("Handler when the searchbox is visible"),
+  sourceEmptyMessage: import_react_desc.PropTypes.string.description("Source text when there is no items"),
+  targetEmptyMessage: import_react_desc.PropTypes.string.description("Target text when there is no items"),
+  targetRootTitle: import_react_desc.PropTypes.string.description("Target text for the first hierarchy item"),
+  composeSourceItemProps: import_react_desc.PropTypes.func.description("Function that allow to compose the item props in the source"),
+  composeTargetItemProps: import_react_desc.PropTypes.func.description("Function that allow to compose the item props in the target"),
+  onAddToTarget: import_react_desc.PropTypes.func.description("Handler when a users moves an item to the target"),
+  onAddCheckedItems: import_react_desc.PropTypes.func.description("Handler when a users moves all the 'checked' items to the target"),
+  onRemoveFromTarget: import_react_desc.PropTypes.func.description("Handler when a user removes an item from the target"),
+  onRemoveAllFromTarget: import_react_desc.PropTypes.func.description("Handler when a user removes all the items from the target"),
+  onChange: import_react_desc.PropTypes.func.description("Handler for every change on the state"),
+  renderSourceCounter: import_react_desc.PropTypes.func.description("Function that returns an element for the source counter"),
+  renderTargetCounter: import_react_desc.PropTypes.func.description("Function that returns an element for the target counter"),
+  sourceClearItemsText: import_react_desc.PropTypes.string.description("Source text for the clear items button"),
+  targetClearItemsText: import_react_desc.PropTypes.string.description("Target text for the clear items button"),
+  searchPlaceholder: import_react_desc.PropTypes.string.description("Searchbox placeholder"),
+  loadingSource: import_react_desc.PropTypes.bool.description("Displays loading indicator on source section"),
+  loadingTarget: import_react_desc.PropTypes.bool.description("Displays loading indicator on target section")
+};
+DSShuttle.propTypes = props;
+const DSShuttleWithSchema = (0, import_react_desc.describe)(DSShuttle);
+DSShuttleWithSchema.propTypes = props;
+var DSShuttle_default = DSShuttle;
+module.exports = __toCommonJS(DSShuttle_exports);
+//# sourceMappingURL=DSShuttle.js.map

package/dist/cjs/DSShuttle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSShuttle.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { debounce } from 'lodash';\nimport { describe, PropTypes } from 'react-desc';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { ShuttleImpl } from './ShuttleImpl';\nimport utils from './utils';\n\nconst noop = () => {};\n\nconst DSShuttle = ({\n  containerProps = {},\n  idField = 'id',\n  parentIdField = 'parent',\n  showIcons = true,\n  items = [],\n  selectedItems = undefined, // if defined it becomes controlled (v1)\n  // TODO make `nonSelectedItems` the default controlled behavior (v2)\n  nonSelectedItems = undefined,\n  onSearch = noop,\n  onSearchOpen = noop,\n  onSearchClose = noop,\n  onDrillDown = noop,\n  onDrillDownTarget = noop,\n  onTargetSortEnd = noop,\n  setGetStatus = noop,\n  targetSortable = true,\n  sourceEmptyMessage = 'No Items Found',\n  sourceRootTitle = 'Category',\n  targetEmptyMessage = 'No Items Selected',\n  targetRootTitle = 'Selected Items',\n  composeSourceItemProps = () => ({}),\n  composeTargetItemProps = () => ({}),\n  onAddToTarget = noop,\n  onAddCheckedItems = noop,\n  onRemoveFromTarget = noop,\n  onRemoveAllFromTarget = noop,\n  onChange = noop,\n  renderSourceCounter = noop,\n  renderTargetCounter = noop,\n  sourceClearItemsText = 'CLEAR ALL',\n  targetClearItemsText = 'CLEAR ALL',\n  searchPlaceholder = 'Search field ID, name, etc.',\n  loadingSource = false,\n  loadingTarget = false,\n  onGetMoreItems = () => null,\n  hasNextPage = false,\n  moreItemsLoading,\n}) => (\n  <TooltipTextProvider>\n    <ShuttleImpl\n      composeSourceItemProps={composeSourceItemProps}\n      composeTargetItemProps={composeTargetItemProps}\n      containerProps={containerProps}\n      idField={idField}\n      items={items}\n      onAddCheckedItems={onAddCheckedItems}\n      onAddToTarget={onAddToTarget}\n      onChange={onChange}\n      onDrillDown={onDrillDown}\n      nonSelectedItems={nonSelectedItems}\n      onDrillDownTarget={onDrillDownTarget}\n      onRemoveAllFromTarget={onRemoveAllFromTarget}\n      onRemoveFromTarget={onRemoveFromTarget}\n      onSearch={onSearch}\n      onSearchClose={onSearchClose}\n      onSearchOpen={onSearchOpen}\n      onTargetSortEnd={onTargetSortEnd}\n      parentIdField={parentIdField}\n      renderSourceCounter={renderSourceCounter}\n      renderTargetCounter={renderTargetCounter}\n      searchPlaceholder={searchPlaceholder}\n      selectedItems={selectedItems}\n      setGetStatus={setGetStatus}\n      showIcons={showIcons}\n      sourceClearItemsText={sourceClearItemsText}\n      sourceEmptyMessage={sourceEmptyMessage}\n      sourceRootTitle={sourceRootTitle}\n      targetClearItemsText={targetClearItemsText}\n      targetEmptyMessage={targetEmptyMessage}\n      targetRootTitle={targetRootTitle}\n      targetSortable={targetSortable}\n      loadingSource={loadingSource}\n      loadingTarget={loadingTarget}\n      onGetMoreItems={debounce((...args) => {\n        onGetMoreItems(...args);\n      }, 500)}\n      moreItemsLoading={moreItemsLoading}\n      hasNextPage={hasNextPage}\n    />\n  </TooltipTextProvider>\n);\n\nconst props = {\n  /** inject props to shuttle wrapper */\n  containerProps: PropTypes.object.description('inject props to shuttle wrapper'),\n  /** The identifier field for the item object */\n  idField: PropTypes.string.description('The identifier field for the item object'),\n  /** The parent identifier field for the item object */\n  parentIdField: PropTypes.string.description('The parent identifier field for the item object'),\n  /** Whether to show the icons or not */\n  showIcons: PropTypes.string.description('Whether to show the icons or not'),\n  /** List of items */\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      disableDrillDown: PropTypes.bool,\n      icon: PropTypes.element,\n      name: PropTypes.string,\n      readOnly: PropTypes.bool,\n      description: PropTypes.string,\n    }),\n  ).description('list of items'),\n  /** Array of item ids that are selected. If passed the component behaves as controlled */\n  selectedItems: PropTypes.arrayOf(PropTypes.string).description(\n    'Array of item ids that are selected. If passed the component behaves as controlled',\n  ),\n  /** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */\n  nonSelectedItems: PropTypes.arrayOf(PropTypes.string).description(\n    \"Array of item ids that aren't selected.. Should include ALL non selected items, even those not rendered\",\n  ),\n  /** Handler on search */\n  onSearch: PropTypes.func.description('Handler on search'),\n  /** Handler when the searchbox is visible */\n  onSearchOpen: PropTypes.func.description('Handler when the searchbox is visible'),\n  /** Handler when the searchbox is not visible */\n  onSearchClose: PropTypes.func.description('Handler when the searchbox is not visible'),\n  /** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction (\"up\" | \"down\")  */\n  onDrillDown: PropTypes.func.description(\n    'Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction (\"up\" | \"down\")',\n  ),\n  /** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction (\"up\" | \"down\") */\n  onDrillDownTarget: PropTypes.func.description(\n    'Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction (\"up\" | \"down\")',\n  ),\n  /** Target handler when user stops dragging an item */\n  onTargetSortEnd: PropTypes.func.description('Target handler when user stops dragging an item'),\n  /** Callback function that gets more items for Infinite Scroll */\n  onGetMoreItems: PropTypes.func.description('Callback function that gets more items for Infinite Scroll'),\n  /** Wheter there are mor items loading for Infinite Scroll */\n  moreItemsLoading: PropTypes.bool.description('Wheter there are mor items loading for Infinite Scroll'),\n  /** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */\n  hasNextPage: PropTypes.bool.description(\n    'Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems',\n  ),\n  /** Function that takes as a parameter an internal getter for the state */\n  setGetStatus: PropTypes.func.description('Function that takes as a parameter an internal getter for the state'),\n  /** Whether the target can be sortable with DnD */\n  targetSortable: PropTypes.bool.description('Whether the target can be sortable with DnD'),\n  /** Handler when the searchbox is visible */\n  sourceRootTitle: PropTypes.string.description('Handler when the searchbox is visible'),\n  /** Source text when there is no items */\n  sourceEmptyMessage: PropTypes.string.description('Source text when there is no items'),\n  /** Target text when there is no items */\n  targetEmptyMessage: PropTypes.string.description('Target text when there is no items'),\n  /** Target text for the first hierarchy item */\n  targetRootTitle: PropTypes.string.description('Target text for the first hierarchy item'),\n  /** Function that allow to compose the item props in the source */\n  composeSourceItemProps: PropTypes.func.description('Function that allow to compose the item props in the source'),\n  /** Function that allow to compose the item props in the target */\n  composeTargetItemProps: PropTypes.func.description('Function that allow to compose the item props in the target'),\n  /** Handler when a users moves an item to the target */\n  onAddToTarget: PropTypes.func.description('Handler when a users moves an item to the target'),\n  /** Handler when a users moves all the 'checked' items to the target */\n  onAddCheckedItems: PropTypes.func.description(\"Handler when a users moves all the 'checked' items to the target\"),\n  /** Handler when a user removes an item from the target */\n  onRemoveFromTarget: PropTypes.func.description('Handler when a user removes an item from the target'),\n  /** Handler when a user removes all the items from the target */\n  onRemoveAllFromTarget: PropTypes.func.description('Handler when a user removes all the items from the target'),\n  /** Handler for every change on the state */\n  onChange: PropTypes.func.description('Handler for every change on the state'),\n  /** Function that returns an element for the source counter */\n  renderSourceCounter: PropTypes.func.description('Function that returns an element for the source counter'),\n  /** Function that returns an element for the target counter */\n  renderTargetCounter: PropTypes.func.description('Function that returns an element for the target counter'),\n  /** Source text for the clear items button */\n  sourceClearItemsText: PropTypes.string.description('Source text for the clear items button'),\n  /** Target text for the clear items button */\n  targetClearItemsText: PropTypes.string.description('Target text for the clear items button'),\n  /** Searchbox placeholder */\n  searchPlaceholder: PropTypes.string.description('Searchbox placeholder'),\n  /** Displays loading indicator on source section */\n  loadingSource: PropTypes.bool.description('Displays loading indicator on source section'),\n  /** Displays loading indicator on target section */\n  loadingTarget: PropTypes.bool.description('Displays loading indicator on target section'),\n};\n\nDSShuttle.propTypes = props;\nconst DSShuttleWithSchema = describe(DSShuttle);\nDSShuttleWithSchema.propTypes = props;\n\nexport { utils, DSShuttleWithSchema, DSShuttle };\n\nexport default DSShuttle;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/SearchState.js

@@ -0,0 +1,60 @@
+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 SearchState_exports = {};
+__export(SearchState_exports, {
+  SearchState: () => SearchState,
+  default: () => SearchState_default
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constate = __toESM(require("constate"));
+function useSearchState() {
+  const [searchTerm, setSearchTerm] = (0, import_react.useState)("");
+  const [searching, setSearchBoxVisibility] = (0, import_react.useState)(false);
+  function toggleSearchBox(userVisible) {
+    if (userVisible !== void 0) {
+      setSearchBoxVisibility(userVisible);
+    } else {
+      setSearchBoxVisibility(!searching);
+    }
+  }
+  function reset() {
+    setSearchTerm("");
+    setSearchBoxVisibility(false);
+  }
+  return {
+    state: { searchTerm, searching },
+    setSearchTerm,
+    toggleSearchBox,
+    reset
+  };
+}
+const SearchState = (0, import_constate.default)(useSearchState, (value) => [value.state]);
+var SearchState_default = SearchState;
+module.exports = __toCommonJS(SearchState_exports);
+//# sourceMappingURL=SearchState.js.map

package/dist/cjs/SearchState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SearchState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useState } from 'react';\nimport createContainer from 'constate';\n\nfunction useSearchState() {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [searching, setSearchBoxVisibility] = useState(false); // todo: create a hook for Visibility behavior\n\n  function toggleSearchBox(userVisible) {\n    if (userVisible !== undefined) {\n      setSearchBoxVisibility(userVisible);\n    } else {\n      setSearchBoxVisibility(!searching);\n    }\n  }\n\n  function reset() {\n    setSearchTerm('');\n    setSearchBoxVisibility(false);\n  }\n\n  return {\n    state: { searchTerm, searching },\n    setSearchTerm,\n    toggleSearchBox,\n    reset,\n  };\n}\n\nconst SearchState = createContainer(useSearchState, value => [value.state]);\nexport { SearchState };\nexport default SearchState;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAE5B,0BAA0B;AACxB,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAC7C,QAAM,CAAC,WAAW,0BAA0B,2BAAS;AAErD,2BAAyB,aAAa;AACpC,QAAI,gBAAgB,QAAW;AAC7B,6BAAuB;AAAA,WAClB;AACL,6BAAuB,CAAC;AAAA;AAAA;AAI5B,mBAAiB;AACf,kBAAc;AACd,2BAAuB;AAAA;AAGzB,SAAO;AAAA,IACL,OAAO,EAAE,YAAY;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,MAAM,cAAc,6BAAgB,gBAAgB,WAAS,CAAC,MAAM;AAEpE,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/Shuttle.actions.js

@@ -0,0 +1,136 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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) => __spreadProps(__spreadValues({}, state), {
+    checkedItems: (0, import_ds_utilities.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 hierarchy = state[hierarchyType];
+    return __spreadProps(__spreadValues({}, 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 __spreadProps(__spreadValues({}, state), {
+      movedItems
+    });
+  };
+}
+const defaultOptions = {
+  parentField: "parent",
+  idField: "id",
+  op: (hasMoved) => !hasMoved
+};
+function getItemDeep({ collection, id, options }) {
+  const { idField } = __spreadValues(__spreadValues({}, defaultOptions), options);
+  const itemIndex = collection.findIndex((fItem) => fItem[idField] === id);
+  const item = collection[itemIndex];
+  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, { idField }) => {
+    const items = collection || state.preparedItems;
+    const { item, children } = getItemDeep({
+      collection: items,
+      id: itemToAdd[idField]
+    });
+    return __spreadProps(__spreadValues({}, state), {
+      movedItems: [...state.movedItems, item],
+      targetItems: [...state.targetItems, item, ...children]
+    });
+  };
+}
+function removeFromTarget(itemToRemove) {
+  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?.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?.hasChildren && children.length) {
+      const childrenHash = (0, import_ds_utilities.hashArray)(children, "id");
+      targetItems = targetItems.filter((i) => !childrenHash[i.id]);
+    }
+    return __spreadProps(__spreadValues({}, state), {
+      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),
+      targetItems
+    });
+  };
+}
+function resetCheckedItems() {
+  return (state) => __spreadProps(__spreadValues({}, state), {
+    checkedItems: []
+  });
+}
+function resetMovedItems() {
+  return (state) => __spreadProps(__spreadValues({}, state), {
+    movedItems: [],
+    targetItems: []
+  });
+}
+module.exports = __toCommonJS(Shuttle_actions_exports);
+//# sourceMappingURL=Shuttle.actions.js.map

package/dist/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,iCACZ,QADY;AAAA,IAEf,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,iCACF,QADE;AAAA,OAEJ,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,iCACF,QADE;AAAA,MAEL;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,kCAAK,iBAAmB;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,iCACF,QADE;AAAA,MAEL,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,iCACF,QADE;AAAA,MAEL,YAAY,MAAM,WAAW,OAC3B,WAAS,MAAM,aAAa,aAAa;AAAA,MAE3C;AAAA;AAAA;AAAA;AAKC,6BAA6B;AAClC,SAAO,WAAU,iCACZ,QADY;AAAA,IAEf,cAAc;AAAA;AAAA;AAGX,2BAA2B;AAChC,SAAO,WAAU,iCACZ,QADY;AAAA,IAEf,YAAY;AAAA,IACZ,aAAa;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/ShuttleContainer.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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);
+}
+function ShuttleContainer({ items = [], children }) {
+  const _a = (0, import_react.useContext)(import_ShuttleState.ShuttleState.Context), { state: shuttleState } = _a, handlers = __objRest(_a, ["state"]);
+  const { state: searchState } = (0, import_react.useContext)(import_SearchState.SearchState.Context);
+  const {
+    movedItems,
+    hierarchy,
+    hierarchyDest,
+    checkedItems,
+    searchTerm,
+    searching,
+    toggleItemSelection,
+    resetCheckedItems,
+    resetMovedItems,
+    moveCheckedItems,
+    moveItem,
+    navigate
+  } = __spreadValues(__spreadValues(__spreadValues({}, 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 (0, import_ds_utilities.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),
+    sourceItems,
+    targetItems
+  });
+}
+var ShuttleContainer_default = (0, import_withProviders.withProviders)(ShuttleContainer);
+module.exports = __toCommonJS(ShuttleContainer_exports);
+//# sourceMappingURL=ShuttleContainer.js.map

package/dist/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,QAA6C,kCAC3C,iCAAa,UADP,SAAO,iBAA8B,IAAb,qBAAa,IAAb,CAAxB;AAGR,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,iDAAK,eAAiB,cAAgB;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": []
+}