@elliemae/ds-shuttle 1.55.0-next.7 → 2.0.0-alpha.10

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