@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2

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 (148) hide show
  1. package/cjs/AnimationState.js +19 -46
  2. package/cjs/DSShuttle.js +219 -166
  3. package/cjs/SearchState.js +25 -44
  4. package/cjs/Shuttle.actions.js +98 -87
  5. package/cjs/ShuttleContainer.js +61 -56
  6. package/cjs/ShuttleImpl.js +206 -109
  7. package/cjs/ShuttleRenderer.js +135 -140
  8. package/cjs/ShuttleState.js +53 -57
  9. package/cjs/animation/animationConfig.js +56 -53
  10. package/cjs/classedComponents.js +69 -70
  11. package/cjs/components/LoadingIndicator.js +22 -49
  12. package/cjs/components/OverflowList.js +48 -50
  13. package/cjs/components/ShuttleBreadcrumb.js +40 -52
  14. package/cjs/components/ShuttleInfiniteScrollIndicator.js +37 -46
  15. package/cjs/components/ShuttleListItem/ActionButtons.js +51 -56
  16. package/cjs/components/ShuttleListItem/ShuttleListItem.js +80 -78
  17. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +64 -78
  18. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +56 -72
  19. package/cjs/components/ShuttleListPanel.js +26 -44
  20. package/cjs/components/ShuttleSearchBox.js +72 -61
  21. package/cjs/components/ShuttleSource.js +146 -150
  22. package/cjs/components/ShuttleTarget.js +100 -88
  23. package/cjs/components/VirtualizedItem.js +40 -45
  24. package/cjs/components/VirtualizedList.js +86 -81
  25. package/cjs/components/VirtualizedSortableList.js +40 -47
  26. package/cjs/helper.js +103 -69
  27. package/cjs/index.js +12 -38
  28. package/cjs/updateShuttleStateFromProps.js +69 -73
  29. package/cjs/utils.js +42 -40
  30. package/cjs/withProviders.js +27 -43
  31. package/esm/AnimationState.js +8 -12
  32. package/esm/DSShuttle.js +198 -126
  33. package/esm/SearchState.js +19 -15
  34. package/esm/Shuttle.actions.js +80 -63
  35. package/esm/ShuttleContainer.js +50 -34
  36. package/esm/ShuttleImpl.js +183 -78
  37. package/esm/ShuttleRenderer.js +128 -111
  38. package/esm/ShuttleState.js +53 -34
  39. package/esm/animation/animationConfig.js +52 -24
  40. package/esm/classedComponents.js +51 -43
  41. package/esm/components/LoadingIndicator.js +15 -20
  42. package/esm/components/OverflowList.js +41 -21
  43. package/esm/components/ShuttleBreadcrumb.js +33 -23
  44. package/esm/components/ShuttleInfiniteScrollIndicator.js +31 -18
  45. package/esm/components/ShuttleListItem/ActionButtons.js +39 -27
  46. package/esm/components/ShuttleListItem/ShuttleListItem.js +72 -50
  47. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +52 -45
  48. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +47 -42
  49. package/esm/components/ShuttleListPanel.js +19 -15
  50. package/esm/components/ShuttleSearchBox.js +66 -32
  51. package/esm/components/ShuttleSource.js +129 -125
  52. package/esm/components/ShuttleTarget.js +89 -68
  53. package/esm/components/VirtualizedItem.js +33 -15
  54. package/esm/components/VirtualizedList.js +75 -50
  55. package/esm/components/VirtualizedSortableList.js +32 -17
  56. package/esm/helper.js +67 -43
  57. package/esm/index.js +2 -9
  58. package/esm/updateShuttleStateFromProps.js +58 -39
  59. package/esm/utils.js +18 -12
  60. package/esm/withProviders.js +20 -14
  61. package/package.json +11 -11
  62. package/types/AnimationState.d.ts +2 -3
  63. package/types/DSShuttle.d.ts +1 -1
  64. package/types/SearchState.d.ts +2 -3
  65. package/types/ShuttleImpl.d.ts +2 -3
  66. package/types/ShuttleRenderer.d.ts +0 -1
  67. package/types/ShuttleState.d.ts +2 -3
  68. package/types/components/LoadingIndicator.d.ts +0 -1
  69. package/types/components/OverflowList.d.ts +0 -1
  70. package/types/components/ShuttleBreadcrumb.d.ts +0 -1
  71. package/types/components/ShuttleInfiniteScrollIndicator.d.ts +0 -1
  72. package/types/components/ShuttleListItem/ShuttleListItem.d.ts +0 -1
  73. package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +0 -1
  74. package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +0 -1
  75. package/types/components/ShuttleListPanel.d.ts +0 -1
  76. package/types/components/ShuttleSearchBox.d.ts +1 -3
  77. package/types/components/ShuttleSource.d.ts +0 -1
  78. package/types/components/ShuttleTarget.d.ts +0 -1
  79. package/types/components/VirtualizedItem.d.ts +0 -1
  80. package/types/components/VirtualizedList.d.ts +0 -1
  81. package/types/components/VirtualizedSortableList.d.ts +0 -1
  82. package/types/index.d.ts +1 -1
  83. package/types/updateShuttleStateFromProps.d.ts +1 -3
  84. package/types/withProviders.d.ts +0 -1
  85. package/cjs/AnimationState.js.map +0 -7
  86. package/cjs/DSShuttle.js.map +0 -7
  87. package/cjs/SearchState.js.map +0 -7
  88. package/cjs/Shuttle.actions.js.map +0 -7
  89. package/cjs/ShuttleContainer.js.map +0 -7
  90. package/cjs/ShuttleImpl.js.map +0 -7
  91. package/cjs/ShuttleRenderer.js.map +0 -7
  92. package/cjs/ShuttleState.js.map +0 -7
  93. package/cjs/animation/animationConfig.js.map +0 -7
  94. package/cjs/classedComponents.js.map +0 -7
  95. package/cjs/components/LoadingIndicator.js.map +0 -7
  96. package/cjs/components/OverflowList.js.map +0 -7
  97. package/cjs/components/ShuttleBreadcrumb.js.map +0 -7
  98. package/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -7
  99. package/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -7
  100. package/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -7
  101. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -7
  102. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -7
  103. package/cjs/components/ShuttleListPanel.js.map +0 -7
  104. package/cjs/components/ShuttleSearchBox.js.map +0 -7
  105. package/cjs/components/ShuttleSource.js.map +0 -7
  106. package/cjs/components/ShuttleTarget.js.map +0 -7
  107. package/cjs/components/VirtualizedItem.js.map +0 -7
  108. package/cjs/components/VirtualizedList.js.map +0 -7
  109. package/cjs/components/VirtualizedSortableList.js.map +0 -7
  110. package/cjs/helper.js.map +0 -7
  111. package/cjs/index.js.map +0 -7
  112. package/cjs/tests/utils.js +0 -1218
  113. package/cjs/tests/utils.js.map +0 -7
  114. package/cjs/updateShuttleStateFromProps.js.map +0 -7
  115. package/cjs/utils.js.map +0 -7
  116. package/cjs/withProviders.js.map +0 -7
  117. package/esm/AnimationState.js.map +0 -7
  118. package/esm/DSShuttle.js.map +0 -7
  119. package/esm/SearchState.js.map +0 -7
  120. package/esm/Shuttle.actions.js.map +0 -7
  121. package/esm/ShuttleContainer.js.map +0 -7
  122. package/esm/ShuttleImpl.js.map +0 -7
  123. package/esm/ShuttleRenderer.js.map +0 -7
  124. package/esm/ShuttleState.js.map +0 -7
  125. package/esm/animation/animationConfig.js.map +0 -7
  126. package/esm/classedComponents.js.map +0 -7
  127. package/esm/components/LoadingIndicator.js.map +0 -7
  128. package/esm/components/OverflowList.js.map +0 -7
  129. package/esm/components/ShuttleBreadcrumb.js.map +0 -7
  130. package/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -7
  131. package/esm/components/ShuttleListItem/ActionButtons.js.map +0 -7
  132. package/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -7
  133. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -7
  134. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -7
  135. package/esm/components/ShuttleListPanel.js.map +0 -7
  136. package/esm/components/ShuttleSearchBox.js.map +0 -7
  137. package/esm/components/ShuttleSource.js.map +0 -7
  138. package/esm/components/ShuttleTarget.js.map +0 -7
  139. package/esm/components/VirtualizedItem.js.map +0 -7
  140. package/esm/components/VirtualizedList.js.map +0 -7
  141. package/esm/components/VirtualizedSortableList.js.map +0 -7
  142. package/esm/helper.js.map +0 -7
  143. package/esm/index.js.map +0 -7
  144. package/esm/tests/utils.js +0 -1189
  145. package/esm/tests/utils.js.map +0 -7
  146. package/esm/updateShuttleStateFromProps.js.map +0 -7
  147. package/esm/utils.js.map +0 -7
  148. package/esm/withProviders.js.map +0 -7
@@ -1,104 +1,116 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var ShuttleTarget_exports = {};
29
- __export(ShuttleTarget_exports, {
30
- ShuttleTarget: () => ShuttleTarget,
31
- default: () => ShuttleTarget_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_ds_button = require("@elliemae/ds-button");
36
- var import_classedComponents = require("../classedComponents");
37
- var import_helper = require("../helper");
38
- var import_AnimationState = require("../AnimationState");
39
- var import_VirtualizedList = require("./VirtualizedList");
40
- var import_ShuttleTargetListItem = require("./ShuttleListItem/ShuttleTargetListItem");
41
- var import_VirtualizedSortableList = require("./VirtualizedSortableList");
42
- var import_LoadingIndicator = require("./LoadingIndicator");
43
- const noop = () => {
44
- };
45
- function ShuttleTarget({
46
- items = [],
47
- hierarchy = [],
48
- onNavigateTo = noop,
49
- onMoveItem = noop,
50
- onClearMovedItems = noop,
51
- emptyMessage = "No items selected",
52
- composeTargetItemProps = () => ({}),
53
- targetSortable = false,
54
- onSortEnd = noop,
55
- targetClearItemsText = "CLEAR ALL",
56
- renderTargetCounter = (amount) => `${amount} items`,
57
- loading = false
58
- }) {
1
+ 'use strict';
2
+
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
7
+ require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
9
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
10
+ var _jsx = require('@babel/runtime/helpers/jsx');
11
+ var react = require('react');
12
+ var DSButton = require('@elliemae/ds-button');
13
+ var classedComponents = require('../classedComponents.js');
14
+ var helper = require('../helper.js');
15
+ var AnimationState = require('../AnimationState.js');
16
+ var VirtualizedList = require('./VirtualizedList.js');
17
+ var ShuttleTargetListItem = require('./ShuttleListItem/ShuttleTargetListItem.js');
18
+ var VirtualizedSortableList = require('./VirtualizedSortableList.js');
19
+ var LoadingIndicator = require('./LoadingIndicator.js');
20
+ var jsxRuntime = require('react/jsx-runtime');
21
+
22
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
23
+
24
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
25
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
26
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
27
+ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
28
+
29
+ const _excluded = ["item"];
30
+
31
+ var _LoadingIndicator;
32
+
33
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
34
+
35
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
36
+
37
+ const noop = () => {};
38
+
39
+ function ShuttleTarget(_ref) {
40
+ let {
41
+ items = [],
42
+ hierarchy = [],
43
+ onNavigateTo = noop,
44
+ onMoveItem = noop,
45
+ onClearMovedItems = noop,
46
+ emptyMessage = 'No items selected',
47
+ composeTargetItemProps = () => ({}),
48
+ targetSortable = false,
49
+ onSortEnd = noop,
50
+ targetClearItemsText = 'CLEAR ALL',
51
+ renderTargetCounter = amount => "".concat(amount, " items"),
52
+ loading = false
53
+ } = _ref;
59
54
  const {
60
- state: { isMoving = false }
61
- } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
55
+ state: {
56
+ isMoving = false
57
+ }
58
+ } = react.useContext(AnimationState.Context);
62
59
  const isEmpty = !items.length;
63
- const emptyContent = loading ? /* @__PURE__ */ import_react.default.createElement(import_LoadingIndicator.LoadingIndicator, null) : /* @__PURE__ */ import_react.default.createElement(import_classedComponents.EmptyMessage, null, emptyMessage);
64
- const ComponentList = targetSortable ? import_VirtualizedSortableList.VirtualizedSortableList : import_VirtualizedList.VirtualizedList;
65
- const handleSortEnd = ({ oldIndex, newIndex }) => {
60
+ const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {})) : /*#__PURE__*/_jsx__default["default"](classedComponents.EmptyMessage, {}, void 0, emptyMessage);
61
+ const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
62
+
63
+ const handleSortEnd = _ref2 => {
64
+ let {
65
+ oldIndex,
66
+ newIndex
67
+ } = _ref2;
66
68
  onSortEnd({
67
69
  sourceItem: items[oldIndex],
68
70
  targetItem: items[newIndex]
69
71
  });
70
72
  };
71
- return /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeader, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleHeaderBreadcrumb, {
72
- hierarchy,
73
- onNavigateTo
74
- })), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleList, {
75
- classProps: { showPulse: isMoving }
76
- }, !loading && !isEmpty ? /* @__PURE__ */ import_react.default.createElement(import_classedComponents.Overflow, {
77
- activeHierarchy: (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
73
+
74
+ return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderBreadcrumb, {
75
+ hierarchy: hierarchy,
76
+ onNavigateTo: onNavigateTo
77
+ })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleList, {
78
+ classProps: {
79
+ showPulse: isMoving
80
+ }
81
+ }, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
82
+ activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
78
83
  classProps: {
79
84
  empty: !items.length
80
85
  }
81
- }, /* @__PURE__ */ import_react.default.createElement(ComponentList, {
82
- itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_ShuttleTargetListItem.ShuttleTargetListItem, {
83
- "data-testid": "target-list-item",
84
- ...rest,
85
- ...composeTargetItemProps(item, rest),
86
- isRoot: !(0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
87
- item,
88
- onMoveToSource: onMoveItem,
89
- onNavigateOnTargetTo: onNavigateTo,
90
- showSortHandler: targetSortable
91
- }),
92
- items,
86
+ }, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
87
+ itemRenderer: _ref3 => {
88
+ let {
89
+ item
90
+ } = _ref3,
91
+ rest = _objectWithoutProperties__default["default"](_ref3, _excluded);
92
+
93
+ return /*#__PURE__*/jsxRuntime.jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
94
+ "data-testid": "target-list-item"
95
+ }, rest), composeTargetItemProps(item, rest)), {}, {
96
+ isRoot: !helper.getActiveIdFromHierarchy(hierarchy).id,
97
+ item: item,
98
+ onMoveToSource: onMoveItem,
99
+ onNavigateOnTargetTo: onNavigateTo,
100
+ showSortHandler: targetSortable
101
+ }));
102
+ },
103
+ items: items,
93
104
  onSortEnd: handleSortEnd,
94
105
  target: true
95
- })) : /* @__PURE__ */ import_react.default.createElement(import_classedComponents.LoadingList, null, emptyContent)), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooter, null, /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooterActions, null, !!items.length && /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
96
- containerProps: { "data-testid": "shuttle-clear-all-target" },
106
+ })) : /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {}, void 0, emptyContent)), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterActions, {}, void 0, !!items.length && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
107
+ containerProps: {
108
+ 'data-testid': 'shuttle-clear-all-target'
109
+ },
97
110
  buttonType: "link",
98
111
  labelText: targetClearItemsText,
99
112
  onClick: onClearMovedItems
100
- })), /* @__PURE__ */ import_react.default.createElement(import_classedComponents.ShuttleFooterCounter, null, renderTargetCounter(items.length))));
113
+ })), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderTargetCounter(items.length))));
101
114
  }
102
- var ShuttleTarget_default = ShuttleTarget;
103
- module.exports = __toCommonJS(ShuttleTarget_exports);
104
- //# sourceMappingURL=ShuttleTarget.js.map
115
+
116
+ module.exports = ShuttleTarget;
@@ -1,51 +1,46 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var VirtualizedItem_exports = {};
29
- __export(VirtualizedItem_exports, {
30
- VirtualizedItem: () => VirtualizedItem,
31
- default: () => VirtualizedItem_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = require("react");
35
- var import_react_window = require("react-window");
36
- const VirtualizedItem = (0, import_react.memo)(({ data, index, style: virtualizedStyles, showSortHandler = false }) => {
37
- const { items, itemRenderer, isItemMoving } = data;
38
- const { item, props: animatedStyles, key } = items[index] || {};
39
- if (!item)
40
- return null;
1
+ 'use strict';
2
+
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
7
+ require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
9
+ var react = require('react');
10
+ var reactWindow = require('react-window');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
14
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
15
+
16
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
+
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
+ const VirtualizedItem = /*#__PURE__*/react.memo(_ref => {
20
+ let {
21
+ data,
22
+ index,
23
+ style: virtualizedStyles,
24
+ showSortHandler = false
25
+ } = _ref;
26
+ const {
27
+ items,
28
+ itemRenderer,
29
+ isItemMoving
30
+ } = data;
31
+ const {
32
+ item,
33
+ props: animatedStyles,
34
+ key
35
+ } = items[index] || {};
36
+ if (!item) return null;
41
37
  return itemRenderer({
42
38
  index,
43
39
  key,
44
40
  item,
45
41
  showSortHandler,
46
- style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
42
+ style: isItemMoving ? _objectSpread(_objectSpread({}, animatedStyles), virtualizedStyles) : virtualizedStyles
47
43
  });
48
- }, import_react_window.areEqual);
49
- var VirtualizedItem_default = VirtualizedItem;
50
- module.exports = __toCommonJS(VirtualizedItem_exports);
51
- //# sourceMappingURL=VirtualizedItem.js.map
44
+ }, reactWindow.areEqual);
45
+
46
+ module.exports = VirtualizedItem;
@@ -1,88 +1,93 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var VirtualizedList_exports = {};
29
- __export(VirtualizedList_exports, {
30
- VirtualizedList: () => VirtualizedList,
31
- default: () => VirtualizedList_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_web = require("react-spring/web");
36
- var import_react_window = require("react-window");
37
- var import_react_window_infinite_loader = __toESM(require("react-window-infinite-loader"));
38
- var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
39
- var import_animationConfig = require("../animation/animationConfig");
40
- var import_AnimationState = require("../AnimationState");
41
- var import_VirtualizedItem = require("./VirtualizedItem");
42
- function VirtualizedList({
43
- items,
44
- itemRenderer,
45
- searching,
46
- target = false,
47
- innerRef,
48
- children,
49
- hasNextPage = true,
50
- getMoreItems = () => {
51
- }
52
- }) {
53
- const hasMounted = (0, import_react.useRef)(false);
1
+ 'use strict';
2
+
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
7
+ require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _jsx = require('@babel/runtime/helpers/jsx');
9
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
10
+ var react = require('react');
11
+ var web = require('react-spring/web');
12
+ var reactWindow = require('react-window');
13
+ var InfiniteLoader = require('react-window-infinite-loader');
14
+ var AutoSizer = require('react-virtualized-auto-sizer');
15
+ var animationConfig = require('../animation/animationConfig.js');
16
+ var AnimationState = require('../AnimationState.js');
17
+ var VirtualizedItem = require('./VirtualizedItem.js');
18
+ var jsxRuntime = require('react/jsx-runtime');
19
+
20
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
+
22
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
23
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
24
+ var InfiniteLoader__default = /*#__PURE__*/_interopDefaultLegacy(InfiniteLoader);
25
+ var AutoSizer__default = /*#__PURE__*/_interopDefaultLegacy(AutoSizer);
26
+
27
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
28
+
29
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
30
+
31
+ function VirtualizedList(_ref) {
32
+ let {
33
+ items,
34
+ itemRenderer,
35
+ searching,
36
+ target = false,
37
+ innerRef,
38
+ children,
39
+ hasNextPage = true,
40
+ getMoreItems = () => {}
41
+ } = _ref;
42
+ const hasMounted = react.useRef(false);
54
43
  const {
55
- state: { isMoving, isMovingBack },
44
+ state: {
45
+ isMoving,
46
+ isMovingBack
47
+ },
56
48
  reset
57
- } = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
58
- (0, import_react.useEffect)(() => {
49
+ } = react.useContext(AnimationState.Context);
50
+ react.useEffect(() => {
59
51
  hasMounted.current = true;
60
52
  }, []);
61
- const transitions = (0, import_web.useTransition)(items, (item) => item.id, {
62
- ...import_animationConfig.animationConfig.moveItem(target),
53
+ const transitions = web.useTransition(items, item => item.id, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveItem(target)), {}, {
63
54
  onDestroyed: () => reset()
64
- });
55
+ }));
65
56
  const itemCount = hasNextPage ? items.length + 1 : items.length;
66
- const isItemLoaded = (index) => !hasNextPage || index < items.length;
67
- return /* @__PURE__ */ import_react.default.createElement(import_react_virtualized_auto_sizer.default, null, ({ height, width }) => /* @__PURE__ */ import_react.default.createElement(import_react_window_infinite_loader.default, {
68
- isItemLoaded,
69
- itemCount,
70
- loadMoreItems: getMoreItems
71
- }, ({ onItemsRendered, ref }) => /* @__PURE__ */ import_react.default.createElement(import_react_window.FixedSizeList, {
72
- height: searching ? 300 : height,
73
- width,
74
- innerRef,
75
- itemCount: transitions.length,
76
- itemData: {
77
- items: transitions,
78
- itemRenderer,
79
- isItemMoving: hasMounted.current && (isMoving || isMovingBack)
80
- },
81
- itemSize: 35,
82
- onItemsRendered,
83
- ref
84
- }, children || import_VirtualizedItem.VirtualizedItem)));
57
+
58
+ const isItemLoaded = index => !hasNextPage || index < items.length;
59
+
60
+ return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {}, void 0, _ref2 => {
61
+ let {
62
+ height,
63
+ width
64
+ } = _ref2;
65
+ return /*#__PURE__*/_jsx__default["default"](InfiniteLoader__default["default"], {
66
+ isItemLoaded: isItemLoaded,
67
+ itemCount: itemCount,
68
+ loadMoreItems: getMoreItems
69
+ }, void 0, _ref3 => {
70
+ let {
71
+ onItemsRendered,
72
+ ref
73
+ } = _ref3;
74
+ return /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
75
+ height: searching ? 300 : height,
76
+ width: width,
77
+ innerRef: innerRef,
78
+ itemCount: transitions.length,
79
+ itemData: {
80
+ items: transitions,
81
+ itemRenderer,
82
+ isItemMoving: hasMounted.current && (isMoving || isMovingBack)
83
+ },
84
+ itemSize: 35,
85
+ onItemsRendered: onItemsRendered,
86
+ ref: ref,
87
+ children: children || VirtualizedItem
88
+ });
89
+ });
90
+ });
85
91
  }
86
- var VirtualizedList_default = VirtualizedList;
87
- module.exports = __toCommonJS(VirtualizedList_exports);
88
- //# sourceMappingURL=VirtualizedList.js.map
92
+
93
+ module.exports = VirtualizedList;
@@ -1,48 +1,41 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var VirtualizedSortableList_exports = {};
29
- __export(VirtualizedSortableList_exports, {
30
- VirtualizedSortableList: () => VirtualizedSortableList,
31
- default: () => VirtualizedSortableList_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_react_sortable_hoc = require("react-sortable-hoc");
36
- var import_VirtualizedList = require("./VirtualizedList");
37
- var import_VirtualizedItem = require("./VirtualizedItem");
38
- const SortableList = (0, import_react_sortable_hoc.sortableContainer)(import_VirtualizedList.VirtualizedList);
39
- function VirtualizedSortableList({ items, ...otherProps }) {
40
- return /* @__PURE__ */ import_react.default.createElement(SortableList, {
41
- ...otherProps,
42
- items,
43
- useDragHandle: true
44
- }, (0, import_react_sortable_hoc.sortableElement)(import_VirtualizedItem.VirtualizedItem));
1
+ 'use strict';
2
+
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
7
+ require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
9
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
10
+ require('react');
11
+ var reactSortableHoc = require('react-sortable-hoc');
12
+ var VirtualizedList = require('./VirtualizedList.js');
13
+ var VirtualizedItem = require('./VirtualizedItem.js');
14
+ var jsxRuntime = require('react/jsx-runtime');
15
+
16
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
+
18
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
19
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
20
+
21
+ const _excluded = ["items"];
22
+
23
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
24
+
25
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26
+ const SortableList = reactSortableHoc.sortableContainer(VirtualizedList);
27
+
28
+ function VirtualizedSortableList(_ref) {
29
+ let {
30
+ items
31
+ } = _ref,
32
+ otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
33
+
34
+ return /*#__PURE__*/jsxRuntime.jsx(SortableList, _objectSpread(_objectSpread({}, otherProps), {}, {
35
+ items: items,
36
+ useDragHandle: true,
37
+ children: reactSortableHoc.sortableElement(VirtualizedItem)
38
+ }));
45
39
  }
46
- var VirtualizedSortableList_default = VirtualizedSortableList;
47
- module.exports = __toCommonJS(VirtualizedSortableList_exports);
48
- //# sourceMappingURL=VirtualizedSortableList.js.map
40
+
41
+ module.exports = VirtualizedSortableList;