@elliemae/ds-shuttle 3.5.0-rc.9 → 3.6.0-next.0

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleListPanel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ShuttleListPanel as Wrapper } from '../classedComponents';\n\nfunction ShuttleListPanel({ onClick = () => null, open = false, children }) {\n  return (\n    <Wrapper classProps={{ open }}>\n      <DSButton buttonType=\"text\" icon={children} onClick={onClick} data-testid=\"list-panel-btn\" />\n    </Wrapper>\n  );\n}\n\nexport { ShuttleListPanel };\nexport default ShuttleListPanel;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,oBAAoB,eAAe;AAE5C,SAAS,iBAAiB,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,GAAG;AAC1E,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,KAC1B,gBAAAA,OAAA,cAAC;AAAA,IAAS,YAAW;AAAA,IAAO,MAAM;AAAA,IAAU;AAAA,IAAkB,eAAY;AAAA,GAAiB,CAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,oBAAoB,eAAe;AAE5C,SAAS,iBAAiB,EAAE,UAAU,MAAM,MAAM,OAAO,OAAO,SAAS,GAAG;AAC1E,SACE,oBAAC;AAAA,IAAQ,YAAY,EAAE,KAAK;AAAA,IAC1B,8BAAC;AAAA,MAAS,YAAW;AAAA,MAAO,MAAM;AAAA,MAAU;AAAA,MAAkB,eAAY;AAAA,KAAiB;AAAA,GAC7F;AAEJ;AAGA,IAAO,2BAAQ;",
+  "names": []
 }

package/dist/esm/components/ShuttleSearchBox.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { Component } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Component } from "react";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { debounce } from "@elliemae/ds-utilities";
 import { DSTextBox } from "@elliemae/ds-form";
@@ -44,17 +45,18 @@ class ShuttleSearchBox extends Component {
   render() {
     const { value } = this.state;
     const { isOpen, onClose, placeholder } = this.props;
-    return /* @__PURE__ */ React2.createElement(SearchBoxContainer, {
-      classProps: { isOpen }
-    }, /* @__PURE__ */ React2.createElement(DSTextBox, {
-      autoFocus: true,
-      clearable: true,
-      onChange: this.handleChange,
-      onClear: onClose,
-      onKeyDown: this.handleKeyPress,
-      placeholder,
-      value
-    }));
+    return /* @__PURE__ */ jsx(SearchBoxContainer, {
+      classProps: { isOpen },
+      children: /* @__PURE__ */ jsx(DSTextBox, {
+        autoFocus: true,
+        clearable: true,
+        onChange: this.handleChange,
+        onClear: onClose,
+        onKeyDown: this.handleKeyPress,
+        placeholder,
+        value
+      })
+    });
   }
 }
 ShuttleSearchBox.defaultProps = {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ShuttleSearchBox.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { debounce } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '@elliemae/ds-form';\n\nconst blockName = 'shuttle-search-box';\n\nconst SearchBoxContainer = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({ opened: isOpen }));\n\nconst filterList = debounce((term, onFilterCallback) => {\n  onFilterCallback(term);\n}, 200);\n\nclass ShuttleSearchBox extends Component {\n  static defaultProps = {\n    filterOnKeyStroke: false,\n    onChange: () => null,\n    onFilter: () => null,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: props.value,\n      prevProps: {},\n    };\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n    this.handleChange = this.handleChange.bind(this);\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevProps }) {\n    const { value } = nextProps;\n    if (value !== prevProps.value) {\n      return {\n        value,\n        prevProps: { value },\n      };\n    }\n    return null;\n  }\n\n  handleChange(e) {\n    const { onChange, filterOnKeyStroke, onFilter } = this.props;\n    const { value } = e.target;\n    onChange(value);\n    if (filterOnKeyStroke) filterList(value, onFilter);\n    this.setState({ value });\n  }\n\n  handleKeyPress(e) {\n    const { onFilter } = this.props;\n    if (e.keyCode === 13) onFilter(e.target.value);\n  }\n\n  render() {\n    const { value } = this.state;\n    const { isOpen, onClose, placeholder } = this.props;\n    return (\n      <SearchBoxContainer classProps={{ isOpen }}>\n        <DSTextBox\n          autoFocus\n          clearable\n          onChange={this.handleChange}\n          onClear={onClose}\n          onKeyDown={this.handleKeyPress}\n          placeholder={placeholder}\n          value={value}\n        />\n      </SearchBoxContainer>\n    );\n  }\n}\n\nexport { ShuttleSearchBox };\nexport default ShuttleSearchBox;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,iBAAiB;AACjC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,aAAa,SAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,UAAU;AAAA,EAOvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,WAAW,CAAC;AAAA,IACd;AACA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU,OAAO;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,GAAG;AACd,UAAM,EAAE,UAAU,mBAAmB,SAAS,IAAI,KAAK;AACvD,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,aAAS,KAAK;AACd,QAAI;AAAmB,iBAAW,OAAO,QAAQ;AACjD,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,eAAe,GAAG;AAChB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,QAAI,EAAE,YAAY;AAAI,eAAS,EAAE,OAAO,KAAK;AAAA,EAC/C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,KAAK;AAC9C,WACE,gBAAAA,OAAA,cAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,OACvC,gBAAAA,OAAA,cAAC;AAAA,MACC,WAAS;AAAA,MACT,WAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,SAAS;AAAA,MACT,WAAW,KAAK;AAAA,MAChB;AAAA,MACA;AAAA,KACF,CACF;AAAA,EAEJ;AACF;AA1DM,iBACG,eAAe;AAAA,EACpB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAClB;AAwDF,IAAO,2BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,iBAAiB;AACjC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAE1B,MAAM,YAAY;AAElB,MAAM,qBAAqB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,OAAO,OAAO,EAAE,QAAQ,OAAO,EAAE;AAEzG,MAAM,aAAa,SAAS,CAAC,MAAM,qBAAqB;AACtD,mBAAiB,IAAI;AACvB,GAAG,GAAG;AAEN,MAAM,yBAAyB,UAAU;AAAA,EAOvC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO,MAAM;AAAA,MACb,WAAW,CAAC;AAAA,IACd;AACA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,UAAM,EAAE,MAAM,IAAI;AAClB,QAAI,UAAU,UAAU,OAAO;AAC7B,aAAO;AAAA,QACL;AAAA,QACA,WAAW,EAAE,MAAM;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,aAAa,GAAG;AACd,UAAM,EAAE,UAAU,mBAAmB,SAAS,IAAI,KAAK;AACvD,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,aAAS,KAAK;AACd,QAAI;AAAmB,iBAAW,OAAO,QAAQ;AACjD,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,eAAe,GAAG;AAChB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,QAAI,EAAE,YAAY;AAAI,eAAS,EAAE,OAAO,KAAK;AAAA,EAC/C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,QAAQ,SAAS,YAAY,IAAI,KAAK;AAC9C,WACE,oBAAC;AAAA,MAAmB,YAAY,EAAE,OAAO;AAAA,MACvC,8BAAC;AAAA,QACC,WAAS;AAAA,QACT,WAAS;AAAA,QACT,UAAU,KAAK;AAAA,QACf,SAAS;AAAA,QACT,WAAW,KAAK;AAAA,QAChB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACF;AA1DM,iBACG,eAAe;AAAA,EACpB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,UAAU,MAAM;AAClB;AAwDF,IAAO,2BAAQ;",
+  "names": []
 }

package/dist/esm/components/ShuttleSource.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useMemo } from "react";
 import PropTypes from "prop-types";
 import { ArrowShortRight, Search } from "@elliemae/ds-icons";
 import { DSButton } from "@elliemae/ds-button";
@@ -89,62 +90,94 @@ function ShuttleSource({
   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))));
+  return /* @__PURE__ */ jsxs(ShuttleWrapper, {
+    children: [
+      /* @__PURE__ */ jsxs(ShuttleHeader, {
+        children: [
+          /* @__PURE__ */ jsx(ShuttleHeaderBreadcrumb, {
+            hierarchy,
+            onNavigateTo
+          }),
+          /* @__PURE__ */ jsx(ShuttleHeaderSearchToggle, {
+            buttonType: "text",
+            icon: /* @__PURE__ */ jsx(Search, {}),
+            onClick: handleToggleSearch,
+            containerProps: { "data-testid": "shuttle-header-search-toggle" }
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs(ShuttleList, {
+        classProps: { showPulse: isMovingBack },
+        style: { pointerEvents: isMoving ? "none" : null },
+        children: [
+          /* @__PURE__ */ jsx(ShuttleSearchBox, {
+            isOpen: searching,
+            onClose: runAll(() => toggleSearchBox(false), handleCloseSearch),
+            onFilter: runAll(setSearchTerm, onSearch),
+            placeholder: searchPlaceholder,
+            value: searchTerm
+          }, searching),
+          hasContent ? /* @__PURE__ */ jsx(Overflow, {
+            activeHierarchy: getActiveIdFromHierarchy(hierarchy).id,
+            classProps: {
+              searching,
+              empty: isEmpty
+            },
+            children: /* @__PURE__ */ jsx(ComponentList, {
+              helperClass: "drag-helper",
+              itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ jsx(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
+            }, searchTerm)
+          }) : null,
+          contentIsEmpty ? /* @__PURE__ */ jsx(LoadingList, {
+            "data-testid": "shuttle__loading-list",
+            children: /* @__PURE__ */ jsx(EmptyMessage, {
+              children: emptyMessage
+            })
+          }) : null,
+          loading ? /* @__PURE__ */ jsx(LoadingList, {
+            "data-testid": "shuttle__loading-list",
+            children: /* @__PURE__ */ jsx(LoadingIndicator, {})
+          }) : null,
+          /* @__PURE__ */ jsx(ShuttleListPanel, {
+            onClick: onMoveCheckedItems,
+            open: checkedItems.length > 1,
+            children: /* @__PURE__ */ jsx(ArrowShortRight, {})
+          }),
+          moreItemsLoading ? /* @__PURE__ */ jsx(ShuttleInfiniteScrollIndicator, {
+            isOpen: true
+          }) : null
+        ]
+      }),
+      /* @__PURE__ */ jsxs(ShuttleFooter, {
+        children: [
+          /* @__PURE__ */ jsx(ShuttleFooterActions, {
+            children: !!checkedItems.length && /* @__PURE__ */ jsx(DSButton, {
+              buttonType: "link",
+              labelText: sourceClearItemsText,
+              onClick: onClearCheckedItems
+            })
+          }),
+          /* @__PURE__ */ jsx(ShuttleFooterCounter, {
+            children: renderSourceCounter(checkedItems.length)
+          })
+        ]
+      })
+    ]
+  });
 }
 ShuttleSource.propTypes = {
   items: PropTypes.arrayOf(PropTypes.shape({})),

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

@@ -2,6 +2,6 @@
   "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": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/components/ShuttleTarget.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { DSButton } from "@elliemae/ds-button";
 import {
   EmptyMessage,
@@ -39,7 +40,9 @@ function ShuttleTarget({
     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 emptyContent = loading ? /* @__PURE__ */ jsx(LoadingIndicator, {}) : /* @__PURE__ */ jsx(EmptyMessage, {
+    children: emptyMessage
+  });
   const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
   const handleSortEnd = ({ oldIndex, newIndex }) => {
     onSortEnd({
@@ -47,36 +50,57 @@ function ShuttleTarget({
       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))));
+  return /* @__PURE__ */ jsxs(ShuttleWrapper, {
+    children: [
+      /* @__PURE__ */ jsx(ShuttleHeader, {
+        children: /* @__PURE__ */ jsx(ShuttleHeaderBreadcrumb, {
+          hierarchy,
+          onNavigateTo
+        })
+      }),
+      /* @__PURE__ */ jsx(ShuttleList, {
+        classProps: { showPulse: isMoving },
+        children: !loading && !isEmpty ? /* @__PURE__ */ jsx(Overflow, {
+          activeHierarchy: getActiveIdFromHierarchy(hierarchy).id,
+          classProps: {
+            empty: !items.length
+          },
+          children: /* @__PURE__ */ jsx(ComponentList, {
+            itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ jsx(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__ */ jsx(LoadingList, {
+          children: emptyContent
+        })
+      }),
+      /* @__PURE__ */ jsxs(ShuttleFooter, {
+        children: [
+          /* @__PURE__ */ jsx(ShuttleFooterActions, {
+            children: !!items.length && /* @__PURE__ */ jsx(DSButton, {
+              containerProps: { "data-testid": "shuttle-clear-all-target" },
+              buttonType: "link",
+              labelText: targetClearItemsText,
+              onClick: onClearMovedItems
+            })
+          }),
+          /* @__PURE__ */ jsx(ShuttleFooterCounter, {
+            children: renderTargetCounter(items.length)
+          })
+        ]
+      })
+    ]
+  });
 }
 var ShuttleTarget_default = ShuttleTarget;
 export {

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACAvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAEjC,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,cAAc;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,OAAO,CAAC;AAAA,EACjC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AACZ,GAAG;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,MAAM;AAAA,EAC5B,IAAI,WAAW,eAAe,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,gBAAAA,OAAA,cAAC,sBAAiB,IAAK,gBAAAA,OAAA,cAAC,oBAAc,YAAa;AAElF,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,MAAM;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,gBAAAA,OAAA,cAAC,sBACC,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAwB;AAAA,IAAsB;AAAA,GAA4B,CAC7E,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAY,YAAY,EAAE,WAAW,SAAS;AAAA,KAC5C,CAAC,WAAW,CAAC,UACZ,gBAAAA,OAAA,cAAC;AAAA,IACC,iBAAiB,yBAAyB,SAAS,EAAE;AAAA,IACrD,YAAY;AAAA,MACV,OAAO,CAAC,MAAM;AAAA,IAChB;AAAA,KAEA,gBAAAA,OAAA,cAAC;AAAA,IACC,cAAc,CAAC,EAAE,SAAS,KAAK,MAC7B,gBAAAA,OAAA,cAAC;AAAA,MACC,eAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAG,uBAAuB,MAAM,IAAI;AAAA,MACrC,QAAQ,CAAC,yBAAyB,SAAS,EAAE;AAAA,MAC7C;AAAA,MACA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA,KACnB;AAAA,IAEF;AAAA,IACA,WAAW;AAAA,IACX,QAAM;AAAA,GACR,CACF,IAEA,gBAAAA,OAAA,cAAC,mBAAa,YAAa,CAE/B,GACA,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC,4BACE,CAAC,CAAC,MAAM,UACP,gBAAAA,OAAA,cAAC;AAAA,IACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,IAC5D,YAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,GACX,CAEJ,GACA,gBAAAA,OAAA,cAAC,4BAAsB,oBAAoB,MAAM,MAAM,CAAE,CAC3D,CACF;AAEJ;AAGA,IAAO,wBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AAEjC,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,cAAc;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,OAAO,CAAC;AAAA,EACjC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AACZ,GAAG;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,MAAM;AAAA,EAC5B,IAAI,WAAW,eAAe,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,oBAAC,oBAAiB,IAAK,oBAAC;AAAA,IAAc;AAAA,GAAa;AAElF,QAAM,gBAAgB,iBAAiB,0BAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,MAAM;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAwB;AAAA,UAAsB;AAAA,SAA4B;AAAA,OAC7E;AAAA,MACA,oBAAC;AAAA,QAAY,YAAY,EAAE,WAAW,SAAS;AAAA,QAC5C,WAAC,WAAW,CAAC,UACZ,oBAAC;AAAA,UACC,iBAAiB,yBAAyB,SAAS,EAAE;AAAA,UACrD,YAAY;AAAA,YACV,OAAO,CAAC,MAAM;AAAA,UAChB;AAAA,UAEA,8BAAC;AAAA,YACC,cAAc,CAAC,EAAE,SAAS,KAAK,MAC7B,oBAAC;AAAA,cACC,eAAY;AAAA,cACX,GAAG;AAAA,cACH,GAAG,uBAAuB,MAAM,IAAI;AAAA,cACrC,QAAQ,CAAC,yBAAyB,SAAS,EAAE;AAAA,cAC7C;AAAA,cACA,gBAAgB;AAAA,cAChB,sBAAsB;AAAA,cACtB,iBAAiB;AAAA,aACnB;AAAA,YAEF;AAAA,YACA,WAAW;AAAA,YACX,QAAM;AAAA,WACR;AAAA,SACF,IAEA,oBAAC;AAAA,UAAa;AAAA,SAAa;AAAA,OAE/B;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YACE,WAAC,CAAC,MAAM,UACP,oBAAC;AAAA,cACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,cAC5D,YAAW;AAAA,cACX,WAAW;AAAA,cACX,SAAS;AAAA,aACX;AAAA,WAEJ;AAAA,UACA,oBAAC;AAAA,YAAsB,8BAAoB,MAAM,MAAM;AAAA,WAAE;AAAA;AAAA,OAC3D;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "names": []
 }

package/dist/esm/components/VirtualizedList.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { 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";
@@ -32,24 +33,28 @@ function VirtualizedList({
   });
   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)));
+  return /* @__PURE__ */ jsx(AutoSizer, {
+    children: ({ height, width }) => /* @__PURE__ */ jsx(InfiniteLoader, {
+      isItemLoaded,
+      itemCount,
+      loadMoreItems: getMoreItems,
+      children: ({ onItemsRendered, ref }) => /* @__PURE__ */ jsx(List, {
+        height: searching ? 300 : height,
+        width,
+        innerRef,
+        itemCount: transitions.length,
+        itemData: {
+          items: transitions,
+          itemRenderer,
+          isItemMoving: hasMounted.current && (isMoving || isMovingBack)
+        },
+        itemSize: 35,
+        onItemsRendered,
+        ref,
+        children: children || VirtualizedItem
+      })
+    })
+  });
 }
 var VirtualizedList_default = VirtualizedList;
 export {

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACCvB,OAAOA,UAAS,YAAY,WAAW,cAAc;AACrD,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,YAAY;AACtC,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAEhC,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EAAC;AACxB,GAAG;AACD,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,aAAa;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,IAC1D,GAAG,gBAAgB,SAAS,MAAM;AAAA,IAClC,aAAa,MAAM,MAAM;AAAA,EAC3B,CAAC;AAED,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,gBAAAA,OAAA,cAAC,iBACE,CAAC,EAAE,QAAQ,MAAM,MAChB,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAe;AAAA,KAEd,CAAC,EAAE,iBAAiB,IAAI,MACvB,gBAAAA,OAAA,cAAC;AAAA,IACC,QAAQ,YAAY,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAW,YAAY;AAAA,IACvB,UAAU;AAAA,MACR,OAAO;AAAA,MACP;AAAA,MACA,cAAc,WAAW,YAAY,YAAY;AAAA,IACnD;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,KAEC,YAAY,eACf,CAEJ,CAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,YAAY,WAAW,cAAc;AACrD,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB,YAAY;AACtC,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAEhC,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EAAC;AACxB,GAAG;AACD,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,aAAa;AAAA,IAChC;AAAA,EACF,IAAI,WAAW,eAAe,OAAO;AAErC,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,cAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,IAC1D,GAAG,gBAAgB,SAAS,MAAM;AAAA,IAClC,aAAa,MAAM,MAAM;AAAA,EAC3B,CAAC;AAED,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,oBAAC;AAAA,IACE,WAAC,EAAE,QAAQ,MAAM,MAChB,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEd,WAAC,EAAE,iBAAiB,IAAI,MACvB,oBAAC;AAAA,QACC,QAAQ,YAAY,MAAM;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,WAAW,YAAY;AAAA,QACvB,UAAU;AAAA,UACR,OAAO;AAAA,UACP;AAAA,UACA,cAAc,WAAW,YAAY,YAAY;AAAA,QACnD;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QAEC,sBAAY;AAAA,OACf;AAAA,KAEJ;AAAA,GAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
+  "names": []
 }

package/dist/esm/components/VirtualizedSortableList.js

@@ -1,15 +1,16 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 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, {
+  return /* @__PURE__ */ jsx(SortableList, {
     ...otherProps,
     items,
-    useDragHandle: true
-  }, sortableElement(VirtualizedItem));
+    useDragHandle: true,
+    children: sortableElement(VirtualizedItem)
+  });
 }
 var VirtualizedSortableList_default = VirtualizedSortableList;
 export {

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

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,iBAAiB,yBAAyB;AACnD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,MAAM,eAAe,kBAAkB,eAAe;AAEtD,SAAS,wBAAwB,EAAE,UAAU,WAAW,GAAG;AACzD,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAc,GAAG;AAAA,IAAY;AAAA,IAAc,eAAa;AAAA,KACtD,gBAAgB,eAAe,CAClC;AAEJ;AAGA,IAAO,kCAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,iBAAiB,yBAAyB;AACnD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,MAAM,eAAe,kBAAkB,eAAe;AAEtD,SAAS,wBAAwB,EAAE,UAAU,WAAW,GAAG;AACzD,SACE,oBAAC;AAAA,IAAc,GAAG;AAAA,IAAY;AAAA,IAAc,eAAa;AAAA,IACtD,0BAAgB,eAAe;AAAA,GAClC;AAEJ;AAGA,IAAO,kCAAQ;",
+  "names": []
 }

package/dist/esm/withProviders.js

@@ -1,12 +1,18 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { AnimationState } from "./AnimationState";
 import { SearchState } from "./SearchState";
 import { ShuttleState } from "./ShuttleState";
 function withProviders(Component) {
-  return (props) => /* @__PURE__ */ React2.createElement(ShuttleState.Provider, null, /* @__PURE__ */ React2.createElement(AnimationState.Provider, null, /* @__PURE__ */ React2.createElement(SearchState.Provider, null, /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  }))));
+  return (props) => /* @__PURE__ */ jsx(ShuttleState.Provider, {
+    children: /* @__PURE__ */ jsx(AnimationState.Provider, {
+      children: /* @__PURE__ */ jsx(SearchState.Provider, {
+        children: /* @__PURE__ */ jsx(Component, {
+          ...props
+        })
+      })
+    })
+  });
 }
 var withProviders_default = withProviders;
 export {

package/dist/esm/withProviders.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/withProviders.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { AnimationState } from './AnimationState';\nimport { SearchState } from './SearchState';\nimport { ShuttleState } from './ShuttleState';\n\nfunction withProviders(Component) {\n  return props => (\n    <ShuttleState.Provider>\n      <AnimationState.Provider>\n        <SearchState.Provider>\n          <Component {...props} />\n        </SearchState.Provider>\n      </AnimationState.Provider>\n    </ShuttleState.Provider>\n  );\n}\n\nexport { withProviders };\nexport default withProviders;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,cAAc,WAAW;AAChC,SAAO,WACL,gBAAAA,OAAA,cAAC,aAAa,UAAb,MACC,gBAAAA,OAAA,cAAC,eAAe,UAAf,MACC,gBAAAA,OAAA,cAAC,YAAY,UAAZ,MACC,gBAAAA,OAAA,cAAC;AAAA,IAAW,GAAG;AAAA,GAAO,CACxB,CACF,CACF;AAEJ;AAGA,IAAO,wBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,cAAc,WAAW;AAChC,SAAO,WACL,oBAAC,aAAa,UAAb;AAAA,IACC,8BAAC,eAAe,UAAf;AAAA,MACC,8BAAC,YAAY,UAAZ;AAAA,QACC,8BAAC;AAAA,UAAW,GAAG;AAAA,SAAO;AAAA,OACxB;AAAA,KACF;AAAA,GACF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "3.5.0-rc.9",
+  "version": "3.6.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle",
   "files": [
@@ -155,16 +155,16 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-breadcrumb": "3.5.0-rc.9",
-    "@elliemae/ds-button": "3.5.0-rc.9",
-    "@elliemae/ds-circular-progress-indicator": "3.5.0-rc.9",
-    "@elliemae/ds-classnames": "3.5.0-rc.9",
-    "@elliemae/ds-form": "3.5.0-rc.9",
-    "@elliemae/ds-icons": "3.5.0-rc.9",
-    "@elliemae/ds-indeterminate-progress-indicator": "3.5.0-rc.9",
-    "@elliemae/ds-system": "3.5.0-rc.9",
-    "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.9",
-    "@elliemae/ds-utilities": "3.5.0-rc.9",
+    "@elliemae/ds-breadcrumb": "3.6.0-next.0",
+    "@elliemae/ds-button": "3.6.0-next.0",
+    "@elliemae/ds-circular-progress-indicator": "3.6.0-next.0",
+    "@elliemae/ds-classnames": "3.6.0-next.0",
+    "@elliemae/ds-form": "3.6.0-next.0",
+    "@elliemae/ds-icons": "3.6.0-next.0",
+    "@elliemae/ds-indeterminate-progress-indicator": "3.6.0-next.0",
+    "@elliemae/ds-system": "3.6.0-next.0",
+    "@elliemae/ds-truncated-tooltip-text": "3.6.0-next.0",
+    "@elliemae/ds-utilities": "3.6.0-next.0",
     "constate": "~1.3.2",
     "prop-types": "~15.8.1",
     "react-sortable-hoc": "~1.9.1",