@elliemae/ds-shuttle 3.0.0-next.1 → 3.0.0-next.13
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 +75 -0
- package/dist/cjs/AnimationState.js.map +7 -0
- package/dist/cjs/DSShuttle.js +170 -0
- package/dist/cjs/DSShuttle.js.map +7 -0
- package/dist/cjs/SearchState.js +60 -0
- package/dist/cjs/SearchState.js.map +7 -0
- package/dist/cjs/Shuttle.actions.js +136 -0
- package/dist/cjs/Shuttle.actions.js.map +7 -0
- package/dist/cjs/ShuttleContainer.js +108 -0
- package/dist/cjs/ShuttleContainer.js.map +7 -0
- package/dist/cjs/ShuttleImpl.js +242 -0
- package/dist/cjs/ShuttleImpl.js.map +7 -0
- package/dist/cjs/ShuttleRenderer.js +203 -0
- package/dist/cjs/ShuttleRenderer.js.map +7 -0
- package/dist/cjs/ShuttleState.js +84 -0
- package/dist/cjs/ShuttleState.js.map +7 -0
- package/dist/cjs/animation/animationConfig.js +78 -0
- package/dist/cjs/animation/animationConfig.js.map +7 -0
- package/dist/cjs/classedComponents.js +72 -0
- package/dist/cjs/classedComponents.js.map +7 -0
- package/dist/cjs/components/LoadingIndicator.js +52 -0
- package/dist/cjs/components/LoadingIndicator.js.map +7 -0
- package/dist/cjs/components/OverflowList.js +71 -0
- package/dist/cjs/components/OverflowList.js.map +7 -0
- package/dist/cjs/components/ShuttleBreadcrumb.js +54 -0
- package/dist/cjs/components/ShuttleBreadcrumb.js.map +7 -0
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js +48 -0
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js.map +7 -0
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js +76 -0
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js.map +7 -0
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js +121 -0
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js.map +7 -0
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +127 -0
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +7 -0
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +110 -0
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +7 -0
- package/dist/cjs/components/ShuttleListPanel.js +49 -0
- package/dist/cjs/components/ShuttleListPanel.js.map +7 -0
- package/dist/cjs/components/ShuttleSearchBox.js +99 -0
- package/dist/cjs/components/ShuttleSearchBox.js.map +7 -0
- package/dist/cjs/components/ShuttleSource.js +223 -0
- package/dist/cjs/components/ShuttleSource.js.map +7 -0
- package/dist/cjs/components/ShuttleTarget.js +135 -0
- package/dist/cjs/components/ShuttleTarget.js.map +7 -0
- package/dist/cjs/components/VirtualizedItem.js +65 -0
- package/dist/cjs/components/VirtualizedItem.js.map +7 -0
- package/dist/cjs/components/VirtualizedList.js +104 -0
- package/dist/cjs/components/VirtualizedList.js.map +7 -0
- package/dist/cjs/components/VirtualizedSortableList.js +77 -0
- package/dist/cjs/components/VirtualizedSortableList.js.map +7 -0
- package/dist/cjs/helper.js +99 -0
- package/dist/cjs/helper.js.map +7 -0
- package/dist/cjs/index.js +38 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/tests/utils.js +1235 -0
- package/dist/cjs/tests/utils.js.map +7 -0
- package/dist/cjs/updateShuttleStateFromProps.js +108 -0
- package/dist/cjs/updateShuttleStateFromProps.js.map +7 -0
- package/dist/cjs/utils.js +54 -0
- package/dist/cjs/utils.js.map +7 -0
- package/dist/cjs/withProviders.js +57 -0
- package/dist/cjs/withProviders.js.map +7 -0
- package/{esm → dist/esm}/AnimationState.js +12 -8
- package/dist/esm/AnimationState.js.map +7 -0
- package/dist/esm/DSShuttle.js +141 -0
- package/dist/esm/DSShuttle.js.map +7 -0
- package/dist/esm/SearchState.js +31 -0
- package/dist/esm/SearchState.js.map +7 -0
- package/dist/esm/Shuttle.actions.js +118 -0
- package/dist/esm/Shuttle.actions.js.map +7 -0
- package/dist/esm/ShuttleContainer.js +92 -0
- package/dist/esm/ShuttleContainer.js.map +7 -0
- package/dist/esm/ShuttleImpl.js +229 -0
- package/dist/esm/ShuttleImpl.js.map +7 -0
- package/dist/esm/ShuttleRenderer.js +176 -0
- package/dist/esm/ShuttleRenderer.js.map +7 -0
- package/dist/esm/ShuttleState.js +55 -0
- package/dist/esm/ShuttleState.js.map +7 -0
- package/dist/esm/animation/animationConfig.js +49 -0
- package/dist/esm/animation/animationConfig.js.map +7 -0
- package/dist/esm/classedComponents.js +43 -0
- package/dist/esm/classedComponents.js.map +7 -0
- package/dist/esm/components/LoadingIndicator.js +23 -0
- package/dist/esm/components/LoadingIndicator.js.map +7 -0
- package/dist/esm/components/OverflowList.js +44 -0
- package/dist/esm/components/OverflowList.js.map +7 -0
- package/dist/esm/components/ShuttleBreadcrumb.js +25 -0
- package/dist/esm/components/ShuttleBreadcrumb.js.map +7 -0
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js +19 -0
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js.map +7 -0
- package/dist/esm/components/ShuttleListItem/ActionButtons.js +49 -0
- package/dist/esm/components/ShuttleListItem/ActionButtons.js.map +7 -0
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js +94 -0
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map +7 -0
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js +100 -0
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +7 -0
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js +83 -0
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +7 -0
- package/dist/esm/components/ShuttleListPanel.js +20 -0
- package/dist/esm/components/ShuttleListPanel.js.map +7 -0
- package/dist/esm/components/ShuttleSearchBox.js +70 -0
- package/dist/esm/components/ShuttleSearchBox.js.map +7 -0
- package/dist/esm/components/ShuttleSource.js +208 -0
- package/dist/esm/components/ShuttleSource.js.map +7 -0
- package/dist/esm/components/ShuttleTarget.js +119 -0
- package/dist/esm/components/ShuttleTarget.js.map +7 -0
- package/dist/esm/components/VirtualizedItem.js +38 -0
- package/dist/esm/components/VirtualizedItem.js.map +7 -0
- package/dist/esm/components/VirtualizedList.js +77 -0
- package/dist/esm/components/VirtualizedList.js.map +7 -0
- package/dist/esm/components/VirtualizedSortableList.js +50 -0
- package/dist/esm/components/VirtualizedSortableList.js.map +7 -0
- package/dist/esm/helper.js +72 -0
- package/dist/esm/helper.js.map +7 -0
- package/dist/esm/index.js +9 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/tests/utils.js +1208 -0
- package/dist/esm/tests/utils.js.map +7 -0
- package/dist/esm/updateShuttleStateFromProps.js +81 -0
- package/dist/esm/updateShuttleStateFromProps.js.map +7 -0
- package/dist/esm/utils.js +27 -0
- package/dist/esm/utils.js.map +7 -0
- package/dist/esm/withProviders.js +30 -0
- package/dist/esm/withProviders.js.map +7 -0
- package/package.json +99 -90
- package/cjs/AnimationState.js +0 -48
- package/cjs/DSShuttle.js +0 -223
- package/cjs/SearchState.js +0 -41
- package/cjs/Shuttle.actions.js +0 -137
- package/cjs/ShuttleContainer.js +0 -87
- package/cjs/ShuttleImpl.js +0 -311
- package/cjs/ShuttleRenderer.js +0 -139
- package/cjs/ShuttleState.js +0 -80
- package/cjs/animation/animationConfig.js +0 -81
- package/cjs/classedComponents.js +0 -71
- package/cjs/components/LoadingIndicator.js +0 -25
- package/cjs/components/OverflowList.js +0 -53
- package/cjs/components/ShuttleBreadcrumb.js +0 -42
- package/cjs/components/ShuttleInfiniteScrollIndicator.js +0 -39
- package/cjs/components/ShuttleListItem/ActionButtons.js +0 -55
- package/cjs/components/ShuttleListItem/ShuttleListItem.js +0 -85
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +0 -76
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +0 -57
- package/cjs/components/ShuttleListPanel.js +0 -31
- package/cjs/components/ShuttleSearchBox.js +0 -110
- package/cjs/components/ShuttleSource.js +0 -188
- package/cjs/components/ShuttleTarget.js +0 -116
- package/cjs/components/VirtualizedItem.js +0 -46
- package/cjs/components/VirtualizedList.js +0 -93
- package/cjs/components/VirtualizedSortableList.js +0 -41
- package/cjs/helper.js +0 -117
- package/cjs/index.js +0 -12
- package/cjs/updateShuttleStateFromProps.js +0 -94
- package/cjs/utils.js +0 -43
- package/cjs/withProviders.js +0 -29
- package/esm/DSShuttle.js +0 -213
- package/esm/SearchState.js +0 -35
- package/esm/Shuttle.actions.js +0 -123
- package/esm/ShuttleContainer.js +0 -80
- package/esm/ShuttleImpl.js +0 -304
- package/esm/ShuttleRenderer.js +0 -132
- package/esm/ShuttleState.js +0 -74
- package/esm/animation/animationConfig.js +0 -77
- package/esm/classedComponents.js +0 -51
- package/esm/components/LoadingIndicator.js +0 -18
- package/esm/components/OverflowList.js +0 -46
- package/esm/components/ShuttleBreadcrumb.js +0 -35
- package/esm/components/ShuttleInfiniteScrollIndicator.js +0 -32
- package/esm/components/ShuttleListItem/ActionButtons.js +0 -43
- package/esm/components/ShuttleListItem/ShuttleListItem.js +0 -76
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +0 -68
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +0 -49
- package/esm/components/ShuttleListPanel.js +0 -24
- package/esm/components/ShuttleSearchBox.js +0 -104
- package/esm/components/ShuttleSource.js +0 -179
- package/esm/components/ShuttleTarget.js +0 -107
- package/esm/components/VirtualizedItem.js +0 -40
- package/esm/components/VirtualizedList.js +0 -84
- package/esm/components/VirtualizedSortableList.js +0 -34
- package/esm/helper.js +0 -78
- package/esm/index.js +0 -2
- package/esm/updateShuttleStateFromProps.js +0 -88
- package/esm/utils.js +0 -18
- package/esm/withProviders.js +0 -22
- package/types/AnimationState.d.ts +0 -26
- package/types/DSShuttle.d.ts +0 -341
- package/types/SearchState.d.ts +0 -22
- package/types/Shuttle.actions.d.ts +0 -11
- package/types/ShuttleContainer.d.ts +0 -3
- package/types/ShuttleImpl.d.ts +0 -3
- package/types/ShuttleRenderer.d.ts +0 -37
- package/types/ShuttleState.d.ts +0 -53
- package/types/animation/animationConfig.d.ts +0 -68
- package/types/classedComponents.d.ts +0 -14
- package/types/components/LoadingIndicator.d.ts +0 -3
- package/types/components/OverflowList.d.ts +0 -7
- package/types/components/ShuttleBreadcrumb.d.ts +0 -7
- package/types/components/ShuttleInfiniteScrollIndicator.d.ts +0 -5
- package/types/components/ShuttleListItem/ActionButtons.d.ts +0 -4
- package/types/components/ShuttleListItem/ShuttleListItem.d.ts +0 -14
- package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +0 -13
- package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +0 -13
- package/types/components/ShuttleListPanel.d.ts +0 -7
- package/types/components/ShuttleSearchBox.d.ts +0 -20
- package/types/components/ShuttleSource.d.ts +0 -54
- package/types/components/ShuttleTarget.d.ts +0 -16
- package/types/components/VirtualizedItem.d.ts +0 -3
- package/types/components/VirtualizedList.d.ts +0 -12
- package/types/components/VirtualizedSortableList.d.ts +0 -6
- package/types/helper.d.ts +0 -16
- package/types/index.d.ts +0 -1
- package/types/tests/DSShuttle.events.test.d.ts +0 -1
- package/types/tests/DSShuttle.test.d.ts +0 -1
- package/types/tests/utils.d.ts +0 -116
- package/types/updateShuttleStateFromProps.d.ts +0 -1
- package/types/utils.d.ts +0 -2
- package/types/withProviders.d.ts +0 -3
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('react');
|
|
5
|
-
var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
|
-
|
|
13
|
-
var _Wrapper;
|
|
14
|
-
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
15
|
-
componentId: "sc-18oj125-0"
|
|
16
|
-
})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
|
|
17
|
-
|
|
18
|
-
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
|
|
19
|
-
"data-testid": "shuttle__loading-indicator"
|
|
20
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
|
|
21
|
-
size: "xl",
|
|
22
|
-
showLabel: true
|
|
23
|
-
})));
|
|
24
|
-
|
|
25
|
-
module.exports = LoadingIndicator;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.map.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.map.js');
|
|
7
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
-
var react = require('react');
|
|
13
|
-
var web = require('react-spring/web');
|
|
14
|
-
var animationConfig = require('../animation/animationConfig.js');
|
|
15
|
-
var AnimationState = require('../AnimationState.js');
|
|
16
|
-
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
-
|
|
19
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
-
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
|
-
|
|
26
|
-
function OverflowList(_ref) {
|
|
27
|
-
let {
|
|
28
|
-
className = '',
|
|
29
|
-
activeHierarchy = '',
|
|
30
|
-
children
|
|
31
|
-
} = _ref;
|
|
32
|
-
const {
|
|
33
|
-
state: {
|
|
34
|
-
isDrillingDown = false
|
|
35
|
-
},
|
|
36
|
-
setIsDrillingDown
|
|
37
|
-
} = react.useContext(AnimationState.Context);
|
|
38
|
-
const overflowTransition = web.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
|
|
39
|
-
onDestroyed: () => setIsDrillingDown(false)
|
|
40
|
-
}));
|
|
41
|
-
return overflowTransition.map(_ref2 => {
|
|
42
|
-
let {
|
|
43
|
-
props,
|
|
44
|
-
key
|
|
45
|
-
} = _ref2;
|
|
46
|
-
return /*#__PURE__*/_jsx__default["default"](web.animated.div, {
|
|
47
|
-
className: className,
|
|
48
|
-
style: props
|
|
49
|
-
}, key, children);
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
module.exports = OverflowList;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('core-js/modules/esnext.async-iterator.map.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.map.js');
|
|
6
|
-
require('react');
|
|
7
|
-
var web = require('react-spring/web');
|
|
8
|
-
var DSBreadcrumb = require('@elliemae/ds-basic/Breadcrumb');
|
|
9
|
-
var animationConfig = require('../animation/animationConfig.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
-
var DSBreadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(DSBreadcrumb);
|
|
15
|
-
|
|
16
|
-
function ShuttleBreadcrumb(_ref) {
|
|
17
|
-
let {
|
|
18
|
-
className = '',
|
|
19
|
-
hierarchy = [],
|
|
20
|
-
onNavigateTo = () => null
|
|
21
|
-
} = _ref;
|
|
22
|
-
const animatedCrumbs = web.useTransition(hierarchy, item => item.id, animationConfig.animationConfig.breadcrumb());
|
|
23
|
-
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
24
|
-
className: className
|
|
25
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"], {
|
|
26
|
-
isTitle: true
|
|
27
|
-
}, void 0, animatedCrumbs.map(_ref2 => {
|
|
28
|
-
let {
|
|
29
|
-
item,
|
|
30
|
-
props,
|
|
31
|
-
key
|
|
32
|
-
} = _ref2;
|
|
33
|
-
return /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"].Item, {
|
|
34
|
-
containerComponent: web.animated.li,
|
|
35
|
-
label: item.name,
|
|
36
|
-
onClick: () => onNavigateTo(item, 'up'),
|
|
37
|
-
style: props
|
|
38
|
-
}, key);
|
|
39
|
-
})));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
module.exports = ShuttleBreadcrumb;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('react');
|
|
5
|
-
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
|
-
var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
|
-
var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
|
|
12
|
-
|
|
13
|
-
var _DSIndeterminateProgr;
|
|
14
|
-
const blockName = 'shuttle-infinite-scroll-indicator';
|
|
15
|
-
const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
16
|
-
let {
|
|
17
|
-
isOpen
|
|
18
|
-
} = _ref;
|
|
19
|
-
return {
|
|
20
|
-
opened: isOpen
|
|
21
|
-
};
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
const ShuttleInfiniteScrollIndicator = _ref2 => {
|
|
25
|
-
let {
|
|
26
|
-
isOpen
|
|
27
|
-
} = _ref2;
|
|
28
|
-
return /*#__PURE__*/_jsx__default["default"](InfiniteScrollBarContainer, {
|
|
29
|
-
classProps: {
|
|
30
|
-
isOpen
|
|
31
|
-
},
|
|
32
|
-
"data-testid": blockName
|
|
33
|
-
}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
|
|
34
|
-
processing: true,
|
|
35
|
-
title: "Loading"
|
|
36
|
-
})));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
module.exports = ShuttleInfiniteScrollIndicator;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
-
require('react');
|
|
13
|
-
var dsClassnames = require('@elliemae/ds-classnames');
|
|
14
|
-
var DSButton = require('@elliemae/ds-button');
|
|
15
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
16
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
17
|
-
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
23
|
-
|
|
24
|
-
var _CloseCircle, _ArrowShortRight, _ArrowShortReturn;
|
|
25
|
-
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
-
const ActionButton = dsClassnames.aggregatedClasses(DSButton__default["default"])('shuttle-list-item', 'action-button');
|
|
30
|
-
const DeleteButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread({
|
|
31
|
-
buttonType: "text",
|
|
32
|
-
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {}))
|
|
33
|
-
}, props));
|
|
34
|
-
const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
|
|
35
|
-
buttonType: "text",
|
|
36
|
-
icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortRight, {}))
|
|
37
|
-
}, props), {}, {
|
|
38
|
-
containerProps: {
|
|
39
|
-
'data-testid': 'ds-shuttle__move-button'
|
|
40
|
-
}
|
|
41
|
-
}));
|
|
42
|
-
const DrillDownButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
|
|
43
|
-
buttonType: "text",
|
|
44
|
-
icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortReturn, {
|
|
45
|
-
"data-testid": "shuttle__drill-btn-icon"
|
|
46
|
-
}))
|
|
47
|
-
}, props), {}, {
|
|
48
|
-
containerProps: {
|
|
49
|
-
'data-testid': 'shuttle__drill-btn'
|
|
50
|
-
}
|
|
51
|
-
}));
|
|
52
|
-
|
|
53
|
-
exports.DeleteButton = DeleteButton;
|
|
54
|
-
exports.DrillDownButton = DrillDownButton;
|
|
55
|
-
exports.MoveButton = MoveButton;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
10
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
11
|
-
require('react');
|
|
12
|
-
var dsClassnames = require('@elliemae/ds-classnames');
|
|
13
|
-
var web = require('react-spring/web');
|
|
14
|
-
var TruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
|
|
15
|
-
var reactSortableHoc = require('react-sortable-hoc');
|
|
16
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
17
|
-
var helper = require('../../helper.js');
|
|
18
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
19
|
-
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
23
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
24
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
|
-
var TruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(TruncatedTooltipText);
|
|
26
|
-
|
|
27
|
-
const _excluded = ["item", "showIcons", "showIcon", "onSelect", "isChecked", "style", "showActions", "actions", "showSortHandler"];
|
|
28
|
-
|
|
29
|
-
var _GripperVertical, _SortHandler;
|
|
30
|
-
|
|
31
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
32
|
-
|
|
33
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
34
|
-
const blockName = 'shuttle-list-item';
|
|
35
|
-
const Wrapper = dsClassnames.aggregatedClasses(web.animated.li)(blockName);
|
|
36
|
-
const ActionsGroup = dsClassnames.aggregatedClasses('div')(blockName, 'actions');
|
|
37
|
-
const IconWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'icon-wrapper');
|
|
38
|
-
const Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', _ref => {
|
|
39
|
-
let {
|
|
40
|
-
isChecked,
|
|
41
|
-
canMove,
|
|
42
|
-
isReadonly
|
|
43
|
-
} = _ref;
|
|
44
|
-
return {
|
|
45
|
-
checked: isChecked,
|
|
46
|
-
'can-hover': canMove,
|
|
47
|
-
'read-only': isReadonly
|
|
48
|
-
};
|
|
49
|
-
});
|
|
50
|
-
const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
|
|
51
|
-
className: "gripper"
|
|
52
|
-
})));
|
|
53
|
-
|
|
54
|
-
function ShuttleListItem(_ref2) {
|
|
55
|
-
let {
|
|
56
|
-
item = {},
|
|
57
|
-
showIcons = undefined,
|
|
58
|
-
showIcon = true,
|
|
59
|
-
onSelect = () => null,
|
|
60
|
-
isChecked = false,
|
|
61
|
-
style = undefined,
|
|
62
|
-
showActions = true,
|
|
63
|
-
actions = [],
|
|
64
|
-
showSortHandler = false
|
|
65
|
-
} = _ref2,
|
|
66
|
-
rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
67
|
-
|
|
68
|
-
return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
69
|
-
role: "listitem",
|
|
70
|
-
style: style,
|
|
71
|
-
children: [/*#__PURE__*/_jsx__default["default"](Content, {
|
|
72
|
-
classProps: {
|
|
73
|
-
canMove: helper.isMovable(item),
|
|
74
|
-
isChecked,
|
|
75
|
-
isReadonly: item.readyOnly
|
|
76
|
-
},
|
|
77
|
-
onClick: onSelect
|
|
78
|
-
}, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx__default["default"](SortHandler, {}))), (showIcon || showIcons) && /*#__PURE__*/_jsx__default["default"](IconWrapper, {}, void 0, item.icon), /*#__PURE__*/_jsx__default["default"](TruncatedTooltipText__default["default"], {
|
|
79
|
-
className: "shuttle-tooltip-text",
|
|
80
|
-
value: item.name
|
|
81
|
-
})), showActions && /*#__PURE__*/_jsx__default["default"](ActionsGroup, {}, void 0, actions)]
|
|
82
|
-
}));
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
module.exports = ShuttleListItem;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
8
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
9
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
10
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
12
|
-
var react = require('react');
|
|
13
|
-
var helper = require('../../helper.js');
|
|
14
|
-
var ActionButtons = require('./ActionButtons.js');
|
|
15
|
-
var ShuttleListItem = require('./ShuttleListItem.js');
|
|
16
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
17
|
-
|
|
18
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
-
|
|
20
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
23
|
-
|
|
24
|
-
const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceTo", "isChecked", "showMoveButton", "showDrillDownButton", "index"];
|
|
25
|
-
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
-
|
|
30
|
-
function ShuttleSourceListItem(_ref) {
|
|
31
|
-
let {
|
|
32
|
-
item = {},
|
|
33
|
-
onItemCheck = () => null,
|
|
34
|
-
onMoveToTarget = () => null,
|
|
35
|
-
onNavigateOnSourceTo = () => null,
|
|
36
|
-
isChecked = false,
|
|
37
|
-
showMoveButton = true,
|
|
38
|
-
showDrillDownButton = true,
|
|
39
|
-
index
|
|
40
|
-
} = _ref,
|
|
41
|
-
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
42
|
-
|
|
43
|
-
const [clicked, setClicked] = react.useState(false);
|
|
44
|
-
const moveToTarget = react.useCallback(() => onMoveToTarget(item), [item]);
|
|
45
|
-
react.useEffect(() => {
|
|
46
|
-
if (clicked) {
|
|
47
|
-
moveToTarget();
|
|
48
|
-
}
|
|
49
|
-
}, [clicked]);
|
|
50
|
-
const navigateOnSourceTo = react.useCallback(() => onNavigateOnSourceTo(item), [item]);
|
|
51
|
-
const checkItem = react.useCallback(() => {
|
|
52
|
-
if (!clicked) onItemCheck(item);
|
|
53
|
-
}, [item, clicked]);
|
|
54
|
-
|
|
55
|
-
const handleOnClick = () => {
|
|
56
|
-
if (!clicked) {
|
|
57
|
-
setClicked(true);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
62
|
-
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
|
|
63
|
-
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
64
|
-
onClick: navigateOnSourceTo
|
|
65
|
-
}, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.MoveButton, {
|
|
66
|
-
"data-testid": "ds-shuttle__move-button",
|
|
67
|
-
disabled: !helper.isMovable(item) || item.readOnly,
|
|
68
|
-
onClick: handleOnClick
|
|
69
|
-
}, "move")],
|
|
70
|
-
isChecked: isChecked,
|
|
71
|
-
item: item,
|
|
72
|
-
onSelect: checkItem
|
|
73
|
-
}));
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
module.exports = ShuttleSourceListItem;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
10
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
11
|
-
var react = require('react');
|
|
12
|
-
var ActionButtons = require('./ActionButtons.js');
|
|
13
|
-
var ShuttleListItem = require('./ShuttleListItem.js');
|
|
14
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
-
|
|
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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
-
|
|
28
|
-
function ShuttleTargetListItem(_ref) {
|
|
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);
|
|
40
|
-
|
|
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, {
|
|
45
|
-
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
46
|
-
onClick: navigateOnTargetTo
|
|
47
|
-
}, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
|
|
48
|
-
disabled: item.readOnly,
|
|
49
|
-
onClick: moveToSource,
|
|
50
|
-
"data-testid": "ds-shuttle__close-button"
|
|
51
|
-
}, "delete")],
|
|
52
|
-
item: item,
|
|
53
|
-
showActions: showActions
|
|
54
|
-
}));
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
module.exports = ShuttleTargetListItem;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
require('react');
|
|
5
|
-
var DSButton = require('@elliemae/ds-button');
|
|
6
|
-
var classedComponents = require('../classedComponents.js');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
12
|
-
|
|
13
|
-
function ShuttleListPanel(_ref) {
|
|
14
|
-
let {
|
|
15
|
-
onClick = () => null,
|
|
16
|
-
open = false,
|
|
17
|
-
children
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
|
|
20
|
-
classProps: {
|
|
21
|
-
open
|
|
22
|
-
}
|
|
23
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
24
|
-
buttonType: "text",
|
|
25
|
-
icon: children,
|
|
26
|
-
onClick: onClick,
|
|
27
|
-
"data-testid": "list-panel-btn"
|
|
28
|
-
}));
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
module.exports = ShuttleListPanel;
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
-
var react = require('react');
|
|
5
|
-
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
|
-
var dsUtilities = require('@elliemae/ds-utilities');
|
|
7
|
-
var dsForm = require('@elliemae/ds-form');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
12
|
-
|
|
13
|
-
const blockName = 'shuttle-search-box';
|
|
14
|
-
const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
15
|
-
let {
|
|
16
|
-
isOpen
|
|
17
|
-
} = _ref;
|
|
18
|
-
return {
|
|
19
|
-
opened: isOpen
|
|
20
|
-
};
|
|
21
|
-
});
|
|
22
|
-
const filterList = dsUtilities.debounce((term, onFilterCallback) => {
|
|
23
|
-
onFilterCallback(term);
|
|
24
|
-
}, 200);
|
|
25
|
-
class ShuttleSearchBox extends react.Component {
|
|
26
|
-
constructor(props) {
|
|
27
|
-
super(props);
|
|
28
|
-
this.state = {
|
|
29
|
-
value: props.value,
|
|
30
|
-
prevProps: {}
|
|
31
|
-
};
|
|
32
|
-
this.handleChange = this.handleChange.bind(this);
|
|
33
|
-
this.handleKeyPress = this.handleKeyPress.bind(this);
|
|
34
|
-
}
|
|
35
|
-
|
|
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
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
return null;
|
|
54
|
-
}
|
|
55
|
-
|
|
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
|
-
}
|
|
78
|
-
|
|
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
|
-
}
|
|
102
|
-
|
|
103
|
-
}
|
|
104
|
-
ShuttleSearchBox.defaultProps = {
|
|
105
|
-
filterOnKeyStroke: false,
|
|
106
|
-
onChange: () => null,
|
|
107
|
-
onFilter: () => null
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
module.exports = ShuttleSearchBox;
|