@elliemae/ds-shuttle 3.0.0-next.8 → 3.0.0-rc.0
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/dist/cjs/AnimationState.js +9 -16
- package/dist/cjs/AnimationState.js.map +1 -1
- package/dist/cjs/DSShuttle.js +10 -16
- package/dist/cjs/DSShuttle.js.map +2 -2
- package/dist/cjs/SearchState.js +9 -16
- package/dist/cjs/SearchState.js.map +1 -1
- package/dist/cjs/Shuttle.actions.js +9 -16
- package/dist/cjs/Shuttle.actions.js.map +1 -1
- package/dist/cjs/ShuttleContainer.js +9 -16
- package/dist/cjs/ShuttleContainer.js.map +1 -1
- package/dist/cjs/ShuttleImpl.js +86 -95
- package/dist/cjs/ShuttleImpl.js.map +2 -2
- package/dist/cjs/ShuttleRenderer.js +9 -16
- package/dist/cjs/ShuttleRenderer.js.map +1 -1
- package/dist/cjs/ShuttleState.js +9 -16
- package/dist/cjs/ShuttleState.js.map +1 -1
- package/dist/cjs/animation/animationConfig.js +9 -16
- package/dist/cjs/animation/animationConfig.js.map +1 -1
- package/dist/cjs/classedComponents.js +9 -16
- package/dist/cjs/classedComponents.js.map +1 -1
- package/dist/cjs/components/LoadingIndicator.js +9 -16
- package/dist/cjs/components/LoadingIndicator.js.map +1 -1
- package/dist/cjs/components/OverflowList.js +9 -16
- package/dist/cjs/components/OverflowList.js.map +1 -1
- package/dist/cjs/components/ShuttleBreadcrumb.js +9 -16
- package/dist/cjs/components/ShuttleBreadcrumb.js.map +1 -1
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js +9 -16
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js +9 -16
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js +9 -16
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +9 -16
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +9 -16
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +1 -1
- package/dist/cjs/components/ShuttleListPanel.js +9 -16
- package/dist/cjs/components/ShuttleListPanel.js.map +1 -1
- package/dist/cjs/components/ShuttleSearchBox.js +9 -16
- package/dist/cjs/components/ShuttleSearchBox.js.map +1 -1
- package/dist/cjs/components/ShuttleSource.js +9 -16
- package/dist/cjs/components/ShuttleSource.js.map +1 -1
- package/dist/cjs/components/ShuttleTarget.js +9 -16
- package/dist/cjs/components/ShuttleTarget.js.map +1 -1
- package/dist/cjs/components/VirtualizedItem.js +9 -16
- package/dist/cjs/components/VirtualizedItem.js.map +1 -1
- package/dist/cjs/components/VirtualizedList.js +9 -16
- package/dist/cjs/components/VirtualizedList.js.map +1 -1
- package/dist/cjs/components/VirtualizedSortableList.js +9 -16
- package/dist/cjs/components/VirtualizedSortableList.js.map +1 -1
- package/dist/cjs/helper.js +9 -16
- package/dist/cjs/helper.js.map +1 -1
- package/dist/cjs/index.js +9 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tests/utils.js +9 -16
- package/dist/cjs/tests/utils.js.map +1 -1
- package/dist/cjs/updateShuttleStateFromProps.js +9 -16
- package/dist/cjs/updateShuttleStateFromProps.js.map +1 -1
- package/dist/cjs/utils.js +9 -16
- package/dist/cjs/utils.js.map +1 -1
- package/dist/cjs/withProviders.js +9 -16
- package/dist/cjs/withProviders.js.map +1 -1
- package/dist/esm/AnimationState.js.map +1 -1
- package/dist/esm/DSShuttle.js +1 -0
- package/dist/esm/DSShuttle.js.map +2 -2
- package/dist/esm/SearchState.js.map +1 -1
- package/dist/esm/Shuttle.actions.js.map +1 -1
- package/dist/esm/ShuttleContainer.js.map +1 -1
- package/dist/esm/ShuttleImpl.js +77 -79
- package/dist/esm/ShuttleImpl.js.map +2 -2
- package/dist/esm/ShuttleRenderer.js.map +1 -1
- package/dist/esm/ShuttleState.js.map +1 -1
- package/dist/esm/animation/animationConfig.js.map +1 -1
- package/dist/esm/classedComponents.js.map +1 -1
- package/dist/esm/components/LoadingIndicator.js.map +1 -1
- package/dist/esm/components/OverflowList.js.map +1 -1
- package/dist/esm/components/ShuttleBreadcrumb.js.map +1 -1
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ActionButtons.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +1 -1
- package/dist/esm/components/ShuttleListPanel.js.map +1 -1
- package/dist/esm/components/ShuttleSearchBox.js.map +1 -1
- package/dist/esm/components/ShuttleSource.js.map +1 -1
- package/dist/esm/components/ShuttleTarget.js.map +1 -1
- package/dist/esm/components/VirtualizedItem.js.map +1 -1
- package/dist/esm/components/VirtualizedList.js.map +1 -1
- package/dist/esm/components/VirtualizedSortableList.js.map +1 -1
- package/dist/esm/helper.js.map +1 -1
- package/dist/esm/tests/utils.js.map +1 -1
- package/dist/esm/updateShuttleStateFromProps.js.map +1 -1
- package/dist/esm/utils.js.map +1 -1
- package/dist/esm/withProviders.js.map +1 -1
- package/package.json +19 -19
package/dist/cjs/ShuttleImpl.js
CHANGED
|
@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
|
|
|
21
21
|
return a;
|
|
22
22
|
};
|
|
23
23
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
24
|
var __objRest = (source, exclude) => {
|
|
26
25
|
var target = {};
|
|
27
26
|
for (var prop in source)
|
|
@@ -38,27 +37,22 @@ var __export = (target, all) => {
|
|
|
38
37
|
for (var name in all)
|
|
39
38
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
40
39
|
};
|
|
41
|
-
var
|
|
42
|
-
if (
|
|
43
|
-
for (let key of __getOwnPropNames(
|
|
44
|
-
if (!__hasOwnProp.call(
|
|
45
|
-
__defProp(
|
|
40
|
+
var __copyProps = (to, from, except, desc) => {
|
|
41
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
42
|
+
for (let key of __getOwnPropNames(from))
|
|
43
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
44
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
46
45
|
}
|
|
47
|
-
return
|
|
48
|
-
};
|
|
49
|
-
var __toESM = (module2, isNodeMode) => {
|
|
50
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
46
|
+
return to;
|
|
51
47
|
};
|
|
52
|
-
var
|
|
53
|
-
|
|
54
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
55
|
-
};
|
|
56
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
48
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
49
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
57
50
|
var ShuttleImpl_exports = {};
|
|
58
51
|
__export(ShuttleImpl_exports, {
|
|
59
52
|
ShuttleImpl: () => ShuttleImplHoc,
|
|
60
53
|
default: () => ShuttleImpl_default
|
|
61
54
|
});
|
|
55
|
+
module.exports = __toCommonJS(ShuttleImpl_exports);
|
|
62
56
|
var React = __toESM(require("react"));
|
|
63
57
|
var import_react = __toESM(require("react"));
|
|
64
58
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
@@ -75,6 +69,83 @@ class ShuttleImpl extends import_react.Component {
|
|
|
75
69
|
const { movedItems } = this.state;
|
|
76
70
|
return Object.keys(movedItems);
|
|
77
71
|
};
|
|
72
|
+
this.handleChange = () => {
|
|
73
|
+
const { onChange } = this.props;
|
|
74
|
+
const { movedItems } = this.state;
|
|
75
|
+
onChange(Object.keys(movedItems));
|
|
76
|
+
};
|
|
77
|
+
this.navigate = (item, dest, direction) => {
|
|
78
|
+
const { onDrillDown, onDrillDownTarget } = this.props;
|
|
79
|
+
if (!dest)
|
|
80
|
+
onDrillDown(item, direction);
|
|
81
|
+
if (dest)
|
|
82
|
+
onDrillDownTarget(item, direction);
|
|
83
|
+
const { reset: resetSearchState } = this.context;
|
|
84
|
+
resetSearchState();
|
|
85
|
+
this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)(item, dest), (0, import_Shuttle.resetCheckedItems)()]));
|
|
86
|
+
};
|
|
87
|
+
this.resetCheckedItems = () => {
|
|
88
|
+
this.setState((0, import_Shuttle.resetCheckedItems)());
|
|
89
|
+
};
|
|
90
|
+
this.resetMovedItems = () => {
|
|
91
|
+
const { selectedItems, onRemoveAllFromTarget } = this.props;
|
|
92
|
+
if (!selectedItems) {
|
|
93
|
+
this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true), (0, import_Shuttle.resetMovedItems)()]), () => {
|
|
94
|
+
this.handleChange();
|
|
95
|
+
});
|
|
96
|
+
} else {
|
|
97
|
+
this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true)]));
|
|
98
|
+
}
|
|
99
|
+
onRemoveAllFromTarget();
|
|
100
|
+
};
|
|
101
|
+
this.addToTarget = (item) => {
|
|
102
|
+
const { selectedItems, onAddToTarget } = this.props;
|
|
103
|
+
if (!selectedItems) {
|
|
104
|
+
this.setState((0, import_helper.pipe)([(0, import_Shuttle.addToTarget)(item), (0, import_Shuttle.resetCheckedItems)()]), () => {
|
|
105
|
+
this.handleChange();
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
onAddToTarget(item);
|
|
109
|
+
};
|
|
110
|
+
this.removeFromTarget = (item) => {
|
|
111
|
+
const { selectedItems, onRemoveFromTarget } = this.props;
|
|
112
|
+
if (!selectedItems) {
|
|
113
|
+
this.setState((0, import_helper.pipe)([(0, import_Shuttle.removeFromTarget)(item)]), () => {
|
|
114
|
+
this.handleChange();
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
onRemoveFromTarget(item);
|
|
118
|
+
};
|
|
119
|
+
this.toggleItemSelection = (item) => {
|
|
120
|
+
this.setState((0, import_Shuttle.toggleItemSelection)(item.id));
|
|
121
|
+
};
|
|
122
|
+
this.moveCheckedItems = () => {
|
|
123
|
+
const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;
|
|
124
|
+
const { checkedItems, preparedItems } = this.state;
|
|
125
|
+
const isControlledV2 = !!selectedItems && !!nonSelectedItems;
|
|
126
|
+
const checked = isControlledV2 ? nonSelectedItems.filter((item) => checkedItems.some((check) => check === item)) : checkedItems;
|
|
127
|
+
const items = (0, import_helper.getItemsById)(checked, preparedItems);
|
|
128
|
+
const actions = !selectedItems ? items.map((item) => (0, import_Shuttle.addToTarget)(item)) : [];
|
|
129
|
+
this.setState((0, import_helper.pipe)([...actions, (0, import_Shuttle.resetCheckedItems)()]), () => {
|
|
130
|
+
this.handleChange();
|
|
131
|
+
});
|
|
132
|
+
onAddCheckedItems(items);
|
|
133
|
+
};
|
|
134
|
+
this.handleTargetSortEnd = ({ sourceItem, targetItem }) => {
|
|
135
|
+
const { idField, onTargetSortEnd } = this.props;
|
|
136
|
+
const { targetItems, hierarchyDest, movedItems } = this.state;
|
|
137
|
+
const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
|
|
138
|
+
const collection = !hierarchyId ? movedItems : targetItems;
|
|
139
|
+
const oldIndex = collection.findIndex((tItem) => tItem[idField] === sourceItem[idField]);
|
|
140
|
+
const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);
|
|
141
|
+
const sortedMovedItems = !hierarchyId ? (0, import_ds_utilities.arrayMove)(movedItems, oldIndex, newIndex) : movedItems;
|
|
142
|
+
const sortedItems = hierarchyId ? (0, import_ds_utilities.arrayMove)(targetItems, oldIndex, newIndex) : targetItems;
|
|
143
|
+
this.setState({
|
|
144
|
+
targetItems: sortedItems,
|
|
145
|
+
movedItems: sortedMovedItems
|
|
146
|
+
});
|
|
147
|
+
onTargetSortEnd({ sourceItem, targetItem });
|
|
148
|
+
};
|
|
78
149
|
this.state = {
|
|
79
150
|
prevProps: {},
|
|
80
151
|
preparedItems: [],
|
|
@@ -85,8 +156,6 @@ class ShuttleImpl extends import_react.Component {
|
|
|
85
156
|
sourceItems: [],
|
|
86
157
|
targetItems: []
|
|
87
158
|
};
|
|
88
|
-
this.moveCheckedItems = this.moveCheckedItems.bind(this);
|
|
89
|
-
this.resetMovedItems = this.resetMovedItems.bind(this);
|
|
90
159
|
}
|
|
91
160
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
92
161
|
return (0, import_updateShuttleStateFromProps.updateShuttleStateFromProps)(nextProps, prevState);
|
|
@@ -95,83 +164,6 @@ class ShuttleImpl extends import_react.Component {
|
|
|
95
164
|
const { setGetStatus } = this.props;
|
|
96
165
|
setGetStatus(this.getState);
|
|
97
166
|
}
|
|
98
|
-
handleChange() {
|
|
99
|
-
const { onChange } = this.props;
|
|
100
|
-
const { movedItems } = this.state;
|
|
101
|
-
onChange(Object.keys(movedItems));
|
|
102
|
-
}
|
|
103
|
-
navigate(item, dest, direction) {
|
|
104
|
-
const { onDrillDown, onDrillDownTarget } = this.props;
|
|
105
|
-
if (!dest)
|
|
106
|
-
onDrillDown(item, direction);
|
|
107
|
-
if (dest)
|
|
108
|
-
onDrillDownTarget(item, direction);
|
|
109
|
-
const { reset: resetSearchState } = this.context;
|
|
110
|
-
resetSearchState();
|
|
111
|
-
this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)(item, dest), (0, import_Shuttle.resetCheckedItems)()]));
|
|
112
|
-
}
|
|
113
|
-
resetCheckedItems() {
|
|
114
|
-
this.setState((0, import_Shuttle.resetCheckedItems)());
|
|
115
|
-
}
|
|
116
|
-
resetMovedItems() {
|
|
117
|
-
const { selectedItems, onRemoveAllFromTarget } = this.props;
|
|
118
|
-
if (!selectedItems) {
|
|
119
|
-
this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true), (0, import_Shuttle.resetMovedItems)()]), () => {
|
|
120
|
-
this.handleChange();
|
|
121
|
-
});
|
|
122
|
-
} else {
|
|
123
|
-
this.setState((0, import_helper.pipe)([(0, import_Shuttle.navigateTo)({ id: null }, true)]));
|
|
124
|
-
}
|
|
125
|
-
onRemoveAllFromTarget();
|
|
126
|
-
}
|
|
127
|
-
addToTarget(item) {
|
|
128
|
-
const { selectedItems, onAddToTarget } = this.props;
|
|
129
|
-
if (!selectedItems) {
|
|
130
|
-
this.setState((0, import_helper.pipe)([(0, import_Shuttle.addToTarget)(item), (0, import_Shuttle.resetCheckedItems)()]), () => {
|
|
131
|
-
this.handleChange();
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
onAddToTarget(item);
|
|
135
|
-
}
|
|
136
|
-
removeFromTarget(item) {
|
|
137
|
-
const { selectedItems, onRemoveFromTarget } = this.props;
|
|
138
|
-
if (!selectedItems) {
|
|
139
|
-
this.setState((0, import_helper.pipe)([(0, import_Shuttle.removeFromTarget)(item)]), () => {
|
|
140
|
-
this.handleChange();
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
onRemoveFromTarget(item);
|
|
144
|
-
}
|
|
145
|
-
toggleItemSelection(item) {
|
|
146
|
-
this.setState((0, import_Shuttle.toggleItemSelection)(item.id));
|
|
147
|
-
}
|
|
148
|
-
moveCheckedItems() {
|
|
149
|
-
const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;
|
|
150
|
-
const { checkedItems, preparedItems } = this.state;
|
|
151
|
-
const isControlledV2 = !!selectedItems && !!nonSelectedItems;
|
|
152
|
-
const checked = isControlledV2 ? nonSelectedItems.filter((item) => checkedItems.some((check) => check === item)) : checkedItems;
|
|
153
|
-
const items = (0, import_helper.getItemsById)(checked, preparedItems);
|
|
154
|
-
const actions = !selectedItems ? items.map((item) => (0, import_Shuttle.addToTarget)(item)) : [];
|
|
155
|
-
this.setState((0, import_helper.pipe)([...actions, (0, import_Shuttle.resetCheckedItems)()]), () => {
|
|
156
|
-
this.handleChange();
|
|
157
|
-
});
|
|
158
|
-
onAddCheckedItems(items);
|
|
159
|
-
}
|
|
160
|
-
handleTargetSortEnd({ sourceItem, targetItem }) {
|
|
161
|
-
const { idField, onTargetSortEnd } = this.props;
|
|
162
|
-
const { targetItems, hierarchyDest, movedItems } = this.state;
|
|
163
|
-
const hierarchyId = (0, import_helper.getActiveIdFromHierarchy)(hierarchyDest).id;
|
|
164
|
-
const collection = !hierarchyId ? movedItems : targetItems;
|
|
165
|
-
const oldIndex = collection.findIndex((tItem) => tItem[idField] === sourceItem[idField]);
|
|
166
|
-
const newIndex = collection.findIndex((tItem) => tItem[idField] === targetItem[idField]);
|
|
167
|
-
const sortedMovedItems = !hierarchyId ? (0, import_ds_utilities.arrayMove)(movedItems, oldIndex, newIndex) : movedItems;
|
|
168
|
-
const sortedItems = hierarchyId ? (0, import_ds_utilities.arrayMove)(targetItems, oldIndex, newIndex) : targetItems;
|
|
169
|
-
this.setState({
|
|
170
|
-
targetItems: sortedItems,
|
|
171
|
-
movedItems: sortedMovedItems
|
|
172
|
-
});
|
|
173
|
-
onTargetSortEnd({ sourceItem, targetItem });
|
|
174
|
-
}
|
|
175
167
|
render() {
|
|
176
168
|
const _a = this.props, { idField, nonSelectedItems, moreItemsLoading } = _a, rest = __objRest(_a, ["idField", "nonSelectedItems", "moreItemsLoading"]);
|
|
177
169
|
const {
|
|
@@ -238,5 +230,4 @@ class ShuttleImpl extends import_react.Component {
|
|
|
238
230
|
ShuttleImpl.contextType = import_SearchState.SearchState.Context;
|
|
239
231
|
const ShuttleImplHoc = (0, import_withProviders.withProviders)(ShuttleImpl);
|
|
240
232
|
var ShuttleImpl_default = ShuttleImplHoc;
|
|
241
|
-
module.exports = __toCommonJS(ShuttleImpl_exports);
|
|
242
233
|
//# sourceMappingURL=ShuttleImpl.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ShuttleImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/static-property-placement */\n/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable import/extensions,react/no-unused-state,no-shadow,max-lines */\nimport React, { Component } from 'react';\nimport { compose, arrayMove } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n addToTarget,\n navigateTo,\n resetCheckedItems,\n resetMovedItems,\n toggleItemSelection,\n removeFromTarget,\n} from './Shuttle.actions';\nimport {\n getActiveIdFromHierarchy,\n filterBySearch,\n getItemsById,\n pipe,\n getChildrenFromParent,\n filterMovedItems,\n} from './helper';\nimport { ShuttleRenderer } from './ShuttleRenderer';\nimport { SearchState } from './SearchState';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps';\n\nclass ShuttleImpl extends Component {\n static contextType = SearchState.Context;\n\n constructor(props) {\n super(props);\n this.state = {\n prevProps: {},\n preparedItems: [],\n checkedItems: [],\n // left breadcrumb\n hierarchy: [{ name: props.sourceRootTitle, id: null }],\n // right breadcrumb\n hierarchyDest: [{ name: props.targetRootTitle, id: null }],\n\n movedItems: [],\n sourceItems: [],\n targetItems: [],\n };\n
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["/* eslint-disable react/static-property-placement */\n/* eslint-disable react/prop-types */\n/* eslint-disable indent */\n/* eslint-disable import/extensions,react/no-unused-state,no-shadow,max-lines */\nimport React, { Component } from 'react';\nimport { compose, arrayMove } from '@elliemae/ds-utilities';\nimport { withProviders } from './withProviders';\nimport {\n addToTarget,\n navigateTo,\n resetCheckedItems,\n resetMovedItems,\n toggleItemSelection,\n removeFromTarget,\n} from './Shuttle.actions';\nimport {\n getActiveIdFromHierarchy,\n filterBySearch,\n getItemsById,\n pipe,\n getChildrenFromParent,\n filterMovedItems,\n} from './helper';\nimport { ShuttleRenderer } from './ShuttleRenderer';\nimport { SearchState } from './SearchState';\nimport { updateShuttleStateFromProps } from './updateShuttleStateFromProps';\n\nclass ShuttleImpl extends Component {\n static contextType = SearchState.Context;\n\n constructor(props) {\n super(props);\n this.state = {\n prevProps: {},\n preparedItems: [],\n checkedItems: [],\n // left breadcrumb\n hierarchy: [{ name: props.sourceRootTitle, id: null }],\n // right breadcrumb\n hierarchyDest: [{ name: props.targetRootTitle, id: null }],\n\n movedItems: [],\n sourceItems: [],\n targetItems: [],\n };\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n return updateShuttleStateFromProps(nextProps, prevState);\n }\n\n componentDidMount() {\n const { setGetStatus } = this.props;\n setGetStatus(this.getState);\n }\n\n getState = () => {\n const { movedItems } = this.state;\n return Object.keys(movedItems);\n };\n\n handleChange = () => {\n const { onChange } = this.props;\n const { movedItems } = this.state;\n onChange(Object.keys(movedItems));\n }\n\n navigate = (item, dest, direction) => {\n const { onDrillDown, onDrillDownTarget } = this.props;\n\n if (!dest) onDrillDown(item, direction);\n if (dest) onDrillDownTarget(item, direction);\n\n const { reset: resetSearchState } = this.context;\n resetSearchState();\n\n this.setState(pipe([navigateTo(item, dest), resetCheckedItems()]));\n }\n\n resetCheckedItems = () => {\n this.setState(resetCheckedItems());\n }\n\n resetMovedItems = () => {\n const { selectedItems, onRemoveAllFromTarget } = this.props;\n if (!selectedItems) {\n this.setState(\n pipe([navigateTo({ id: null }, true), resetMovedItems()]),\n () => {\n this.handleChange();\n },\n );\n } else {\n this.setState(pipe([navigateTo({ id: null }, true)]));\n }\n onRemoveAllFromTarget();\n }\n\n addToTarget = (item) => {\n const { selectedItems, onAddToTarget } = this.props;\n if (!selectedItems) {\n this.setState(pipe([addToTarget(item), resetCheckedItems()]), () => {\n this.handleChange();\n });\n }\n onAddToTarget(item);\n }\n\n removeFromTarget = (item) => {\n const { selectedItems, onRemoveFromTarget } = this.props;\n if (!selectedItems) {\n this.setState(pipe([removeFromTarget(item)]), () => {\n this.handleChange();\n });\n }\n onRemoveFromTarget(item);\n }\n\n toggleItemSelection = (item) => {\n this.setState(toggleItemSelection(item.id));\n }\n\n moveCheckedItems = () => {\n const { onAddCheckedItems, selectedItems, nonSelectedItems } = this.props;\n const { checkedItems, preparedItems } = this.state;\n const isControlledV2 = !!selectedItems && !!nonSelectedItems;\n const checked = isControlledV2\n ? nonSelectedItems.filter((item) =>\n checkedItems.some((check) => check === item),\n )\n : checkedItems;\n const items = getItemsById(checked, preparedItems);\n const actions = !selectedItems\n ? items.map((item) => addToTarget(item))\n : [];\n this.setState(pipe([...actions, resetCheckedItems()]), () => {\n this.handleChange();\n });\n onAddCheckedItems(items);\n }\n\n handleTargetSortEnd = ({ sourceItem, targetItem }) => {\n const { idField, onTargetSortEnd } = this.props;\n const { targetItems, hierarchyDest, movedItems } = this.state;\n\n const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n\n const collection = !hierarchyId ? movedItems : targetItems;\n\n const oldIndex = collection.findIndex(\n (tItem) => tItem[idField] === sourceItem[idField],\n );\n const newIndex = collection.findIndex(\n (tItem) => tItem[idField] === targetItem[idField],\n );\n\n const sortedMovedItems = !hierarchyId\n ? arrayMove(movedItems, oldIndex, newIndex)\n : movedItems;\n const sortedItems = hierarchyId\n ? arrayMove(targetItems, oldIndex, newIndex)\n : targetItems;\n\n this.setState({\n targetItems: sortedItems,\n movedItems: sortedMovedItems,\n });\n onTargetSortEnd({ sourceItem, targetItem });\n }\n\n render() {\n const { idField, nonSelectedItems, moreItemsLoading, ...rest } = this.props;\n const {\n hierarchy,\n hierarchyDest,\n checkedItems,\n movedItems,\n preparedItems: items,\n targetItems,\n } = this.state;\n const {\n state: { searchTerm, searching },\n } = this.context;\n\n const handleControlledSourceItms = () => {\n const { id } = getActiveIdFromHierarchy(hierarchy);\n if (id) {\n return filterBySearch(\n searchTerm,\n searching,\n )(\n getChildrenFromParent(id)(\n nonSelectedItems.map((it) => items.find((itt) => itt.id === it)),\n ),\n );\n }\n\n return filterBySearch(\n searchTerm,\n searching,\n )(\n items.filter((it) =>\n nonSelectedItems.some(\n (itt) =>\n itt === it.id &&\n !nonSelectedItems.some((ittt) => ittt === it.parent),\n ),\n ),\n );\n };\n\n let composedSourceItems;\n\n // controlled V2 TODO make it default controlled behavior\n if (nonSelectedItems) {\n composedSourceItems = handleControlledSourceItms();\n } else {\n composedSourceItems = compose(\n filterBySearch(searchTerm, searching),\n filterMovedItems(movedItems),\n getChildrenFromParent(getActiveIdFromHierarchy(hierarchy).id),\n )(items);\n }\n\n const handleControlledTargetItms = () => {\n const { id } = getActiveIdFromHierarchy(hierarchyDest);\n if (id) {\n return getChildrenFromParent(\n getActiveIdFromHierarchy(hierarchyDest).id,\n )(\n this.props.selectedItems.map((it) =>\n items.find((itt) => itt.id === it),\n ),\n );\n }\n\n return targetItems.filter((it) =>\n this.props.selectedItems.some(\n (itt) =>\n itt === it.id &&\n !this.props.selectedItems.some((ittt) => ittt === it.parent),\n ),\n );\n };\n\n let composedTargetItems;\n\n // controlled V2 TODO make it default controlled behavior\n if (nonSelectedItems) {\n composedTargetItems = handleControlledTargetItms();\n } else {\n composedTargetItems = compose((tItems) => {\n const hierarchyId = getActiveIdFromHierarchy(hierarchyDest).id;\n return hierarchyId\n ? compose(\n filterMovedItems(movedItems),\n getChildrenFromParent(hierarchyId),\n )(tItems)\n : movedItems;\n })(targetItems);\n }\n\n return (\n <ShuttleRenderer\n {...rest}\n moreItemsLoading={moreItemsLoading}\n checkedItems={checkedItems}\n hierarchy={hierarchy}\n hierarchyDest={hierarchyDest}\n onCheckItem={this.toggleItemSelection}\n onClearCheckedItems={this.resetCheckedItems}\n onClearMovedItems={this.resetMovedItems}\n onItemCheck={this.toggleItemSelection}\n onMoveCheckedItems={this.moveCheckedItems}\n onMoveItemToSource={(item) => this.removeFromTarget(item, false)}\n onMoveItemToTarget={(item) => this.addToTarget(item, true)}\n onNavigateOnSourceTo={(item, direction) =>\n this.navigate(item, false, direction)\n }\n onNavigateOnTargetTo={(item, direction) =>\n this.navigate(item, true, direction)\n }\n onSourceSortEnd={() => null}\n onTargetSortEnd={this.handleTargetSortEnd}\n sourceItems={composedSourceItems}\n targetItems={composedTargetItems}\n />\n );\n }\n}\n\nconst ShuttleImplHoc = withProviders(ShuttleImpl);\nexport { ShuttleImplHoc as ShuttleImpl };\nexport default ShuttleImplHoc;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
|
|
|
21
21
|
return a;
|
|
22
22
|
};
|
|
23
23
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
25
24
|
var __objRest = (source, exclude) => {
|
|
26
25
|
var target = {};
|
|
27
26
|
for (var prop in source)
|
|
@@ -38,27 +37,22 @@ var __export = (target, all) => {
|
|
|
38
37
|
for (var name in all)
|
|
39
38
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
40
39
|
};
|
|
41
|
-
var
|
|
42
|
-
if (
|
|
43
|
-
for (let key of __getOwnPropNames(
|
|
44
|
-
if (!__hasOwnProp.call(
|
|
45
|
-
__defProp(
|
|
40
|
+
var __copyProps = (to, from, except, desc) => {
|
|
41
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
42
|
+
for (let key of __getOwnPropNames(from))
|
|
43
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
44
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
46
45
|
}
|
|
47
|
-
return
|
|
48
|
-
};
|
|
49
|
-
var __toESM = (module2, isNodeMode) => {
|
|
50
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
46
|
+
return to;
|
|
51
47
|
};
|
|
52
|
-
var
|
|
53
|
-
|
|
54
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
55
|
-
};
|
|
56
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
48
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
49
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
57
50
|
var ShuttleRenderer_exports = {};
|
|
58
51
|
__export(ShuttleRenderer_exports, {
|
|
59
52
|
ShuttleRenderer: () => ShuttleRenderer,
|
|
60
53
|
default: () => ShuttleRenderer_default
|
|
61
54
|
});
|
|
55
|
+
module.exports = __toCommonJS(ShuttleRenderer_exports);
|
|
62
56
|
var React = __toESM(require("react"));
|
|
63
57
|
var import_react = __toESM(require("react"));
|
|
64
58
|
var import_ShuttleSource = require("./components/ShuttleSource");
|
|
@@ -199,5 +193,4 @@ function ShuttleRenderer(_a) {
|
|
|
199
193
|
})));
|
|
200
194
|
}
|
|
201
195
|
var ShuttleRenderer_default = ShuttleRenderer;
|
|
202
|
-
module.exports = __toCommonJS(ShuttleRenderer_exports);
|
|
203
196
|
//# sourceMappingURL=ShuttleRenderer.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ShuttleRenderer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { useCallback, useContext } from 'react';\nimport { ShuttleSource } from './components/ShuttleSource';\nimport { ShuttleTarget } from './components/ShuttleTarget';\nimport { ShuttleContainer } from './classedComponents';\nimport { AnimationState } from './AnimationState';\n\n// todo: clean methods on jsx\nconst noop = () => {};\nfunction ShuttleRenderer({\n containerProps,\n onNavigateOnTargetTo = noop,\n onNavigateOnSourceTo = noop,\n onMoveItemToSource = noop,\n onMoveItemToTarget = noop,\n onClearMovedItems = noop,\n onMoveCheckedItems = noop,\n onClearCheckedItems = noop,\n onToggleSearch = noop,\n onSearch = noop,\n onSearchClose = noop,\n onSearchOpen = noop,\n searching = false,\n onCheckItem = noop,\n hierarchy = [],\n hierarchyDest = [],\n checkedItems = [],\n sourceItems = [],\n targetItems = [],\n sourceEmptyMessage,\n targetEmptyMessage,\n composeTargetItemProps,\n composeSourceItemProps,\n targetSortable,\n sourceSortable,\n onSourceSortEnd,\n onTargetSortEnd,\n loadingSource = false,\n loadingTarget = false,\n onGetMoreItems = () => {},\n moreItemsLoading = false,\n hasNextPage = false,\n ...otherProps\n}) {\n const { setIsMoving, setIsDrillingDown, setIsMovingBack, reset } = useContext(\n AnimationState.Context,\n );\n\n const removeAnimationState = useCallback(() =>\n setTimeout(() => reset(), 500),\n );\n\n return (\n <ShuttleContainer data-testid=\"em-ds-shuttle\" {...containerProps}>\n <ShuttleSource\n {...otherProps}\n checkedItems={checkedItems}\n composeSourceItemProps={composeSourceItemProps}\n emptyMessage={sourceEmptyMessage}\n hierarchy={hierarchy}\n items={sourceItems}\n onCheckItem={onCheckItem}\n onClearCheckedItems={onClearCheckedItems}\n onMoveCheckedItems={(item) => {\n setIsMoving(true);\n onMoveCheckedItems(item);\n }}\n onMoveItem={(item) => {\n setIsMoving(true);\n onMoveItemToTarget(item);\n removeAnimationState();\n }}\n onNavigateTo={(item, direction = 'down') => {\n const indexInHierarchy = hierarchy.findIndex(\n (hItem) => hItem.id === item.id,\n );\n setIsDrillingDown(indexInHierarchy === -1);\n onNavigateOnSourceTo(item, direction);\n }}\n onSearch={onSearch}\n onSearchClose={onSearchClose}\n onSearchOpen={onSearchOpen}\n onSortEnd={onSourceSortEnd}\n onToggleSearch={onToggleSearch}\n searching={searching}\n sourceSortable={sourceSortable}\n loading={loadingSource}\n onGetMoreItems={onGetMoreItems}\n moreItemsLoading={moreItemsLoading}\n hasNextPage={hasNextPage}\n />\n <ShuttleTarget\n {...otherProps}\n composeTargetItemProps={composeTargetItemProps}\n emptyMessage={targetEmptyMessage}\n hierarchy={hierarchyDest}\n items={targetItems}\n onClearMovedItems={() => {\n setIsMovingBack(true);\n removeAnimationState();\n onClearMovedItems();\n }}\n onMoveItem={(item) => {\n setIsMovingBack(true);\n removeAnimationState();\n onMoveItemToSource(item);\n }}\n onNavigateTo={(item, direction = 'down') => {\n const indexInHierarchy = hierarchyDest.findIndex(\n (hItem) => hItem.id === item.id,\n );\n setIsDrillingDown(indexInHierarchy === -1);\n onNavigateOnTargetTo(item, direction);\n }}\n onSortEnd={onTargetSortEnd}\n targetSortable={targetSortable}\n loading={loadingTarget}\n />\n </ShuttleContainer>\n );\n}\n\nexport { ShuttleRenderer };\nexport default ShuttleRenderer;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA+C;AAC/C,2BAA8B;AAC9B,2BAA8B;AAC9B,+BAAiC;AACjC,4BAA+B;AAG/B,MAAM,OAAO,MAAM;AAAC;AACpB,yBAAyB,IAkCtB;AAlCsB,eACvB;AAAA;AAAA,IACA,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY,CAAC;AAAA,IACb,gBAAgB,CAAC;AAAA,IACjB,eAAe,CAAC;AAAA,IAChB,cAAc,CAAC;AAAA,IACf,cAAc,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,iBAAiB,MAAM;AAAA,IAAC;AAAA,IACxB,mBAAmB;AAAA,IACnB,cAAc;AAAA,MAhCS,IAiCpB,uBAjCoB,IAiCpB;AAAA,IAhCH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,EAAE,aAAa,mBAAmB,iBAAiB,UAAU,6BACjE,qCAAe,OACjB;AAEA,QAAM,uBAAuB,8BAAY,MACvC,WAAW,MAAM,MAAM,GAAG,GAAG,CAC/B;AAEA,SACE,mDAAC;AAAA,IAAiB,eAAY;AAAA,KAAoB,iBAChD,mDAAC,qEACK,aADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,oBAAoB,CAAC,SAAS;AAC5B,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AAAA,IACzB;AAAA,IACA,YAAY,CAAC,SAAS;AACpB,kBAAY,IAAI;AAChB,yBAAmB,IAAI;AACvB,2BAAqB;AAAA,IACvB;AAAA,IACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,UAAU,UACjC,CAAC,UAAU,MAAM,OAAO,KAAK,EAC/B;AACA,wBAAkB,qBAAqB,EAAE;AACzC,2BAAqB,MAAM,SAAS;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACF,GACA,mDAAC,qEACK,aADL;AAAA,IAEC;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,mBAAmB,MAAM;AACvB,sBAAgB,IAAI;AACpB,2BAAqB;AACrB,wBAAkB;AAAA,IACpB;AAAA,IACA,YAAY,CAAC,SAAS;AACpB,sBAAgB,IAAI;AACpB,2BAAqB;AACrB,yBAAmB,IAAI;AAAA,IACzB;AAAA,IACA,cAAc,CAAC,MAAM,YAAY,WAAW;AAC1C,YAAM,mBAAmB,cAAc,UACrC,CAAC,UAAU,MAAM,OAAO,KAAK,EAC/B;AACA,wBAAkB,qBAAqB,EAAE;AACzC,2BAAqB,MAAM,SAAS;AAAA,IACtC;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACX,CACF;AAEJ;AAGA,IAAO,0BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ShuttleState.js
CHANGED
|
@@ -4,32 +4,26 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
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);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var ShuttleState_exports = {};
|
|
29
22
|
__export(ShuttleState_exports, {
|
|
30
23
|
ShuttleState: () => useShuttleStateHOC,
|
|
31
24
|
default: () => ShuttleState_default
|
|
32
25
|
});
|
|
26
|
+
module.exports = __toCommonJS(ShuttleState_exports);
|
|
33
27
|
var React = __toESM(require("react"));
|
|
34
28
|
var import_react = require("react");
|
|
35
29
|
var import_constate = __toESM(require("constate"));
|
|
@@ -80,5 +74,4 @@ function useShuttleState() {
|
|
|
80
74
|
}
|
|
81
75
|
const useShuttleStateHOC = (0, import_constate.default)(useShuttleState, (value) => [value.state]);
|
|
82
76
|
var ShuttleState_default = useShuttleStateHOC;
|
|
83
|
-
module.exports = __toCommonJS(ShuttleState_exports);
|
|
84
77
|
//# sourceMappingURL=ShuttleState.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ShuttleState.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { useState } from 'react';\nimport createContainer from 'constate';\nimport { getItemsById, pipe } from './helper';\nimport * as actions from './Shuttle.actions';\n\nfunction useShuttleState() {\n const [shuttleState, setShuttleState] = useState({\n checkedItems: [],\n movedItems: {},\n hierarchy: [{ name: 'Category', id: null }],\n hierarchyDest: [{ name: 'Added users', id: null }],\n });\n\n const setState = state => setShuttleState(state(shuttleState));\n\n function setMovedItems(itemsIds = [], items = []) {\n const itemsToMove = getItemsById(itemsIds, items);\n const pipeActions = itemsToMove.map(item => actions.moveItem(item, true));\n setState(pipe([actions.resetMovedItems(), ...pipeActions]));\n }\n\n function navigate(item, dest) {\n setState(\n pipe([actions.navigateTo(item, dest), actions.resetCheckedItems()]),\n );\n }\n\n function resetCheckedItems() {\n setState(actions.resetCheckedItems());\n }\n\n function resetMovedItems() {\n setState(\n pipe([actions.navigateTo({ id: null }, true), actions.resetMovedItems()]),\n );\n }\n\n function moveItem(item, dest) {\n setState(pipe([actions.moveItem(item, dest), actions.resetCheckedItems()]));\n }\n\n function toggleItemSelection(item) {\n setState(actions.toggleItemSelection(item.id));\n }\n\n function moveCheckedItems(items, dest = true) {\n const pipeActions = items.map(item => moveItem(item, dest));\n setState(pipe([...pipeActions, resetCheckedItems()]));\n }\n\n return {\n state: shuttleState,\n toggleItemSelection,\n moveCheckedItems,\n moveItem,\n resetMovedItems,\n resetCheckedItems,\n navigate,\n setMovedItems,\n };\n}\n\nconst useShuttleStateHOC = createContainer(useShuttleState, value => [value.state]);\nexport { useShuttleStateHOC as ShuttleState };\nexport default useShuttleStateHOC;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyB;AACzB,sBAA4B;AAC5B,oBAAmC;AACnC,cAAyB;AAEzB,2BAA2B;AACzB,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AAAA,IAC/C,cAAc,CAAC;AAAA,IACf,YAAY,CAAC;AAAA,IACb,WAAW,CAAC,EAAE,MAAM,YAAY,IAAI,KAAK,CAAC;AAAA,IAC1C,eAAe,CAAC,EAAE,MAAM,eAAe,IAAI,KAAK,CAAC;AAAA,EACnD,CAAC;AAED,QAAM,WAAW,WAAS,gBAAgB,MAAM,YAAY,CAAC;AAE7D,yBAAuB,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG;AAChD,UAAM,cAAc,gCAAa,UAAU,KAAK;AAChD,UAAM,cAAc,YAAY,IAAI,UAAQ,QAAQ,SAAS,MAAM,IAAI,CAAC;AACxE,aAAS,wBAAK,CAAC,QAAQ,gBAAgB,GAAG,GAAG,WAAW,CAAC,CAAC;AAAA,EAC5D;AAEA,oBAAkB,MAAM,MAAM;AAC5B,aACE,wBAAK,CAAC,QAAQ,WAAW,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CACpE;AAAA,EACF;AAEA,+BAA6B;AAC3B,aAAS,QAAQ,kBAAkB,CAAC;AAAA,EACtC;AAEA,6BAA2B;AACzB,aACE,wBAAK,CAAC,QAAQ,WAAW,EAAE,IAAI,KAAK,GAAG,IAAI,GAAG,QAAQ,gBAAgB,CAAC,CAAC,CAC1E;AAAA,EACF;AAEA,oBAAkB,MAAM,MAAM;AAC5B,aAAS,wBAAK,CAAC,QAAQ,SAAS,MAAM,IAAI,GAAG,QAAQ,kBAAkB,CAAC,CAAC,CAAC;AAAA,EAC5E;AAEA,+BAA6B,MAAM;AACjC,aAAS,QAAQ,oBAAoB,KAAK,EAAE,CAAC;AAAA,EAC/C;AAEA,4BAA0B,OAAO,OAAO,MAAM;AAC5C,UAAM,cAAc,MAAM,IAAI,UAAQ,SAAS,MAAM,IAAI,CAAC;AAC1D,aAAS,wBAAK,CAAC,GAAG,aAAa,kBAAkB,CAAC,CAAC,CAAC;AAAA,EACtD;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,qBAAqB,6BAAgB,iBAAiB,WAAS,CAAC,MAAM,KAAK,CAAC;AAElF,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,31 +4,25 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
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);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var animationConfig_exports = {};
|
|
29
22
|
__export(animationConfig_exports, {
|
|
30
23
|
animationConfig: () => animationConfig
|
|
31
24
|
});
|
|
25
|
+
module.exports = __toCommonJS(animationConfig_exports);
|
|
32
26
|
var React = __toESM(require("react"));
|
|
33
27
|
const itemAnimationDuration = 300;
|
|
34
28
|
const listAnimationDuration = 300;
|
|
@@ -74,5 +68,4 @@ const animationConfig = {
|
|
|
74
68
|
leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` }
|
|
75
69
|
})
|
|
76
70
|
};
|
|
77
|
-
module.exports = __toCommonJS(animationConfig_exports);
|
|
78
71
|
//# sourceMappingURL=animationConfig.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/animation/animationConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["// shuttle list and items constants\nconst itemAnimationDuration = 300;\nconst listAnimationDuration = 300;\nconst xPosMovement = 500;\n\n// breadcrumb constants\nconst breadcrumbDuration = 200;\nconst xBreadcrumbPos = 300;\n\nexport const animationConfig = {\n slideRight: {\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: `translate3d(${xPosMovement}px,0,0)` },\n },\n slideLeft: {\n from: { transform: 'translate3d(0,0,0)' },\n to: { transform: `translate3d(${-xPosMovement}px,0,0)` },\n },\n moveItem: isMovingLeft => ({\n config: { duration: itemAnimationDuration },\n enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n from: {\n opacity: 1,\n transform: `translate3d(${\n isMovingLeft ? -xPosMovement : xPosMovement\n }px,0,0)`,\n },\n leave: {\n transform: `translate3d(${\n isMovingLeft ? -xPosMovement : xPosMovement\n }px,0,0)`,\n },\n }),\n moveList: isDrillingDown => ({\n config: { duration: listAnimationDuration },\n enter: { opacity: 1, transform: 'translate3d(0,0,0)' },\n from: {\n opacity: 0,\n transform: `translate3d(0px,${\n isDrillingDown ? xPosMovement : -xPosMovement\n }px,0)`,\n },\n leave: {\n opacity: 0,\n transform: `translate3d(0,${\n isDrillingDown ? -xPosMovement : xPosMovement\n }px,0)`,\n },\n }),\n breadcrumb: () => ({\n config: { duration: breadcrumbDuration },\n enter: { opacity: 1, transform: `translate3d(${0}px,0,0)` },\n from: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0px,0)` },\n leave: { opacity: 0, transform: `translate3d(${xBreadcrumbPos}px,0,0)` },\n }),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,MAAM,wBAAwB;AAC9B,MAAM,wBAAwB;AAC9B,MAAM,eAAe;AAGrB,MAAM,qBAAqB;AAC3B,MAAM,iBAAiB;AAEhB,MAAM,kBAAkB;AAAA,EAC7B,YAAY;AAAA,IACV,MAAM,EAAE,WAAW,qBAAqB;AAAA,IACxC,IAAI,EAAE,WAAW,eAAe,sBAAsB;AAAA,EACxD;AAAA,EACA,WAAW;AAAA,IACT,MAAM,EAAE,WAAW,qBAAqB;AAAA,IACxC,IAAI,EAAE,WAAW,eAAe,CAAC,sBAAsB;AAAA,EACzD;AAAA,EACA,UAAU,kBAAiB;AAAA,IACzB,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,eACT,eAAe,CAAC,eAAe;AAAA,IAEnC;AAAA,IACA,OAAO;AAAA,MACL,WAAW,eACT,eAAe,CAAC,eAAe;AAAA,IAEnC;AAAA,EACF;AAAA,EACA,UAAU,oBAAmB;AAAA,IAC3B,QAAQ,EAAE,UAAU,sBAAsB;AAAA,IAC1C,OAAO,EAAE,SAAS,GAAG,WAAW,qBAAqB;AAAA,IACrD,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW,mBACT,iBAAiB,eAAe,CAAC;AAAA,IAErC;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW,iBACT,iBAAiB,CAAC,eAAe;AAAA,IAErC;AAAA,EACF;AAAA,EACA,YAAY,MAAO;AAAA,IACjB,QAAQ,EAAE,UAAU,mBAAmB;AAAA,IACvC,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,WAAW;AAAA,IAC1D,MAAM,EAAE,SAAS,GAAG,WAAW,eAAe,0BAA0B;AAAA,IACxE,OAAO,EAAE,SAAS,GAAG,WAAW,eAAe,wBAAwB;AAAA,EACzE;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,27 +4,20 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
7
|
var __export = (target, all) => {
|
|
9
8
|
for (var name in all)
|
|
10
9
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
10
|
};
|
|
12
|
-
var
|
|
13
|
-
if (
|
|
14
|
-
for (let key of __getOwnPropNames(
|
|
15
|
-
if (!__hasOwnProp.call(
|
|
16
|
-
__defProp(
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return to;
|
|
19
18
|
};
|
|
20
|
-
var __toESM = (
|
|
21
|
-
|
|
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);
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
21
|
var classedComponents_exports = {};
|
|
29
22
|
__export(classedComponents_exports, {
|
|
30
23
|
EmptyMessage: () => EmptyMessage,
|
|
@@ -41,6 +34,7 @@ __export(classedComponents_exports, {
|
|
|
41
34
|
ShuttleListPanel: () => ShuttleListPanel,
|
|
42
35
|
ShuttleWrapper: () => ShuttleWrapper
|
|
43
36
|
});
|
|
37
|
+
module.exports = __toCommonJS(classedComponents_exports);
|
|
44
38
|
var React = __toESM(require("react"));
|
|
45
39
|
var import_ds_button = require("@elliemae/ds-button");
|
|
46
40
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
@@ -68,5 +62,4 @@ const LoadingList = (0, import_ds_classnames.aggregatedClasses)("div")(listBlock
|
|
|
68
62
|
const ShuttleFooter = (0, import_ds_classnames.aggregatedClasses)("div")(footerBlockName);
|
|
69
63
|
const ShuttleFooterActions = (0, import_ds_classnames.aggregatedClasses)("div")(footerBlockName, "actions");
|
|
70
64
|
const ShuttleFooterCounter = (0, import_ds_classnames.aggregatedClasses)("span")(footerBlockName, "counter");
|
|
71
|
-
module.exports = __toCommonJS(classedComponents_exports);
|
|
72
65
|
//# sourceMappingURL=classedComponents.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/classedComponents.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ShuttleBreadcrumb } from './components/ShuttleBreadcrumb';\nimport { OverflowList } from './components/OverflowList';\n\n// block names\nconst blockName = 'shuttle';\nconst headerBlockName = `${blockName}-header`;\nconst listBlockName = `${blockName}-list`;\nconst footerBlockName = `${blockName}-footer`;\n\nexport const ShuttleContainer = aggregatedClasses('div')(blockName);\n\n// wrapper\nexport const ShuttleWrapper = aggregatedClasses('div')(`${blockName}-wrapper`);\n\n// header\nexport const ShuttleHeader = aggregatedClasses('div')(headerBlockName);\nexport const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');\nexport const ShuttleHeaderSearchToggle = aggregatedClasses(DSButton)(headerBlockName, 'search-toggle');\n\n// list\nexport const ShuttleList = aggregatedClasses('div')(listBlockName, null, ({ showPulse }) => ({\n 'show-pulse': showPulse,\n}));\n\nexport const ShuttleListPanel = aggregatedClasses('div')(listBlockName, 'panel', ({ open }) => ({ open }));\nexport const Overflow = aggregatedClasses(OverflowList)(listBlockName, 'overflow', ({ empty, searching }) => ({\n empty,\n searching,\n}));\nexport const EmptyMessage = aggregatedClasses('span')(listBlockName, 'empty-message');\nexport const LoadingList = aggregatedClasses('div')(listBlockName, 'loading-list');\n\n// footer\nexport const ShuttleFooter = aggregatedClasses('div')(footerBlockName);\nexport const ShuttleFooterActions = aggregatedClasses('div')(footerBlockName, 'actions');\nexport const ShuttleFooterCounter = aggregatedClasses('span')(footerBlockName, 'counter');\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAyB;AACzB,2BAAkC;AAClC,+BAAkC;AAClC,0BAA6B;AAG7B,MAAM,YAAY;AAClB,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;AACzB,MAAM,kBAAkB,GAAG;AAEpB,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,SAAS;AAG3D,MAAM,iBAAiB,4CAAkB,KAAK,EAAE,GAAG,mBAAmB;AAGtE,MAAM,gBAAgB,4CAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,0BAA0B,4CAAkB,0CAAiB,EAAE,iBAAiB,YAAY;AAClG,MAAM,4BAA4B,4CAAkB,yBAAQ,EAAE,iBAAiB,eAAe;AAG9F,MAAM,cAAc,4CAAkB,KAAK,EAAE,eAAe,MAAM,CAAC,EAAE,gBAAiB;AAAA,EAC3F,cAAc;AAChB,EAAE;AAEK,MAAM,mBAAmB,4CAAkB,KAAK,EAAE,eAAe,SAAS,CAAC,EAAE,WAAY,GAAE,KAAK,EAAE;AAClG,MAAM,WAAW,4CAAkB,gCAAY,EAAE,eAAe,YAAY,CAAC,EAAE,OAAO,gBAAiB;AAAA,EAC5G;AAAA,EACA;AACF,EAAE;AACK,MAAM,eAAe,4CAAkB,MAAM,EAAE,eAAe,eAAe;AAC7E,MAAM,cAAc,4CAAkB,KAAK,EAAE,eAAe,cAAc;AAG1E,MAAM,gBAAgB,4CAAkB,KAAK,EAAE,eAAe;AAC9D,MAAM,uBAAuB,4CAAkB,KAAK,EAAE,iBAAiB,SAAS;AAChF,MAAM,uBAAuB,4CAAkB,MAAM,EAAE,iBAAiB,SAAS;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|