@elliemae/ds-shuttle 2.0.0-alpha.1 → 2.0.0-alpha.13

package/esm/components/ShuttleTarget.js

@@ -1,8 +1,13 @@
+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-basic/Button';
+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';
@@ -22,20 +27,21 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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
-}) {
+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;
   const {
     state: {
       isMoving = false
@@ -45,10 +51,11 @@ function ShuttleTarget({
   const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx(LoadingIndicator, {})) : /*#__PURE__*/_jsx(EmptyMessage, {}, void 0, emptyMessage);
   const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
 
-  const handleSortEnd = ({
-    oldIndex,
-    newIndex
-  }) => {
+  const handleSortEnd = _ref2 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref2;
     onSortEnd({
       sourceItem: items[oldIndex],
       targetItem: items[newIndex]
@@ -68,11 +75,11 @@ function ShuttleTarget({
       empty: !items.length
     }
   }, void 0, /*#__PURE__*/_jsx(ComponentList, {
-    itemRenderer: _ref => {
+    itemRenderer: _ref3 => {
       let {
         item
-      } = _ref,
-          rest = _objectWithoutProperties(_ref, _excluded);
+      } = _ref3,
+          rest = _objectWithoutProperties(_ref3, _excluded);
 
       return /*#__PURE__*/jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
         "data-testid": "target-list-item"

package/esm/components/VirtualizedItem.js

@@ -1,3 +1,8 @@
+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';
@@ -5,12 +10,13 @@ import { areEqual } from 'react-window';
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const VirtualizedItem = /*#__PURE__*/memo(({
-  data,
-  index,
-  style: virtualizedStyles,
-  showSortHandler = false
-}) => {
+const VirtualizedItem = /*#__PURE__*/memo(_ref => {
+  let {
+    data,
+    index,
+    style: virtualizedStyles,
+    showSortHandler = false
+  } = _ref;
   const {
     items,
     itemRenderer,

package/esm/components/VirtualizedList.js

@@ -1,3 +1,8 @@
+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';
@@ -14,16 +19,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function VirtualizedList({
-  items,
-  itemRenderer,
-  searching,
-  target = false,
-  innerRef,
-  children,
-  hasNextPage = true,
-  getMoreItems = () => {}
-}) {
+function VirtualizedList(_ref) {
+  let {
+    items,
+    itemRenderer,
+    searching,
+    target = false,
+    innerRef,
+    children,
+    hasNextPage = true,
+    getMoreItems = () => {}
+  } = _ref;
   const hasMounted = useRef(false);
   const {
     state: {
@@ -42,31 +48,37 @@ function VirtualizedList({
 
   const isItemLoaded = index => !hasNextPage || index < items.length;
 
-  return /*#__PURE__*/_jsx(AutoSizer, {}, void 0, ({
-    height,
-    width
-  }) => /*#__PURE__*/_jsx(InfiniteLoader, {
-    isItemLoaded: isItemLoaded,
-    itemCount: itemCount,
-    loadMoreItems: getMoreItems
-  }, void 0, ({
-    onItemsRendered,
-    ref
-  }) => /*#__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
-  })));
+  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
+      });
+    });
+  });
 }
 
 export { VirtualizedList as default };

package/esm/components/VirtualizedSortableList.js

@@ -1,3 +1,8 @@
+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';

package/esm/helper.js

@@ -1,5 +1,18 @@
+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 { omit, compose, hashArray } from '@elliemae/ds-utilities/utils';
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -7,8 +20,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 = (hierarchy = []) => hierarchy[hierarchy.length - 1] || {};
-const filterItemsByHierarchy = (list, hierarchyId, parentField = 'parent') => list.filter(item => item[parentField] === hierarchyId);
+const getActiveIdFromHierarchy = function () {
+  let hierarchy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return hierarchy[hierarchy.length - 1] || {};
+};
+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
@@ -16,14 +35,17 @@ const toggleInObject = (obj, key, value) => obj[key] ? omit(obj, [key]) : _objec
 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 = ({
-  oldIndex,
-  newIndex
-}) => items => {
-  const sourceItem = items[oldIndex];
-  items.splice(oldIndex, 1);
-  items.splice(newIndex, 0, sourceItem);
-  return items;
+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)

package/esm/updateShuttleStateFromProps.js

@@ -1,5 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.filter.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 { compose, isEqual, hashArray } from '@elliemae/ds-utilities/utils';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import { compose, isEqual, hashArray } from '@elliemae/ds-utilities';
 import { getItemsById, pipe, prepareItems } from './helper.js';
 import { addToTarget, resetMovedItems } from './Shuttle.actions.js';
 

package/esm/utils.js

@@ -1,6 +1,11 @@
+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 * as tree from 'treetabular';
-import { compose } from '@elliemae/ds-utilities/utils';
+import { compose } from '@elliemae/ds-utilities';
 import { prepareItems } from './helper.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/esm/withProviders.js

@@ -1,3 +1,8 @@
+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 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle",
   "module": "./esm/index.js",
@@ -152,26 +152,41 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.1",
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "@elliemae/ds-utilities": "2.0.0-alpha.1",
+    "@elliemae/ds-basic": "2.0.0-alpha.13",
+    "@elliemae/ds-button": "2.0.0-alpha.13",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-alpha.13",
+    "@elliemae/ds-classnames": "2.0.0-alpha.13",
+    "@elliemae/ds-form": "2.0.0-alpha.13",
+    "@elliemae/ds-icons": "2.0.0-alpha.13",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-alpha.13",
+    "@elliemae/ds-system": "2.0.0-alpha.13",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.13",
+    "@elliemae/ds-utilities": "2.0.0-alpha.13",
     "constate": "~1.3.2",
-    "memoize-one": "~4.0.3",
     "prop-types": "~15.7.2",
+    "react-desc": "~4.1.3",
     "react-sortable-hoc": "~1.9.1",
     "react-spring": "~8.0.27",
-    "react-window": "~1.8.6",
-    "react-window-infinite-loader": "~1.0.7",
+    "react-virtualized-auto-sizer": "~1.0.4",
+    "react-window": "~1.8.5",
+    "react-window-infinite-loader": "~1.0.5",
     "treetabular": "~3.6.0"
   },
-  "publishConfig": {
-    "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }