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

package/dist/cjs/DSShuttle.js

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

package/dist/cjs/components/LoadingIndicator.js

@@ -27,8 +27,8 @@ module.exports = __toCommonJS(LoadingIndicator_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
-var import_styled_components = __toESM(require("styled-components"));
-const Wrapper = import_styled_components.default.div`
+var import_ds_system = require("@elliemae/ds-system");
+const Wrapper = import_ds_system.styled.div`
   display: flex;
   justify-content: center;
   align-items: center;

package/dist/cjs/components/LoadingIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/LoadingIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"shuttle__loading-indicator\">\n    <DSCircularProgressIndicator size=\"xl\" showLabel />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4CAA4C;AAC5C,+BAAmB;AAEnB,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,mDAAC;AAAA,EAAQ,eAAY;AAAA,GACnB,mDAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,WAAS;AAAA,CAAC,CACnD;AAIF,IAAO,2BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"shuttle__loading-indicator\">\n    <DSCircularProgressIndicator size=\"xl\" showLabel />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4CAA4C;AAC5C,uBAAuB;AAEvB,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,mDAAC;AAAA,EAAQ,eAAY;AAAA,GACnB,mDAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,WAAS;AAAA,CAAC,CACnD;AAIF,IAAO,2BAAQ;",
   "names": []
 }

package/dist/esm/DSShuttle.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React2 from "react";
 import { debounce } from "lodash";
-import { describe, PropTypes } from "react-desc";
+import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
 import { ShuttleImpl } from "./ShuttleImpl";
 import utils from "./utils";

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;\nDSShuttle.displayName = 'DSShuttle';\nconst DSShuttleWithSchema = describe(DSShuttle);\nDSShuttleWithSchema.propTypes = props;\n\nexport { utils, DSShuttleWithSchema, DSShuttle };\n\nexport default DSShuttle;\n"],
+  "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 '@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"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/components/LoadingIndicator.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React2 from "react";
 import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
-import styled from "styled-components";
+import { styled } from "@elliemae/ds-system";
 const Wrapper = styled.div`
   display: flex;
   justify-content: center;

package/dist/esm/components/LoadingIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/LoadingIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"shuttle__loading-indicator\">\n    <DSCircularProgressIndicator size=\"xl\" showLabel />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"shuttle__loading-indicator\">\n    <DSCircularProgressIndicator size=\"xl\" showLabel />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n"],
   "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,mBAAmB,MACvB,qCAAC;AAAA,EAAQ,eAAY;AAAA,GACnB,qCAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,WAAS;AAAA,CAAC,CACnD;AAIF,IAAO,2BAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "3.1.0-next.1",
+  "version": "3.1.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle",
   "files": [
@@ -154,27 +154,19 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
-    "test": "node ../../scripts/testing/test.mjs",
-    "lint": "node ../../scripts/lint.mjs",
-    "dts": "node ../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
-  },
   "dependencies": {
-    "@elliemae/ds-breadcrumb": "3.1.0-next.1",
-    "@elliemae/ds-button": "3.1.0-next.1",
-    "@elliemae/ds-circular-progress-indicator": "3.1.0-next.1",
-    "@elliemae/ds-classnames": "3.1.0-next.1",
-    "@elliemae/ds-form": "3.1.0-next.1",
-    "@elliemae/ds-icons": "3.1.0-next.1",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.1.0-next.1",
-    "@elliemae/ds-system": "3.1.0-next.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.1.0-next.1",
-    "@elliemae/ds-utilities": "3.1.0-next.1",
+    "@elliemae/ds-breadcrumb": "3.1.0-next.10",
+    "@elliemae/ds-button": "3.1.0-next.10",
+    "@elliemae/ds-circular-progress-indicator": "3.1.0-next.10",
+    "@elliemae/ds-classnames": "3.1.0-next.10",
+    "@elliemae/ds-form": "3.1.0-next.10",
+    "@elliemae/ds-icons": "3.1.0-next.10",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.1.0-next.10",
+    "@elliemae/ds-system": "3.1.0-next.10",
+    "@elliemae/ds-truncated-tooltip-text": "3.1.0-next.10",
+    "@elliemae/ds-utilities": "3.1.0-next.10",
     "constate": "~1.3.2",
     "prop-types": "~15.8.1",
-    "react-desc": "~4.1.3",
     "react-sortable-hoc": "~1.9.1",
     "react-spring": "~8.0.27",
     "react-virtualized-auto-sizer": "~1.0.6",
@@ -197,5 +189,13 @@
   "publishConfig": {
     "access": "public",
     "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }
-}
+}