@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
|
@@ -1,72 +1,57 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
10
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
require('
|
|
9
|
-
require('@elliemae/ds-button');
|
|
10
|
-
require('@elliemae/ds-icons');
|
|
11
|
-
require('react-spring/web.cjs');
|
|
12
|
-
require('@elliemae/ds-truncated-tooltip-text');
|
|
13
|
-
require('react-sortable-hoc');
|
|
14
|
-
require('../../helper.js');
|
|
15
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
16
|
-
require('@elliemae/ds-utilities');
|
|
17
|
-
require('treetabular');
|
|
11
|
+
var react = require('react');
|
|
12
|
+
var ActionButtons = require('./ActionButtons.js');
|
|
13
|
+
var ShuttleListItem = require('./ShuttleListItem.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
18
15
|
|
|
19
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
17
|
|
|
21
|
-
var
|
|
18
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
20
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
23
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
24
21
|
|
|
25
|
-
|
|
22
|
+
const _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "showDeleteButton", "showDrillDownButton", "showActions", "index"];
|
|
23
|
+
|
|
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; }
|
|
25
|
+
|
|
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; }
|
|
26
27
|
|
|
27
28
|
function ShuttleTargetListItem(_ref) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
isRoot = _ref$isRoot === void 0 ? false : _ref$isRoot,
|
|
40
|
-
_ref$showDeleteButton = _ref.showDeleteButton,
|
|
41
|
-
showDeleteButton = _ref$showDeleteButton === void 0 ? true : _ref$showDeleteButton,
|
|
42
|
-
_ref$showDrillDownBut = _ref.showDrillDownButton,
|
|
43
|
-
showDrillDownButton = _ref$showDrillDownBut === void 0 ? true : _ref$showDrillDownBut,
|
|
44
|
-
_ref$showActions = _ref.showActions,
|
|
45
|
-
showActions = _ref$showActions === void 0 ? true : _ref$showActions;
|
|
46
|
-
_ref.index;
|
|
47
|
-
var rest = _objectWithoutProperties__default['default'](_ref, _excluded);
|
|
29
|
+
let {
|
|
30
|
+
item = {},
|
|
31
|
+
onMoveToSource = () => null,
|
|
32
|
+
onNavigateOnTargetTo = () => null,
|
|
33
|
+
isRoot = false,
|
|
34
|
+
showDeleteButton = true,
|
|
35
|
+
showDrillDownButton = true,
|
|
36
|
+
showActions = true,
|
|
37
|
+
index
|
|
38
|
+
} = _ref,
|
|
39
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
48
40
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
},
|
|
52
|
-
|
|
53
|
-
return onNavigateOnTargetTo(item);
|
|
54
|
-
}, [item]);
|
|
55
|
-
return /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ShuttleListItem, _extends__default['default']({}, rest, {
|
|
56
|
-
actions: [showDrillDownButton && /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ActionButtons.DrillDownButton, {
|
|
57
|
-
key: "drill-down",
|
|
41
|
+
const moveToSource = react.useCallback(() => onMoveToSource(item), [item]);
|
|
42
|
+
const navigateOnTargetTo = react.useCallback(() => onNavigateOnTargetTo(item), [item]);
|
|
43
|
+
return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
44
|
+
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
|
|
58
45
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
59
46
|
onClick: navigateOnTargetTo
|
|
60
|
-
}), showDeleteButton && isRoot && /*#__PURE__*/
|
|
61
|
-
key: "delete",
|
|
47
|
+
}, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
|
|
62
48
|
disabled: item.readOnly,
|
|
63
49
|
onClick: moveToSource,
|
|
64
50
|
"data-testid": "ds-shuttle__close-button"
|
|
65
|
-
})],
|
|
51
|
+
}, "delete")],
|
|
66
52
|
item: item,
|
|
67
53
|
showActions: showActions
|
|
68
54
|
}));
|
|
69
55
|
}
|
|
70
56
|
|
|
71
57
|
module.exports = ShuttleTargetListItem;
|
|
72
|
-
//# sourceMappingURL=ShuttleTargetListItem.js.map
|
|
@@ -1,37 +1,26 @@
|
|
|
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-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-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
13
|
function ShuttleListPanel(_ref) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
children = _ref.children;
|
|
30
|
-
return /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleListPanel, {
|
|
14
|
+
let {
|
|
15
|
+
onClick = () => null,
|
|
16
|
+
open = false,
|
|
17
|
+
children
|
|
18
|
+
} = _ref;
|
|
19
|
+
return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
|
|
31
20
|
classProps: {
|
|
32
|
-
open
|
|
21
|
+
open
|
|
33
22
|
}
|
|
34
|
-
}, /*#__PURE__*/
|
|
23
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
35
24
|
buttonType: "text",
|
|
36
25
|
icon: children,
|
|
37
26
|
onClick: onClick,
|
|
@@ -40,4 +29,3 @@ function ShuttleListPanel(_ref) {
|
|
|
40
29
|
}
|
|
41
30
|
|
|
42
31
|
module.exports = ShuttleListPanel;
|
|
43
|
-
//# sourceMappingURL=ShuttleListPanel.js.map
|
|
@@ -1,133 +1,110 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
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');
|
|
9
|
-
var React = require('react');
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
var react = require('react');
|
|
10
5
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
6
|
var dsUtilities = require('@elliemae/ds-utilities');
|
|
12
7
|
var dsForm = require('@elliemae/ds-form');
|
|
13
8
|
|
|
14
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
10
|
|
|
16
|
-
var
|
|
17
|
-
var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
|
|
18
|
-
var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
|
|
19
|
-
var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
|
|
20
|
-
var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
|
|
21
|
-
var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
|
|
22
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
12
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var isOpen = _ref.isOpen;
|
|
13
|
+
const blockName = 'shuttle-search-box';
|
|
14
|
+
const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
15
|
+
let {
|
|
16
|
+
isOpen
|
|
17
|
+
} = _ref;
|
|
30
18
|
return {
|
|
31
19
|
opened: isOpen
|
|
32
20
|
};
|
|
33
21
|
});
|
|
34
|
-
|
|
22
|
+
const filterList = dsUtilities.debounce((term, onFilterCallback) => {
|
|
35
23
|
onFilterCallback(term);
|
|
36
24
|
}, 200);
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
var _super = _createSuper(ShuttleSearchBox);
|
|
42
|
-
|
|
43
|
-
function ShuttleSearchBox(props) {
|
|
44
|
-
var _this;
|
|
45
|
-
|
|
46
|
-
_classCallCheck__default['default'](this, ShuttleSearchBox);
|
|
47
|
-
|
|
48
|
-
_this = _super.call(this, props);
|
|
49
|
-
_this.state = {
|
|
25
|
+
class ShuttleSearchBox extends react.Component {
|
|
26
|
+
constructor(props) {
|
|
27
|
+
super(props);
|
|
28
|
+
this.state = {
|
|
50
29
|
value: props.value,
|
|
51
30
|
prevProps: {}
|
|
52
31
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return _this;
|
|
32
|
+
this.handleChange = this.handleChange.bind(this);
|
|
33
|
+
this.handleKeyPress = this.handleKeyPress.bind(this);
|
|
56
34
|
}
|
|
57
35
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
}, {
|
|
73
|
-
key: "handleKeyPress",
|
|
74
|
-
value: function handleKeyPress(e) {
|
|
75
|
-
var onFilter = this.props.onFilter;
|
|
76
|
-
if (e.keyCode === 13) onFilter(e.target.value);
|
|
77
|
-
}
|
|
78
|
-
}, {
|
|
79
|
-
key: "render",
|
|
80
|
-
value: function render() {
|
|
81
|
-
var value = this.state.value;
|
|
82
|
-
var _this$props2 = this.props,
|
|
83
|
-
isOpen = _this$props2.isOpen,
|
|
84
|
-
onClose = _this$props2.onClose,
|
|
85
|
-
placeholder = _this$props2.placeholder;
|
|
86
|
-
return /*#__PURE__*/React__default['default'].createElement(SearchBoxContainer, {
|
|
87
|
-
classProps: {
|
|
88
|
-
isOpen: isOpen
|
|
36
|
+
static getDerivedStateFromProps(nextProps, _ref2) {
|
|
37
|
+
let {
|
|
38
|
+
prevProps
|
|
39
|
+
} = _ref2;
|
|
40
|
+
const {
|
|
41
|
+
value
|
|
42
|
+
} = nextProps;
|
|
43
|
+
|
|
44
|
+
if (value !== prevProps.value) {
|
|
45
|
+
return {
|
|
46
|
+
value,
|
|
47
|
+
prevProps: {
|
|
48
|
+
value
|
|
89
49
|
}
|
|
90
|
-
}
|
|
91
|
-
autoFocus: true,
|
|
92
|
-
clearable: true,
|
|
93
|
-
onChange: this.handleChange,
|
|
94
|
-
onClear: onClose,
|
|
95
|
-
onKeyDown: this.handleKeyPress,
|
|
96
|
-
placeholder: placeholder,
|
|
97
|
-
value: value
|
|
98
|
-
}));
|
|
50
|
+
};
|
|
99
51
|
}
|
|
100
|
-
}], [{
|
|
101
|
-
key: "getDerivedStateFromProps",
|
|
102
|
-
value: function getDerivedStateFromProps(nextProps, _ref2) {
|
|
103
|
-
var prevProps = _ref2.prevProps;
|
|
104
|
-
var value = nextProps.value;
|
|
105
52
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
value: value,
|
|
109
|
-
prevProps: {
|
|
110
|
-
value: value
|
|
111
|
-
}
|
|
112
|
-
};
|
|
113
|
-
}
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
114
55
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
56
|
+
handleChange(e) {
|
|
57
|
+
const {
|
|
58
|
+
onChange,
|
|
59
|
+
filterOnKeyStroke,
|
|
60
|
+
onFilter
|
|
61
|
+
} = this.props;
|
|
62
|
+
const {
|
|
63
|
+
value
|
|
64
|
+
} = e.target;
|
|
65
|
+
onChange(value);
|
|
66
|
+
if (filterOnKeyStroke) filterList(value, onFilter);
|
|
67
|
+
this.setState({
|
|
68
|
+
value
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
handleKeyPress(e) {
|
|
73
|
+
const {
|
|
74
|
+
onFilter
|
|
75
|
+
} = this.props;
|
|
76
|
+
if (e.keyCode === 13) onFilter(e.target.value);
|
|
77
|
+
}
|
|
118
78
|
|
|
119
|
-
|
|
120
|
-
|
|
79
|
+
render() {
|
|
80
|
+
const {
|
|
81
|
+
value
|
|
82
|
+
} = this.state;
|
|
83
|
+
const {
|
|
84
|
+
isOpen,
|
|
85
|
+
onClose,
|
|
86
|
+
placeholder
|
|
87
|
+
} = this.props;
|
|
88
|
+
return /*#__PURE__*/_jsx__default["default"](SearchBoxContainer, {
|
|
89
|
+
classProps: {
|
|
90
|
+
isOpen
|
|
91
|
+
}
|
|
92
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
|
|
93
|
+
autoFocus: true,
|
|
94
|
+
clearable: true,
|
|
95
|
+
onChange: this.handleChange,
|
|
96
|
+
onClear: onClose,
|
|
97
|
+
onKeyDown: this.handleKeyPress,
|
|
98
|
+
placeholder: placeholder,
|
|
99
|
+
value: value
|
|
100
|
+
}));
|
|
101
|
+
}
|
|
121
102
|
|
|
103
|
+
}
|
|
122
104
|
ShuttleSearchBox.defaultProps = {
|
|
123
105
|
filterOnKeyStroke: false,
|
|
124
|
-
onChange:
|
|
125
|
-
|
|
126
|
-
},
|
|
127
|
-
onFilter: function onFilter() {
|
|
128
|
-
return null;
|
|
129
|
-
}
|
|
106
|
+
onChange: () => null,
|
|
107
|
+
onFilter: () => null
|
|
130
108
|
};
|
|
131
109
|
|
|
132
110
|
module.exports = ShuttleSearchBox;
|
|
133
|
-
//# sourceMappingURL=ShuttleSearchBox.js.map
|