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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/cjs/AnimationState.js +26 -42
  2. package/cjs/DSShuttle.js +54 -146
  3. package/cjs/SearchState.js +10 -22
  4. package/cjs/Shuttle.actions.js +65 -73
  5. package/cjs/ShuttleContainer.js +49 -77
  6. package/cjs/ShuttleImpl.js +250 -338
  7. package/cjs/ShuttleRenderer.js +121 -184
  8. package/cjs/ShuttleState.js +22 -39
  9. package/cjs/animation/animationConfig.js +56 -63
  10. package/cjs/classedComponents.js +32 -35
  11. package/cjs/components/LoadingIndicator.js +11 -12
  12. package/cjs/components/OverflowList.js +33 -29
  13. package/cjs/components/ShuttleBreadcrumb.js +26 -32
  14. package/cjs/components/ShuttleInfiniteScrollIndicator.js +17 -13
  15. package/cjs/components/ShuttleListItem/ActionButtons.js +39 -34
  16. package/cjs/components/ShuttleListItem/ShuttleListItem.js +59 -58
  17. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +40 -61
  18. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +35 -50
  19. package/cjs/components/ShuttleListPanel.js +11 -23
  20. package/cjs/components/ShuttleSearchBox.js +79 -102
  21. package/cjs/components/ShuttleSource.js +99 -169
  22. package/cjs/components/ShuttleTarget.js +62 -82
  23. package/cjs/components/VirtualizedItem.js +28 -22
  24. package/cjs/components/VirtualizedList.js +52 -50
  25. package/cjs/components/VirtualizedSortableList.js +25 -23
  26. package/cjs/helper.js +52 -82
  27. package/cjs/index.js +1 -60
  28. package/cjs/updateShuttleStateFromProps.js +41 -40
  29. package/cjs/utils.js +9 -9
  30. package/cjs/withProviders.js +15 -16
  31. package/esm/AnimationState.js +25 -40
  32. package/esm/DSShuttle.js +51 -143
  33. package/esm/SearchState.js +9 -20
  34. package/esm/Shuttle.actions.js +64 -71
  35. package/esm/ShuttleContainer.js +47 -75
  36. package/esm/ShuttleImpl.js +254 -334
  37. package/esm/ShuttleRenderer.js +117 -179
  38. package/esm/ShuttleState.js +17 -32
  39. package/esm/animation/animationConfig.js +56 -63
  40. package/esm/classedComponents.js +30 -33
  41. package/esm/components/LoadingIndicator.js +10 -11
  42. package/esm/components/OverflowList.js +30 -26
  43. package/esm/components/ShuttleBreadcrumb.js +23 -29
  44. package/esm/components/ShuttleInfiniteScrollIndicator.js +16 -12
  45. package/esm/components/ShuttleListItem/ActionButtons.js +38 -33
  46. package/esm/components/ShuttleListItem/ShuttleListItem.js +56 -55
  47. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +36 -56
  48. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +31 -46
  49. package/esm/components/ShuttleListPanel.js +10 -22
  50. package/esm/components/ShuttleSearchBox.js +78 -95
  51. package/esm/components/ShuttleSource.js +89 -157
  52. package/esm/components/ShuttleTarget.js +55 -75
  53. package/esm/components/VirtualizedItem.js +26 -20
  54. package/esm/components/VirtualizedList.js +48 -46
  55. package/esm/components/VirtualizedSortableList.js +21 -18
  56. package/esm/helper.js +49 -77
  57. package/esm/index.js +0 -59
  58. package/esm/updateShuttleStateFromProps.js +40 -38
  59. package/esm/utils.js +6 -4
  60. package/esm/withProviders.js +13 -15
  61. package/package.json +163 -18
  62. package/types/AnimationState.d.ts +26 -0
  63. package/types/DSShuttle.d.ts +341 -0
  64. package/types/SearchState.d.ts +22 -0
  65. package/types/Shuttle.actions.d.ts +11 -0
  66. package/types/ShuttleContainer.d.ts +3 -0
  67. package/types/ShuttleImpl.d.ts +3 -0
  68. package/types/ShuttleRenderer.d.ts +37 -0
  69. package/types/ShuttleState.d.ts +53 -0
  70. package/types/animation/animationConfig.d.ts +68 -0
  71. package/types/classedComponents.d.ts +14 -0
  72. package/types/components/LoadingIndicator.d.ts +3 -0
  73. package/types/components/OverflowList.d.ts +7 -0
  74. package/types/components/ShuttleBreadcrumb.d.ts +7 -0
  75. package/types/components/ShuttleInfiniteScrollIndicator.d.ts +5 -0
  76. package/types/components/ShuttleListItem/ActionButtons.d.ts +4 -0
  77. package/types/components/ShuttleListItem/ShuttleListItem.d.ts +14 -0
  78. package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +13 -0
  79. package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +13 -0
  80. package/types/components/ShuttleListPanel.d.ts +7 -0
  81. package/types/components/ShuttleSearchBox.d.ts +20 -0
  82. package/types/components/ShuttleSource.d.ts +54 -0
  83. package/types/components/ShuttleTarget.d.ts +16 -0
  84. package/types/components/VirtualizedItem.d.ts +3 -0
  85. package/types/components/VirtualizedList.d.ts +12 -0
  86. package/types/components/VirtualizedSortableList.d.ts +6 -0
  87. package/types/helper.d.ts +16 -0
  88. package/types/index.d.ts +1 -0
  89. package/types/tests/DSShuttle.events.test.d.ts +1 -0
  90. package/types/tests/DSShuttle.test.d.ts +1 -0
  91. package/types/tests/utils.d.ts +116 -0
  92. package/types/updateShuttleStateFromProps.d.ts +1 -0
  93. package/types/utils.d.ts +2 -0
  94. package/types/withProviders.d.ts +3 -0
  95. package/AnimationState/package.json +0 -10
  96. package/DSShuttle/package.json +0 -10
  97. package/SearchState/package.json +0 -10
  98. package/Shuttle.actions/package.json +0 -10
  99. package/ShuttleContainer/package.json +0 -10
  100. package/ShuttleImpl/package.json +0 -10
  101. package/ShuttleRenderer/package.json +0 -10
  102. package/ShuttleState/package.json +0 -10
  103. package/animation/animationConfig/package.json +0 -10
  104. package/cjs/AnimationState.js.map +0 -1
  105. package/cjs/DSShuttle.js.map +0 -1
  106. package/cjs/SearchState.js.map +0 -1
  107. package/cjs/Shuttle.actions.js.map +0 -1
  108. package/cjs/ShuttleContainer.js.map +0 -1
  109. package/cjs/ShuttleImpl.js.map +0 -1
  110. package/cjs/ShuttleRenderer.js.map +0 -1
  111. package/cjs/ShuttleState.js.map +0 -1
  112. package/cjs/animation/animationConfig.js.map +0 -1
  113. package/cjs/classedComponents.js.map +0 -1
  114. package/cjs/components/LoadingIndicator.js.map +0 -1
  115. package/cjs/components/OverflowList.js.map +0 -1
  116. package/cjs/components/ShuttleBreadcrumb.js.map +0 -1
  117. package/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
  118. package/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -1
  119. package/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
  120. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
  121. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
  122. package/cjs/components/ShuttleListPanel.js.map +0 -1
  123. package/cjs/components/ShuttleSearchBox.js.map +0 -1
  124. package/cjs/components/ShuttleSource.js.map +0 -1
  125. package/cjs/components/ShuttleTarget.js.map +0 -1
  126. package/cjs/components/VirtualizedItem.js.map +0 -1
  127. package/cjs/components/VirtualizedList.js.map +0 -1
  128. package/cjs/components/VirtualizedSortableList.js.map +0 -1
  129. package/cjs/helper.js.map +0 -1
  130. package/cjs/index.js.map +0 -1
  131. package/cjs/tests/utils.js +0 -1112
  132. package/cjs/tests/utils.js.map +0 -1
  133. package/cjs/updateShuttleStateFromProps.js.map +0 -1
  134. package/cjs/utils.js.map +0 -1
  135. package/cjs/withProviders.js.map +0 -1
  136. package/classedComponents/package.json +0 -10
  137. package/components/LoadingIndicator/package.json +0 -10
  138. package/components/OverflowList/package.json +0 -10
  139. package/components/ShuttleBreadcrumb/package.json +0 -10
  140. package/components/ShuttleInfiniteScrollIndicator/package.json +0 -10
  141. package/components/ShuttleListItem/ActionButtons/package.json +0 -10
  142. package/components/ShuttleListItem/ShuttleListItem/package.json +0 -10
  143. package/components/ShuttleListItem/ShuttleSourceListItem/package.json +0 -10
  144. package/components/ShuttleListItem/ShuttleTargetListItem/package.json +0 -10
  145. package/components/ShuttleListPanel/package.json +0 -10
  146. package/components/ShuttleSearchBox/package.json +0 -10
  147. package/components/ShuttleSource/package.json +0 -10
  148. package/components/ShuttleTarget/package.json +0 -10
  149. package/components/VirtualizedItem/package.json +0 -10
  150. package/components/VirtualizedList/package.json +0 -10
  151. package/components/VirtualizedSortableList/package.json +0 -10
  152. package/esm/AnimationState.js.map +0 -1
  153. package/esm/DSShuttle.js.map +0 -1
  154. package/esm/SearchState.js.map +0 -1
  155. package/esm/Shuttle.actions.js.map +0 -1
  156. package/esm/ShuttleContainer.js.map +0 -1
  157. package/esm/ShuttleImpl.js.map +0 -1
  158. package/esm/ShuttleRenderer.js.map +0 -1
  159. package/esm/ShuttleState.js.map +0 -1
  160. package/esm/animation/animationConfig.js.map +0 -1
  161. package/esm/classedComponents.js.map +0 -1
  162. package/esm/components/LoadingIndicator.js.map +0 -1
  163. package/esm/components/OverflowList.js.map +0 -1
  164. package/esm/components/ShuttleBreadcrumb.js.map +0 -1
  165. package/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
  166. package/esm/components/ShuttleListItem/ActionButtons.js.map +0 -1
  167. package/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
  168. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
  169. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
  170. package/esm/components/ShuttleListPanel.js.map +0 -1
  171. package/esm/components/ShuttleSearchBox.js.map +0 -1
  172. package/esm/components/ShuttleSource.js.map +0 -1
  173. package/esm/components/ShuttleTarget.js.map +0 -1
  174. package/esm/components/VirtualizedItem.js.map +0 -1
  175. package/esm/components/VirtualizedList.js.map +0 -1
  176. package/esm/components/VirtualizedSortableList.js.map +0 -1
  177. package/esm/helper.js.map +0 -1
  178. package/esm/index.js.map +0 -1
  179. package/esm/tests/utils.js +0 -1100
  180. package/esm/tests/utils.js.map +0 -1
  181. package/esm/updateShuttleStateFromProps.js.map +0 -1
  182. package/esm/utils.js.map +0 -1
  183. package/esm/withProviders.js.map +0 -1
  184. package/helper/package.json +0 -10
  185. package/tests/utils/package.json +0 -10
  186. package/updateShuttleStateFromProps/package.json +0 -10
  187. package/utils/package.json +0 -10
  188. package/withProviders/package.json +0 -10
@@ -1,6 +1,12 @@
1
- import _extends from '@babel/runtime/helpers/esm/extends';
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
- import React, { useContext } from 'react';
8
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
9
+ import { useContext } from 'react';
4
10
  import DSButton from '@elliemae/ds-button';
5
11
  import { ShuttleWrapper, ShuttleHeader, ShuttleHeaderBreadcrumb, ShuttleList, Overflow, LoadingList, ShuttleFooter, ShuttleFooterActions, ShuttleFooterCounter, EmptyMessage } from '../classedComponents.js';
6
12
  import { getActiveIdFromHierarchy } from '../helper.js';
@@ -9,100 +15,75 @@ import VirtualizedList from './VirtualizedList.js';
9
15
  import ShuttleTargetListItem from './ShuttleListItem/ShuttleTargetListItem.js';
10
16
  import VirtualizedSortableList from './VirtualizedSortableList.js';
11
17
  import LoadingIndicator from './LoadingIndicator.js';
12
- import '@elliemae/ds-classnames';
13
- import './ShuttleBreadcrumb.js';
14
- import 'react-spring/web.cjs';
15
- import '@elliemae/ds-breadcrumb';
16
- import '../animation/animationConfig.js';
17
- import './OverflowList.js';
18
- import '@babel/runtime/helpers/esm/defineProperty';
19
- import '@elliemae/ds-utilities';
20
- import 'treetabular';
21
- import '@babel/runtime/helpers/esm/slicedToArray';
22
- import 'constate';
23
- import 'react-window';
24
- import 'react-window-infinite-loader';
25
- import 'react-virtualized-auto-sizer';
26
- import './VirtualizedItem.js';
27
- import './ShuttleListItem/ActionButtons.js';
28
- import '@elliemae/ds-icons';
29
- import './ShuttleListItem/ShuttleListItem.js';
30
- import '@elliemae/ds-truncated-tooltip-text';
31
- import 'react-sortable-hoc';
32
- import '@elliemae/ds-circular-progress-indicator';
33
- import 'styled-components';
18
+ import { jsx } from 'react/jsx-runtime';
34
19
 
35
- var _excluded = ["item"];
20
+ const _excluded = ["item"];
36
21
 
37
- var noop = function noop() {};
22
+ var _LoadingIndicator;
38
23
 
39
- function ShuttleTarget(_ref) {
40
- var _ref$items = _ref.items,
41
- items = _ref$items === void 0 ? [] : _ref$items,
42
- _ref$hierarchy = _ref.hierarchy,
43
- hierarchy = _ref$hierarchy === void 0 ? [] : _ref$hierarchy,
44
- _ref$onNavigateTo = _ref.onNavigateTo,
45
- onNavigateTo = _ref$onNavigateTo === void 0 ? noop : _ref$onNavigateTo,
46
- _ref$onMoveItem = _ref.onMoveItem,
47
- onMoveItem = _ref$onMoveItem === void 0 ? noop : _ref$onMoveItem,
48
- _ref$onClearMovedItem = _ref.onClearMovedItems,
49
- onClearMovedItems = _ref$onClearMovedItem === void 0 ? noop : _ref$onClearMovedItem,
50
- _ref$emptyMessage = _ref.emptyMessage,
51
- emptyMessage = _ref$emptyMessage === void 0 ? 'No items selected' : _ref$emptyMessage,
52
- _ref$composeTargetIte = _ref.composeTargetItemProps,
53
- composeTargetItemProps = _ref$composeTargetIte === void 0 ? function () {
54
- return {};
55
- } : _ref$composeTargetIte,
56
- _ref$targetSortable = _ref.targetSortable,
57
- targetSortable = _ref$targetSortable === void 0 ? false : _ref$targetSortable,
58
- _ref$onSortEnd = _ref.onSortEnd,
59
- onSortEnd = _ref$onSortEnd === void 0 ? noop : _ref$onSortEnd,
60
- _ref$targetClearItems = _ref.targetClearItemsText,
61
- targetClearItemsText = _ref$targetClearItems === void 0 ? 'CLEAR ALL' : _ref$targetClearItems,
62
- _ref$renderTargetCoun = _ref.renderTargetCounter,
63
- renderTargetCounter = _ref$renderTargetCoun === void 0 ? function (amount) {
64
- return "".concat(amount, " items");
65
- } : _ref$renderTargetCoun,
66
- _ref$loading = _ref.loading,
67
- loading = _ref$loading === void 0 ? false : _ref$loading;
24
+ 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; }
25
+
26
+ 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; }
68
27
 
69
- var _useContext = useContext(AnimationContext.Context),
70
- _useContext$state$isM = _useContext.state.isMoving,
71
- isMoving = _useContext$state$isM === void 0 ? false : _useContext$state$isM;
28
+ const noop = () => {};
72
29
 
73
- var isEmpty = !items.length;
74
- var emptyContent = loading ? /*#__PURE__*/React.createElement(LoadingIndicator, null) : /*#__PURE__*/React.createElement(EmptyMessage, null, emptyMessage);
75
- var ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
30
+ function ShuttleTarget(_ref) {
31
+ let {
32
+ items = [],
33
+ hierarchy = [],
34
+ onNavigateTo = noop,
35
+ onMoveItem = noop,
36
+ onClearMovedItems = noop,
37
+ emptyMessage = 'No items selected',
38
+ composeTargetItemProps = () => ({}),
39
+ targetSortable = false,
40
+ onSortEnd = noop,
41
+ targetClearItemsText = 'CLEAR ALL',
42
+ renderTargetCounter = amount => "".concat(amount, " items"),
43
+ loading = false
44
+ } = _ref;
45
+ const {
46
+ state: {
47
+ isMoving = false
48
+ }
49
+ } = useContext(AnimationContext.Context);
50
+ const isEmpty = !items.length;
51
+ const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx(LoadingIndicator, {})) : /*#__PURE__*/_jsx(EmptyMessage, {}, void 0, emptyMessage);
52
+ const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
76
53
 
77
- var handleSortEnd = function handleSortEnd(_ref2) {
78
- var oldIndex = _ref2.oldIndex,
79
- newIndex = _ref2.newIndex;
54
+ const handleSortEnd = _ref2 => {
55
+ let {
56
+ oldIndex,
57
+ newIndex
58
+ } = _ref2;
80
59
  onSortEnd({
81
60
  sourceItem: items[oldIndex],
82
61
  targetItem: items[newIndex]
83
62
  });
84
63
  };
85
64
 
86
- return /*#__PURE__*/React.createElement(ShuttleWrapper, null, /*#__PURE__*/React.createElement(ShuttleHeader, null, /*#__PURE__*/React.createElement(ShuttleHeaderBreadcrumb, {
65
+ return /*#__PURE__*/_jsx(ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx(ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx(ShuttleHeaderBreadcrumb, {
87
66
  hierarchy: hierarchy,
88
67
  onNavigateTo: onNavigateTo
89
- })), /*#__PURE__*/React.createElement(ShuttleList, {
68
+ })), /*#__PURE__*/_jsx(ShuttleList, {
90
69
  classProps: {
91
70
  showPulse: isMoving
92
71
  }
93
- }, !loading && !isEmpty ? /*#__PURE__*/React.createElement(Overflow, {
72
+ }, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx(Overflow, {
94
73
  activeHierarchy: getActiveIdFromHierarchy(hierarchy).id,
95
74
  classProps: {
96
75
  empty: !items.length
97
76
  }
98
- }, /*#__PURE__*/React.createElement(ComponentList, {
99
- itemRenderer: function itemRenderer(_ref3) {
100
- var item = _ref3.item,
77
+ }, void 0, /*#__PURE__*/_jsx(ComponentList, {
78
+ itemRenderer: _ref3 => {
79
+ let {
80
+ item
81
+ } = _ref3,
101
82
  rest = _objectWithoutProperties(_ref3, _excluded);
102
83
 
103
- return /*#__PURE__*/React.createElement(ShuttleTargetListItem, _extends({
84
+ return /*#__PURE__*/jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
104
85
  "data-testid": "target-list-item"
105
- }, rest, composeTargetItemProps(item, rest), {
86
+ }, rest), composeTargetItemProps(item, rest)), {}, {
106
87
  isRoot: !getActiveIdFromHierarchy(hierarchy).id,
107
88
  item: item,
108
89
  onMoveToSource: onMoveItem,
@@ -113,15 +94,14 @@ function ShuttleTarget(_ref) {
113
94
  items: items,
114
95
  onSortEnd: handleSortEnd,
115
96
  target: true
116
- })) : /*#__PURE__*/React.createElement(LoadingList, null, emptyContent)), /*#__PURE__*/React.createElement(ShuttleFooter, null, /*#__PURE__*/React.createElement(ShuttleFooterActions, null, !!items.length && /*#__PURE__*/React.createElement(DSButton, {
97
+ })) : /*#__PURE__*/_jsx(LoadingList, {}, void 0, emptyContent)), /*#__PURE__*/_jsx(ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx(ShuttleFooterActions, {}, void 0, !!items.length && /*#__PURE__*/_jsx(DSButton, {
117
98
  containerProps: {
118
99
  'data-testid': 'shuttle-clear-all-target'
119
100
  },
120
101
  buttonType: "link",
121
102
  labelText: targetClearItemsText,
122
103
  onClick: onClearMovedItems
123
- })), /*#__PURE__*/React.createElement(ShuttleFooterCounter, null, renderTargetCounter(items.length))));
104
+ })), /*#__PURE__*/_jsx(ShuttleFooterCounter, {}, void 0, renderTargetCounter(items.length))));
124
105
  }
125
106
 
126
107
  export { ShuttleTarget as default };
127
- //# sourceMappingURL=ShuttleTarget.js.map
@@ -1,3 +1,8 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
1
6
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import { memo } from 'react';
3
8
  import { areEqual } from 'react-window';
@@ -5,30 +10,31 @@ import { areEqual } from 'react-window';
5
10
  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; }
6
11
 
7
12
  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; }
8
- var VirtualizedItem = /*#__PURE__*/memo(function (_ref) {
9
- var data = _ref.data,
10
- index = _ref.index,
11
- virtualizedStyles = _ref.style,
12
- _ref$showSortHandler = _ref.showSortHandler,
13
- showSortHandler = _ref$showSortHandler === void 0 ? false : _ref$showSortHandler;
14
- var items = data.items,
15
- itemRenderer = data.itemRenderer,
16
- isItemMoving = data.isItemMoving;
17
-
18
- var _ref2 = items[index] || {},
19
- item = _ref2.item,
20
- animatedStyles = _ref2.props,
21
- key = _ref2.key;
22
-
13
+ const VirtualizedItem = /*#__PURE__*/memo(_ref => {
14
+ let {
15
+ data,
16
+ index,
17
+ style: virtualizedStyles,
18
+ showSortHandler = false
19
+ } = _ref;
20
+ const {
21
+ items,
22
+ itemRenderer,
23
+ isItemMoving
24
+ } = data;
25
+ const {
26
+ item,
27
+ props: animatedStyles,
28
+ key
29
+ } = items[index] || {};
23
30
  if (!item) return null;
24
31
  return itemRenderer({
25
- index: index,
26
- key: key,
27
- item: item,
28
- showSortHandler: showSortHandler,
32
+ index,
33
+ key,
34
+ item,
35
+ showSortHandler,
29
36
  style: isItemMoving ? _objectSpread(_objectSpread({}, animatedStyles), virtualizedStyles) : virtualizedStyles
30
37
  });
31
38
  }, areEqual);
32
39
 
33
40
  export { VirtualizedItem as default };
34
- //# sourceMappingURL=VirtualizedItem.js.map
@@ -1,82 +1,84 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
1
7
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
- import React, { useRef, useContext, useEffect } from 'react';
3
- import { useTransition } from 'react-spring/web.cjs';
8
+ import { useRef, useContext, useEffect } from 'react';
9
+ import { useTransition } from 'react-spring/web';
4
10
  import { FixedSizeList } from 'react-window';
5
11
  import InfiniteLoader from 'react-window-infinite-loader';
6
12
  import AutoSizer from 'react-virtualized-auto-sizer';
7
13
  import { animationConfig } from '../animation/animationConfig.js';
8
14
  import AnimationContext from '../AnimationState.js';
9
15
  import VirtualizedItem from './VirtualizedItem.js';
10
- import '@babel/runtime/helpers/esm/slicedToArray';
11
- import 'constate';
16
+ import { jsx } from 'react/jsx-runtime';
12
17
 
13
18
  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; }
14
19
 
15
20
  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; }
16
21
 
17
22
  function VirtualizedList(_ref) {
18
- var items = _ref.items,
19
- itemRenderer = _ref.itemRenderer,
20
- searching = _ref.searching,
21
- _ref$target = _ref.target,
22
- target = _ref$target === void 0 ? false : _ref$target,
23
- innerRef = _ref.innerRef,
24
- children = _ref.children,
25
- _ref$hasNextPage = _ref.hasNextPage,
26
- hasNextPage = _ref$hasNextPage === void 0 ? true : _ref$hasNextPage,
27
- _ref$getMoreItems = _ref.getMoreItems,
28
- getMoreItems = _ref$getMoreItems === void 0 ? function () {} : _ref$getMoreItems;
29
- var hasMounted = useRef(false);
30
-
31
- var _useContext = useContext(AnimationContext.Context),
32
- _useContext$state = _useContext.state,
33
- isMoving = _useContext$state.isMoving,
34
- isMovingBack = _useContext$state.isMovingBack,
35
- reset = _useContext.reset;
36
-
37
- useEffect(function () {
23
+ let {
24
+ items,
25
+ itemRenderer,
26
+ searching,
27
+ target = false,
28
+ innerRef,
29
+ children,
30
+ hasNextPage = true,
31
+ getMoreItems = () => {}
32
+ } = _ref;
33
+ const hasMounted = useRef(false);
34
+ const {
35
+ state: {
36
+ isMoving,
37
+ isMovingBack
38
+ },
39
+ reset
40
+ } = useContext(AnimationContext.Context);
41
+ useEffect(() => {
38
42
  hasMounted.current = true;
39
43
  }, []);
40
- var transitions = useTransition(items, function (item) {
41
- return item.id;
42
- }, _objectSpread(_objectSpread({}, animationConfig.moveItem(target)), {}, {
43
- onDestroyed: function onDestroyed() {
44
- return reset();
45
- }
44
+ const transitions = useTransition(items, item => item.id, _objectSpread(_objectSpread({}, animationConfig.moveItem(target)), {}, {
45
+ onDestroyed: () => reset()
46
46
  }));
47
- var itemCount = hasNextPage ? items.length + 1 : items.length;
47
+ const itemCount = hasNextPage ? items.length + 1 : items.length;
48
48
 
49
- var isItemLoaded = function isItemLoaded(index) {
50
- return !hasNextPage || index < items.length;
51
- };
49
+ const isItemLoaded = index => !hasNextPage || index < items.length;
52
50
 
53
- return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref2) {
54
- var height = _ref2.height,
55
- width = _ref2.width;
56
- return /*#__PURE__*/React.createElement(InfiniteLoader, {
51
+ return /*#__PURE__*/_jsx(AutoSizer, {}, void 0, _ref2 => {
52
+ let {
53
+ height,
54
+ width
55
+ } = _ref2;
56
+ return /*#__PURE__*/_jsx(InfiniteLoader, {
57
57
  isItemLoaded: isItemLoaded,
58
58
  itemCount: itemCount,
59
59
  loadMoreItems: getMoreItems
60
- }, function (_ref3) {
61
- var onItemsRendered = _ref3.onItemsRendered,
62
- ref = _ref3.ref;
63
- return /*#__PURE__*/React.createElement(FixedSizeList, {
60
+ }, void 0, _ref3 => {
61
+ let {
62
+ onItemsRendered,
63
+ ref
64
+ } = _ref3;
65
+ return /*#__PURE__*/jsx(FixedSizeList, {
64
66
  height: searching ? 300 : height,
65
67
  width: width,
66
68
  innerRef: innerRef,
67
69
  itemCount: transitions.length,
68
70
  itemData: {
69
71
  items: transitions,
70
- itemRenderer: itemRenderer,
72
+ itemRenderer,
71
73
  isItemMoving: hasMounted.current && (isMoving || isMovingBack)
72
74
  },
73
75
  itemSize: 35,
74
76
  onItemsRendered: onItemsRendered,
75
- ref: ref
76
- }, children || VirtualizedItem);
77
+ ref: ref,
78
+ children: children || VirtualizedItem
79
+ });
77
80
  });
78
81
  });
79
82
  }
80
83
 
81
84
  export { VirtualizedList as default };
82
- //# sourceMappingURL=VirtualizedList.js.map
@@ -1,31 +1,34 @@
1
- import _extends from '@babel/runtime/helpers/esm/extends';
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
- import React from 'react';
8
+ import 'react';
4
9
  import { sortableContainer, sortableElement } from 'react-sortable-hoc';
5
10
  import VirtualizedList from './VirtualizedList.js';
6
11
  import VirtualizedItem from './VirtualizedItem.js';
7
- import '@babel/runtime/helpers/esm/defineProperty';
8
- import 'react-spring/web.cjs';
9
- import 'react-window';
10
- import 'react-window-infinite-loader';
11
- import 'react-virtualized-auto-sizer';
12
- import '../animation/animationConfig.js';
13
- import '../AnimationState.js';
14
- import '@babel/runtime/helpers/esm/slicedToArray';
15
- import 'constate';
12
+ import { jsx } from 'react/jsx-runtime';
16
13
 
17
- var _excluded = ["items"];
18
- var SortableList = sortableContainer(VirtualizedList);
14
+ const _excluded = ["items"];
15
+
16
+ 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; }
17
+
18
+ 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; }
19
+ const SortableList = sortableContainer(VirtualizedList);
19
20
 
20
21
  function VirtualizedSortableList(_ref) {
21
- var items = _ref.items,
22
+ let {
23
+ items
24
+ } = _ref,
22
25
  otherProps = _objectWithoutProperties(_ref, _excluded);
23
26
 
24
- return /*#__PURE__*/React.createElement(SortableList, _extends({}, otherProps, {
27
+ return /*#__PURE__*/jsx(SortableList, _objectSpread(_objectSpread({}, otherProps), {}, {
25
28
  items: items,
26
- useDragHandle: true
27
- }), sortableElement(VirtualizedItem));
29
+ useDragHandle: true,
30
+ children: sortableElement(VirtualizedItem)
31
+ }));
28
32
  }
29
33
 
30
34
  export { VirtualizedSortableList as default };
31
- //# sourceMappingURL=VirtualizedSortableList.js.map
package/esm/helper.js CHANGED
@@ -1,106 +1,78 @@
1
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
2
+ import 'core-js/modules/esnext.iterator.for-each.js';
1
3
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
4
+ import 'core-js/modules/esnext.async-iterator.some.js';
5
+ import 'core-js/modules/esnext.iterator.constructor.js';
6
+ import 'core-js/modules/esnext.iterator.some.js';
7
+ import 'core-js/modules/esnext.async-iterator.filter.js';
8
+ import 'core-js/modules/esnext.iterator.filter.js';
9
+ import 'core-js/modules/esnext.async-iterator.reduce.js';
10
+ import 'core-js/modules/esnext.iterator.reduce.js';
11
+ import 'core-js/modules/esnext.async-iterator.find.js';
12
+ import 'core-js/modules/esnext.iterator.find.js';
13
+ import 'core-js/modules/esnext.async-iterator.map.js';
14
+ import 'core-js/modules/esnext.iterator.map.js';
2
15
  import { omit, compose, hashArray } from '@elliemae/ds-utilities';
3
16
  import * as tree from 'treetabular';
4
17
 
5
18
  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; }
6
19
 
7
20
  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; }
8
- var getHierarchyTypeName = function getHierarchyTypeName(dest) {
9
- return !dest ? 'hierarchy' : 'hierarchyDest';
10
- };
11
- var checkHasChildren = function checkHasChildren(list, currentItem) {
12
- return list.some(function (item) {
13
- return currentItem.id === item.parent;
14
- });
15
- };
16
- var getActiveIdFromHierarchy = function getActiveIdFromHierarchy() {
17
- var hierarchy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
21
+ const getHierarchyTypeName = dest => !dest ? 'hierarchy' : 'hierarchyDest';
22
+ const checkHasChildren = (list, currentItem) => list.some(item => currentItem.id === item.parent);
23
+ const getActiveIdFromHierarchy = function () {
24
+ let hierarchy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
18
25
  return hierarchy[hierarchy.length - 1] || {};
19
26
  };
20
- var filterItemsByHierarchy = function filterItemsByHierarchy(list, hierarchyId) {
21
- var parentField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
22
- return list.filter(function (item) {
23
- return item[parentField] === hierarchyId;
24
- });
25
- };
26
- var getItemsById = function getItemsById(ids, list) {
27
- return ids.reduce(function (acc, id) {
28
- return acc.concat(list.find(function (item) {
29
- return String(item.id) === String(id);
30
- }));
31
- }, []).filter(function (item) {
32
- return item;
33
- });
27
+ const filterItemsByHierarchy = function (list, hierarchyId) {
28
+ let parentField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
29
+ return list.filter(item => item[parentField] === hierarchyId);
34
30
  };
35
- var toggleInObject = function toggleInObject(obj, key, value) {
36
- return obj[key] ? omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, _defineProperty({}, key, value));
37
- };
38
- var isMovable = function isMovable(item) {
39
- return !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren);
40
- }; // utility to execute all specified actions in sequence
31
+ const getItemsById = (ids, list) => ids.reduce((acc, id) => acc.concat(list.find(item => String(item.id) === String(id))), []).filter(item => item);
32
+ const toggleInObject = (obj, key, value) => obj[key] ? omit(obj, [key]) : _objectSpread(_objectSpread({}, obj), {}, {
33
+ [key]: value
34
+ });
35
+ const isMovable = item => !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren); // utility to execute all specified actions in sequence
41
36
 
42
- var pipe = function pipe(actions) {
43
- return function (initState, props) {
44
- return actions.reduce(function (prevState, action) {
45
- return action(prevState, props);
46
- }, initState);
47
- };
48
- };
49
- var moveItems = function moveItems(_ref) {
50
- var oldIndex = _ref.oldIndex,
51
- newIndex = _ref.newIndex;
52
- return function (items) {
53
- var sourceItem = items[oldIndex];
37
+ const pipe = actions => (initState, props) => actions.reduce((prevState, action) => action(prevState, props), initState);
38
+ const moveItems = _ref => {
39
+ let {
40
+ oldIndex,
41
+ newIndex
42
+ } = _ref;
43
+ return items => {
44
+ const sourceItem = items[oldIndex];
54
45
  items.splice(oldIndex, 1);
55
46
  items.splice(newIndex, 0, sourceItem);
56
47
  return items;
57
48
  };
58
49
  };
59
- var prepareItems = function prepareItems(items) {
60
- return compose(tree.fixOrder(), function (items) {
61
- return items.map(function (item) {
62
- return _objectSpread(_objectSpread({}, item), {}, {
63
- hasChildren: checkHasChildren(items, item)
64
- });
65
- });
66
- })(items);
67
- };
68
- var defaultOptions = {
50
+ const prepareItems = items => compose(tree.fixOrder(), items => items.map(item => _objectSpread(_objectSpread({}, item), {}, {
51
+ hasChildren: checkHasChildren(items, item)
52
+ })))(items);
53
+ const defaultOptions = {
69
54
  parentField: 'parent',
70
55
  idField: 'id',
71
- op: function op(hasMoved) {
72
- return !hasMoved;
73
- }
56
+ op: hasMoved => !hasMoved
74
57
  };
75
58
  function getChildrenFromParent(parentId, options) {
76
- var _defaultOptions$optio = _objectSpread(_objectSpread({}, defaultOptions), options),
77
- parentField = _defaultOptions$optio.parentField;
59
+ const {
60
+ parentField
61
+ } = _objectSpread(_objectSpread({}, defaultOptions), options);
78
62
 
79
- return function (items) {
80
- return items.filter(function (item) {
81
- return item[parentField] === parentId;
82
- });
83
- };
63
+ return items => items.filter(item => item[parentField] === parentId);
84
64
  }
85
65
  function filterMovedItems(movedItems, options) {
86
- var _defaultOptions$optio2 = _objectSpread(_objectSpread({}, defaultOptions), options),
87
- idField = _defaultOptions$optio2.idField,
88
- filterOp = _defaultOptions$optio2.op;
66
+ const {
67
+ idField,
68
+ op: filterOp
69
+ } = _objectSpread(_objectSpread({}, defaultOptions), options);
89
70
 
90
- var movedItemsHash = hashArray(movedItems, idField);
91
- return function (items) {
92
- return items.filter(function (item) {
93
- return filterOp(!!movedItemsHash[item[idField]]);
94
- });
95
- };
71
+ const movedItemsHash = hashArray(movedItems, idField);
72
+ return items => items.filter(item => filterOp(!!movedItemsHash[item[idField]]));
96
73
  }
97
74
  function filterBySearch(term, searching) {
98
- return function (items) {
99
- return searching ? items.filter(function (item) {
100
- return item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1;
101
- }) : items;
102
- };
75
+ return items => searching ? items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1) : items;
103
76
  }
104
77
 
105
78
  export { checkHasChildren, filterBySearch, filterItemsByHierarchy, filterMovedItems, getActiveIdFromHierarchy, getChildrenFromParent, getHierarchyTypeName, getItemsById, isMovable, moveItems, pipe, prepareItems, toggleInObject };
106
- //# sourceMappingURL=helper.js.map
package/esm/index.js CHANGED
@@ -1,61 +1,2 @@
1
1
  export { DSShuttleWithSchema, default } from './DSShuttle.js';
2
2
  export { default as utils } from './utils.js';
3
- import 'react';
4
- import 'lodash';
5
- import 'react-desc';
6
- import '@elliemae/ds-truncated-tooltip-text';
7
- import './ShuttleImpl.js';
8
- import '@babel/runtime/helpers/esm/extends';
9
- import '@babel/runtime/helpers/esm/objectWithoutProperties';
10
- import '@babel/runtime/helpers/esm/toConsumableArray';
11
- import '@babel/runtime/helpers/esm/classCallCheck';
12
- import '@babel/runtime/helpers/esm/createClass';
13
- import '@babel/runtime/helpers/esm/assertThisInitialized';
14
- import '@babel/runtime/helpers/esm/inherits';
15
- import '@babel/runtime/helpers/esm/possibleConstructorReturn';
16
- import '@babel/runtime/helpers/esm/getPrototypeOf';
17
- import '@elliemae/ds-utilities';
18
- import './withProviders.js';
19
- import './AnimationState.js';
20
- import '@babel/runtime/helpers/esm/slicedToArray';
21
- import 'constate';
22
- import './SearchState.js';
23
- import './ShuttleState.js';
24
- import './helper.js';
25
- import '@babel/runtime/helpers/esm/defineProperty';
26
- import 'treetabular';
27
- import './Shuttle.actions.js';
28
- import './ShuttleRenderer.js';
29
- import './components/ShuttleSource.js';
30
- import 'prop-types';
31
- import '@elliemae/ds-icons';
32
- import '@elliemae/ds-button';
33
- import './components/ShuttleSearchBox.js';
34
- import '@elliemae/ds-classnames';
35
- import '@elliemae/ds-form';
36
- import './components/ShuttleInfiniteScrollIndicator.js';
37
- import '@elliemae/ds-indeterminate-progress-indicator';
38
- import './components/ShuttleListItem/ShuttleSourceListItem.js';
39
- import './components/ShuttleListItem/ActionButtons.js';
40
- import './components/ShuttleListItem/ShuttleListItem.js';
41
- import 'react-spring/web.cjs';
42
- import 'react-sortable-hoc';
43
- import './classedComponents.js';
44
- import './components/ShuttleBreadcrumb.js';
45
- import '@elliemae/ds-breadcrumb';
46
- import './animation/animationConfig.js';
47
- import './components/OverflowList.js';
48
- import './components/ShuttleListPanel.js';
49
- import './components/VirtualizedList.js';
50
- import 'react-window';
51
- import 'react-window-infinite-loader';
52
- import 'react-virtualized-auto-sizer';
53
- import './components/VirtualizedItem.js';
54
- import './components/VirtualizedSortableList.js';
55
- import './components/LoadingIndicator.js';
56
- import '@elliemae/ds-circular-progress-indicator';
57
- import 'styled-components';
58
- import './components/ShuttleTarget.js';
59
- import './components/ShuttleListItem/ShuttleTargetListItem.js';
60
- import './updateShuttleStateFromProps.js';
61
- //# sourceMappingURL=index.js.map