@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.
- package/cjs/AnimationState.js +26 -42
- package/cjs/DSShuttle.js +54 -146
- package/cjs/SearchState.js +10 -22
- package/cjs/Shuttle.actions.js +65 -73
- package/cjs/ShuttleContainer.js +49 -77
- package/cjs/ShuttleImpl.js +250 -338
- package/cjs/ShuttleRenderer.js +121 -184
- package/cjs/ShuttleState.js +22 -39
- package/cjs/animation/animationConfig.js +56 -63
- package/cjs/classedComponents.js +32 -35
- package/cjs/components/LoadingIndicator.js +11 -12
- package/cjs/components/OverflowList.js +33 -29
- package/cjs/components/ShuttleBreadcrumb.js +26 -32
- package/cjs/components/ShuttleInfiniteScrollIndicator.js +17 -13
- package/cjs/components/ShuttleListItem/ActionButtons.js +39 -34
- package/cjs/components/ShuttleListItem/ShuttleListItem.js +59 -58
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +40 -61
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +35 -50
- package/cjs/components/ShuttleListPanel.js +11 -23
- package/cjs/components/ShuttleSearchBox.js +79 -102
- package/cjs/components/ShuttleSource.js +99 -169
- package/cjs/components/ShuttleTarget.js +62 -82
- package/cjs/components/VirtualizedItem.js +28 -22
- package/cjs/components/VirtualizedList.js +52 -50
- package/cjs/components/VirtualizedSortableList.js +25 -23
- package/cjs/helper.js +52 -82
- package/cjs/index.js +1 -60
- package/cjs/updateShuttleStateFromProps.js +41 -40
- package/cjs/utils.js +9 -9
- package/cjs/withProviders.js +15 -16
- package/esm/AnimationState.js +25 -40
- package/esm/DSShuttle.js +51 -143
- package/esm/SearchState.js +9 -20
- package/esm/Shuttle.actions.js +64 -71
- package/esm/ShuttleContainer.js +47 -75
- package/esm/ShuttleImpl.js +254 -334
- package/esm/ShuttleRenderer.js +117 -179
- package/esm/ShuttleState.js +17 -32
- package/esm/animation/animationConfig.js +56 -63
- package/esm/classedComponents.js +30 -33
- package/esm/components/LoadingIndicator.js +10 -11
- package/esm/components/OverflowList.js +30 -26
- package/esm/components/ShuttleBreadcrumb.js +23 -29
- package/esm/components/ShuttleInfiniteScrollIndicator.js +16 -12
- package/esm/components/ShuttleListItem/ActionButtons.js +38 -33
- package/esm/components/ShuttleListItem/ShuttleListItem.js +56 -55
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +36 -56
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +31 -46
- package/esm/components/ShuttleListPanel.js +10 -22
- package/esm/components/ShuttleSearchBox.js +78 -95
- package/esm/components/ShuttleSource.js +89 -157
- package/esm/components/ShuttleTarget.js +55 -75
- package/esm/components/VirtualizedItem.js +26 -20
- package/esm/components/VirtualizedList.js +48 -46
- package/esm/components/VirtualizedSortableList.js +21 -18
- package/esm/helper.js +49 -77
- package/esm/index.js +0 -59
- package/esm/updateShuttleStateFromProps.js +40 -38
- package/esm/utils.js +6 -4
- package/esm/withProviders.js +13 -15
- package/package.json +163 -18
- package/types/AnimationState.d.ts +26 -0
- package/types/DSShuttle.d.ts +341 -0
- package/types/SearchState.d.ts +22 -0
- package/types/Shuttle.actions.d.ts +11 -0
- package/types/ShuttleContainer.d.ts +3 -0
- package/types/ShuttleImpl.d.ts +3 -0
- package/types/ShuttleRenderer.d.ts +37 -0
- package/types/ShuttleState.d.ts +53 -0
- package/types/animation/animationConfig.d.ts +68 -0
- package/types/classedComponents.d.ts +14 -0
- package/types/components/LoadingIndicator.d.ts +3 -0
- package/types/components/OverflowList.d.ts +7 -0
- package/types/components/ShuttleBreadcrumb.d.ts +7 -0
- package/types/components/ShuttleInfiniteScrollIndicator.d.ts +5 -0
- package/types/components/ShuttleListItem/ActionButtons.d.ts +4 -0
- package/types/components/ShuttleListItem/ShuttleListItem.d.ts +14 -0
- package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +13 -0
- package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +13 -0
- package/types/components/ShuttleListPanel.d.ts +7 -0
- package/types/components/ShuttleSearchBox.d.ts +20 -0
- package/types/components/ShuttleSource.d.ts +54 -0
- package/types/components/ShuttleTarget.d.ts +16 -0
- package/types/components/VirtualizedItem.d.ts +3 -0
- package/types/components/VirtualizedList.d.ts +12 -0
- package/types/components/VirtualizedSortableList.d.ts +6 -0
- package/types/helper.d.ts +16 -0
- package/types/index.d.ts +1 -0
- package/types/tests/DSShuttle.events.test.d.ts +1 -0
- package/types/tests/DSShuttle.test.d.ts +1 -0
- package/types/tests/utils.d.ts +116 -0
- package/types/updateShuttleStateFromProps.d.ts +1 -0
- package/types/utils.d.ts +2 -0
- package/types/withProviders.d.ts +3 -0
- package/AnimationState/package.json +0 -10
- package/DSShuttle/package.json +0 -10
- package/SearchState/package.json +0 -10
- package/Shuttle.actions/package.json +0 -10
- package/ShuttleContainer/package.json +0 -10
- package/ShuttleImpl/package.json +0 -10
- package/ShuttleRenderer/package.json +0 -10
- package/ShuttleState/package.json +0 -10
- package/animation/animationConfig/package.json +0 -10
- package/cjs/AnimationState.js.map +0 -1
- package/cjs/DSShuttle.js.map +0 -1
- package/cjs/SearchState.js.map +0 -1
- package/cjs/Shuttle.actions.js.map +0 -1
- package/cjs/ShuttleContainer.js.map +0 -1
- package/cjs/ShuttleImpl.js.map +0 -1
- package/cjs/ShuttleRenderer.js.map +0 -1
- package/cjs/ShuttleState.js.map +0 -1
- package/cjs/animation/animationConfig.js.map +0 -1
- package/cjs/classedComponents.js.map +0 -1
- package/cjs/components/LoadingIndicator.js.map +0 -1
- package/cjs/components/OverflowList.js.map +0 -1
- package/cjs/components/ShuttleBreadcrumb.js.map +0 -1
- package/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
- package/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -1
- package/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
- package/cjs/components/ShuttleListPanel.js.map +0 -1
- package/cjs/components/ShuttleSearchBox.js.map +0 -1
- package/cjs/components/ShuttleSource.js.map +0 -1
- package/cjs/components/ShuttleTarget.js.map +0 -1
- package/cjs/components/VirtualizedItem.js.map +0 -1
- package/cjs/components/VirtualizedList.js.map +0 -1
- package/cjs/components/VirtualizedSortableList.js.map +0 -1
- package/cjs/helper.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/tests/utils.js +0 -1112
- package/cjs/tests/utils.js.map +0 -1
- package/cjs/updateShuttleStateFromProps.js.map +0 -1
- package/cjs/utils.js.map +0 -1
- package/cjs/withProviders.js.map +0 -1
- package/classedComponents/package.json +0 -10
- package/components/LoadingIndicator/package.json +0 -10
- package/components/OverflowList/package.json +0 -10
- package/components/ShuttleBreadcrumb/package.json +0 -10
- package/components/ShuttleInfiniteScrollIndicator/package.json +0 -10
- package/components/ShuttleListItem/ActionButtons/package.json +0 -10
- package/components/ShuttleListItem/ShuttleListItem/package.json +0 -10
- package/components/ShuttleListItem/ShuttleSourceListItem/package.json +0 -10
- package/components/ShuttleListItem/ShuttleTargetListItem/package.json +0 -10
- package/components/ShuttleListPanel/package.json +0 -10
- package/components/ShuttleSearchBox/package.json +0 -10
- package/components/ShuttleSource/package.json +0 -10
- package/components/ShuttleTarget/package.json +0 -10
- package/components/VirtualizedItem/package.json +0 -10
- package/components/VirtualizedList/package.json +0 -10
- package/components/VirtualizedSortableList/package.json +0 -10
- package/esm/AnimationState.js.map +0 -1
- package/esm/DSShuttle.js.map +0 -1
- package/esm/SearchState.js.map +0 -1
- package/esm/Shuttle.actions.js.map +0 -1
- package/esm/ShuttleContainer.js.map +0 -1
- package/esm/ShuttleImpl.js.map +0 -1
- package/esm/ShuttleRenderer.js.map +0 -1
- package/esm/ShuttleState.js.map +0 -1
- package/esm/animation/animationConfig.js.map +0 -1
- package/esm/classedComponents.js.map +0 -1
- package/esm/components/LoadingIndicator.js.map +0 -1
- package/esm/components/OverflowList.js.map +0 -1
- package/esm/components/ShuttleBreadcrumb.js.map +0 -1
- package/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
- package/esm/components/ShuttleListItem/ActionButtons.js.map +0 -1
- package/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
- package/esm/components/ShuttleListPanel.js.map +0 -1
- package/esm/components/ShuttleSearchBox.js.map +0 -1
- package/esm/components/ShuttleSource.js.map +0 -1
- package/esm/components/ShuttleTarget.js.map +0 -1
- package/esm/components/VirtualizedItem.js.map +0 -1
- package/esm/components/VirtualizedList.js.map +0 -1
- package/esm/components/VirtualizedSortableList.js.map +0 -1
- package/esm/helper.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/tests/utils.js +0 -1100
- package/esm/tests/utils.js.map +0 -1
- package/esm/updateShuttleStateFromProps.js.map +0 -1
- package/esm/utils.js.map +0 -1
- package/esm/withProviders.js.map +0 -1
- package/helper/package.json +0 -10
- package/tests/utils/package.json +0 -10
- package/updateShuttleStateFromProps/package.json +0 -10
- package/utils/package.json +0 -10
- package/withProviders/package.json +0 -10
package/cjs/ShuttleContainer.js
CHANGED
|
@@ -2,114 +2,86 @@
|
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var react = require('react');
|
|
6
11
|
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
12
|
var withProviders = require('./withProviders.js');
|
|
8
13
|
var helper = require('./helper.js');
|
|
9
14
|
var SearchState = require('./SearchState.js');
|
|
10
15
|
var ShuttleState = require('./ShuttleState.js');
|
|
11
|
-
require('./AnimationState.js');
|
|
12
|
-
require('@babel/runtime/helpers/slicedToArray');
|
|
13
|
-
require('constate');
|
|
14
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
15
|
-
require('treetabular');
|
|
16
|
-
require('./Shuttle.actions.js');
|
|
17
|
-
require('./utils.js');
|
|
18
16
|
|
|
19
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
18
|
|
|
21
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
22
20
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
23
21
|
|
|
24
|
-
|
|
22
|
+
const _excluded = ["state"];
|
|
25
23
|
|
|
26
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; }
|
|
27
25
|
|
|
28
|
-
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__default[
|
|
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__default["default"](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; }
|
|
29
27
|
|
|
30
28
|
function filterItemsByTerm(items, term) {
|
|
31
|
-
return items.filter(
|
|
32
|
-
return item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1;
|
|
33
|
-
});
|
|
29
|
+
return items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1);
|
|
34
30
|
}
|
|
35
31
|
|
|
36
32
|
function ShuttleContainer(_ref) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
let {
|
|
34
|
+
items = [],
|
|
35
|
+
children
|
|
36
|
+
} = _ref;
|
|
40
37
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
38
|
+
const _useContext = react.useContext(ShuttleState.Context),
|
|
39
|
+
{
|
|
40
|
+
state: shuttleState
|
|
41
|
+
} = _useContext,
|
|
42
|
+
handlers = _objectWithoutProperties__default["default"](_useContext, _excluded);
|
|
44
43
|
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
const {
|
|
45
|
+
state: searchState
|
|
46
|
+
} = react.useContext(SearchState.Context);
|
|
47
47
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
48
|
+
const {
|
|
49
|
+
movedItems,
|
|
50
|
+
hierarchy,
|
|
51
|
+
hierarchyDest,
|
|
52
|
+
checkedItems,
|
|
53
|
+
searchTerm,
|
|
54
|
+
searching,
|
|
55
|
+
toggleItemSelection,
|
|
56
|
+
resetCheckedItems,
|
|
57
|
+
resetMovedItems,
|
|
58
|
+
moveCheckedItems,
|
|
59
|
+
moveItem,
|
|
60
|
+
navigate
|
|
61
|
+
} = _objectSpread(_objectSpread(_objectSpread({}, shuttleState), searchState), handlers);
|
|
61
62
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
});
|
|
67
|
-
}, function (items) {
|
|
68
|
-
return searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items;
|
|
69
|
-
}, function (items) {
|
|
70
|
-
return helper.filterItemsByHierarchy(items, helper.getActiveIdFromHierarchy(hierarchy).id);
|
|
71
|
-
}, function (items) {
|
|
72
|
-
return helper.prepareItems(items);
|
|
73
|
-
})(items);
|
|
74
|
-
}, [items, searchTerm, searching, hierarchy, movedItems]);
|
|
75
|
-
var targetItems = React.useMemo(function () {
|
|
76
|
-
var hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
|
|
77
|
-
return dsUtilities.compose(function (items) {
|
|
78
|
-
return dsUtilities.sortBy(items, ['name']);
|
|
79
|
-
}, function (items) {
|
|
80
|
-
return hierarchyId ? helper.filterItemsByHierarchy(items, hierarchyId).filter(function (item) {
|
|
81
|
-
return !movedItems[item.id];
|
|
82
|
-
}) : dsUtilities.uniqBy(dsUtilities.values(movedItems), 'id');
|
|
83
|
-
})(items);
|
|
63
|
+
const sourceItems = react.useMemo(() => dsUtilities.compose(items => items.filter(item => !movedItems[item.id]), items => searchTerm && searching ? filterItemsByTerm(items, searchTerm) : items, items => helper.filterItemsByHierarchy(items, helper.getActiveIdFromHierarchy(hierarchy).id), items => helper.prepareItems(items))(items), [items, searchTerm, searching, hierarchy, movedItems]);
|
|
64
|
+
const targetItems = react.useMemo(() => {
|
|
65
|
+
const hierarchyId = helper.getActiveIdFromHierarchy(hierarchyDest).id;
|
|
66
|
+
return dsUtilities.compose(items => dsUtilities.sortBy(items, ['name']), items => hierarchyId ? helper.filterItemsByHierarchy(items, hierarchyId).filter(item => !movedItems[item.id]) : dsUtilities.uniqBy(dsUtilities.values(movedItems), 'id'))(items);
|
|
84
67
|
}, [items, searching, hierarchyDest, movedItems]);
|
|
85
68
|
return dsUtilities.isFunction(children) && children({
|
|
86
|
-
checkedItems
|
|
87
|
-
hierarchy
|
|
88
|
-
hierarchyDest
|
|
69
|
+
checkedItems,
|
|
70
|
+
hierarchy,
|
|
71
|
+
hierarchyDest,
|
|
89
72
|
onCheckItem: toggleItemSelection,
|
|
90
73
|
onClearCheckedItems: resetCheckedItems,
|
|
91
74
|
onClearMovedItems: resetMovedItems,
|
|
92
|
-
onMoveCheckedItems:
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
return moveItem(item, true);
|
|
100
|
-
},
|
|
101
|
-
onNavigateOnSourceTo: function onNavigateOnSourceTo(item) {
|
|
102
|
-
return navigate(item, false);
|
|
103
|
-
},
|
|
104
|
-
onNavigateOnTargetTo: function onNavigateOnTargetTo(item) {
|
|
105
|
-
return navigate(item, true);
|
|
106
|
-
},
|
|
107
|
-
sourceItems: sourceItems,
|
|
108
|
-
targetItems: targetItems
|
|
75
|
+
onMoveCheckedItems: () => moveCheckedItems(helper.getItemsById(checkedItems, items)),
|
|
76
|
+
onMoveItemToSource: item => moveItem(item, false),
|
|
77
|
+
onMoveItemToTarget: item => moveItem(item, true),
|
|
78
|
+
onNavigateOnSourceTo: item => navigate(item, false),
|
|
79
|
+
onNavigateOnTargetTo: item => navigate(item, true),
|
|
80
|
+
sourceItems,
|
|
81
|
+
targetItems
|
|
109
82
|
});
|
|
110
83
|
}
|
|
111
84
|
|
|
112
85
|
var ShuttleContainer$1 = withProviders(ShuttleContainer);
|
|
113
86
|
|
|
114
87
|
module.exports = ShuttleContainer$1;
|
|
115
|
-
//# sourceMappingURL=ShuttleContainer.js.map
|