@elliemae/ds-shuttle 2.2.0-next.4 → 2.3.0-alpha.2

package/esm/DSShuttle.js

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

package/esm/DSShuttle.js.map

@@ -0,0 +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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",
+  "names": []
+}

package/esm/SearchState.js

@@ -1,35 +1,31 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState } from 'react';
-import createContainer from 'constate';
-
+import * as React from "react";
+import { useState } from "react";
+import createContainer from "constate";
 function useSearchState() {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [searching, setSearchBoxVisibility] = useState(false); // todo: create a hook for Visibility behavior
-
+  const [searchTerm, setSearchTerm] = useState("");
+  const [searching, setSearchBoxVisibility] = useState(false);
   function toggleSearchBox(userVisible) {
-    if (userVisible !== undefined) {
+    if (userVisible !== void 0) {
       setSearchBoxVisibility(userVisible);
     } else {
       setSearchBoxVisibility(!searching);
     }
   }
-
   function reset() {
-    setSearchTerm('');
+    setSearchTerm("");
     setSearchBoxVisibility(false);
   }
-
   return {
-    state: {
-      searchTerm,
-      searching
-    },
+    state: { searchTerm, searching },
     setSearchTerm,
     toggleSearchBox,
     reset
   };
 }
-
-var SearchState = createContainer(useSearchState, value => [value.state]);
-
-export { SearchState as default };
+const SearchState = createContainer(useSearchState, (value) => [value.state]);
+var SearchState_default = SearchState;
+export {
+  SearchState,
+  SearchState_default as default
+};
+//# sourceMappingURL=SearchState.js.map

package/esm/SearchState.js.map

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

package/esm/Shuttle.actions.js

@@ -1,123 +1,106 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { addOrRemove, cloneDeep, compose, hashArray } from '@elliemae/ds-utilities';
-import { toggleInObject, filterMovedItems, getHierarchyTypeName } from './helper.js';
-import utils from './utils.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import {
+  addOrRemove,
+  cloneDeep,
+  hashArray,
+  compose
+} from "@elliemae/ds-utilities";
+import {
+  getHierarchyTypeName,
+  toggleInObject,
+  filterMovedItems
+} from "./helper";
+import utils from "./utils";
 function toggleItemSelection(itemId) {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
+  return (state) => ({
+    ...state,
     checkedItems: addOrRemove(state.checkedItems, itemId)
   });
 }
 function navigateTo(item, dest) {
   const hierarchyType = getHierarchyTypeName(dest);
-  return state => {
-    const indexInHierarchy = state[hierarchyType].findIndex(hItem => hItem.id === item.id);
+  return (state) => {
+    const indexInHierarchy = state[hierarchyType].findIndex((hItem) => hItem.id === item.id);
     const hierarchy = state[hierarchyType];
-    return _objectSpread(_objectSpread({}, state), {}, {
+    return {
+      ...state,
       [hierarchyType]: indexInHierarchy !== -1 ? hierarchy.slice(0, indexInHierarchy + 1) : [...hierarchy, item]
-    });
+    };
   };
 }
 function moveItem(item) {
-  return state => {
+  return (state) => {
     const movedItems = toggleInObject(state.movedItems, item.id, item);
-    return _objectSpread(_objectSpread({}, state), {}, {
+    return {
+      ...state,
       movedItems
-    });
+    };
   };
 }
 const defaultOptions = {
-  parentField: 'parent',
-  idField: 'id',
-  op: hasMoved => !hasMoved
-}; // todo: optimize this
-
-function getItemDeep(_ref) {
-  let {
-    collection,
-    id,
-    options
-  } = _ref;
-
-  const {
-    idField
-  } = _objectSpread(_objectSpread({}, defaultOptions), options);
-
-  const itemIndex = collection.findIndex(fItem => fItem[idField] === id); // get item with nested children
-
+  parentField: "parent",
+  idField: "id",
+  op: (hasMoved) => !hasMoved
+};
+function getItemDeep({ collection, id, options }) {
+  const { idField } = { ...defaultOptions, ...options };
+  const itemIndex = collection.findIndex((fItem) => fItem[idField] === id);
   const item = collection[itemIndex];
-  const children = item !== null && item !== void 0 && item.hasChildren ? compose(utils.getChildren({
-    index: itemIndex
-  }))(collection) || [] : [];
-  return {
-    item,
-    children
-  };
+  const children = item?.hasChildren ? compose(utils.getChildren({ index: itemIndex }))(collection) || [] : [];
+  return { item, children };
 }
-
 function addToTarget(itemToAdd, collection) {
-  return (state, _ref2) => {
-    let {
-      idField
-    } = _ref2;
+  return (state, { idField }) => {
     const items = collection || state.preparedItems;
-    const {
-      item,
-      children
-    } = getItemDeep({
+    const { item, children } = getItemDeep({
       collection: items,
       id: itemToAdd[idField]
     });
-    return _objectSpread(_objectSpread({}, state), {}, {
+    return {
+      ...state,
       movedItems: [...state.movedItems, item],
       targetItems: [...state.targetItems, item, ...children]
-    });
+    };
   };
-} // todo: optimize this
-
+}
 function removeFromTarget(itemToRemove) {
-  return (state, _ref3) => {
-    let {
-      idField
-    } = _ref3;
+  return (state, { idField }) => {
     let targetItems = cloneDeep(state.targetItems);
-    const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
+    const itemIndex = targetItems.findIndex((fItem) => fItem.id === itemToRemove.id);
     const item = targetItems[itemIndex];
-    const children = item !== null && item !== void 0 && item.hasChildren ? compose(filterMovedItems(state.movedItems), utils.getChildren({
-      index: itemIndex
-    }))(targetItems) || [] : [];
+    const children = item?.hasChildren ? compose(filterMovedItems(state.movedItems), utils.getChildren({ index: itemIndex }))(targetItems) || [] : [];
     targetItems.splice(itemIndex, 1);
-
-    if (item !== null && item !== void 0 && item.hasChildren && children.length) {
-      const childrenHash = hashArray(children, 'id');
-      targetItems = targetItems.filter(i => !childrenHash[i.id]);
+    if (item?.hasChildren && children.length) {
+      const childrenHash = hashArray(children, "id");
+      targetItems = targetItems.filter((i) => !childrenHash[i.id]);
     }
-
-    return _objectSpread(_objectSpread({}, state), {}, {
-      movedItems: state.movedItems.filter(mItem => mItem[idField] !== itemToRemove[idField]),
+    return {
+      ...state,
+      movedItems: state.movedItems.filter((mItem) => mItem[idField] !== itemToRemove[idField]),
       targetItems
-    });
+    };
   };
 }
 function resetCheckedItems() {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
+  return (state) => ({
+    ...state,
     checkedItems: []
   });
 }
 function resetMovedItems() {
-  return state => _objectSpread(_objectSpread({}, state), {}, {
+  return (state) => ({
+    ...state,
     movedItems: [],
     targetItems: []
   });
 }
-
-export { addToTarget, moveItem, navigateTo, removeFromTarget, resetCheckedItems, resetMovedItems, toggleItemSelection };
+export {
+  addToTarget,
+  moveItem,
+  navigateTo,
+  removeFromTarget,
+  resetCheckedItems,
+  resetMovedItems,
+  toggleItemSelection
+};
+//# sourceMappingURL=Shuttle.actions.js.map

package/esm/Shuttle.actions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Shuttle.actions.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  addOrRemove,\n  cloneDeep,\n  hashArray,\n  compose,\n} from '@elliemae/ds-utilities';\nimport {\n  getHierarchyTypeName,\n  toggleInObject,\n  filterMovedItems,\n} from './helper';\n\nimport utils from './utils';\n\nexport function toggleItemSelection(itemId) {\n  return state => ({\n    ...state,\n    checkedItems: addOrRemove(state.checkedItems, itemId),\n  });\n}\nexport function navigateTo(item, dest) {\n  const hierarchyType = getHierarchyTypeName(dest);\n  return state => {\n    const indexInHierarchy = state[hierarchyType].findIndex(\n      hItem => hItem.id === item.id,\n    );\n    const hierarchy = state[hierarchyType];\n    return {\n      ...state,\n      [hierarchyType]:\n        indexInHierarchy !== -1\n          ? hierarchy.slice(0, indexInHierarchy + 1)\n          : [...hierarchy, item],\n    };\n  };\n}\nexport function moveItem(item) {\n  return state => {\n    const movedItems = toggleInObject(state.movedItems, item.id, item);\n    return {\n      ...state,\n      movedItems,\n    };\n  };\n}\n\nconst defaultOptions = {\n  parentField: 'parent',\n  idField: 'id',\n  op: hasMoved => !hasMoved,\n};\n\n// todo: optimize this\nfunction getItemDeep({ collection, id, options }) {\n  const { idField } = { ...defaultOptions, ...options };\n  const itemIndex = collection.findIndex(fItem => fItem[idField] === id);\n\n  // get item with nested children\n  const item = collection[itemIndex];\n  const children = item?.hasChildren\n    ? compose(utils.getChildren({ index: itemIndex }))(collection) || []\n    : [];\n\n  return { item, children };\n}\n\nexport function addToTarget(itemToAdd, collection) {\n  return (state, { idField }) => {\n    const items = collection || state.preparedItems;\n\n    const { item, children } = getItemDeep({\n      collection: items,\n      id: itemToAdd[idField],\n    });\n\n    return {\n      ...state,\n      movedItems: [...state.movedItems, item],\n      targetItems: [...state.targetItems, item, ...children],\n    };\n  };\n}\n\n// todo: optimize this\nexport function removeFromTarget(itemToRemove) {\n  return (state, { idField }) => {\n    let targetItems = cloneDeep(state.targetItems);\n\n    const itemIndex = targetItems.findIndex(\n      fItem => fItem.id === itemToRemove.id,\n    );\n\n    const item = targetItems[itemIndex];\n    const children = item?.hasChildren\n      ? compose(\n          filterMovedItems(state.movedItems),\n          utils.getChildren({ index: itemIndex }),\n        )(targetItems) || []\n      : [];\n\n    targetItems.splice(itemIndex, 1);\n    if (item?.hasChildren && children.length) {\n      const childrenHash = hashArray(children, 'id');\n      targetItems = targetItems.filter(i => !childrenHash[i.id]);\n    }\n\n    return {\n      ...state,\n      movedItems: state.movedItems.filter(\n        mItem => mItem[idField] !== itemToRemove[idField],\n      ),\n      targetItems,\n    };\n  };\n}\n\nexport function resetCheckedItems() {\n  return state => ({\n    ...state,\n    checkedItems: [],\n  });\n}\nexport function resetMovedItems() {\n  return state => ({\n    ...state,\n    movedItems: [],\n    targetItems: [],\n  });\n}\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEO,6BAA6B,QAAQ;AAC1C,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,cAAc,YAAY,MAAM,cAAc;AAAA;AAAA;AAG3C,oBAAoB,MAAM,MAAM;AACrC,QAAM,gBAAgB,qBAAqB;AAC3C,SAAO,WAAS;AACd,UAAM,mBAAmB,MAAM,eAAe,UAC5C,WAAS,MAAM,OAAO,KAAK;AAE7B,UAAM,YAAY,MAAM;AACxB,WAAO;AAAA,SACF;AAAA,OACF,gBACC,qBAAqB,KACjB,UAAU,MAAM,GAAG,mBAAmB,KACtC,CAAC,GAAG,WAAW;AAAA;AAAA;AAAA;AAIpB,kBAAkB,MAAM;AAC7B,SAAO,WAAS;AACd,UAAM,aAAa,eAAe,MAAM,YAAY,KAAK,IAAI;AAC7D,WAAO;AAAA,SACF;AAAA,MACH;AAAA;AAAA;AAAA;AAKN,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,IAAI,cAAY,CAAC;AAAA;AAInB,qBAAqB,EAAE,YAAY,IAAI,WAAW;AAChD,QAAM,EAAE,YAAY,KAAK,mBAAmB;AAC5C,QAAM,YAAY,WAAW,UAAU,WAAS,MAAM,aAAa;AAGnE,QAAM,OAAO,WAAW;AACxB,QAAM,WAAW,MAAM,cACnB,QAAQ,MAAM,YAAY,EAAE,OAAO,cAAc,eAAe,KAChE;AAEJ,SAAO,EAAE,MAAM;AAAA;AAGV,qBAAqB,WAAW,YAAY;AACjD,SAAO,CAAC,OAAO,EAAE,cAAc;AAC7B,UAAM,QAAQ,cAAc,MAAM;AAElC,UAAM,EAAE,MAAM,aAAa,YAAY;AAAA,MACrC,YAAY;AAAA,MACZ,IAAI,UAAU;AAAA;AAGhB,WAAO;AAAA,SACF;AAAA,MACH,YAAY,CAAC,GAAG,MAAM,YAAY;AAAA,MAClC,aAAa,CAAC,GAAG,MAAM,aAAa,MAAM,GAAG;AAAA;AAAA;AAAA;AAM5C,0BAA0B,cAAc;AAC7C,SAAO,CAAC,OAAO,EAAE,cAAc;AAC7B,QAAI,cAAc,UAAU,MAAM;AAElC,UAAM,YAAY,YAAY,UAC5B,WAAS,MAAM,OAAO,aAAa;AAGrC,UAAM,OAAO,YAAY;AACzB,UAAM,WAAW,MAAM,cACnB,QACE,iBAAiB,MAAM,aACvB,MAAM,YAAY,EAAE,OAAO,cAC3B,gBAAgB,KAClB;AAEJ,gBAAY,OAAO,WAAW;AAC9B,QAAI,MAAM,eAAe,SAAS,QAAQ;AACxC,YAAM,eAAe,UAAU,UAAU;AACzC,oBAAc,YAAY,OAAO,OAAK,CAAC,aAAa,EAAE;AAAA;AAGxD,WAAO;AAAA,SACF;AAAA,MACH,YAAY,MAAM,WAAW,OAC3B,WAAS,MAAM,aAAa,aAAa;AAAA,MAE3C;AAAA;AAAA;AAAA;AAKC,6BAA6B;AAClC,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,cAAc;AAAA;AAAA;AAGX,2BAA2B;AAChC,SAAO,WAAU;AAAA,OACZ;AAAA,IACH,YAAY;AAAA,IACZ,aAAa;AAAA;AAAA;",
+  "names": []
+}