@elliemae/ds-shuttle 1.60.0 → 2.0.0-alpha.12

package/esm/updateShuttleStateFromProps.js

@@ -1,86 +1,88 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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 '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';
-import 'treetabular';
-import './utils.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; }
 
 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; }
 
-var mergeToPrevState = function mergeToPrevState(prevState, nextState) {
-  return _objectSpread(_objectSpread(_objectSpread({}, prevState), nextState), {}, {
-    prevProps: _objectSpread(_objectSpread({}, prevState.prevProps), nextState.prevProps)
-  });
-};
+const mergeToPrevState = (prevState, nextState) => _objectSpread(_objectSpread(_objectSpread({}, prevState), nextState), {}, {
+  prevProps: _objectSpread(_objectSpread({}, prevState.prevProps), nextState.prevProps)
+});
 
 function compareSelectedItems(nextProps, prevProps) {
-  var selectedItems = nextProps.selectedItems,
-      idField = nextProps.idField;
-  return function (nextState) {
+  const {
+    selectedItems,
+    idField
+  } = nextProps;
+  return nextState => {
     if (isEqual(selectedItems, prevProps.selectedItems)) return nextState; // if we are using nonSelectedItems skip this legacy logic and paint just what's passed
     // to nonSelectedItems (source) and selectedItems (target)
     // TODO make controlledV2 the default behavior for controlled shuttle
 
     if (nextProps.nonSelectedItems) return nextState;
-    var preparedItems = nextState.preparedItems;
-    var prevSelectedItemsHash = hashArray(prevProps.selectedItems || []);
-    var itemsToMove = getItemsById(selectedItems, preparedItems);
-    var actions = itemsToMove.map(function (item) {
-      return prevSelectedItemsHash[item[idField]] ? addToTarget(item, nextState.targetItems) : addToTarget(item);
-    });
-    return mergeToPrevState(nextState, _objectSpread(_objectSpread({}, pipe([resetMovedItems()].concat(_toConsumableArray(actions)))(nextState, nextProps)), {}, {
+    const {
+      preparedItems
+    } = nextState;
+    const prevSelectedItemsHash = hashArray(prevProps.selectedItems || []);
+    const itemsToMove = getItemsById(selectedItems, preparedItems);
+    const actions = itemsToMove.map(item => prevSelectedItemsHash[item[idField]] ? addToTarget(item, nextState.targetItems) : addToTarget(item));
+    return mergeToPrevState(nextState, _objectSpread(_objectSpread({}, pipe([resetMovedItems(), ...actions])(nextState, nextProps)), {}, {
       prevProps: _objectSpread(_objectSpread({}, nextState.prevProps), {}, {
-        selectedItems: selectedItems
+        selectedItems
       })
     }));
   };
 }
 
 function compareItems(nextProps, prevProps) {
-  var items = nextProps.items;
-  return function (nextState) {
-    var preparedItems = prepareItems(items);
-    var isControlledV2 = nextProps.nonSelectedItems; // TODO make controlledV2 the default behavior for controlled shuttle
+  const {
+    items
+  } = nextProps;
+  return nextState => {
+    const preparedItems = prepareItems(items);
+    const isControlledV2 = nextProps.nonSelectedItems; // TODO make controlledV2 the default behavior for controlled shuttle
 
     if (isControlledV2) {
-      var targetItems = nextProps.selectedItems.map(function (id) {
-        return preparedItems.find(function (it) {
-          return it.id === id;
-        });
-      });
+      const targetItems = nextProps.selectedItems.map(id => preparedItems.find(it => it.id === id));
       return mergeToPrevState(nextState, {
-        preparedItems: preparedItems,
+        preparedItems,
         // PUI-4462 on async load and items change, the shuttle loads
         // all children from currently selected targetItems from items prop
         // (items prop update)
-        targetItems: targetItems,
+        targetItems,
         movedItems: targetItems,
         prevProps: {
-          items: items
+          items
         }
       });
     }
 
     if (isEqual(items, prevProps.items)) return nextState;
     return mergeToPrevState(nextState, {
-      preparedItems: preparedItems,
+      preparedItems,
       prevProps: {
-        items: items
+        items
       }
     });
   };
 }
 
 function updateShuttleStateFromProps (nextProps, prevState) {
-  var stateReducers = [compareSelectedItems, compareItems].map(function (fn) {
-    return fn(nextProps, prevState.prevProps);
-  });
-  var nextState = compose.apply(void 0, _toConsumableArray(stateReducers))(prevState);
+  const stateReducers = [compareSelectedItems, compareItems].map(fn => fn(nextProps, prevState.prevProps));
+  const nextState = compose(...stateReducers)(prevState);
   return !isEqual(nextState, prevState) ? nextState : null;
 }
 
 export { updateShuttleStateFromProps as default };
-//# sourceMappingURL=updateShuttleStateFromProps.js.map

package/esm/utils.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 * as tree from 'treetabular';
 import { compose } from '@elliemae/ds-utilities';
@@ -7,10 +12,7 @@ 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; }
 var utils = _objectSpread({
-  prepareItems: function prepareItems$1(items, options) {
-    return compose(tree.fixOrder(options), prepareItems)(items);
-  }
+  prepareItems: (items, options) => compose(tree.fixOrder(options), prepareItems)(items)
 }, tree);
 
 export { utils as default };
-//# sourceMappingURL=utils.js.map

package/esm/withProviders.js

@@ -1,24 +1,22 @@
-import React from 'react';
+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';
 import AnimationContext from './AnimationState.js';
 import SearchState from './SearchState.js';
 import useShuttleState from './ShuttleState.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'constate';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './helper.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities';
-import 'treetabular';
-import './Shuttle.actions.js';
-import './utils.js';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable react/display-name */
+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; }
 
 function withProviders(Component) {
-  return function (props) {
-    return /*#__PURE__*/React.createElement(useShuttleState.Provider, null, /*#__PURE__*/React.createElement(AnimationContext.Provider, null, /*#__PURE__*/React.createElement(SearchState.Provider, null, /*#__PURE__*/React.createElement(Component, props))));
-  };
+  return props => /*#__PURE__*/_jsx(useShuttleState.Provider, {}, void 0, /*#__PURE__*/_jsx(AnimationContext.Provider, {}, void 0, /*#__PURE__*/_jsx(SearchState.Provider, {}, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)))));
 }
 
 export { withProviders as default };
-//# sourceMappingURL=withProviders.js.map

package/package.json

@@ -1,14 +1,150 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Shuttle",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Shuttle",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./withProviders": {
+      "import": "./esm/withProviders.js",
+      "require": "./cjs/withProviders.js"
+    },
+    "./utils": {
+      "import": "./esm/utils.js",
+      "require": "./cjs/utils.js"
+    },
+    "./updateShuttleStateFromProps": {
+      "import": "./esm/updateShuttleStateFromProps.js",
+      "require": "./cjs/updateShuttleStateFromProps.js"
+    },
+    "./tests/utils": {
+      "import": "./esm/tests/utils.js",
+      "require": "./cjs/tests/utils.js"
+    },
+    "./ShuttleState": {
+      "import": "./esm/ShuttleState.js",
+      "require": "./cjs/ShuttleState.js"
+    },
+    "./ShuttleRenderer": {
+      "import": "./esm/ShuttleRenderer.js",
+      "require": "./cjs/ShuttleRenderer.js"
+    },
+    "./ShuttleImpl": {
+      "import": "./esm/ShuttleImpl.js",
+      "require": "./cjs/ShuttleImpl.js"
+    },
+    "./ShuttleContainer": {
+      "import": "./esm/ShuttleContainer.js",
+      "require": "./cjs/ShuttleContainer.js"
+    },
+    "./Shuttle.actions": {
+      "import": "./esm/Shuttle.actions.js",
+      "require": "./cjs/Shuttle.actions.js"
+    },
+    "./SearchState": {
+      "import": "./esm/SearchState.js",
+      "require": "./cjs/SearchState.js"
+    },
+    "./helper": {
+      "import": "./esm/helper.js",
+      "require": "./cjs/helper.js"
+    },
+    "./DSShuttle": {
+      "import": "./esm/DSShuttle.js",
+      "require": "./cjs/DSShuttle.js"
+    },
+    "./components/VirtualizedSortableList": {
+      "import": "./esm/components/VirtualizedSortableList.js",
+      "require": "./cjs/components/VirtualizedSortableList.js"
+    },
+    "./components/VirtualizedList": {
+      "import": "./esm/components/VirtualizedList.js",
+      "require": "./cjs/components/VirtualizedList.js"
+    },
+    "./components/VirtualizedItem": {
+      "import": "./esm/components/VirtualizedItem.js",
+      "require": "./cjs/components/VirtualizedItem.js"
+    },
+    "./components/ShuttleTarget": {
+      "import": "./esm/components/ShuttleTarget.js",
+      "require": "./cjs/components/ShuttleTarget.js"
+    },
+    "./components/ShuttleSource": {
+      "import": "./esm/components/ShuttleSource.js",
+      "require": "./cjs/components/ShuttleSource.js"
+    },
+    "./components/ShuttleSearchBox": {
+      "import": "./esm/components/ShuttleSearchBox.js",
+      "require": "./cjs/components/ShuttleSearchBox.js"
+    },
+    "./components/ShuttleListPanel": {
+      "import": "./esm/components/ShuttleListPanel.js",
+      "require": "./cjs/components/ShuttleListPanel.js"
+    },
+    "./components/ShuttleListItem/ShuttleTargetListItem": {
+      "import": "./esm/components/ShuttleListItem/ShuttleTargetListItem.js",
+      "require": "./cjs/components/ShuttleListItem/ShuttleTargetListItem.js"
+    },
+    "./components/ShuttleListItem/ShuttleSourceListItem": {
+      "import": "./esm/components/ShuttleListItem/ShuttleSourceListItem.js",
+      "require": "./cjs/components/ShuttleListItem/ShuttleSourceListItem.js"
+    },
+    "./components/ShuttleListItem/ShuttleListItem": {
+      "import": "./esm/components/ShuttleListItem/ShuttleListItem.js",
+      "require": "./cjs/components/ShuttleListItem/ShuttleListItem.js"
+    },
+    "./components/ShuttleListItem/ActionButtons": {
+      "import": "./esm/components/ShuttleListItem/ActionButtons.js",
+      "require": "./cjs/components/ShuttleListItem/ActionButtons.js"
+    },
+    "./components/ShuttleInfiniteScrollIndicator": {
+      "import": "./esm/components/ShuttleInfiniteScrollIndicator.js",
+      "require": "./cjs/components/ShuttleInfiniteScrollIndicator.js"
+    },
+    "./components/ShuttleBreadcrumb": {
+      "import": "./esm/components/ShuttleBreadcrumb.js",
+      "require": "./cjs/components/ShuttleBreadcrumb.js"
+    },
+    "./components/OverflowList": {
+      "import": "./esm/components/OverflowList.js",
+      "require": "./cjs/components/OverflowList.js"
+    },
+    "./components/LoadingIndicator": {
+      "import": "./esm/components/LoadingIndicator.js",
+      "require": "./cjs/components/LoadingIndicator.js"
+    },
+    "./classedComponents": {
+      "import": "./esm/classedComponents.js",
+      "require": "./cjs/classedComponents.js"
+    },
+    "./AnimationState": {
+      "import": "./esm/AnimationState.js",
+      "require": "./cjs/AnimationState.js"
+    },
+    "./animation/animationConfig": {
+      "import": "./esm/animation/animationConfig.js",
+      "require": "./cjs/animation/animationConfig.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,14 +152,19 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.60.0",
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
+    "@elliemae/ds-basic": "2.0.0-alpha.12",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "constate": "~1.3.2",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
+    "react-desc": "~4.1.3",
     "react-sortable-hoc": "~1.9.1",
     "react-spring": "~8.0.27",
     "react-virtualized-auto-sizer": "~1.0.4",
@@ -32,16 +173,20 @@
     "treetabular": "~3.6.0"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@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",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
-  },
-  "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/AnimationState.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("constate/dist/ts/src/types").ContextHookReturn<unknown, {
+    state: {
+        isMoving: boolean;
+        isMovingBack: boolean;
+        isDrillingDown: boolean;
+    };
+    setIsMoving: () => void;
+    setIsMovingBack: () => void;
+    setIsDrillingDown: () => void;
+    reset: () => void;
+}, [(value: {
+    state: {
+        isMoving: boolean;
+        isMovingBack: boolean;
+        isDrillingDown: boolean;
+    };
+    setIsMoving: () => void;
+    setIsMovingBack: () => void;
+    setIsDrillingDown: () => void;
+    reset: () => void;
+}) => {
+    isMoving: boolean;
+    isMovingBack: boolean;
+    isDrillingDown: boolean;
+}[]]>;
+export default _default;