@elliemae/ds-shuttle 2.2.0 → 2.3.0-alpha.3

package/esm/components/ShuttleTarget.js

@@ -1,107 +1,86 @@
-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 '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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import DSButton from '@elliemae/ds-button';
-import { ShuttleWrapper, ShuttleHeader, ShuttleHeaderBreadcrumb, ShuttleList, Overflow, LoadingList, ShuttleFooter, ShuttleFooterActions, ShuttleFooterCounter, EmptyMessage } from '../classedComponents.js';
-import { getActiveIdFromHierarchy } from '../helper.js';
-import AnimationContext from '../AnimationState.js';
-import VirtualizedList from './VirtualizedList.js';
-import ShuttleTargetListItem from './ShuttleListItem/ShuttleTargetListItem.js';
-import VirtualizedSortableList from './VirtualizedSortableList.js';
-import LoadingIndicator from './LoadingIndicator.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["item"];
-
-var _LoadingIndicator;
-
-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; }
-
-const noop = () => {};
-
-function ShuttleTarget(_ref) {
-  let {
-    items = [],
-    hierarchy = [],
-    onNavigateTo = noop,
-    onMoveItem = noop,
-    onClearMovedItems = noop,
-    emptyMessage = 'No items selected',
-    composeTargetItemProps = () => ({}),
-    targetSortable = false,
-    onSortEnd = noop,
-    targetClearItemsText = 'CLEAR ALL',
-    renderTargetCounter = amount => "".concat(amount, " items"),
-    loading = false
-  } = _ref;
+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(AnimationContext.Context);
+    state: { isMoving = false }
+  } = useContext(AnimationState.Context);
   const isEmpty = !items.length;
-  const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx(LoadingIndicator, {})) : /*#__PURE__*/_jsx(EmptyMessage, {}, void 0, emptyMessage);
+  const emptyContent = loading ? /* @__PURE__ */ React2.createElement(LoadingIndicator, null) : /* @__PURE__ */ React2.createElement(EmptyMessage, null, emptyMessage);
   const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
-
-  const handleSortEnd = _ref2 => {
-    let {
-      oldIndex,
-      newIndex
-    } = _ref2;
+  const handleSortEnd = ({ oldIndex, newIndex }) => {
     onSortEnd({
       sourceItem: items[oldIndex],
       targetItem: items[newIndex]
     });
   };
-
-  return /*#__PURE__*/_jsx(ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx(ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx(ShuttleHeaderBreadcrumb, {
-    hierarchy: hierarchy,
-    onNavigateTo: onNavigateTo
-  })), /*#__PURE__*/_jsx(ShuttleList, {
-    classProps: {
-      showPulse: isMoving
-    }
-  }, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx(Overflow, {
+  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
     }
-  }, void 0, /*#__PURE__*/_jsx(ComponentList, {
-    itemRenderer: _ref3 => {
-      let {
-        item
-      } = _ref3,
-          rest = _objectWithoutProperties(_ref3, _excluded);
-
-      return /*#__PURE__*/jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
-        "data-testid": "target-list-item"
-      }, rest), composeTargetItemProps(item, rest)), {}, {
-        isRoot: !getActiveIdFromHierarchy(hierarchy).id,
-        item: item,
-        onMoveToSource: onMoveItem,
-        onNavigateOnTargetTo: onNavigateTo,
-        showSortHandler: targetSortable
-      }));
-    },
-    items: items,
+  }, /* @__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__*/_jsx(LoadingList, {}, void 0, emptyContent)), /*#__PURE__*/_jsx(ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx(ShuttleFooterActions, {}, void 0, !!items.length && /*#__PURE__*/_jsx(DSButton, {
-    containerProps: {
-      'data-testid': 'shuttle-clear-all-target'
-    },
+  })) : /* @__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__*/_jsx(ShuttleFooterCounter, {}, void 0, renderTargetCounter(items.length))));
+  })), /* @__PURE__ */ React2.createElement(ShuttleFooterCounter, null, renderTargetCounter(items.length))));
 }
-
-export { ShuttleTarget as default };
+var ShuttleTarget_default = ShuttleTarget;
+export {
+  ShuttleTarget,
+  ShuttleTarget_default as default
+};
+//# sourceMappingURL=ShuttleTarget.js.map

package/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/esm/components/VirtualizedItem.js

@@ -1,40 +1,22 @@
-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 '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 { memo } from 'react';
-import { areEqual } from 'react-window';
-
-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; }
-const VirtualizedItem = /*#__PURE__*/memo(_ref => {
-  let {
-    data,
-    index,
-    style: virtualizedStyles,
-    showSortHandler = false
-  } = _ref;
-  const {
-    items,
-    itemRenderer,
-    isItemMoving
-  } = data;
-  const {
-    item,
-    props: animatedStyles,
-    key
-  } = items[index] || {};
-  if (!item) return null;
+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 ? _objectSpread(_objectSpread({}, animatedStyles), virtualizedStyles) : virtualizedStyles
+    style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
   });
 }, areEqual);
-
-export { VirtualizedItem as default };
+var VirtualizedItem_default = VirtualizedItem;
+export {
+  VirtualizedItem,
+  VirtualizedItem_default as default
+};
+//# sourceMappingURL=VirtualizedItem.js.map

package/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/esm/components/VirtualizedList.js

@@ -1,84 +1,59 @@
-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 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useRef, useContext, useEffect } from 'react';
-import { useTransition } from 'react-spring/web';
-import { FixedSizeList } from 'react-window';
-import InfiniteLoader from 'react-window-infinite-loader';
-import AutoSizer from 'react-virtualized-auto-sizer';
-import { animationConfig } from '../animation/animationConfig.js';
-import AnimationContext from '../AnimationState.js';
-import VirtualizedItem from './VirtualizedItem.js';
-import { jsx } from 'react/jsx-runtime';
-
-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; }
-
-function VirtualizedList(_ref) {
-  let {
-    items,
-    itemRenderer,
-    searching,
-    target = false,
-    innerRef,
-    children,
-    hasNextPage = true,
-    getMoreItems = () => {}
-  } = _ref;
+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
-    },
+    state: { isMoving, isMovingBack },
     reset
-  } = useContext(AnimationContext.Context);
+  } = useContext(AnimationState.Context);
   useEffect(() => {
     hasMounted.current = true;
   }, []);
-  const transitions = useTransition(items, item => item.id, _objectSpread(_objectSpread({}, animationConfig.moveItem(target)), {}, {
+  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__*/_jsx(AutoSizer, {}, void 0, _ref2 => {
-    let {
-      height,
-      width
-    } = _ref2;
-    return /*#__PURE__*/_jsx(InfiniteLoader, {
-      isItemLoaded: isItemLoaded,
-      itemCount: itemCount,
-      loadMoreItems: getMoreItems
-    }, void 0, _ref3 => {
-      let {
-        onItemsRendered,
-        ref
-      } = _ref3;
-      return /*#__PURE__*/jsx(FixedSizeList, {
-        height: searching ? 300 : height,
-        width: width,
-        innerRef: innerRef,
-        itemCount: transitions.length,
-        itemData: {
-          items: transitions,
-          itemRenderer,
-          isItemMoving: hasMounted.current && (isMoving || isMovingBack)
-        },
-        itemSize: 35,
-        onItemsRendered: onItemsRendered,
-        ref: ref,
-        children: children || VirtualizedItem
-      });
-    });
   });
+  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)));
 }
-
-export { VirtualizedList as default };
+var VirtualizedList_default = VirtualizedList;
+export {
+  VirtualizedList,
+  VirtualizedList_default as default
+};
+//# sourceMappingURL=VirtualizedList.js.map

package/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/esm/components/VirtualizedSortableList.js

@@ -1,34 +1,19 @@
-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 '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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { sortableContainer, sortableElement } from 'react-sortable-hoc';
-import VirtualizedList from './VirtualizedList.js';
-import VirtualizedItem from './VirtualizedItem.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["items"];
-
-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 React2 from "react";
+import { sortableElement, sortableContainer } from "react-sortable-hoc";
+import { VirtualizedList } from "./VirtualizedList";
+import { VirtualizedItem } from "./VirtualizedItem";
 const SortableList = sortableContainer(VirtualizedList);
-
-function VirtualizedSortableList(_ref) {
-  let {
-    items
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(SortableList, _objectSpread(_objectSpread({}, otherProps), {}, {
-    items: items,
-    useDragHandle: true,
-    children: sortableElement(VirtualizedItem)
-  }));
+function VirtualizedSortableList({ items, ...otherProps }) {
+  return /* @__PURE__ */ React2.createElement(SortableList, {
+    ...otherProps,
+    items,
+    useDragHandle: true
+  }, sortableElement(VirtualizedItem));
 }
-
-export { VirtualizedSortableList as default };
+var VirtualizedSortableList_default = VirtualizedSortableList;
+export {
+  VirtualizedSortableList,
+  VirtualizedSortableList_default as default
+};
+//# sourceMappingURL=VirtualizedSortableList.js.map

package/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/esm/helper.js

@@ -1,78 +1,54 @@
-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/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { omit, compose, hashArray } from '@elliemae/ds-utilities';
-import * as tree from 'treetabular';
-
-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; }
-const getHierarchyTypeName = dest => !dest ? 'hierarchy' : 'hierarchyDest';
-const checkHasChildren = (list, currentItem) => list.some(item => currentItem.id === item.parent);
-const getActiveIdFromHierarchy = function () {
-  let hierarchy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return hierarchy[hierarchy.length - 1] || {};
+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 filterItemsByHierarchy = function (list, hierarchyId) {
-  let parentField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
-  return 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]) : _objectSpread(_objectSpread({}, obj), {}, {
-  [key]: value
-});
-const isMovable = item => !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren); // utility to execute all specified actions in sequence
-
-const pipe = actions => (initState, props) => actions.reduce((prevState, action) => action(prevState, props), initState);
-const moveItems = _ref => {
-  let {
-    oldIndex,
-    newIndex
-  } = _ref;
-  return items => {
-    const sourceItem = items[oldIndex];
-    items.splice(oldIndex, 1);
-    items.splice(newIndex, 0, sourceItem);
-    return items;
-  };
-};
-const prepareItems = items => compose(tree.fixOrder(), items => items.map(item => _objectSpread(_objectSpread({}, item), {}, {
-  hasChildren: checkHasChildren(items, item)
+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
+  parentField: "parent",
+  idField: "id",
+  op: (hasMoved) => !hasMoved
 };
 function getChildrenFromParent(parentId, options) {
-  const {
-    parentField
-  } = _objectSpread(_objectSpread({}, defaultOptions), options);
-
-  return items => items.filter(item => item[parentField] === parentId);
+  const { parentField } = { ...defaultOptions, ...options };
+  return (items) => items.filter((item) => item[parentField] === parentId);
 }
 function filterMovedItems(movedItems, options) {
-  const {
-    idField,
-    op: filterOp
-  } = _objectSpread(_objectSpread({}, defaultOptions), options);
-
+  const { idField, op: filterOp } = { ...defaultOptions, ...options };
   const movedItemsHash = hashArray(movedItems, idField);
-  return items => items.filter(item => filterOp(!!movedItemsHash[item[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;
+  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 };
+export {
+  checkHasChildren,
+  filterBySearch,
+  filterItemsByHierarchy,
+  filterMovedItems,
+  getActiveIdFromHierarchy,
+  getChildrenFromParent,
+  getHierarchyTypeName,
+  getItemsById,
+  isMovable,
+  moveItems,
+  pipe,
+  prepareItems,
+  toggleInObject
+};
+//# sourceMappingURL=helper.js.map

package/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/esm/index.js

@@ -1,2 +1,9 @@
-export { DSShuttleWithSchema, default } from './DSShuttle.js';
-export { default as utils } from './utils.js';
+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