@elliemae/ds-shuttle 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/esm/components/ShuttleSource.js

@@ -0,0 +1,175 @@
+import * as React from "react";
+import React2, { useCallback, useContext, useMemo } from "react";
+import PropTypes from "prop-types";
+import { ArrowShortRight, Search } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { runAll } from "@elliemae/ds-utilities";
+import { ShuttleSearchBox } from "./ShuttleSearchBox";
+import { ShuttleInfiniteScrollIndicator } from "./ShuttleInfiniteScrollIndicator";
+import { ShuttleSourceListItem } from "./ShuttleListItem/ShuttleSourceListItem";
+import {
+  ShuttleFooterCounter,
+  Overflow,
+  ShuttleFooter,
+  ShuttleHeader,
+  ShuttleHeaderBreadcrumb,
+  ShuttleHeaderSearchToggle,
+  ShuttleList,
+  ShuttleWrapper,
+  ShuttleFooterActions,
+  EmptyMessage,
+  LoadingList
+} from "../classedComponents";
+import { ShuttleListPanel } from "./ShuttleListPanel";
+import { VirtualizedList } from "./VirtualizedList";
+import { getActiveIdFromHierarchy } from "../helper";
+import { AnimationState } from "../AnimationState";
+import { SearchState } from "../SearchState";
+import { VirtualizedSortableList } from "./VirtualizedSortableList";
+import { LoadingIndicator } from "./LoadingIndicator";
+const noop = () => {
+};
+function ShuttleSource({
+  items = [],
+  checkedItems = [],
+  hierarchy = [],
+  onMoveItem = noop,
+  onCheckItem = noop,
+  onMoveCheckedItems = noop,
+  onNavigateTo = noop,
+  onClearCheckedItems = noop,
+  emptyMessage = "No items found",
+  composeSourceItemProps = noop,
+  loading = false,
+  onSearch = noop,
+  onSearchClose = noop,
+  onSearchOpen = noop,
+  sourceSortable = false,
+  onSortEnd = noop,
+  sourceClearItemsText = "CLEAR ALL",
+  searchPlaceholder,
+  renderSourceCounter = (amount) => `${amount} items`,
+  onGetMoreItems = () => {
+  },
+  moreItemsLoading = false,
+  hasNextPage = false
+}) {
+  const {
+    state: { isMovingBack = false, isMoving }
+  } = useContext(AnimationState.Context);
+  const {
+    state: { searching, searchTerm },
+    setSearchTerm,
+    reset: resetSearch,
+    toggleSearchBox
+  } = useContext(SearchState.Context);
+  const hashedCheckedItems = useMemo(() => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}), [checkedItems]);
+  const handleCloseSearch = useCallback(() => {
+    setSearchTerm("");
+    runAll(resetSearch, onSearchClose)();
+  }, [searching]);
+  const handleToggleSearch = useCallback(() => {
+    toggleSearchBox(!searching);
+    if (searching) {
+      handleCloseSearch();
+    } else {
+      onSearchOpen();
+    }
+  }, [searching]);
+  const ComponentList = useMemo(() => sourceSortable ? VirtualizedSortableList : VirtualizedList, [sourceSortable]);
+  const handleSortEnd = ({ oldIndex, newIndex }) => {
+    onSortEnd({
+      sourceItem: items[oldIndex],
+      targetItem: items[newIndex]
+    });
+  };
+  const isEmpty = !items.length;
+  const hasContent = !loading && !isEmpty;
+  const contentIsEmpty = !loading && isEmpty;
+  return /* @__PURE__ */ React2.createElement(ShuttleWrapper, null, /* @__PURE__ */ React2.createElement(ShuttleHeader, null, /* @__PURE__ */ React2.createElement(ShuttleHeaderBreadcrumb, {
+    hierarchy,
+    onNavigateTo
+  }), /* @__PURE__ */ React2.createElement(ShuttleHeaderSearchToggle, {
+    buttonType: "text",
+    icon: /* @__PURE__ */ React2.createElement(Search, null),
+    onClick: handleToggleSearch,
+    containerProps: { "data-testid": "shuttle-header-search-toggle" }
+  })), /* @__PURE__ */ React2.createElement(ShuttleList, {
+    classProps: { showPulse: isMovingBack },
+    style: { pointerEvents: isMoving ? "none" : null }
+  }, /* @__PURE__ */ React2.createElement(ShuttleSearchBox, {
+    key: searching,
+    isOpen: searching,
+    onClose: runAll(() => toggleSearchBox(false), handleCloseSearch),
+    onFilter: runAll(setSearchTerm, onSearch),
+    placeholder: searchPlaceholder,
+    value: searchTerm
+  }), hasContent ? /* @__PURE__ */ React2.createElement(Overflow, {
+    activeHierarchy: getActiveIdFromHierarchy(hierarchy).id,
+    classProps: {
+      searching,
+      empty: isEmpty
+    }
+  }, /* @__PURE__ */ React2.createElement(ComponentList, {
+    key: searchTerm,
+    helperClass: "drag-helper",
+    itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ React2.createElement(ShuttleSourceListItem, {
+      "data-testid": "source-list-item",
+      ...rest,
+      ...composeSourceItemProps(item, rest),
+      isChecked: !!hashedCheckedItems[item.id],
+      item,
+      onItemCheck: onCheckItem,
+      onMoveToTarget: onMoveItem,
+      onNavigateOnSourceTo: onNavigateTo,
+      showSortHandler: sourceSortable
+    }),
+    items,
+    onSortEnd: handleSortEnd,
+    getMoreItems: onGetMoreItems,
+    hasNextPage
+  })) : null, contentIsEmpty ? /* @__PURE__ */ React2.createElement(LoadingList, {
+    "data-testid": "shuttle__loading-list"
+  }, /* @__PURE__ */ React2.createElement(EmptyMessage, null, emptyMessage)) : null, loading ? /* @__PURE__ */ React2.createElement(LoadingList, {
+    "data-testid": "shuttle__loading-list"
+  }, /* @__PURE__ */ React2.createElement(LoadingIndicator, null)) : null, /* @__PURE__ */ React2.createElement(ShuttleListPanel, {
+    onClick: onMoveCheckedItems,
+    open: checkedItems.length > 1
+  }, /* @__PURE__ */ React2.createElement(ArrowShortRight, null)), moreItemsLoading ? /* @__PURE__ */ React2.createElement(ShuttleInfiniteScrollIndicator, {
+    isOpen: true
+  }) : null), /* @__PURE__ */ React2.createElement(ShuttleFooter, null, /* @__PURE__ */ React2.createElement(ShuttleFooterActions, null, !!checkedItems.length && /* @__PURE__ */ React2.createElement(DSButton, {
+    buttonType: "link",
+    labelText: sourceClearItemsText,
+    onClick: onClearCheckedItems
+  })), /* @__PURE__ */ React2.createElement(ShuttleFooterCounter, null, renderSourceCounter(checkedItems.length))));
+}
+ShuttleSource.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape({})),
+  checkedItems: PropTypes.arrayOf(PropTypes.shape({})),
+  hierarchy: PropTypes.arrayOf(PropTypes.shape({})),
+  onMoveItem: PropTypes.func,
+  onCheckItem: PropTypes.func,
+  onMoveCheckedItems: PropTypes.func,
+  onNavigateTo: PropTypes.func,
+  onClearCheckedItems: PropTypes.func,
+  emptyMessage: PropTypes.string,
+  composeSourceItemProps: PropTypes.func,
+  loading: PropTypes.bool,
+  onSearch: PropTypes.func,
+  onSearchClose: PropTypes.func,
+  onSearchOpen: PropTypes.func,
+  sourceSortable: PropTypes.bool,
+  onSortEnd: PropTypes.func,
+  sourceClearItemsText: PropTypes.string,
+  searchPlaceholder: PropTypes.string,
+  renderSourceCounter: PropTypes.func,
+  onGetMoreItems: PropTypes.func,
+  moreItemsLoading: PropTypes.bool,
+  hasNextPage: PropTypes.bool
+};
+var ShuttleSource_default = ShuttleSource;
+export {
+  ShuttleSource,
+  ShuttleSource_default as default
+};
+//# sourceMappingURL=ShuttleSource.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleSource.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowShortRight, Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { ShuttleSearchBox } from './ShuttleSearchBox';\nimport { ShuttleInfiniteScrollIndicator } from './ShuttleInfiniteScrollIndicator';\nimport { ShuttleSourceListItem } from './ShuttleListItem/ShuttleSourceListItem';\nimport {\n  ShuttleFooterCounter,\n  Overflow,\n  ShuttleFooter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleHeaderSearchToggle,\n  ShuttleList,\n  ShuttleWrapper,\n  ShuttleFooterActions,\n  EmptyMessage,\n  LoadingList,\n} from '../classedComponents';\nimport { ShuttleListPanel } from './ShuttleListPanel';\nimport { VirtualizedList } from './VirtualizedList';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { SearchState } from '../SearchState';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleSource({\n  items = [],\n  checkedItems = [], // build Map() and memoize it for better performance\n  hierarchy = [],\n  onMoveItem = noop,\n  onCheckItem = noop,\n  onMoveCheckedItems = noop,\n  onNavigateTo = noop,\n  onClearCheckedItems = noop,\n  emptyMessage = 'No items found',\n  composeSourceItemProps = noop,\n  loading = false,\n  onSearch = noop,\n  onSearchClose = noop,\n  onSearchOpen = noop,\n  sourceSortable = false,\n  onSortEnd = noop,\n  sourceClearItemsText = 'CLEAR ALL',\n  searchPlaceholder,\n  renderSourceCounter = (amount) => `${amount} items`,\n  onGetMoreItems = () => {},\n  moreItemsLoading = false,\n  hasNextPage = false,\n}) {\n  const {\n    state: { isMovingBack = false, isMoving },\n  } = useContext(AnimationState.Context);\n  const {\n    state: { searching, searchTerm },\n    setSearchTerm,\n    reset: resetSearch,\n    toggleSearchBox,\n  } = useContext(SearchState.Context);\n\n  const hashedCheckedItems = useMemo(\n    () => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}),\n    [checkedItems],\n  );\n\n  const handleCloseSearch = useCallback(() => {\n    setSearchTerm('');\n    runAll(resetSearch, onSearchClose)();\n  }, [searching]);\n\n  const handleToggleSearch = useCallback(() => {\n    toggleSearchBox(!searching);\n    if (searching) {\n      handleCloseSearch();\n    } else {\n      onSearchOpen();\n    }\n  }, [searching]);\n\n  const ComponentList = useMemo(() => (sourceSortable ? VirtualizedSortableList : VirtualizedList), [sourceSortable]);\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  const isEmpty = !items.length;\n  const hasContent = !loading && !isEmpty;\n  const contentIsEmpty = !loading && isEmpty;\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n        <ShuttleHeaderSearchToggle\n          buttonType=\"text\"\n          icon={<Search />}\n          onClick={handleToggleSearch}\n          containerProps={{ 'data-testid': 'shuttle-header-search-toggle' }}\n        />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMovingBack }} style={{ pointerEvents: isMoving ? 'none' : null }}>\n        <ShuttleSearchBox\n          key={searching}\n          isOpen={searching}\n          onClose={runAll(() => toggleSearchBox(false), handleCloseSearch)}\n          onFilter={runAll(setSearchTerm, onSearch)}\n          placeholder={searchPlaceholder}\n          value={searchTerm}\n        />\n        {hasContent ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              searching,\n              empty: isEmpty,\n            }}\n          >\n            <ComponentList\n              key={searchTerm}\n              helperClass=\"drag-helper\"\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleSourceListItem\n                  data-testid=\"source-list-item\"\n                  {...rest}\n                  {...composeSourceItemProps(item, rest)}\n                  isChecked={!!hashedCheckedItems[item.id]}\n                  item={item}\n                  onItemCheck={onCheckItem}\n                  onMoveToTarget={onMoveItem}\n                  onNavigateOnSourceTo={onNavigateTo}\n                  showSortHandler={sourceSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              getMoreItems={onGetMoreItems}\n              hasNextPage={hasNextPage}\n            />\n          </Overflow>\n        ) : null}\n        {contentIsEmpty ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <EmptyMessage>{emptyMessage}</EmptyMessage>\n          </LoadingList>\n        ) : null}\n        {loading ? (\n          <LoadingList data-testid=\"shuttle__loading-list\">\n            <LoadingIndicator />\n          </LoadingList>\n        ) : null}\n        <ShuttleListPanel onClick={onMoveCheckedItems} open={checkedItems.length > 1}>\n          <ArrowShortRight />\n        </ShuttleListPanel>\n        {moreItemsLoading ? <ShuttleInfiniteScrollIndicator isOpen /> : null}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!checkedItems.length && (\n            <DSButton buttonType=\"link\" labelText={sourceClearItemsText} onClick={onClearCheckedItems} />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderSourceCounter(checkedItems.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n}\n\nShuttleSource.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  checkedItems: PropTypes.arrayOf(PropTypes.shape({})),\n  hierarchy: PropTypes.arrayOf(PropTypes.shape({})),\n  onMoveItem: PropTypes.func,\n  onCheckItem: PropTypes.func,\n  onMoveCheckedItems: PropTypes.func,\n  onNavigateTo: PropTypes.func,\n  onClearCheckedItems: PropTypes.func,\n  emptyMessage: PropTypes.string,\n  composeSourceItemProps: PropTypes.func,\n  loading: PropTypes.bool,\n  onSearch: PropTypes.func,\n  onSearchClose: PropTypes.func,\n  onSearchOpen: PropTypes.func,\n  sourceSortable: PropTypes.bool,\n  onSortEnd: PropTypes.func,\n  sourceClearItemsText: PropTypes.string,\n  searchPlaceholder: PropTypes.string,\n  renderSourceCounter: PropTypes.func,\n  onGetMoreItems: PropTypes.func,\n  moreItemsLoading: PropTypes.bool,\n  hasNextPage: PropTypes.bool,\n};\n\nexport { ShuttleSource };\nexport default ShuttleSource;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAAA;AAEnB,uBAAuB;AAAA,EACrB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB;AAAA,EACA,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,iBAAiB,MAAM;AAAA;AAAA,EACvB,mBAAmB;AAAA,EACnB,cAAc;AAAA,GACb;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,eAAe,OAAO;AAAA,MAC7B,WAAW,eAAe;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,IACP;AAAA,MACE,WAAW,YAAY;AAE3B,QAAM,qBAAqB,QACzB,MAAM,aAAa,OAAO,CAAC,QAAQ,SAAU,MAAK,SAAS,OAAO,SAAS,KAC3E,CAAC;AAGH,QAAM,oBAAoB,YAAY,MAAM;AAC1C,kBAAc;AACd,WAAO,aAAa;AAAA,KACnB,CAAC;AAEJ,QAAM,qBAAqB,YAAY,MAAM;AAC3C,oBAAgB,CAAC;AACjB,QAAI,WAAW;AACb;AAAA,WACK;AACL;AAAA;AAAA,KAED,CAAC;AAEJ,QAAM,gBAAgB,QAAQ,MAAO,iBAAiB,0BAA0B,iBAAkB,CAAC;AAEnG,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA;AAAA;AAItB,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,aAAa,CAAC,WAAW,CAAC;AAChC,QAAM,iBAAiB,CAAC,WAAW;AAEnC,SACE,qCAAC,gBAAD,MACE,qCAAC,eAAD,MACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAsB;AAAA,MAC/C,qCAAC,2BAAD;AAAA,IACE,YAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB,EAAE,eAAe;AAAA,OAGrC,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE,WAAW;AAAA,IAAgB,OAAO,EAAE,eAAe,WAAW,SAAS;AAAA,KAChG,qCAAC,kBAAD;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS,OAAO,MAAM,gBAAgB,QAAQ;AAAA,IAC9C,UAAU,OAAO,eAAe;AAAA,IAChC,aAAa;AAAA,IACb,OAAO;AAAA,MAER,aACC,qCAAC,UAAD;AAAA,IACE,iBAAiB,yBAAyB,WAAW;AAAA,IACrD,YAAY;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA,KAGT,qCAAC,eAAD;AAAA,IACE,KAAK;AAAA,IACL,aAAY;AAAA,IACZ,cAAc,CAAC,EAAE,SAAS,WACxB,qCAAC,uBAAD;AAAA,MACE,eAAY;AAAA,SACR;AAAA,SACA,uBAAuB,MAAM;AAAA,MACjC,WAAW,CAAC,CAAC,mBAAmB,KAAK;AAAA,MACrC;AAAA,MACA,aAAa;AAAA,MACb,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA;AAAA,IAGrB;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,QAGF,MACH,iBACC,qCAAC,aAAD;AAAA,IAAa,eAAY;AAAA,KACvB,qCAAC,cAAD,MAAe,iBAEf,MACH,UACC,qCAAC,aAAD;AAAA,IAAa,eAAY;AAAA,KACvB,qCAAC,kBAAD,SAEA,MACJ,qCAAC,kBAAD;AAAA,IAAkB,SAAS;AAAA,IAAoB,MAAM,aAAa,SAAS;AAAA,KACzE,qCAAC,iBAAD,QAED,mBAAmB,qCAAC,gCAAD;AAAA,IAAgC,QAAM;AAAA,OAAM,OAElE,qCAAC,eAAD,MACE,qCAAC,sBAAD,MACG,CAAC,CAAC,aAAa,UACd,qCAAC,UAAD;AAAA,IAAU,YAAW;AAAA,IAAO,WAAW;AAAA,IAAsB,SAAS;AAAA,OAG1E,qCAAC,sBAAD,MAAuB,oBAAoB,aAAa;AAAA;AAMhE,cAAc,YAAY;AAAA,EACxB,OAAO,UAAU,QAAQ,UAAU,MAAM;AAAA,EACzC,cAAc,UAAU,QAAQ,UAAU,MAAM;AAAA,EAChD,WAAW,UAAU,QAAQ,UAAU,MAAM;AAAA,EAC7C,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AAAA,EACvB,oBAAoB,UAAU;AAAA,EAC9B,cAAc,UAAU;AAAA,EACxB,qBAAqB,UAAU;AAAA,EAC/B,cAAc,UAAU;AAAA,EACxB,wBAAwB,UAAU;AAAA,EAClC,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA,EACrB,sBAAsB,UAAU;AAAA,EAChC,mBAAmB,UAAU;AAAA,EAC7B,qBAAqB,UAAU;AAAA,EAC/B,gBAAgB,UAAU;AAAA,EAC1B,kBAAkB,UAAU;AAAA,EAC5B,aAAa,UAAU;AAAA;AAIzB,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/components/ShuttleTarget.js

@@ -0,0 +1,86 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { DSButton } from "@elliemae/ds-button";
+import {
+  EmptyMessage,
+  Overflow,
+  ShuttleFooter,
+  ShuttleFooterActions,
+  ShuttleFooterCounter,
+  ShuttleHeader,
+  ShuttleHeaderBreadcrumb,
+  ShuttleList,
+  ShuttleWrapper,
+  LoadingList
+} from "../classedComponents";
+import { getActiveIdFromHierarchy } from "../helper";
+import { AnimationState } from "../AnimationState";
+import { VirtualizedList } from "./VirtualizedList";
+import { ShuttleTargetListItem } from "./ShuttleListItem/ShuttleTargetListItem";
+import { VirtualizedSortableList } from "./VirtualizedSortableList";
+import { LoadingIndicator } from "./LoadingIndicator";
+const noop = () => {
+};
+function ShuttleTarget({
+  items = [],
+  hierarchy = [],
+  onNavigateTo = noop,
+  onMoveItem = noop,
+  onClearMovedItems = noop,
+  emptyMessage = "No items selected",
+  composeTargetItemProps = () => ({}),
+  targetSortable = false,
+  onSortEnd = noop,
+  targetClearItemsText = "CLEAR ALL",
+  renderTargetCounter = (amount) => `${amount} items`,
+  loading = false
+}) {
+  const {
+    state: { isMoving = false }
+  } = useContext(AnimationState.Context);
+  const isEmpty = !items.length;
+  const emptyContent = loading ? /* @__PURE__ */ React2.createElement(LoadingIndicator, null) : /* @__PURE__ */ React2.createElement(EmptyMessage, null, emptyMessage);
+  const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
+  const handleSortEnd = ({ oldIndex, newIndex }) => {
+    onSortEnd({
+      sourceItem: items[oldIndex],
+      targetItem: items[newIndex]
+    });
+  };
+  return /* @__PURE__ */ React2.createElement(ShuttleWrapper, null, /* @__PURE__ */ React2.createElement(ShuttleHeader, null, /* @__PURE__ */ React2.createElement(ShuttleHeaderBreadcrumb, {
+    hierarchy,
+    onNavigateTo
+  })), /* @__PURE__ */ React2.createElement(ShuttleList, {
+    classProps: { showPulse: isMoving }
+  }, !loading && !isEmpty ? /* @__PURE__ */ React2.createElement(Overflow, {
+    activeHierarchy: getActiveIdFromHierarchy(hierarchy).id,
+    classProps: {
+      empty: !items.length
+    }
+  }, /* @__PURE__ */ React2.createElement(ComponentList, {
+    itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ React2.createElement(ShuttleTargetListItem, {
+      "data-testid": "target-list-item",
+      ...rest,
+      ...composeTargetItemProps(item, rest),
+      isRoot: !getActiveIdFromHierarchy(hierarchy).id,
+      item,
+      onMoveToSource: onMoveItem,
+      onNavigateOnTargetTo: onNavigateTo,
+      showSortHandler: targetSortable
+    }),
+    items,
+    onSortEnd: handleSortEnd,
+    target: true
+  })) : /* @__PURE__ */ React2.createElement(LoadingList, null, emptyContent)), /* @__PURE__ */ React2.createElement(ShuttleFooter, null, /* @__PURE__ */ React2.createElement(ShuttleFooterActions, null, !!items.length && /* @__PURE__ */ React2.createElement(DSButton, {
+    containerProps: { "data-testid": "shuttle-clear-all-target" },
+    buttonType: "link",
+    labelText: targetClearItemsText,
+    onClick: onClearMovedItems
+  })), /* @__PURE__ */ React2.createElement(ShuttleFooterCounter, null, renderTargetCounter(items.length))));
+}
+var ShuttleTarget_default = ShuttleTarget;
+export {
+  ShuttleTarget,
+  ShuttleTarget_default as default
+};
+//# sourceMappingURL=ShuttleTarget.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleTarget.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\n\nimport {\n  EmptyMessage,\n  Overflow,\n  ShuttleFooter,\n  ShuttleFooterActions,\n  ShuttleFooterCounter,\n  ShuttleHeader,\n  ShuttleHeaderBreadcrumb,\n  ShuttleList,\n  ShuttleWrapper,\n  LoadingList,\n} from '../classedComponents';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedList } from './VirtualizedList';\nimport { ShuttleTargetListItem } from './ShuttleListItem/ShuttleTargetListItem';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleTarget({\n  items = [],\n  hierarchy = [],\n  onNavigateTo = noop,\n  onMoveItem = noop,\n  onClearMovedItems = noop,\n  emptyMessage = 'No items selected',\n  composeTargetItemProps = () => ({}),\n  targetSortable = false,\n  onSortEnd = noop,\n  targetClearItemsText = 'CLEAR ALL',\n  renderTargetCounter = (amount) => `${amount} items`,\n  loading = false,\n}) {\n  const {\n    state: { isMoving = false },\n  } = useContext(AnimationState.Context);\n  const isEmpty = !items.length;\n  const emptyContent = loading ? <LoadingIndicator /> : <EmptyMessage>{emptyMessage}</EmptyMessage>;\n\n  const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;\n\n  const handleSortEnd = ({ oldIndex, newIndex }) => {\n    onSortEnd({\n      sourceItem: items[oldIndex],\n      targetItem: items[newIndex],\n    });\n  };\n\n  return (\n    <ShuttleWrapper>\n      <ShuttleHeader>\n        <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n      </ShuttleHeader>\n      <ShuttleList classProps={{ showPulse: isMoving }}>\n        {!loading && !isEmpty ? (\n          <Overflow\n            activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n            classProps={{\n              empty: !items.length,\n            }}\n          >\n            <ComponentList\n              itemRenderer={({ item, ...rest }) => (\n                <ShuttleTargetListItem\n                  data-testid=\"target-list-item\"\n                  {...rest}\n                  {...composeTargetItemProps(item, rest)}\n                  isRoot={!getActiveIdFromHierarchy(hierarchy).id}\n                  item={item}\n                  onMoveToSource={onMoveItem}\n                  onNavigateOnTargetTo={onNavigateTo}\n                  showSortHandler={targetSortable}\n                />\n              )}\n              items={items}\n              onSortEnd={handleSortEnd}\n              target\n            />\n          </Overflow>\n        ) : (\n          <LoadingList>{emptyContent}</LoadingList>\n        )}\n      </ShuttleList>\n      <ShuttleFooter>\n        <ShuttleFooterActions>\n          {!!items.length && (\n            <DSButton\n              containerProps={{ 'data-testid': 'shuttle-clear-all-target' }}\n              buttonType=\"link\"\n              labelText={targetClearItemsText}\n              onClick={onClearMovedItems}\n            />\n          )}\n        </ShuttleFooterActions>\n        <ShuttleFooterCounter>{renderTargetCounter(items.length)}</ShuttleFooterCounter>\n      </ShuttleFooter>\n    </ShuttleWrapper>\n  );\n}\n\nexport { ShuttleTarget };\nexport default ShuttleTarget;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAAA;AAEnB,uBAAuB;AAAA,EACrB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,MAAO;AAAA,EAChC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AAAA,GACT;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW;AAAA,MAClB,WAAW,eAAe;AAC9B,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,qCAAC,kBAAD,QAAuB,qCAAC,cAAD,MAAe;AAErE,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA;AAAA;AAItB,SACE,qCAAC,gBAAD,MACE,qCAAC,eAAD,MACE,qCAAC,yBAAD;AAAA,IAAyB;AAAA,IAAsB;AAAA,OAEjD,qCAAC,aAAD;AAAA,IAAa,YAAY,EAAE,WAAW;AAAA,KACnC,CAAC,WAAW,CAAC,UACZ,qCAAC,UAAD;AAAA,IACE,iBAAiB,yBAAyB,WAAW;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA;AAAA,KAGhB,qCAAC,eAAD;AAAA,IACE,cAAc,CAAC,EAAE,SAAS,WACxB,qCAAC,uBAAD;AAAA,MACE,eAAY;AAAA,SACR;AAAA,SACA,uBAAuB,MAAM;AAAA,MACjC,QAAQ,CAAC,yBAAyB,WAAW;AAAA,MAC7C;AAAA,MACA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA;AAAA,IAGrB;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,QAIV,qCAAC,aAAD,MAAc,gBAGlB,qCAAC,eAAD,MACE,qCAAC,sBAAD,MACG,CAAC,CAAC,MAAM,UACP,qCAAC,UAAD;AAAA,IACE,gBAAgB,EAAE,eAAe;AAAA,IACjC,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,OAIf,qCAAC,sBAAD,MAAuB,oBAAoB,MAAM;AAAA;AAOzD,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/components/VirtualizedItem.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { memo } from "react";
+import { areEqual } from "react-window";
+const VirtualizedItem = memo(({ data, index, style: virtualizedStyles, showSortHandler = false }) => {
+  const { items, itemRenderer, isItemMoving } = data;
+  const { item, props: animatedStyles, key } = items[index] || {};
+  if (!item)
+    return null;
+  return itemRenderer({
+    index,
+    key,
+    item,
+    showSortHandler,
+    style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
+  });
+}, areEqual);
+var VirtualizedItem_default = VirtualizedItem;
+export {
+  VirtualizedItem,
+  VirtualizedItem_default as default
+};
+//# sourceMappingURL=VirtualizedItem.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { memo } from 'react';\nimport { areEqual } from 'react-window';\n\nconst VirtualizedItem = memo(\n  ({ data, index, style: virtualizedStyles, showSortHandler = false }) => {\n    const { items, itemRenderer, isItemMoving } = data;\n    const { item, props: animatedStyles, key } = items[index] || {};\n    if (!item) return null;\n    return itemRenderer({\n      index,\n      key,\n      item,\n      showSortHandler,\n      style: isItemMoving\n        ? { ...animatedStyles, ...virtualizedStyles }\n        : virtualizedStyles,\n    });\n  },\n  areEqual,\n);\n\nexport { VirtualizedItem };\nexport default VirtualizedItem;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,kBAAkB,KACtB,CAAC,EAAE,MAAM,OAAO,OAAO,mBAAmB,kBAAkB,YAAY;AACtE,QAAM,EAAE,OAAO,cAAc,iBAAiB;AAC9C,QAAM,EAAE,MAAM,OAAO,gBAAgB,QAAQ,MAAM,UAAU;AAC7D,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,eACH,KAAK,mBAAmB,sBACxB;AAAA;AAAA,GAGR;AAIF,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/components/VirtualizedList.js

@@ -0,0 +1,59 @@
+import * as React from "react";
+import React2, { useContext, useEffect, useRef } from "react";
+import { useTransition } from "react-spring/web";
+import { FixedSizeList as List } from "react-window";
+import InfiniteLoader from "react-window-infinite-loader";
+import AutoSizer from "react-virtualized-auto-sizer";
+import { animationConfig } from "../animation/animationConfig";
+import { AnimationState } from "../AnimationState";
+import { VirtualizedItem } from "./VirtualizedItem";
+function VirtualizedList({
+  items,
+  itemRenderer,
+  searching,
+  target = false,
+  innerRef,
+  children,
+  hasNextPage = true,
+  getMoreItems = () => {
+  }
+}) {
+  const hasMounted = useRef(false);
+  const {
+    state: { isMoving, isMovingBack },
+    reset
+  } = useContext(AnimationState.Context);
+  useEffect(() => {
+    hasMounted.current = true;
+  }, []);
+  const transitions = useTransition(items, (item) => item.id, {
+    ...animationConfig.moveItem(target),
+    onDestroyed: () => reset()
+  });
+  const itemCount = hasNextPage ? items.length + 1 : items.length;
+  const isItemLoaded = (index) => !hasNextPage || index < items.length;
+  return /* @__PURE__ */ React2.createElement(AutoSizer, null, ({ height, width }) => /* @__PURE__ */ React2.createElement(InfiniteLoader, {
+    isItemLoaded,
+    itemCount,
+    loadMoreItems: getMoreItems
+  }, ({ onItemsRendered, ref }) => /* @__PURE__ */ React2.createElement(List, {
+    height: searching ? 300 : height,
+    width,
+    innerRef,
+    itemCount: transitions.length,
+    itemData: {
+      items: transitions,
+      itemRenderer,
+      isItemMoving: hasMounted.current && (isMoving || isMovingBack)
+    },
+    itemSize: 35,
+    onItemsRendered,
+    ref
+  }, children || VirtualizedItem)));
+}
+var VirtualizedList_default = VirtualizedList;
+export {
+  VirtualizedList,
+  VirtualizedList_default as default
+};
+//# sourceMappingURL=VirtualizedList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useTransition } from 'react-spring/web';\nimport { FixedSizeList as List } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { animationConfig } from '../animation/animationConfig';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedItem } from './VirtualizedItem';\n\nfunction VirtualizedList({\n  items,\n  itemRenderer,\n  searching,\n  target = false,\n  innerRef,\n  children,\n  hasNextPage = true,\n  getMoreItems = () => {},\n}) {\n  const hasMounted = useRef(false);\n  const {\n    state: { isMoving, isMovingBack },\n    reset,\n  } = useContext(AnimationState.Context);\n\n  useEffect(() => {\n    hasMounted.current = true;\n  }, []);\n\n  const transitions = useTransition(items, (item) => item.id, {\n    ...animationConfig.moveItem(target),\n    onDestroyed: () => reset(),\n  });\n\n  const itemCount = hasNextPage ? items.length + 1 : items.length;\n\n  const isItemLoaded = (index) => !hasNextPage || index < items.length;\n\n  return (\n    <AutoSizer>\n      {({ height, width }) => (\n        <InfiniteLoader\n          isItemLoaded={isItemLoaded}\n          itemCount={itemCount}\n          loadMoreItems={getMoreItems}\n        >\n          {({ onItemsRendered, ref }) => (\n            <List\n              height={searching ? 300 : height}\n              width={width}\n              innerRef={innerRef}\n              itemCount={transitions.length}\n              itemData={{\n                items: transitions,\n                itemRenderer,\n                isItemMoving: hasMounted.current && (isMoving || isMovingBack),\n              }}\n              itemSize={35}\n              onItemsRendered={onItemsRendered}\n              ref={ref}\n            >\n              {children || VirtualizedItem}\n            </List>\n          )}\n        </InfiniteLoader>\n      )}\n    </AutoSizer>\n  );\n}\n\nexport { VirtualizedList };\nexport default VirtualizedList;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,yBAAyB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA;AAAA,GACpB;AACD,QAAM,aAAa,OAAO;AAC1B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,MACE,WAAW,eAAe;AAE9B,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,KACpB;AAEH,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,OACvD,gBAAgB,SAAS;AAAA,IAC5B,aAAa,MAAM;AAAA;AAGrB,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,qCAAC,WAAD,MACG,CAAC,EAAE,QAAQ,YACV,qCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,UACnB,qCAAC,MAAD;AAAA,IACE,QAAQ,YAAY,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB,UAAU;AAAA,MACR,OAAO;AAAA,MACP;AAAA,MACA,cAAc,WAAW,WAAY,aAAY;AAAA;AAAA,IAEnD,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KAEC,YAAY;AAAA;AAU3B,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/components/VirtualizedSortableList.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import React2 from "react";
+import { sortableElement, sortableContainer } from "react-sortable-hoc";
+import { VirtualizedList } from "./VirtualizedList";
+import { VirtualizedItem } from "./VirtualizedItem";
+const SortableList = sortableContainer(VirtualizedList);
+function VirtualizedSortableList({ items, ...otherProps }) {
+  return /* @__PURE__ */ React2.createElement(SortableList, {
+    ...otherProps,
+    items,
+    useDragHandle: true
+  }, sortableElement(VirtualizedItem));
+}
+var VirtualizedSortableList_default = VirtualizedSortableList;
+export {
+  VirtualizedSortableList,
+  VirtualizedSortableList_default as default
+};
+//# sourceMappingURL=VirtualizedSortableList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/VirtualizedSortableList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { sortableElement, sortableContainer } from 'react-sortable-hoc';\nimport { VirtualizedList } from './VirtualizedList';\nimport { VirtualizedItem } from './VirtualizedItem';\n\nconst SortableList = sortableContainer(VirtualizedList);\n\nfunction VirtualizedSortableList({ items, ...otherProps }) {\n  return (\n    <SortableList {...otherProps} items={items} useDragHandle>\n      {sortableElement(VirtualizedItem)}\n    </SortableList>\n  );\n}\n\nexport { VirtualizedSortableList };\nexport default VirtualizedSortableList;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,eAAe,kBAAkB;AAEvC,iCAAiC,EAAE,UAAU,cAAc;AACzD,SACE,qCAAC,cAAD;AAAA,OAAkB;AAAA,IAAY;AAAA,IAAc,eAAa;AAAA,KACtD,gBAAgB;AAAA;AAMvB,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/esm/helper.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { omit, compose, hashArray } from "@elliemae/ds-utilities";
+import * as tree from "treetabular";
+const getHierarchyTypeName = (dest) => !dest ? "hierarchy" : "hierarchyDest";
+const checkHasChildren = (list, currentItem) => list.some((item) => currentItem.id === item.parent);
+const getActiveIdFromHierarchy = (hierarchy = []) => hierarchy[hierarchy.length - 1] || {};
+const filterItemsByHierarchy = (list, hierarchyId, parentField = "parent") => list.filter((item) => item[parentField] === hierarchyId);
+const getItemsById = (ids, list) => ids.reduce((acc, id) => acc.concat(list.find((item) => String(item.id) === String(id))), []).filter((item) => item);
+const toggleInObject = (obj, key, value) => obj[key] ? omit(obj, [key]) : { ...obj, [key]: value };
+const isMovable = (item) => !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren);
+const pipe = (actions) => (initState, props) => actions.reduce((prevState, action) => action(prevState, props), initState);
+const moveItems = ({ oldIndex, newIndex }) => (items) => {
+  const sourceItem = items[oldIndex];
+  items.splice(oldIndex, 1);
+  items.splice(newIndex, 0, sourceItem);
+  return items;
+};
+const prepareItems = (items) => compose(tree.fixOrder(), (items2) => items2.map((item) => ({
+  ...item,
+  hasChildren: checkHasChildren(items2, item)
+})))(items);
+const defaultOptions = {
+  parentField: "parent",
+  idField: "id",
+  op: (hasMoved) => !hasMoved
+};
+function getChildrenFromParent(parentId, options) {
+  const { parentField } = { ...defaultOptions, ...options };
+  return (items) => items.filter((item) => item[parentField] === parentId);
+}
+function filterMovedItems(movedItems, options) {
+  const { idField, op: filterOp } = { ...defaultOptions, ...options };
+  const movedItemsHash = hashArray(movedItems, idField);
+  return (items) => items.filter((item) => filterOp(!!movedItemsHash[item[idField]]));
+}
+function filterBySearch(term, searching) {
+  return (items) => searching ? items.filter((item) => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1) : items;
+}
+export {
+  checkHasChildren,
+  filterBySearch,
+  filterItemsByHierarchy,
+  filterMovedItems,
+  getActiveIdFromHierarchy,
+  getChildrenFromParent,
+  getHierarchyTypeName,
+  getItemsById,
+  isMovable,
+  moveItems,
+  pipe,
+  prepareItems,
+  toggleInObject
+};
+//# sourceMappingURL=helper.js.map

package/dist/esm/helper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/helper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable prettier/prettier */\n/* eslint-disable no-shadow,no-plusplus */\nimport { omit, compose, hashArray } from '@elliemae/ds-utilities';\nimport * as tree from 'treetabular';\n\nexport const getHierarchyTypeName = (dest) =>\n  !dest ? 'hierarchy' : 'hierarchyDest';\nexport const checkHasChildren = (list, currentItem) =>\n  list.some((item) => currentItem.id === item.parent);\nexport const getActiveIdFromHierarchy = (hierarchy = []) =>\n  hierarchy[hierarchy.length - 1] || {};\n\nexport const filterItemsByHierarchy = (\n  list,\n  hierarchyId,\n  parentField = 'parent',\n) => list.filter((item) => item[parentField] === hierarchyId);\nexport const getItemsById = (ids, list) =>\n  ids\n    .reduce(\n      (acc, id) =>\n        acc.concat(list.find((item) => String(item.id) === String(id))),\n      [],\n    )\n    .filter((item) => item);\nexport const toggleInObject = (obj, key, value) =>\n  obj[key] ? omit(obj, [key]) : { ...obj, [key]: value };\nexport const isMovable = (item) =>\n  !item.forceNotMovable &&\n  ((item.hasChildren && item.isMoveableContainer) || !item.hasChildren);\n// utility to execute all specified actions in sequence\nexport const pipe = (actions) => (initState, props) =>\n  actions.reduce((prevState, action) => action(prevState, props), initState);\n\nexport const moveItems = ({ oldIndex, newIndex }) => (items) => {\n  const sourceItem = items[oldIndex];\n  items.splice(oldIndex, 1);\n  items.splice(newIndex, 0, sourceItem);\n  return items;\n};\n\nexport const prepareItems = (items) =>\n  compose(tree.fixOrder(), (items) =>\n    items.map((item) => ({\n      ...item,\n      hasChildren: checkHasChildren(items, item),\n    })),\n  )(items);\n\nconst defaultOptions = {\n  parentField: 'parent',\n  idField: 'id',\n  op: (hasMoved) => !hasMoved,\n};\n\nexport function getChildrenFromParent(parentId, options) {\n  const { parentField } = { ...defaultOptions, ...options };\n  return (items) => items.filter((item) => item[parentField] === parentId);\n}\n\nexport function filterMovedItems(movedItems, options) {\n  const { idField, op: filterOp } = { ...defaultOptions, ...options };\n  const movedItemsHash = hashArray(movedItems, idField);\n  return (items) =>\n    items.filter((item) => filterOp(!!movedItemsHash[item[idField]]));\n}\n\nexport function filterBySearch(term, searching) {\n  return (items) =>\n    searching\n      ? items.filter(\n          (item) =>\n            item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1,\n        )\n      : items;\n}\n"],
+  "mappings": "AAAA;ACEA;AACA;AAEO,MAAM,uBAAuB,CAAC,SACnC,CAAC,OAAO,cAAc;AACjB,MAAM,mBAAmB,CAAC,MAAM,gBACrC,KAAK,KAAK,CAAC,SAAS,YAAY,OAAO,KAAK;AACvC,MAAM,2BAA2B,CAAC,YAAY,OACnD,UAAU,UAAU,SAAS,MAAM;AAE9B,MAAM,yBAAyB,CACpC,MACA,aACA,cAAc,aACX,KAAK,OAAO,CAAC,SAAS,KAAK,iBAAiB;AAC1C,MAAM,eAAe,CAAC,KAAK,SAChC,IACG,OACC,CAAC,KAAK,OACJ,IAAI,OAAO,KAAK,KAAK,CAAC,SAAS,OAAO,KAAK,QAAQ,OAAO,OAC5D,IAED,OAAO,CAAC,SAAS;AACf,MAAM,iBAAiB,CAAC,KAAK,KAAK,UACvC,IAAI,OAAO,KAAK,KAAK,CAAC,QAAQ,KAAK,MAAM,MAAM;AAC1C,MAAM,YAAY,CAAC,SACxB,CAAC,KAAK,mBACJ,MAAK,eAAe,KAAK,uBAAwB,CAAC,KAAK;AAEpD,MAAM,OAAO,CAAC,YAAY,CAAC,WAAW,UAC3C,QAAQ,OAAO,CAAC,WAAW,WAAW,OAAO,WAAW,QAAQ;AAE3D,MAAM,YAAY,CAAC,EAAE,UAAU,eAAe,CAAC,UAAU;AAC9D,QAAM,aAAa,MAAM;AACzB,QAAM,OAAO,UAAU;AACvB,QAAM,OAAO,UAAU,GAAG;AAC1B,SAAO;AAAA;AAGF,MAAM,eAAe,CAAC,UAC3B,QAAQ,KAAK,YAAY,CAAC,WACxB,OAAM,IAAI,CAAC,SAAU;AAAA,KAChB;AAAA,EACH,aAAa,iBAAiB,QAAO;AAAA,KAEvC;AAEJ,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,IAAI,CAAC,aAAa,CAAC;AAAA;AAGd,+BAA+B,UAAU,SAAS;AACvD,QAAM,EAAE,gBAAgB,KAAK,mBAAmB;AAChD,SAAO,CAAC,UAAU,MAAM,OAAO,CAAC,SAAS,KAAK,iBAAiB;AAAA;AAG1D,0BAA0B,YAAY,SAAS;AACpD,QAAM,EAAE,SAAS,IAAI,aAAa,KAAK,mBAAmB;AAC1D,QAAM,iBAAiB,UAAU,YAAY;AAC7C,SAAO,CAAC,UACN,MAAM,OAAO,CAAC,SAAS,SAAS,CAAC,CAAC,eAAe,KAAK;AAAA;AAGnD,wBAAwB,MAAM,WAAW;AAC9C,SAAO,CAAC,UACN,YACI,MAAM,OACJ,CAAC,SACC,KAAK,KAAK,cAAc,QAAQ,OAAO,MAAM,mBAAmB,MAEpE;AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { default as default2, utils, DSShuttleWithSchema, DSShuttle } from "./DSShuttle";
+export {
+  DSShuttle,
+  DSShuttleWithSchema,
+  default2 as default,
+  utils
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, utils, DSShuttleWithSchema, DSShuttle } from './DSShuttle';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}