@elliemae/ds-shuttle 3.16.0-next.2 → 3.16.0-next.20

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
 ));
@@ -33,10 +37,10 @@ module.exports = __toCommonJS(DSShuttle_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lodash = require("lodash");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+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,64 +126,100 @@ const DSShuttle = ({
   }
 ) });
 const props = {
-  containerProps: import_ds_utilities.PropTypes.object.description("inject props to shuttle wrapper"),
-  idField: import_ds_utilities.PropTypes.string.description("The identifier field for the item object"),
-  parentIdField: import_ds_utilities.PropTypes.string.description("The parent identifier field for the item object"),
-  showIcons: import_ds_utilities.PropTypes.string.description("Whether to show the icons or not"),
-  items: import_ds_utilities.PropTypes.arrayOf(
-    import_ds_utilities.PropTypes.shape({
-      disableDrillDown: import_ds_utilities.PropTypes.bool,
-      icon: import_ds_utilities.PropTypes.element,
-      name: import_ds_utilities.PropTypes.string,
-      readOnly: import_ds_utilities.PropTypes.bool,
-      description: import_ds_utilities.PropTypes.string
+  /** 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,
+      icon: import_ds_props_helpers.PropTypes.element,
+      name: import_ds_props_helpers.PropTypes.string,
+      readOnly: import_ds_props_helpers.PropTypes.bool,
+      description: import_ds_props_helpers.PropTypes.string
     })
   ).description("list of items"),
-  selectedItems: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string).description(
+  /** 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"
   ),
-  nonSelectedItems: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string).description(
+  /** 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"
   ),
-  onSearch: import_ds_utilities.PropTypes.func.description("Handler on search"),
-  onSearchOpen: import_ds_utilities.PropTypes.func.description("Handler when the searchbox is visible"),
-  onSearchClose: import_ds_utilities.PropTypes.func.description("Handler when the searchbox is not visible"),
-  onDrillDown: import_ds_utilities.PropTypes.func.description(
+  /** 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")'
   ),
-  onDrillDownTarget: import_ds_utilities.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") */
+  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")'
   ),
-  onTargetSortEnd: import_ds_utilities.PropTypes.func.description("Target handler when user stops dragging an item"),
-  onGetMoreItems: import_ds_utilities.PropTypes.func.description("Callback function that gets more items for Infinite Scroll"),
-  moreItemsLoading: import_ds_utilities.PropTypes.bool.description("Wheter there are mor items loading for Infinite Scroll"),
-  hasNextPage: import_ds_utilities.PropTypes.bool.description(
+  /** 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"
   ),
-  setGetStatus: import_ds_utilities.PropTypes.func.description("Function that takes as a parameter an internal getter for the state"),
-  targetSortable: import_ds_utilities.PropTypes.bool.description("Whether the target can be sortable with DnD"),
-  sourceRootTitle: import_ds_utilities.PropTypes.string.description("Handler when the searchbox is visible"),
-  sourceEmptyMessage: import_ds_utilities.PropTypes.string.description("Source text when there is no items"),
-  targetEmptyMessage: import_ds_utilities.PropTypes.string.description("Target text when there is no items"),
-  targetRootTitle: import_ds_utilities.PropTypes.string.description("Target text for the first hierarchy item"),
-  composeSourceItemProps: import_ds_utilities.PropTypes.func.description("Function that allow to compose the item props in the source"),
-  composeTargetItemProps: import_ds_utilities.PropTypes.func.description("Function that allow to compose the item props in the target"),
-  onAddToTarget: import_ds_utilities.PropTypes.func.description("Handler when a users moves an item to the target"),
-  onAddCheckedItems: import_ds_utilities.PropTypes.func.description("Handler when a users moves all the 'checked' items to the target"),
-  onRemoveFromTarget: import_ds_utilities.PropTypes.func.description("Handler when a user removes an item from the target"),
-  onRemoveAllFromTarget: import_ds_utilities.PropTypes.func.description("Handler when a user removes all the items from the target"),
-  onChange: import_ds_utilities.PropTypes.func.description("Handler for every change on the state"),
-  renderSourceCounter: import_ds_utilities.PropTypes.func.description("Function that returns an element for the source counter"),
-  renderTargetCounter: import_ds_utilities.PropTypes.func.description("Function that returns an element for the target counter"),
-  sourceClearItemsText: import_ds_utilities.PropTypes.string.description("Source text for the clear items button"),
-  targetClearItemsText: import_ds_utilities.PropTypes.string.description("Target text for the clear items button"),
-  searchPlaceholder: import_ds_utilities.PropTypes.string.description("Searchbox placeholder"),
-  loadingSource: import_ds_utilities.PropTypes.bool.description("Displays loading indicator on source section"),
-  loadingTarget: import_ds_utilities.PropTypes.bool.description("Displays loading indicator on target section")
+  /** 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;
 DSShuttle.displayName = "DSShuttle";
-const DSShuttleWithSchema = (0, import_ds_utilities.describe)(DSShuttle);
+const DSShuttleWithSchema = (0, import_ds_props_helpers.describe)(DSShuttle);
 DSShuttleWithSchema.propTypes = props;
 var DSShuttle_default = DSShuttle;
 //# sourceMappingURL=DSShuttle.js.map

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-utilities';\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,
@@ -46,9 +50,7 @@ function toggleItemSelection(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 indexInHierarchy = state[hierarchyType].findIndex((hItem) => hItem.id === item.id);
     const hierarchy = state[hierarchyType];
     return {
       ...state,
@@ -94,14 +96,9 @@ function addToTarget(itemToAdd, collection) {
 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 itemIndex = targetItems.findIndex((fItem) => fItem.id === itemToRemove.id);
     const item = targetItems[itemIndex];
-    const children = item?.hasChildren ? (0, import_ds_utilities.compose)(
-      (0, import_helper.filterMovedItems)(state.movedItems),
-      import_utils.default.getChildren({ index: itemIndex })
-    )(targetItems) || [] : [];
+    const children = item?.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");
@@ -109,9 +106,7 @@ function removeFromTarget(itemToRemove) {
     }
     return {
       ...state,
-      movedItems: state.movedItems.filter(
-        (mItem) => mItem[idField] !== itemToRemove[idField]
-      ),
+      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),
       targetItems
     };
   };

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 {\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": "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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,19 +34,17 @@ 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
   );
 }
 function ShuttleContainer({ items = [], children }) {
-  const { state: shuttleState, ...handlers } = (0, import_react.useContext)(
-    import_ShuttleState.ShuttleState.Context
-  );
+  const { state: shuttleState, ...handlers } = (0, import_react.useContext)(import_ShuttleState.ShuttleState.Context);
   const { state: searchState } = (0, import_react.useContext)(import_SearchState.SearchState.Context);
   const {
     movedItems,
@@ -71,9 +73,7 @@ function ShuttleContainer({ items = [], children }) {
     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")
+      (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({

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 {\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;AAAA;ACAA,YAAuB;ADCvB,mBAAoC;AACpC,0BAMO;AACP,2BAA8B;AAC9B,oBAKO;AACP,yBAA4B;AAC5B,0BAA6B;AAE7B,SAAS,kBAAkB,OAAO,MAAM;AACtC,SAAO,MAAM;AAAA,IACX,UACE,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;AAAA,IAC3C,iCAAa;AAAA,EACf;AACA,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,CAAAA,WAASA,OAAM,OAAO,UAAQ,CAAC,WAAW,KAAK,GAAG;AAAA,MAClD,CAAAA,WACE,cAAc,YACV,kBAAkBA,QAAO,UAAU,IACnCA;AAAA,MACN,CAAAA,eACE,sCAAuBA,YAAO,wCAAyB,SAAS,EAAE,EAAE;AAAA,MACtE,CAAAA,eAAS,4BAAaA,MAAK;AAAA,IAC7B,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,CAAAA,eAAS,4BAAOA,QAAO,CAAC,MAAM,CAAC;AAAA,MAC/B,CAAAA,WACE,kBACI,sCAAuBA,QAAO,WAAW,EAAE;AAAA,QACzC,UAAQ,CAAC,WAAW,KAAK;AAAA,MAC3B,QACA,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,MAClB,qBAAiB,4BAAa,cAAc,KAAK,CAAC;AAAA,IACpD,oBAAoB,UAAQ,SAAS,MAAM,KAAK;AAAA,IAChD,oBAAoB,UAAQ,SAAS,MAAM,IAAI;AAAA,IAC/C,sBAAsB,UAAQ,SAAS,MAAM,KAAK;AAAA,IAClD,sBAAsB,UAAQ,SAAS,MAAM,IAAI;AAAA,IACjD;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"]
 }