@elliemae/ds-shuttle 3.0.0-next.68 → 3.0.0-next.70

package/dist/cjs/DSShuttle.js

@@ -157,6 +157,7 @@ const props = {
   loadingTarget: import_react_desc.PropTypes.bool.description("Displays loading indicator on target section")
 };
 DSShuttle.propTypes = props;
+DSShuttle.displayName = "DSShuttle";
 const DSShuttleWithSchema = (0, import_react_desc.describe)(DSShuttle);
 DSShuttleWithSchema.propTypes = props;
 var DSShuttle_default = DSShuttle;

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

package/dist/esm/DSShuttle.js

@@ -129,6 +129,7 @@ const props = {
   loadingTarget: PropTypes.bool.description("Displays loading indicator on target section")
 };
 DSShuttle.propTypes = props;
+DSShuttle.displayName = "DSShuttle";
 const DSShuttleWithSchema = describe(DSShuttle);
 DSShuttleWithSchema.propTypes = props;
 var DSShuttle_default = DSShuttle;

package/dist/esm/DSShuttle.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "3.0.0-next.68",
+  "version": "3.0.0-next.70",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle",
   "files": [