@elliemae/ds-shuttle 1.55.0-next.7 → 2.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/AnimationState.js +25 -42
- package/cjs/DSShuttle.js +89 -189
- package/cjs/SearchState.js +9 -22
- package/cjs/Shuttle.actions.js +57 -75
- package/cjs/ShuttleContainer.js +44 -79
- package/cjs/ShuttleImpl.js +236 -342
- package/cjs/ShuttleRenderer.js +114 -188
- package/cjs/ShuttleState.js +19 -41
- package/cjs/animation/animationConfig.js +58 -65
- package/cjs/classedComponents.js +37 -49
- package/cjs/components/LoadingIndicator.js +11 -12
- package/cjs/components/OverflowList.js +27 -34
- package/cjs/components/ShuttleBreadcrumb.js +23 -35
- package/cjs/components/ShuttleInfiniteScrollIndicator.js +21 -23
- package/cjs/components/ShuttleListItem/ActionButtons.js +34 -34
- package/cjs/components/ShuttleListItem/ShuttleListItem.js +57 -64
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +34 -64
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +30 -53
- package/cjs/components/ShuttleListPanel.js +11 -24
- package/cjs/components/ShuttleSearchBox.js +81 -107
- package/cjs/components/ShuttleSource.js +93 -175
- package/cjs/components/ShuttleTarget.js +55 -85
- package/cjs/components/VirtualizedItem.js +22 -22
- package/cjs/components/VirtualizedList.js +56 -66
- package/cjs/components/VirtualizedSortableList.js +20 -23
- package/cjs/helper.js +37 -89
- package/cjs/index.js +1 -64
- package/cjs/package.json +7 -0
- package/cjs/updateShuttleStateFromProps.js +31 -40
- package/cjs/utils.js +4 -9
- package/cjs/withProviders.js +10 -16
- package/esm/AnimationState.js +24 -40
- package/esm/DSShuttle.js +86 -186
- package/esm/SearchState.js +8 -20
- package/esm/Shuttle.actions.js +56 -73
- package/esm/ShuttleContainer.js +42 -77
- package/esm/ShuttleImpl.js +240 -337
- package/esm/ShuttleRenderer.js +110 -183
- package/esm/ShuttleState.js +14 -34
- package/esm/animation/animationConfig.js +58 -65
- package/esm/classedComponents.js +31 -43
- package/esm/components/LoadingIndicator.js +10 -11
- package/esm/components/OverflowList.js +23 -30
- package/esm/components/ShuttleBreadcrumb.js +21 -33
- package/esm/components/ShuttleInfiniteScrollIndicator.js +20 -22
- package/esm/components/ShuttleListItem/ActionButtons.js +32 -32
- package/esm/components/ShuttleListItem/ShuttleListItem.js +55 -62
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +30 -59
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +26 -49
- package/esm/components/ShuttleListPanel.js +10 -23
- package/esm/components/ShuttleSearchBox.js +79 -99
- package/esm/components/ShuttleSource.js +82 -162
- package/esm/components/ShuttleTarget.js +49 -79
- package/esm/components/VirtualizedItem.js +20 -20
- package/esm/components/VirtualizedList.js +52 -62
- package/esm/components/VirtualizedSortableList.js +16 -18
- package/esm/helper.js +35 -85
- package/esm/index.js +0 -63
- package/esm/package.json +7 -0
- package/esm/updateShuttleStateFromProps.js +30 -38
- package/esm/utils.js +1 -4
- package/esm/withProviders.js +8 -15
- package/package.json +150 -13
- package/types/AnimationState.d.ts +26 -0
- package/types/DSShuttle.d.ts +119 -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
|
@@ -1,95 +1,66 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var
|
|
6
|
+
var react = require('react');
|
|
7
7
|
var helper = require('../../helper.js');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
require('
|
|
11
|
-
require('@elliemae/ds-utilities/utils');
|
|
12
|
-
require('treetabular');
|
|
13
|
-
require('@elliemae/ds-classnames');
|
|
14
|
-
require('@elliemae/ds-basic/Button');
|
|
15
|
-
require('@elliemae/ds-icons/CloseCircle');
|
|
16
|
-
require('@elliemae/ds-icons/ArrowShortRight');
|
|
17
|
-
require('@elliemae/ds-icons/ArrowShortReturn');
|
|
18
|
-
require('react-spring/web.cjs');
|
|
19
|
-
require('@elliemae/ds-basic/TruncatedTooltipText');
|
|
20
|
-
require('react-sortable-hoc');
|
|
21
|
-
require('@elliemae/ds-icons/GripperVertical');
|
|
8
|
+
var ActionButtons = require('./ActionButtons.js');
|
|
9
|
+
var ShuttleListItem = require('./ShuttleListItem.js');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
22
11
|
|
|
23
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
13
|
|
|
25
|
-
var
|
|
26
|
-
var
|
|
14
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
15
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
27
16
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
28
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
29
17
|
|
|
30
|
-
|
|
18
|
+
const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceTo", "isChecked", "showMoveButton", "showDrillDownButton", "index"];
|
|
31
19
|
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
_ref$onItemCheck = _ref.onItemCheck,
|
|
36
|
-
onItemCheck = _ref$onItemCheck === void 0 ? function () {
|
|
37
|
-
return null;
|
|
38
|
-
} : _ref$onItemCheck,
|
|
39
|
-
_ref$onMoveToTarget = _ref.onMoveToTarget,
|
|
40
|
-
onMoveToTarget = _ref$onMoveToTarget === void 0 ? function () {
|
|
41
|
-
return null;
|
|
42
|
-
} : _ref$onMoveToTarget,
|
|
43
|
-
_ref$onNavigateOnSour = _ref.onNavigateOnSourceTo,
|
|
44
|
-
onNavigateOnSourceTo = _ref$onNavigateOnSour === void 0 ? function () {
|
|
45
|
-
return null;
|
|
46
|
-
} : _ref$onNavigateOnSour,
|
|
47
|
-
_ref$isChecked = _ref.isChecked,
|
|
48
|
-
isChecked = _ref$isChecked === void 0 ? false : _ref$isChecked,
|
|
49
|
-
_ref$showMoveButton = _ref.showMoveButton,
|
|
50
|
-
showMoveButton = _ref$showMoveButton === void 0 ? true : _ref$showMoveButton,
|
|
51
|
-
_ref$showDrillDownBut = _ref.showDrillDownButton,
|
|
52
|
-
showDrillDownButton = _ref$showDrillDownBut === void 0 ? true : _ref$showDrillDownBut;
|
|
53
|
-
_ref.index;
|
|
54
|
-
var rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
55
23
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
24
|
+
function ShuttleSourceListItem(_ref) {
|
|
25
|
+
let {
|
|
26
|
+
item = {},
|
|
27
|
+
onItemCheck = () => null,
|
|
28
|
+
onMoveToTarget = () => null,
|
|
29
|
+
onNavigateOnSourceTo = () => null,
|
|
30
|
+
isChecked = false,
|
|
31
|
+
showMoveButton = true,
|
|
32
|
+
showDrillDownButton = true,
|
|
33
|
+
index
|
|
34
|
+
} = _ref,
|
|
35
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
60
36
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
React.useEffect(function () {
|
|
37
|
+
const [clicked, setClicked] = react.useState(false);
|
|
38
|
+
const moveToTarget = react.useCallback(() => onMoveToTarget(item), [item]);
|
|
39
|
+
react.useEffect(() => {
|
|
65
40
|
if (clicked) {
|
|
66
41
|
moveToTarget();
|
|
67
42
|
}
|
|
68
43
|
}, [clicked]);
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}, [item]);
|
|
72
|
-
var checkItem = React.useCallback(function () {
|
|
44
|
+
const navigateOnSourceTo = react.useCallback(() => onNavigateOnSourceTo(item), [item]);
|
|
45
|
+
const checkItem = react.useCallback(() => {
|
|
73
46
|
if (!clicked) onItemCheck(item);
|
|
74
47
|
}, [item, clicked]);
|
|
75
48
|
|
|
76
|
-
|
|
49
|
+
const handleOnClick = () => {
|
|
77
50
|
if (!clicked) {
|
|
78
51
|
setClicked(true);
|
|
79
52
|
}
|
|
80
53
|
};
|
|
81
54
|
|
|
82
|
-
return /*#__PURE__*/
|
|
83
|
-
actions: [showDrillDownButton && /*#__PURE__*/
|
|
84
|
-
key: "drill-down",
|
|
55
|
+
return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
56
|
+
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
|
|
85
57
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
86
58
|
onClick: navigateOnSourceTo
|
|
87
|
-
}), showMoveButton && /*#__PURE__*/
|
|
59
|
+
}, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.MoveButton, {
|
|
88
60
|
"data-testid": "ds-shuttle__move-button",
|
|
89
|
-
key: "move",
|
|
90
61
|
disabled: !helper.isMovable(item) || item.readOnly,
|
|
91
62
|
onClick: handleOnClick
|
|
92
|
-
})],
|
|
63
|
+
}, "move")],
|
|
93
64
|
isChecked: isChecked,
|
|
94
65
|
item: item,
|
|
95
66
|
onSelect: checkItem
|
|
@@ -97,4 +68,3 @@ function ShuttleSourceListItem(_ref) {
|
|
|
97
68
|
}
|
|
98
69
|
|
|
99
70
|
module.exports = ShuttleSourceListItem;
|
|
100
|
-
//# sourceMappingURL=ShuttleSourceListItem.js.map
|
|
@@ -1,75 +1,52 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
require('
|
|
9
|
-
require('@elliemae/ds-basic/Button');
|
|
10
|
-
require('@elliemae/ds-icons/CloseCircle');
|
|
11
|
-
require('@elliemae/ds-icons/ArrowShortRight');
|
|
12
|
-
require('@elliemae/ds-icons/ArrowShortReturn');
|
|
13
|
-
require('react-spring/web.cjs');
|
|
14
|
-
require('@elliemae/ds-basic/TruncatedTooltipText');
|
|
15
|
-
require('react-sortable-hoc');
|
|
16
|
-
require('@elliemae/ds-icons/GripperVertical');
|
|
17
|
-
require('../../helper.js');
|
|
18
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
19
|
-
require('@elliemae/ds-utilities/utils');
|
|
20
|
-
require('treetabular');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var ActionButtons = require('./ActionButtons.js');
|
|
8
|
+
var ShuttleListItem = require('./ShuttleListItem.js');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
21
10
|
|
|
22
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
12
|
|
|
24
|
-
var
|
|
13
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
14
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
15
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
26
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
27
16
|
|
|
28
|
-
|
|
17
|
+
const _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "showDeleteButton", "showDrillDownButton", "showActions", "index"];
|
|
18
|
+
|
|
19
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
|
+
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__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
22
|
|
|
30
23
|
function ShuttleTargetListItem(_ref) {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
isRoot = _ref$isRoot === void 0 ? false : _ref$isRoot,
|
|
43
|
-
_ref$showDeleteButton = _ref.showDeleteButton,
|
|
44
|
-
showDeleteButton = _ref$showDeleteButton === void 0 ? true : _ref$showDeleteButton,
|
|
45
|
-
_ref$showDrillDownBut = _ref.showDrillDownButton,
|
|
46
|
-
showDrillDownButton = _ref$showDrillDownBut === void 0 ? true : _ref$showDrillDownBut,
|
|
47
|
-
_ref$showActions = _ref.showActions,
|
|
48
|
-
showActions = _ref$showActions === void 0 ? true : _ref$showActions;
|
|
49
|
-
_ref.index;
|
|
50
|
-
var rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
24
|
+
let {
|
|
25
|
+
item = {},
|
|
26
|
+
onMoveToSource = () => null,
|
|
27
|
+
onNavigateOnTargetTo = () => null,
|
|
28
|
+
isRoot = false,
|
|
29
|
+
showDeleteButton = true,
|
|
30
|
+
showDrillDownButton = true,
|
|
31
|
+
showActions = true,
|
|
32
|
+
index
|
|
33
|
+
} = _ref,
|
|
34
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
51
35
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
|
|
56
|
-
return onNavigateOnTargetTo(item);
|
|
57
|
-
}, [item]);
|
|
58
|
-
return /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ShuttleListItem, _extends__default['default']({}, rest, {
|
|
59
|
-
actions: [showDrillDownButton && /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ActionButtons.DrillDownButton, {
|
|
60
|
-
key: "drill-down",
|
|
36
|
+
const moveToSource = react.useCallback(() => onMoveToSource(item), [item]);
|
|
37
|
+
const navigateOnTargetTo = react.useCallback(() => onNavigateOnTargetTo(item), [item]);
|
|
38
|
+
return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
39
|
+
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
|
|
61
40
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
62
41
|
onClick: navigateOnTargetTo
|
|
63
|
-
}), showDeleteButton && isRoot && /*#__PURE__*/
|
|
64
|
-
key: "delete",
|
|
42
|
+
}, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
|
|
65
43
|
disabled: item.readOnly,
|
|
66
44
|
onClick: moveToSource,
|
|
67
45
|
"data-testid": "ds-shuttle__close-button"
|
|
68
|
-
})],
|
|
46
|
+
}, "delete")],
|
|
69
47
|
item: item,
|
|
70
48
|
showActions: showActions
|
|
71
49
|
}));
|
|
72
50
|
}
|
|
73
51
|
|
|
74
52
|
module.exports = ShuttleTargetListItem;
|
|
75
|
-
//# sourceMappingURL=ShuttleTargetListItem.js.map
|
|
@@ -1,37 +1,25 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
4
5
|
var DSButton = require('@elliemae/ds-basic/Button');
|
|
5
6
|
var classedComponents = require('../classedComponents.js');
|
|
6
|
-
require('@elliemae/ds-classnames');
|
|
7
|
-
require('./ShuttleBreadcrumb.js');
|
|
8
|
-
require('react-spring/web.cjs');
|
|
9
|
-
require('@elliemae/ds-basic/Breadcrumb');
|
|
10
|
-
require('../animation/animationConfig.js');
|
|
11
|
-
require('./OverflowList.js');
|
|
12
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
13
|
-
require('../AnimationState.js');
|
|
14
|
-
require('@babel/runtime/helpers/slicedToArray');
|
|
15
|
-
require('constate');
|
|
16
7
|
|
|
17
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
9
|
|
|
19
|
-
var
|
|
10
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
11
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
21
12
|
|
|
22
|
-
function ShuttleListPanel(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
open = _ref$open === void 0 ? false : _ref$open,
|
|
29
|
-
children = _ref.children;
|
|
30
|
-
return /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleListPanel, {
|
|
13
|
+
function ShuttleListPanel({
|
|
14
|
+
onClick = () => null,
|
|
15
|
+
open = false,
|
|
16
|
+
children
|
|
17
|
+
}) {
|
|
18
|
+
return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
|
|
31
19
|
classProps: {
|
|
32
|
-
open
|
|
20
|
+
open
|
|
33
21
|
}
|
|
34
|
-
}, /*#__PURE__*/
|
|
22
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
35
23
|
buttonType: "text",
|
|
36
24
|
icon: children,
|
|
37
25
|
onClick: onClick,
|
|
@@ -40,4 +28,3 @@ function ShuttleListPanel(_ref) {
|
|
|
40
28
|
}
|
|
41
29
|
|
|
42
30
|
module.exports = ShuttleListPanel;
|
|
43
|
-
//# sourceMappingURL=ShuttleListPanel.js.map
|
|
@@ -1,136 +1,110 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var _createClass = require('@babel/runtime/helpers/createClass');
|
|
5
|
-
var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
|
|
6
|
-
var _inherits = require('@babel/runtime/helpers/inherits');
|
|
7
|
-
var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
8
|
-
var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
9
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
10
|
-
var
|
|
5
|
+
var react = require('react');
|
|
11
6
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
12
7
|
var utils = require('@elliemae/ds-utilities/utils');
|
|
13
8
|
var DSTextBox = require('@elliemae/ds-basic/form/TextBox');
|
|
14
9
|
|
|
15
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
11
|
|
|
17
|
-
var
|
|
18
|
-
var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
|
|
19
|
-
var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
|
|
20
|
-
var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
|
|
21
|
-
var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
|
|
22
|
-
var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
|
|
12
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
13
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
14
|
var DSTextBox__default = /*#__PURE__*/_interopDefaultLegacy(DSTextBox);
|
|
26
15
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
opened: isOpen
|
|
35
|
-
};
|
|
36
|
-
});
|
|
37
|
-
var filterList = utils.debounce(function (term, onFilterCallback) {
|
|
16
|
+
const blockName = 'shuttle-search-box';
|
|
17
|
+
const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, ({
|
|
18
|
+
isOpen
|
|
19
|
+
}) => ({
|
|
20
|
+
opened: isOpen
|
|
21
|
+
}));
|
|
22
|
+
const filterList = utils.debounce((term, onFilterCallback) => {
|
|
38
23
|
onFilterCallback(term);
|
|
39
24
|
}, 200);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
var _super = _createSuper(ShuttleSearchBox);
|
|
45
|
-
|
|
46
|
-
function ShuttleSearchBox(props) {
|
|
47
|
-
var _this;
|
|
48
|
-
|
|
49
|
-
_classCallCheck__default['default'](this, ShuttleSearchBox);
|
|
50
|
-
|
|
51
|
-
_this = _super.call(this, props);
|
|
52
|
-
_this.state = {
|
|
25
|
+
class ShuttleSearchBox extends react.Component {
|
|
26
|
+
constructor(props) {
|
|
27
|
+
super(props);
|
|
28
|
+
this.state = {
|
|
53
29
|
value: props.value,
|
|
54
30
|
prevProps: {}
|
|
55
31
|
};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
return _this;
|
|
32
|
+
this.handleChange = this.handleChange.bind(this);
|
|
33
|
+
this.handleKeyPress = this.handleKeyPress.bind(this);
|
|
59
34
|
}
|
|
60
35
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
}, {
|
|
76
|
-
key: "handleKeyPress",
|
|
77
|
-
value: function handleKeyPress(e) {
|
|
78
|
-
var onFilter = this.props.onFilter;
|
|
79
|
-
if (e.keyCode === 13) onFilter(e.target.value);
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
key: "render",
|
|
83
|
-
value: function render() {
|
|
84
|
-
var value = this.state.value;
|
|
85
|
-
var _this$props2 = this.props,
|
|
86
|
-
isOpen = _this$props2.isOpen,
|
|
87
|
-
onClose = _this$props2.onClose,
|
|
88
|
-
placeholder = _this$props2.placeholder;
|
|
89
|
-
return /*#__PURE__*/React__default['default'].createElement(SearchBoxContainer, {
|
|
90
|
-
classProps: {
|
|
91
|
-
isOpen: isOpen
|
|
36
|
+
static getDerivedStateFromProps(nextProps, {
|
|
37
|
+
prevProps
|
|
38
|
+
}) {
|
|
39
|
+
const {
|
|
40
|
+
value
|
|
41
|
+
} = nextProps;
|
|
42
|
+
|
|
43
|
+
if (value !== prevProps.value) {
|
|
44
|
+
return {
|
|
45
|
+
value,
|
|
46
|
+
prevProps: {
|
|
47
|
+
value
|
|
92
48
|
}
|
|
93
|
-
}
|
|
94
|
-
autoFocus: true,
|
|
95
|
-
clearable: true,
|
|
96
|
-
onChange: this.handleChange,
|
|
97
|
-
onClear: onClose,
|
|
98
|
-
onKeyDown: this.handleKeyPress,
|
|
99
|
-
placeholder: placeholder,
|
|
100
|
-
value: value
|
|
101
|
-
}));
|
|
49
|
+
};
|
|
102
50
|
}
|
|
103
|
-
}], [{
|
|
104
|
-
key: "getDerivedStateFromProps",
|
|
105
|
-
value: function getDerivedStateFromProps(nextProps, _ref2) {
|
|
106
|
-
var prevProps = _ref2.prevProps;
|
|
107
|
-
var value = nextProps.value;
|
|
108
51
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
value: value,
|
|
112
|
-
prevProps: {
|
|
113
|
-
value: value
|
|
114
|
-
}
|
|
115
|
-
};
|
|
116
|
-
}
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
117
54
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
55
|
+
handleChange(e) {
|
|
56
|
+
const {
|
|
57
|
+
onChange,
|
|
58
|
+
filterOnKeyStroke,
|
|
59
|
+
onFilter
|
|
60
|
+
} = this.props;
|
|
61
|
+
const {
|
|
62
|
+
value
|
|
63
|
+
} = e.target;
|
|
64
|
+
onChange(value);
|
|
65
|
+
if (filterOnKeyStroke) filterList(value, onFilter);
|
|
66
|
+
this.setState({
|
|
67
|
+
value
|
|
68
|
+
});
|
|
69
|
+
}
|
|
121
70
|
|
|
122
|
-
|
|
123
|
-
|
|
71
|
+
handleKeyPress(e) {
|
|
72
|
+
const {
|
|
73
|
+
onFilter
|
|
74
|
+
} = this.props;
|
|
75
|
+
if (e.keyCode === 13) onFilter(e.target.value);
|
|
76
|
+
}
|
|
124
77
|
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
78
|
+
render() {
|
|
79
|
+
const {
|
|
80
|
+
value
|
|
81
|
+
} = this.state;
|
|
82
|
+
const {
|
|
83
|
+
isOpen,
|
|
84
|
+
onClose,
|
|
85
|
+
placeholder
|
|
86
|
+
} = this.props;
|
|
87
|
+
return /*#__PURE__*/_jsx__default["default"](SearchBoxContainer, {
|
|
88
|
+
classProps: {
|
|
89
|
+
isOpen
|
|
90
|
+
}
|
|
91
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
|
|
92
|
+
autoFocus: true,
|
|
93
|
+
clearable: true,
|
|
94
|
+
onChange: this.handleChange,
|
|
95
|
+
onClear: onClose,
|
|
96
|
+
onKeyDown: this.handleKeyPress,
|
|
97
|
+
placeholder: placeholder,
|
|
98
|
+
value: value
|
|
99
|
+
}));
|
|
132
100
|
}
|
|
101
|
+
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
_defineProperty__default["default"](ShuttleSearchBox, "defaultProps", {
|
|
105
|
+
filterOnKeyStroke: false,
|
|
106
|
+
onChange: () => null,
|
|
107
|
+
onFilter: () => null
|
|
133
108
|
});
|
|
134
109
|
|
|
135
110
|
module.exports = ShuttleSearchBox;
|
|
136
|
-
//# sourceMappingURL=ShuttleSearchBox.js.map
|