@elliemae/ds-shuttle 3.16.0 → 3.16.1

package/dist/cjs/AnimationState.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -77,8 +81,6 @@ function useShuttleAnimationState() {
     reset
   };
 }
-const AnimationState = (0, import_constate.default)(useShuttleAnimationState, (value) => [
-  value.state
-]);
+const AnimationState = (0, import_constate.default)(useShuttleAnimationState, (value) => [value.state]);
 var AnimationState_default = AnimationState;
 //# sourceMappingURL=AnimationState.js.map

package/dist/cjs/AnimationState.js.map

@@ -1,7 +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;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AACtC,sBAA4B;AAE5B,SAAS,2BAA2B;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS;AAAA,IACnD,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AACD,QAAM,YAAQ;AAAA,IACZ,MACE,kBAAkB;AAAA,MAChB,UAAU;AAAA,MACV,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,QAAM,WAAO;AAAA,IACX,MACE,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,eAAW;AAAA,IACf,MACE,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,gBAAY;AAAA,IAChB,MACE,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;AAEA,MAAM,qBAAiB,gBAAAA,SAAgB,0BAA0B,WAAS;AAAA,EACxE,MAAM;AACR,CAAC;AAGD,IAAO,yBAAQ;",
+  "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) => [value.state]);\n\nexport { AnimationState };\nexport default AnimationState;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsC;AACtC,sBAA4B;AAE5B,SAAS,2BAA2B;AAClC,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS;AAAA,IACnD,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB,CAAC;AACD,QAAM,YAAQ;AAAA,IACZ,MACE,kBAAkB;AAAA,MAChB,UAAU;AAAA,MACV,cAAc;AAAA,MACd,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,QAAM,WAAO;AAAA,IACX,MACE,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,eAAW;AAAA,IACf,MACE,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,gBAAY;AAAA,IAChB,MACE,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,UAAU;AAAA,MACV,gBAAgB;AAAA,IAClB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB;AAAA,EACF;AACF;AAEA,MAAM,qBAAiB,gBAAAA,SAAgB,0BAA0B,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;AAGzF,IAAO,yBAAQ;",
   "names": ["createContainer"]
 }

package/dist/cjs/DSShuttle.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,8 +39,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_lodash = require("lodash");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_ShuttleImpl = require("./ShuttleImpl");
-var import_utils = __toESM(require("./utils"));
+var import_ShuttleImpl = require("./ShuttleImpl.js");
+var import_utils = __toESM(require("./utils.js"));
 const noop = () => {
 };
 const DSShuttle = ({
@@ -46,6 +50,8 @@ const DSShuttle = ({
   showIcons = true,
   items = [],
   selectedItems = void 0,
+  // if defined it becomes controlled (v1)
+  // TODO make `nonSelectedItems` the default controlled behavior (v2)
   nonSelectedItems = void 0,
   onSearch = noop,
   onSearchOpen = noop,
@@ -120,10 +126,15 @@ const DSShuttle = ({
   }
 ) });
 const props = {
+  /** inject props to shuttle wrapper */
   containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to shuttle wrapper"),
+  /** The identifier field for the item object */
   idField: import_ds_props_helpers.PropTypes.string.description("The identifier field for the item object"),
+  /** The parent identifier field for the item object */
   parentIdField: import_ds_props_helpers.PropTypes.string.description("The parent identifier field for the item object"),
+  /** Whether to show the icons or not */
   showIcons: import_ds_props_helpers.PropTypes.string.description("Whether to show the icons or not"),
+  /** List of items */
   items: import_ds_props_helpers.PropTypes.arrayOf(
     import_ds_props_helpers.PropTypes.shape({
       disableDrillDown: import_ds_props_helpers.PropTypes.bool,
@@ -133,46 +144,77 @@ const props = {
       description: import_ds_props_helpers.PropTypes.string
     })
   ).description("list of items"),
+  /** Array of item ids that are selected. If passed the component behaves as controlled */
   selectedItems: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description(
     "Array of item ids that are selected. If passed the component behaves as controlled"
   ),
+  /** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */
   nonSelectedItems: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description(
     "Array of item ids that aren't selected.. Should include ALL non selected items, even those not rendered"
   ),
+  /** Handler on search */
   onSearch: import_ds_props_helpers.PropTypes.func.description("Handler on search"),
+  /** Handler when the searchbox is visible */
   onSearchOpen: import_ds_props_helpers.PropTypes.func.description("Handler when the searchbox is visible"),
+  /** Handler when the searchbox is not visible */
   onSearchClose: import_ds_props_helpers.PropTypes.func.description("Handler when the searchbox is not visible"),
+  /** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")  */
   onDrillDown: import_ds_props_helpers.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")'
   ),
+  /** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
   onDrillDownTarget: import_ds_props_helpers.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")'
   ),
+  /** Target handler when user stops dragging an item */
   onTargetSortEnd: import_ds_props_helpers.PropTypes.func.description("Target handler when user stops dragging an item"),
+  /** Callback function that gets more items for Infinite Scroll */
   onGetMoreItems: import_ds_props_helpers.PropTypes.func.description("Callback function that gets more items for Infinite Scroll"),
+  /** Wheter there are mor items loading for Infinite Scroll */
   moreItemsLoading: import_ds_props_helpers.PropTypes.bool.description("Wheter there are mor items loading for Infinite Scroll"),
+  /** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */
   hasNextPage: import_ds_props_helpers.PropTypes.bool.description(
     "Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems"
   ),
+  /** Function that takes as a parameter an internal getter for the state */
   setGetStatus: import_ds_props_helpers.PropTypes.func.description("Function that takes as a parameter an internal getter for the state"),
+  /** Whether the target can be sortable with DnD */
   targetSortable: import_ds_props_helpers.PropTypes.bool.description("Whether the target can be sortable with DnD"),
+  /** Handler when the searchbox is visible */
   sourceRootTitle: import_ds_props_helpers.PropTypes.string.description("Handler when the searchbox is visible"),
+  /** Source text when there is no items */
   sourceEmptyMessage: import_ds_props_helpers.PropTypes.string.description("Source text when there is no items"),
+  /** Target text when there is no items */
   targetEmptyMessage: import_ds_props_helpers.PropTypes.string.description("Target text when there is no items"),
+  /** Target text for the first hierarchy item */
   targetRootTitle: import_ds_props_helpers.PropTypes.string.description("Target text for the first hierarchy item"),
+  /** Function that allow to compose the item props in the source */
   composeSourceItemProps: import_ds_props_helpers.PropTypes.func.description("Function that allow to compose the item props in the source"),
+  /** Function that allow to compose the item props in the target */
   composeTargetItemProps: import_ds_props_helpers.PropTypes.func.description("Function that allow to compose the item props in the target"),
+  /** Handler when a users moves an item to the target */
   onAddToTarget: import_ds_props_helpers.PropTypes.func.description("Handler when a users moves an item to the target"),
+  /** Handler when a users moves all the 'checked' items to the target */
   onAddCheckedItems: import_ds_props_helpers.PropTypes.func.description("Handler when a users moves all the 'checked' items to the target"),
+  /** Handler when a user removes an item from the target */
   onRemoveFromTarget: import_ds_props_helpers.PropTypes.func.description("Handler when a user removes an item from the target"),
+  /** Handler when a user removes all the items from the target */
   onRemoveAllFromTarget: import_ds_props_helpers.PropTypes.func.description("Handler when a user removes all the items from the target"),
+  /** Handler for every change on the state */
   onChange: import_ds_props_helpers.PropTypes.func.description("Handler for every change on the state"),
+  /** Function that returns an element for the source counter */
   renderSourceCounter: import_ds_props_helpers.PropTypes.func.description("Function that returns an element for the source counter"),
+  /** Function that returns an element for the target counter */
   renderTargetCounter: import_ds_props_helpers.PropTypes.func.description("Function that returns an element for the target counter"),
+  /** Source text for the clear items button */
   sourceClearItemsText: import_ds_props_helpers.PropTypes.string.description("Source text for the clear items button"),
+  /** Target text for the clear items button */
   targetClearItemsText: import_ds_props_helpers.PropTypes.string.description("Target text for the clear items button"),
+  /** Searchbox placeholder */
   searchPlaceholder: import_ds_props_helpers.PropTypes.string.description("Searchbox placeholder"),
+  /** Displays loading indicator on source section */
   loadingSource: import_ds_props_helpers.PropTypes.bool.description("Displays loading indicator on source section"),
+  /** Displays loading indicator on target section */
   loadingTarget: import_ds_props_helpers.PropTypes.bool.description("Displays loading indicator on target section")
 };
 DSShuttle.propTypes = props;

package/dist/cjs/DSShuttle.js.map

@@ -1,7 +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 '@elliemae/ds-props-helpers';\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;\nDSShuttle.displayName = 'DSShuttle';\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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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { debounce } from 'lodash';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { ShuttleImpl } from './ShuttleImpl.js';\nimport utils from './utils.js';\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;\nDSShuttle.displayName = 'DSShuttle';\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": ["utils"]
 }

package/dist/cjs/SearchState.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/SearchState.js.map

@@ -1,7 +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;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAE5B,SAAS,iBAAiB;AACxB,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,sBAAsB,QAAI,uBAAS,KAAK;AAE1D,WAAS,gBAAgB,aAAa;AACpC,QAAI,gBAAgB,QAAW;AAC7B,6BAAuB,WAAW;AAAA,IACpC,OAAO;AACL,6BAAuB,CAAC,SAAS;AAAA,IACnC;AAAA,EACF;AAEA,WAAS,QAAQ;AACf,kBAAc,EAAE;AAChB,2BAAuB,KAAK;AAAA,EAC9B;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,YAAY,UAAU;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,kBAAc,gBAAAA,SAAgB,gBAAgB,WAAS,CAAC,MAAM,KAAK,CAAC;AAE1E,IAAO,sBAAQ;",
+  "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;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAE5B,SAAS,iBAAiB;AACxB,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,sBAAsB,QAAI,uBAAS,KAAK;AAE1D,WAAS,gBAAgB,aAAa;AACpC,QAAI,gBAAgB,QAAW;AAC7B,6BAAuB,WAAW;AAAA,IACpC,OAAO;AACL,6BAAuB,CAAC,SAAS;AAAA,IACnC;AAAA,EACF;AAEA,WAAS,QAAQ;AACf,kBAAc,EAAE;AAChB,2BAAuB,KAAK;AAAA,EAC9B;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,YAAY,UAAU;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,kBAAc,gBAAAA,SAAgB,gBAAgB,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;AAE5E,IAAO,sBAAQ;",
   "names": ["createContainer"]
 }

package/dist/cjs/Shuttle.actions.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,8 +39,8 @@ __export(Shuttle_actions_exports, {
 module.exports = __toCommonJS(Shuttle_actions_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_helper = require("./helper");
-var import_utils = __toESM(require("./utils"));
+var import_helper = require("./helper.js");
+var import_utils = __toESM(require("./utils.js"));
 function toggleItemSelection(itemId) {
   return (state) => ({
     ...state,

package/dist/cjs/Shuttle.actions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/Shuttle.actions.js", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { addOrRemove, cloneDeep, hashArray, compose } from '@elliemae/ds-utilities';\nimport { getHierarchyTypeName, toggleInObject, filterMovedItems } from './helper';\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((hItem) => hItem.id === item.id);\n    const hierarchy = state[hierarchyType];\n    return {\n      ...state,\n      [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...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 ? compose(utils.getChildren({ index: itemIndex }))(collection) || [] : [];\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((fItem) => fItem.id === itemToRemove.id);\n\n    const item = targetItems[itemIndex];\n    const children = item?.hasChildren\n      ? compose(filterMovedItems(state.movedItems), utils.getChildren({ index: itemIndex }))(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((mItem) => mItem[idField] !== itemToRemove[idField]),\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": "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",
+  "sources": ["../../src/Shuttle.actions.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { addOrRemove, cloneDeep, hashArray, compose } from '@elliemae/ds-utilities';\nimport { getHierarchyTypeName, toggleInObject, filterMovedItems } from './helper.js';\nimport utils from './utils.js';\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((hItem) => hItem.id === item.id);\n    const hierarchy = state[hierarchyType];\n    return {\n      ...state,\n      [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...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 ? compose(utils.getChildren({ index: itemIndex }))(collection) || [] : [];\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((fItem) => fItem.id === itemToRemove.id);\n\n    const item = targetItems[itemIndex];\n    const children = item?.hasChildren\n      ? compose(filterMovedItems(state.movedItems), utils.getChildren({ index: itemIndex }))(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((mItem) => mItem[idField] !== itemToRemove[idField]),\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": "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",
   "names": ["utils"]
 }

package/dist/cjs/ShuttleContainer.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,10 +34,10 @@ module.exports = __toCommonJS(ShuttleContainer_exports);
 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");
+var import_withProviders = require("./withProviders.js");
+var import_helper = require("./helper.js");
+var import_SearchState = require("./SearchState.js");
+var import_ShuttleState = require("./ShuttleState.js");
 function filterItemsByTerm(items, term) {
   return items.filter(
     (item) => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1

package/dist/cjs/ShuttleContainer.js.map

@@ -1,7 +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 { isFunction, compose, uniqBy, values, sortBy } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport { prepareItems, getActiveIdFromHierarchy, filterItemsByHierarchy, getItemsById } 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(ShuttleState.Context);\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) => (searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items),\n        (items) => 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((item) => !movedItems[item.id])\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: () => 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;AAAA;ACAA,YAAuB;ADCvB,mBAAoC;AACpC,0BAA4D;AAC5D,2BAA8B;AAC9B,oBAA6F;AAC7F,yBAA4B;AAC5B,0BAA6B;AAE7B,SAAS,kBAAkB,OAAO,MAAM;AACtC,SAAO,MAAM;AAAA,IACX,CAAC,SACC,KAAK,KAAK,YAAY,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM,MAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM;AAAA,EAC5D;AACF;AAEA,SAAS,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAG;AAClD,QAAM,EAAE,OAAO,iBAAiB,SAAS,QAAI,yBAAW,iCAAa,OAAO;AAC5E,QAAM,EAAE,OAAO,YAAY,QAAI,yBAAW,+BAAY,OAAO;AAC7D,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,EACF,IAAI,EAAE,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS;AAEnD,QAAM,kBAAc;AAAA,IAClB,UACE;AAAA,MACE,CAACA,WAAUA,OAAM,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,GAAG;AAAA,MACtD,CAACA,WAAW,cAAc,YAAY,kBAAkBA,QAAO,UAAU,IAAIA;AAAA,MAC7E,CAACA,eAAU,sCAAuBA,YAAO,wCAAyB,SAAS,EAAE,EAAE;AAAA,MAC/E,CAACA,eAAU,4BAAaA,MAAK;AAAA,IAC/B,EAAE,KAAK;AAAA,IACT,CAAC,OAAO,YAAY,WAAW,WAAW,UAAU;AAAA,EACtD;AAEA,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,kBAAc,wCAAyB,aAAa,EAAE;AAC5D,eAAO;AAAA,MACL,CAACA,eAAU,4BAAOA,QAAO,CAAC,MAAM,CAAC;AAAA,MACjC,CAACA,WACC,kBACI,sCAAuBA,QAAO,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,GAAG,QAChF,gCAAO,4BAAO,UAAU,GAAG,IAAI;AAAA,IACvC,EAAE,KAAK;AAAA,EACT,GAAG,CAAC,OAAO,WAAW,eAAe,UAAU,CAAC;AAEhD,aACE,gCAAW,QAAQ,KACnB,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAAM,qBAAiB,4BAAa,cAAc,KAAK,CAAC;AAAA,IAC5E,oBAAoB,CAAC,SAAS,SAAS,MAAM,KAAK;AAAA,IAClD,oBAAoB,CAAC,SAAS,SAAS,MAAM,IAAI;AAAA,IACjD,sBAAsB,CAAC,SAAS,SAAS,MAAM,KAAK;AAAA,IACpD,sBAAsB,CAAC,SAAS,SAAS,MAAM,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,EACF,CAAC;AAEL;AAEA,IAAO,+BAAQ,oCAAc,gBAAgB;",
+  "sourcesContent": ["/* eslint-disable no-shadow */\nimport { useContext, useMemo } from 'react';\nimport { isFunction, compose, uniqBy, values, sortBy } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders.js';\nimport { prepareItems, getActiveIdFromHierarchy, filterItemsByHierarchy, getItemsById } from './helper.js';\nimport { SearchState } from './SearchState.js';\nimport { ShuttleState } from './ShuttleState.js';\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(ShuttleState.Context);\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) => (searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items),\n        (items) => 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((item) => !movedItems[item.id])\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: () => 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;AAAA;ACAA,YAAuB;ADCvB,mBAAoC;AACpC,0BAA4D;AAC5D,2BAA8B;AAC9B,oBAA6F;AAC7F,yBAA4B;AAC5B,0BAA6B;AAE7B,SAAS,kBAAkB,OAAO,MAAM;AACtC,SAAO,MAAM;AAAA,IACX,CAAC,SACC,KAAK,KAAK,YAAY,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM,MAChE,OAAO,KAAK,EAAE,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM;AAAA,EAC5D;AACF;AAEA,SAAS,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAG;AAClD,QAAM,EAAE,OAAO,cAAc,GAAG,SAAS,QAAI,yBAAW,iCAAa,OAAO;AAC5E,QAAM,EAAE,OAAO,YAAY,QAAI,yBAAW,+BAAY,OAAO;AAC7D,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,EACF,IAAI,EAAE,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS;AAEnD,QAAM,kBAAc;AAAA,IAClB,UACE;AAAA,MACE,CAACA,WAAUA,OAAM,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,EAAE,CAAC;AAAA,MACtD,CAACA,WAAW,cAAc,YAAY,kBAAkBA,QAAO,UAAU,IAAIA;AAAA,MAC7E,CAACA,eAAU,sCAAuBA,YAAO,wCAAyB,SAAS,EAAE,EAAE;AAAA,MAC/E,CAACA,eAAU,4BAAaA,MAAK;AAAA,IAC/B,EAAE,KAAK;AAAA,IACT,CAAC,OAAO,YAAY,WAAW,WAAW,UAAU;AAAA,EACtD;AAEA,QAAM,kBAAc,sBAAQ,MAAM;AAChC,UAAM,kBAAc,wCAAyB,aAAa,EAAE;AAC5D,eAAO;AAAA,MACL,CAACA,eAAU,4BAAOA,QAAO,CAAC,MAAM,CAAC;AAAA,MACjC,CAACA,WACC,kBACI,sCAAuBA,QAAO,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,WAAW,KAAK,EAAE,CAAC,QAChF,gCAAO,4BAAO,UAAU,GAAG,IAAI;AAAA,IACvC,EAAE,KAAK;AAAA,EACT,GAAG,CAAC,OAAO,WAAW,eAAe,UAAU,CAAC;AAEhD,aACE,gCAAW,QAAQ,KACnB,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,oBAAoB,MAAM,qBAAiB,4BAAa,cAAc,KAAK,CAAC;AAAA,IAC5E,oBAAoB,CAAC,SAAS,SAAS,MAAM,KAAK;AAAA,IAClD,oBAAoB,CAAC,SAAS,SAAS,MAAM,IAAI;AAAA,IACjD,sBAAsB,CAAC,SAAS,SAAS,MAAM,KAAK;AAAA,IACpD,sBAAsB,CAAC,SAAS,SAAS,MAAM,IAAI;AAAA,IACnD;AAAA,IACA;AAAA,EACF,CAAC;AAEL;AAEA,IAAO,+BAAQ,oCAAc,gBAAgB;",
   "names": ["items"]
 }

package/dist/cjs/ShuttleImpl.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,12 +36,12 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_withProviders = require("./withProviders");
-var import_Shuttle = require("./Shuttle.actions");
-var import_helper = require("./helper");
-var import_ShuttleRenderer = require("./ShuttleRenderer");
-var import_SearchState = require("./SearchState");
-var import_updateShuttleStateFromProps = require("./updateShuttleStateFromProps");
+var import_withProviders = require("./withProviders.js");
+var import_Shuttle_actions = require("./Shuttle.actions.js");
+var import_helper = require("./helper.js");
+var import_ShuttleRenderer = require("./ShuttleRenderer.js");
+var import_SearchState = require("./SearchState.js");
+var import_updateShuttleStateFromProps = require("./updateShuttleStateFromProps.js");
 class ShuttleImpl extends import_react.Component {
   constructor(props) {
     super(props);
@@ -58,29 +62,26 @@ class ShuttleImpl extends import_react.Component {
         onDrillDownTarget(item, direction);
       const { reset: resetSearchState } = this.context;
       resetSearchState();
-      this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)(item, dest), (0, import_Shuttle.resetCheckedItems)()]));
+      this.setState((0, import_helper.pipe)([(0, import_Shuttle_actions.navigateTo)(item, dest), (0, import_Shuttle_actions.resetCheckedItems)()]));
     };
     this.resetCheckedItems = () => {
-      this.setState((0, import_Shuttle.resetCheckedItems)());
+      this.setState((0, import_Shuttle_actions.resetCheckedItems)());
     };
     this.resetMovedItems = () => {
       const { selectedItems, onRemoveAllFromTarget } = this.props;
       if (!selectedItems) {
-        this.setState(
-          (0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true), (0, import_Shuttle.resetMovedItems)()]),
-          () => {
-            this.handleChange();
-          }
-        );
+        this.setState((0, import_helper.pipe)([(0, import_Shuttle_actions.navigateTo)({ id: null }, true), (0, import_Shuttle_actions.resetMovedItems)()]), () => {
+          this.handleChange();
+        });
       } else {
-        this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true)]));
+        this.setState((0, import_helper.pipe)([(0, import_Shuttle_actions.navigateTo)({ id: null }, true)]));
       }
       onRemoveAllFromTarget();
     };
     this.addToTarget = (item) => {
       const { selectedItems, onAddToTarget } = this.props;
       if (!selectedItems) {
-        this.setState((0, import_helper.pipe)([(0, import_Shuttle.addToTarget)(item), (0, import_Shuttle.resetCheckedItems)()]), () => {
+        this.setState((0, import_helper.pipe)([(0, import_Shuttle_actions.addToTarget)(item), (0, import_Shuttle_actions.resetCheckedItems)()]), () => {
           this.handleChange();
         });
       }
@@ -89,25 +90,23 @@ class ShuttleImpl extends import_react.Component {
     this.removeFromTarget = (item) => {
       const { selectedItems, onRemoveFromTarget } = this.props;
       if (!selectedItems) {
-        this.setState((0, import_helper.pipe)([(0, import_Shuttle.removeFromTarget)(item)]), () => {
+        this.setState((0, import_helper.pipe)([(0, import_Shuttle_actions.removeFromTarget)(item)]), () => {
           this.handleChange();
         });
       }
       onRemoveFromTarget(item);
     };
     this.toggleItemSelection = (item) => {
-      this.setState((0, import_Shuttle.toggleItemSelection)(item.id));
+      this.setState((0, import_Shuttle_actions.toggleItemSelection)(item.id));
     };
     this.moveCheckedItems = () => {
       const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;
       const { checkedItems, preparedItems } = this.state;
       const isControlledV2 = !!selectedItems && !!nonSelectedItems;
-      const checked = isControlledV2 ? nonSelectedItems.filter(
-        (item) => checkedItems.some((check) => check === item)
-      ) : checkedItems;
+      const checked = isControlledV2 ? nonSelectedItems.filter((item) => checkedItems.some((check) => check === item)) : checkedItems;
       const items = (0, import_helper.getItemsById)(checked, preparedItems);
-      const actions = !selectedItems ? items.map((item) => (0, import_Shuttle.addToTarget)(item)) : [];
-      this.setState((0, import_helper.pipe)([...actions, (0, import_Shuttle.resetCheckedItems)()]), () => {
+      const actions = !selectedItems ? items.map((item) => (0, import_Shuttle_actions.addToTarget)(item)) : [];
+      this.setState((0, import_helper.pipe)([...actions, (0, import_Shuttle_actions.resetCheckedItems)()]), () => {
         this.handleChange();
       });
       onAddCheckedItems(items);
@@ -117,12 +116,8 @@ class ShuttleImpl extends import_react.Component {
       const { targetItems, hierarchyDest, movedItems } = this.state;
       const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
       const collection = !hierarchyId ? movedItems : targetItems;
-      const oldIndex = collection.findIndex(
-        (tItem) => tItem[idField] === sourceItem[idField]
-      );
-      const newIndex = collection.findIndex(
-        (tItem) => tItem[idField] === targetItem[idField]
-      );
+      const oldIndex = collection.findIndex((tItem) => tItem[idField] === sourceItem[idField]);
+      const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);
       const sortedMovedItems = !hierarchyId ? (0, import_ds_utilities.arrayMove)(movedItems, oldIndex, newIndex) : movedItems;
       const sortedItems = hierarchyId ? (0, import_ds_utilities.arrayMove)(targetItems, oldIndex, newIndex) : targetItems;
       this.setState({
@@ -135,7 +130,9 @@ class ShuttleImpl extends import_react.Component {
       prevProps: {},
       preparedItems: [],
       checkedItems: [],
+      // left breadcrumb
       hierarchy: [{ name: props.sourceRootTitle, id: null }],
+      // right breadcrumb
       hierarchyDest: [{ name: props.targetRootTitle, id: null }],
       movedItems: [],
       sourceItems: [],
@@ -151,14 +148,7 @@ class ShuttleImpl extends import_react.Component {
   }
   render() {
     const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;
-    const {
-      hierarchy,
-      hierarchyDest,
-      checkedItems,
-      movedItems,
-      preparedItems: items,
-      targetItems
-    } = this.state;
+    const { hierarchy, hierarchyDest, checkedItems, movedItems, preparedItems: items, targetItems } = this.state;
     const {
       state: { searchTerm, searching }
     } = this.context;
@@ -168,20 +158,14 @@ class ShuttleImpl extends import_react.Component {
         return (0, import_helper.filterBySearch)(
           searchTerm,
           searching
-        )(
-          (0, import_helper.getChildrenFromParent)(id)(
-            nonSelectedItems.map((it) => items.find((itt) => itt.id === it))
-          )
-        );
+        )((0, import_helper.getChildrenFromParent)(id)(nonSelectedItems.map((it) => items.find((itt) => itt.id === it))));
       }
       return (0, import_helper.filterBySearch)(
         searchTerm,
         searching
       )(
         items.filter(
-          (it) => nonSelectedItems.some(
-            (itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent)
-          )
+          (it) => nonSelectedItems.some((itt) => itt === it.id && !nonSelectedItems.some((ittt) => ittt === it.parent))
         )
       );
     };
@@ -198,12 +182,8 @@ class ShuttleImpl extends import_react.Component {
     const handleControlledTargetItms = () => {
       const { id } = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest);
       if (id) {
-        return (0, import_helper.getChildrenFromParent)(
-          (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id
-        )(
-          this.props.selectedItems.map(
-            (it) => items.find((itt) => itt.id === it)
-          )
+        return (0, import_helper.getChildrenFromParent)((0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id)(
+          this.props.selectedItems.map((it) => items.find((itt) => itt.id === it))
         );
       }
       return targetItems.filter(
@@ -218,10 +198,7 @@ class ShuttleImpl extends import_react.Component {
     } else {
       composedTargetItems = (0, import_ds_utilities.compose)((tItems) => {
         const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
-        return hierarchyId ? (0, import_ds_utilities.compose)(
-          (0, import_helper.filterMovedItems)(movedItems),
-          (0, import_helper.getChildrenFromParent)(hierarchyId)
-        )(tItems) : movedItems;
+        return hierarchyId ? (0, import_ds_utilities.compose)((0, import_helper.filterMovedItems)(movedItems), (0, import_helper.getChildrenFromParent)(hierarchyId))(tItems) : movedItems;
       })(targetItems);
     }
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(