@elliemae/ds-shuttle 2.0.0-alpha.1 → 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 +1 -1
- package/cjs/DSShuttle.js +2 -2
- package/cjs/SearchState.js +1 -1
- package/cjs/Shuttle.actions.js +1 -1
- package/cjs/ShuttleContainer.js +2 -2
- package/cjs/ShuttleImpl.js +4 -4
- package/cjs/ShuttleRenderer.js +2 -2
- package/cjs/ShuttleState.js +1 -1
- package/cjs/classedComponents.js +1 -1
- package/cjs/components/LoadingIndicator.js +3 -3
- package/cjs/components/OverflowList.js +2 -2
- package/cjs/components/ShuttleBreadcrumb.js +3 -3
- package/cjs/components/ShuttleInfiniteScrollIndicator.js +2 -2
- package/cjs/components/ShuttleListItem/ActionButtons.js +5 -5
- package/cjs/components/ShuttleListItem/ShuttleListItem.js +6 -6
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +4 -4
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +4 -4
- package/cjs/components/ShuttleListPanel.js +2 -2
- package/cjs/components/ShuttleSearchBox.js +3 -3
- package/cjs/components/ShuttleSource.js +15 -15
- package/cjs/components/ShuttleTarget.js +9 -9
- package/cjs/components/VirtualizedItem.js +1 -1
- package/cjs/components/VirtualizedList.js +3 -3
- package/cjs/components/VirtualizedSortableList.js +2 -2
- package/cjs/helper.js +3 -5
- package/cjs/index.js +1 -1
- package/cjs/updateShuttleStateFromProps.js +1 -1
- package/cjs/utils.js +3 -5
- package/cjs/withProviders.js +2 -2
- package/package.json +4 -4
package/cjs/AnimationState.js
CHANGED
|
@@ -42,6 +42,6 @@ function useShuttleAnimationState() {
|
|
|
42
42
|
};
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
var AnimationContext = createContainer__default[
|
|
45
|
+
var AnimationContext = createContainer__default["default"](useShuttleAnimationState, value => [value.state]);
|
|
46
46
|
|
|
47
47
|
module.exports = AnimationContext;
|
package/cjs/DSShuttle.js
CHANGED
|
@@ -55,7 +55,7 @@ const DSShuttle = ({
|
|
|
55
55
|
onGetMoreItems = () => null,
|
|
56
56
|
hasNextPage = false,
|
|
57
57
|
moreItemsLoading
|
|
58
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
58
|
+
}) => /*#__PURE__*/_jsx__default["default"](TruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleImpl, {
|
|
59
59
|
composeSourceItemProps: composeSourceItemProps,
|
|
60
60
|
composeTargetItemProps: composeTargetItemProps,
|
|
61
61
|
containerProps: containerProps,
|
|
@@ -216,4 +216,4 @@ DSShuttleWithSchema.propTypes = props;
|
|
|
216
216
|
|
|
217
217
|
exports.utils = utils;
|
|
218
218
|
exports.DSShuttleWithSchema = DSShuttleWithSchema;
|
|
219
|
-
exports[
|
|
219
|
+
exports["default"] = DSShuttle;
|
package/cjs/SearchState.js
CHANGED
|
@@ -35,6 +35,6 @@ function useSearchState() {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
var SearchState = createContainer__default[
|
|
38
|
+
var SearchState = createContainer__default["default"](useSearchState, value => [value.state]);
|
|
39
39
|
|
|
40
40
|
module.exports = SearchState;
|
package/cjs/Shuttle.actions.js
CHANGED
|
@@ -13,7 +13,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
13
13
|
|
|
14
14
|
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; }
|
|
15
15
|
|
|
16
|
-
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[
|
|
16
|
+
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; }
|
|
17
17
|
function toggleItemSelection(itemId) {
|
|
18
18
|
return state => _objectSpread(_objectSpread({}, state), {}, {
|
|
19
19
|
checkedItems: utils.addOrRemove(state.checkedItems, itemId)
|
package/cjs/ShuttleContainer.js
CHANGED
|
@@ -18,7 +18,7 @@ const _excluded = ["state"];
|
|
|
18
18
|
|
|
19
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
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[
|
|
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; }
|
|
22
22
|
|
|
23
23
|
function filterItemsByTerm(items, term) {
|
|
24
24
|
return items.filter(item => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1 || String(item.id).indexOf(String(term).toLowerCase()) !== -1);
|
|
@@ -32,7 +32,7 @@ function ShuttleContainer({
|
|
|
32
32
|
{
|
|
33
33
|
state: shuttleState
|
|
34
34
|
} = _useContext,
|
|
35
|
-
handlers = _objectWithoutProperties__default[
|
|
35
|
+
handlers = _objectWithoutProperties__default["default"](_useContext, _excluded);
|
|
36
36
|
|
|
37
37
|
const {
|
|
38
38
|
state: searchState
|
package/cjs/ShuttleImpl.js
CHANGED
|
@@ -21,13 +21,13 @@ const _excluded = ["idField", "nonSelectedItems", "moreItemsLoading"];
|
|
|
21
21
|
|
|
22
22
|
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; }
|
|
23
23
|
|
|
24
|
-
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[
|
|
24
|
+
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; }
|
|
25
25
|
|
|
26
26
|
class ShuttleImpl extends react.Component {
|
|
27
27
|
constructor(props) {
|
|
28
28
|
super(props);
|
|
29
29
|
|
|
30
|
-
_defineProperty__default[
|
|
30
|
+
_defineProperty__default["default"](this, "getState", () => {
|
|
31
31
|
const {
|
|
32
32
|
movedItems
|
|
33
33
|
} = this.state;
|
|
@@ -209,7 +209,7 @@ class ShuttleImpl extends react.Component {
|
|
|
209
209
|
nonSelectedItems,
|
|
210
210
|
moreItemsLoading
|
|
211
211
|
} = _this$props,
|
|
212
|
-
rest = _objectWithoutProperties__default[
|
|
212
|
+
rest = _objectWithoutProperties__default["default"](_this$props, _excluded);
|
|
213
213
|
|
|
214
214
|
const {
|
|
215
215
|
hierarchy,
|
|
@@ -292,7 +292,7 @@ class ShuttleImpl extends react.Component {
|
|
|
292
292
|
|
|
293
293
|
}
|
|
294
294
|
|
|
295
|
-
_defineProperty__default[
|
|
295
|
+
_defineProperty__default["default"](ShuttleImpl, "contextType", SearchState.Context);
|
|
296
296
|
|
|
297
297
|
var ShuttleImpl$1 = withProviders(ShuttleImpl);
|
|
298
298
|
|
package/cjs/ShuttleRenderer.js
CHANGED
|
@@ -18,7 +18,7 @@ const _excluded = ["containerProps", "onNavigateOnTargetTo", "onNavigateOnSource
|
|
|
18
18
|
|
|
19
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
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[
|
|
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; }
|
|
22
22
|
|
|
23
23
|
const noop = () => {};
|
|
24
24
|
|
|
@@ -57,7 +57,7 @@ function ShuttleRenderer(_ref) {
|
|
|
57
57
|
moreItemsLoading = false,
|
|
58
58
|
hasNextPage = false
|
|
59
59
|
} = _ref,
|
|
60
|
-
otherProps = _objectWithoutProperties__default[
|
|
60
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
61
61
|
|
|
62
62
|
const {
|
|
63
63
|
setIsMoving,
|
package/cjs/ShuttleState.js
CHANGED
|
@@ -70,6 +70,6 @@ function useShuttleState() {
|
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
var useShuttleState$1 = createContainer__default[
|
|
73
|
+
var useShuttleState$1 = createContainer__default["default"](useShuttleState, value => [value.state]);
|
|
74
74
|
|
|
75
75
|
module.exports = useShuttleState$1;
|
package/cjs/classedComponents.js
CHANGED
|
@@ -21,7 +21,7 @@ const ShuttleWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-wrapp
|
|
|
21
21
|
|
|
22
22
|
const ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
|
|
23
23
|
const ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
|
|
24
|
-
const ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default[
|
|
24
|
+
const ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default["default"])(headerBlockName, 'search-toggle'); // list
|
|
25
25
|
|
|
26
26
|
const ShuttleList = dsClassnames.aggregatedClasses('div')(listBlockName, null, ({
|
|
27
27
|
showPulse
|
|
@@ -11,13 +11,13 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
11
11
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
12
12
|
|
|
13
13
|
var _Wrapper;
|
|
14
|
-
const Wrapper = /*#__PURE__*/styled__default[
|
|
14
|
+
const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
15
15
|
componentId: "sc-18oj125-0"
|
|
16
16
|
})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
|
|
17
17
|
|
|
18
|
-
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default[
|
|
18
|
+
const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
|
|
19
19
|
"data-testid": "shuttle__loading-indicator"
|
|
20
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
20
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](CircularProgressIndicator.DSCircularProgressIndicator, {
|
|
21
21
|
size: "xl",
|
|
22
22
|
showLabel: true
|
|
23
23
|
})));
|
|
@@ -14,7 +14,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
14
14
|
|
|
15
15
|
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; }
|
|
16
16
|
|
|
17
|
-
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[
|
|
17
|
+
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; }
|
|
18
18
|
|
|
19
19
|
function OverflowList({
|
|
20
20
|
className = '',
|
|
@@ -33,7 +33,7 @@ function OverflowList({
|
|
|
33
33
|
return overflowTransition.map(({
|
|
34
34
|
props,
|
|
35
35
|
key
|
|
36
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
36
|
+
}) => /*#__PURE__*/_jsx__default["default"](web.animated.div, {
|
|
37
37
|
className: className,
|
|
38
38
|
style: props
|
|
39
39
|
}, key, children));
|
|
@@ -17,15 +17,15 @@ function ShuttleBreadcrumb({
|
|
|
17
17
|
onNavigateTo = () => null
|
|
18
18
|
}) {
|
|
19
19
|
const animatedCrumbs = web.useTransition(hierarchy, item => item.id, animationConfig.animationConfig.breadcrumb());
|
|
20
|
-
return /*#__PURE__*/_jsx__default[
|
|
20
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
21
21
|
className: className
|
|
22
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
22
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"], {
|
|
23
23
|
isTitle: true
|
|
24
24
|
}, void 0, animatedCrumbs.map(({
|
|
25
25
|
item,
|
|
26
26
|
props,
|
|
27
27
|
key
|
|
28
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
28
|
+
}) => /*#__PURE__*/_jsx__default["default"](DSBreadcrumb__default["default"].Item, {
|
|
29
29
|
containerComponent: web.animated.li,
|
|
30
30
|
label: item.name,
|
|
31
31
|
onClick: () => onNavigateTo(item, 'up'),
|
|
@@ -20,12 +20,12 @@ const InfiniteScrollBarContainer = dsClassnames.aggregatedClasses('div')(blockNa
|
|
|
20
20
|
|
|
21
21
|
const ShuttleInfiniteScrollIndicator = ({
|
|
22
22
|
isOpen
|
|
23
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
23
|
+
}) => /*#__PURE__*/_jsx__default["default"](InfiniteScrollBarContainer, {
|
|
24
24
|
classProps: {
|
|
25
25
|
isOpen
|
|
26
26
|
},
|
|
27
27
|
"data-testid": blockName
|
|
28
|
-
}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default[
|
|
28
|
+
}, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
|
|
29
29
|
processing: true,
|
|
30
30
|
title: "Loading"
|
|
31
31
|
})));
|
|
@@ -25,15 +25,15 @@ var _CloseCircle, _ArrowShortRight, _ArrowShortReturn;
|
|
|
25
25
|
|
|
26
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
29
|
-
const ActionButton = dsClassnames.aggregatedClasses(DSButton__default[
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["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
|
+
const ActionButton = dsClassnames.aggregatedClasses(DSButton__default["default"])('shuttle-list-item', 'action-button');
|
|
30
30
|
const DeleteButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread({
|
|
31
31
|
buttonType: "text",
|
|
32
|
-
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default[
|
|
32
|
+
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](CloseCircle__default["default"], {}))
|
|
33
33
|
}, props));
|
|
34
34
|
const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
|
|
35
35
|
buttonType: "text",
|
|
36
|
-
icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default[
|
|
36
|
+
icon: _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](ArrowShortRight__default["default"], {}))
|
|
37
37
|
}, props), {}, {
|
|
38
38
|
containerProps: {
|
|
39
39
|
'data-testid': 'ds-shuttle__move-button'
|
|
@@ -41,7 +41,7 @@ const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpr
|
|
|
41
41
|
}));
|
|
42
42
|
const DrillDownButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
|
|
43
43
|
buttonType: "text",
|
|
44
|
-
icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default[
|
|
44
|
+
icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](ArrowShortReturn__default["default"], {
|
|
45
45
|
"data-testid": "shuttle__drill-btn-icon"
|
|
46
46
|
}))
|
|
47
47
|
}, props), {}, {
|
|
@@ -26,7 +26,7 @@ var _GripperVertical, _SortHandler;
|
|
|
26
26
|
|
|
27
27
|
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; }
|
|
28
28
|
|
|
29
|
-
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[
|
|
29
|
+
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; }
|
|
30
30
|
const blockName = 'shuttle-list-item';
|
|
31
31
|
const Wrapper = dsClassnames.aggregatedClasses(web.animated.li)(blockName);
|
|
32
32
|
const ActionsGroup = dsClassnames.aggregatedClasses('div')(blockName, 'actions');
|
|
@@ -40,7 +40,7 @@ const Content = dsClassnames.aggregatedClasses('label')(blockName, 'content', ({
|
|
|
40
40
|
'can-hover': canMove,
|
|
41
41
|
'read-only': isReadonly
|
|
42
42
|
}));
|
|
43
|
-
const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default[
|
|
43
|
+
const SortHandler = reactSortableHoc.sortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
|
|
44
44
|
className: "gripper"
|
|
45
45
|
})));
|
|
46
46
|
|
|
@@ -56,22 +56,22 @@ function ShuttleListItem(_ref) {
|
|
|
56
56
|
actions = [],
|
|
57
57
|
showSortHandler = false
|
|
58
58
|
} = _ref,
|
|
59
|
-
rest = _objectWithoutProperties__default[
|
|
59
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
60
60
|
|
|
61
61
|
return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({}, rest), {}, {
|
|
62
62
|
role: "listitem",
|
|
63
63
|
style: style,
|
|
64
|
-
children: [/*#__PURE__*/_jsx__default[
|
|
64
|
+
children: [/*#__PURE__*/_jsx__default["default"](Content, {
|
|
65
65
|
classProps: {
|
|
66
66
|
canMove: helper.isMovable(item),
|
|
67
67
|
isChecked,
|
|
68
68
|
isReadonly: item.readyOnly
|
|
69
69
|
},
|
|
70
70
|
onClick: onSelect
|
|
71
|
-
}, void 0, showSortHandler && (_SortHandler || (_SortHandler = /*#__PURE__*/_jsx__default[
|
|
71
|
+
}, 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"], {
|
|
72
72
|
className: "shuttle-tooltip-text",
|
|
73
73
|
value: item.name
|
|
74
|
-
})), showActions && /*#__PURE__*/_jsx__default[
|
|
74
|
+
})), showActions && /*#__PURE__*/_jsx__default["default"](ActionsGroup, {}, void 0, actions)]
|
|
75
75
|
}));
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -19,7 +19,7 @@ const _excluded = ["item", "onItemCheck", "onMoveToTarget", "onNavigateOnSourceT
|
|
|
19
19
|
|
|
20
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
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[
|
|
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; }
|
|
23
23
|
|
|
24
24
|
function ShuttleSourceListItem(_ref) {
|
|
25
25
|
let {
|
|
@@ -32,7 +32,7 @@ function ShuttleSourceListItem(_ref) {
|
|
|
32
32
|
showDrillDownButton = true,
|
|
33
33
|
index
|
|
34
34
|
} = _ref,
|
|
35
|
-
rest = _objectWithoutProperties__default[
|
|
35
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
36
36
|
|
|
37
37
|
const [clicked, setClicked] = react.useState(false);
|
|
38
38
|
const moveToTarget = react.useCallback(() => onMoveToTarget(item), [item]);
|
|
@@ -53,10 +53,10 @@ function ShuttleSourceListItem(_ref) {
|
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
56
|
-
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default[
|
|
56
|
+
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
|
|
57
57
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
58
58
|
onClick: navigateOnSourceTo
|
|
59
|
-
}, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default[
|
|
59
|
+
}, "drill-down"), showMoveButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.MoveButton, {
|
|
60
60
|
"data-testid": "ds-shuttle__move-button",
|
|
61
61
|
disabled: !helper.isMovable(item) || item.readOnly,
|
|
62
62
|
onClick: handleOnClick
|
|
@@ -18,7 +18,7 @@ const _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "
|
|
|
18
18
|
|
|
19
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
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[
|
|
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; }
|
|
22
22
|
|
|
23
23
|
function ShuttleTargetListItem(_ref) {
|
|
24
24
|
let {
|
|
@@ -31,15 +31,15 @@ function ShuttleTargetListItem(_ref) {
|
|
|
31
31
|
showActions = true,
|
|
32
32
|
index
|
|
33
33
|
} = _ref,
|
|
34
|
-
rest = _objectWithoutProperties__default[
|
|
34
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
35
35
|
|
|
36
36
|
const moveToSource = react.useCallback(() => onMoveToSource(item), [item]);
|
|
37
37
|
const navigateOnTargetTo = react.useCallback(() => onNavigateOnTargetTo(item), [item]);
|
|
38
38
|
return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
39
|
-
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default[
|
|
39
|
+
actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
|
|
40
40
|
disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
|
|
41
41
|
onClick: navigateOnTargetTo
|
|
42
|
-
}, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default[
|
|
42
|
+
}, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
|
|
43
43
|
disabled: item.readOnly,
|
|
44
44
|
onClick: moveToSource,
|
|
45
45
|
"data-testid": "ds-shuttle__close-button"
|
|
@@ -15,11 +15,11 @@ function ShuttleListPanel({
|
|
|
15
15
|
open = false,
|
|
16
16
|
children
|
|
17
17
|
}) {
|
|
18
|
-
return /*#__PURE__*/_jsx__default[
|
|
18
|
+
return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
|
|
19
19
|
classProps: {
|
|
20
20
|
open
|
|
21
21
|
}
|
|
22
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
22
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
23
23
|
buttonType: "text",
|
|
24
24
|
icon: children,
|
|
25
25
|
onClick: onClick,
|
|
@@ -84,11 +84,11 @@ class ShuttleSearchBox extends react.Component {
|
|
|
84
84
|
onClose,
|
|
85
85
|
placeholder
|
|
86
86
|
} = this.props;
|
|
87
|
-
return /*#__PURE__*/_jsx__default[
|
|
87
|
+
return /*#__PURE__*/_jsx__default["default"](SearchBoxContainer, {
|
|
88
88
|
classProps: {
|
|
89
89
|
isOpen
|
|
90
90
|
}
|
|
91
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
91
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSTextBox__default["default"], {
|
|
92
92
|
autoFocus: true,
|
|
93
93
|
clearable: true,
|
|
94
94
|
onChange: this.handleChange,
|
|
@@ -101,7 +101,7 @@ class ShuttleSearchBox extends react.Component {
|
|
|
101
101
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
_defineProperty__default[
|
|
104
|
+
_defineProperty__default["default"](ShuttleSearchBox, "defaultProps", {
|
|
105
105
|
filterOnKeyStroke: false,
|
|
106
106
|
onChange: () => null,
|
|
107
107
|
onFilter: () => null
|
|
@@ -36,7 +36,7 @@ var _Search, _LoadingList, _ArrowShortRight, _ShuttleInfiniteScrol;
|
|
|
36
36
|
|
|
37
37
|
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; }
|
|
38
38
|
|
|
39
|
-
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[
|
|
39
|
+
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; }
|
|
40
40
|
|
|
41
41
|
const noop = () => {};
|
|
42
42
|
|
|
@@ -111,42 +111,42 @@ function ShuttleSource({
|
|
|
111
111
|
const isEmpty = !items.length;
|
|
112
112
|
const hasContent = !loading && !isEmpty;
|
|
113
113
|
const contentIsEmpty = !loading && isEmpty;
|
|
114
|
-
return /*#__PURE__*/_jsx__default[
|
|
114
|
+
return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderBreadcrumb, {
|
|
115
115
|
hierarchy: hierarchy,
|
|
116
116
|
onNavigateTo: onNavigateTo
|
|
117
|
-
}), /*#__PURE__*/_jsx__default[
|
|
117
|
+
}), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderSearchToggle, {
|
|
118
118
|
buttonType: "text",
|
|
119
|
-
icon: _Search || (_Search = /*#__PURE__*/_jsx__default[
|
|
119
|
+
icon: _Search || (_Search = /*#__PURE__*/_jsx__default["default"](Search__default["default"], {})),
|
|
120
120
|
onClick: handleToggleSearch,
|
|
121
121
|
containerProps: {
|
|
122
122
|
'data-testid': 'shuttle-header-search-toggle'
|
|
123
123
|
}
|
|
124
|
-
})), /*#__PURE__*/_jsx__default[
|
|
124
|
+
})), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleList, {
|
|
125
125
|
classProps: {
|
|
126
126
|
showPulse: isMovingBack
|
|
127
127
|
},
|
|
128
128
|
style: {
|
|
129
129
|
pointerEvents: isMoving ? 'none' : null
|
|
130
130
|
}
|
|
131
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
131
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](ShuttleSearchBox, {
|
|
132
132
|
isOpen: searching,
|
|
133
133
|
onClose: utils.runAll(() => toggleSearchBox(false), handleCloseSearch),
|
|
134
134
|
onFilter: utils.runAll(setSearchTerm, onSearch),
|
|
135
135
|
placeholder: searchPlaceholder,
|
|
136
136
|
value: searchTerm
|
|
137
|
-
}, searching), hasContent ? /*#__PURE__*/_jsx__default[
|
|
137
|
+
}, searching), hasContent ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
|
|
138
138
|
activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
|
|
139
139
|
classProps: {
|
|
140
140
|
searching,
|
|
141
141
|
empty: isEmpty
|
|
142
142
|
}
|
|
143
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
143
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
|
|
144
144
|
helperClass: "drag-helper",
|
|
145
145
|
itemRenderer: _ref => {
|
|
146
146
|
let {
|
|
147
147
|
item
|
|
148
148
|
} = _ref,
|
|
149
|
-
rest = _objectWithoutProperties__default[
|
|
149
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
150
150
|
|
|
151
151
|
return /*#__PURE__*/jsxRuntime.jsx(ShuttleSourceListItem, _objectSpread(_objectSpread(_objectSpread({
|
|
152
152
|
"data-testid": "source-list-item"
|
|
@@ -163,20 +163,20 @@ function ShuttleSource({
|
|
|
163
163
|
onSortEnd: handleSortEnd,
|
|
164
164
|
getMoreItems: onGetMoreItems,
|
|
165
165
|
hasNextPage: hasNextPage
|
|
166
|
-
}, searchTerm)) : null, contentIsEmpty ? /*#__PURE__*/_jsx__default[
|
|
166
|
+
}, searchTerm)) : null, contentIsEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {
|
|
167
167
|
"data-testid": "shuttle__loading-list"
|
|
168
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
168
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.EmptyMessage, {}, void 0, emptyMessage)) : null, loading ? _LoadingList || (_LoadingList = /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {
|
|
169
169
|
"data-testid": "shuttle__loading-list"
|
|
170
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
170
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {}))) : null, /*#__PURE__*/_jsx__default["default"](ShuttleListPanel, {
|
|
171
171
|
onClick: onMoveCheckedItems,
|
|
172
172
|
open: checkedItems.length > 1
|
|
173
|
-
}, void 0, _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default[
|
|
173
|
+
}, void 0, _ArrowShortRight || (_ArrowShortRight = /*#__PURE__*/_jsx__default["default"](ArrowShortRight__default["default"], {}))), moreItemsLoading ? _ShuttleInfiniteScrol || (_ShuttleInfiniteScrol = /*#__PURE__*/_jsx__default["default"](ShuttleInfiniteScrollIndicator, {
|
|
174
174
|
isOpen: true
|
|
175
|
-
})) : null), /*#__PURE__*/_jsx__default[
|
|
175
|
+
})) : null), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterActions, {}, void 0, !!checkedItems.length && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
176
176
|
buttonType: "link",
|
|
177
177
|
labelText: sourceClearItemsText,
|
|
178
178
|
onClick: onClearCheckedItems
|
|
179
|
-
})), /*#__PURE__*/_jsx__default[
|
|
179
|
+
})), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderSourceCounter(checkedItems.length))));
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
module.exports = ShuttleSource;
|
|
@@ -27,7 +27,7 @@ var _LoadingIndicator;
|
|
|
27
27
|
|
|
28
28
|
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; }
|
|
29
29
|
|
|
30
|
-
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[
|
|
30
|
+
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; }
|
|
31
31
|
|
|
32
32
|
const noop = () => {};
|
|
33
33
|
|
|
@@ -51,7 +51,7 @@ function ShuttleTarget({
|
|
|
51
51
|
}
|
|
52
52
|
} = react.useContext(AnimationState.Context);
|
|
53
53
|
const isEmpty = !items.length;
|
|
54
|
-
const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default[
|
|
54
|
+
const emptyContent = loading ? _LoadingIndicator || (_LoadingIndicator = /*#__PURE__*/_jsx__default["default"](LoadingIndicator, {})) : /*#__PURE__*/_jsx__default["default"](classedComponents.EmptyMessage, {}, void 0, emptyMessage);
|
|
55
55
|
const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;
|
|
56
56
|
|
|
57
57
|
const handleSortEnd = ({
|
|
@@ -64,24 +64,24 @@ function ShuttleTarget({
|
|
|
64
64
|
});
|
|
65
65
|
};
|
|
66
66
|
|
|
67
|
-
return /*#__PURE__*/_jsx__default[
|
|
67
|
+
return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeader, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleHeaderBreadcrumb, {
|
|
68
68
|
hierarchy: hierarchy,
|
|
69
69
|
onNavigateTo: onNavigateTo
|
|
70
|
-
})), /*#__PURE__*/_jsx__default[
|
|
70
|
+
})), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleList, {
|
|
71
71
|
classProps: {
|
|
72
72
|
showPulse: isMoving
|
|
73
73
|
}
|
|
74
|
-
}, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx__default[
|
|
74
|
+
}, void 0, !loading && !isEmpty ? /*#__PURE__*/_jsx__default["default"](classedComponents.Overflow, {
|
|
75
75
|
activeHierarchy: helper.getActiveIdFromHierarchy(hierarchy).id,
|
|
76
76
|
classProps: {
|
|
77
77
|
empty: !items.length
|
|
78
78
|
}
|
|
79
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
79
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](ComponentList, {
|
|
80
80
|
itemRenderer: _ref => {
|
|
81
81
|
let {
|
|
82
82
|
item
|
|
83
83
|
} = _ref,
|
|
84
|
-
rest = _objectWithoutProperties__default[
|
|
84
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
85
85
|
|
|
86
86
|
return /*#__PURE__*/jsxRuntime.jsx(ShuttleTargetListItem, _objectSpread(_objectSpread(_objectSpread({
|
|
87
87
|
"data-testid": "target-list-item"
|
|
@@ -96,14 +96,14 @@ function ShuttleTarget({
|
|
|
96
96
|
items: items,
|
|
97
97
|
onSortEnd: handleSortEnd,
|
|
98
98
|
target: true
|
|
99
|
-
})) : /*#__PURE__*/_jsx__default[
|
|
99
|
+
})) : /*#__PURE__*/_jsx__default["default"](classedComponents.LoadingList, {}, void 0, emptyContent)), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooter, {}, void 0, /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterActions, {}, void 0, !!items.length && /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
100
100
|
containerProps: {
|
|
101
101
|
'data-testid': 'shuttle-clear-all-target'
|
|
102
102
|
},
|
|
103
103
|
buttonType: "link",
|
|
104
104
|
labelText: targetClearItemsText,
|
|
105
105
|
onClick: onClearMovedItems
|
|
106
|
-
})), /*#__PURE__*/_jsx__default[
|
|
106
|
+
})), /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleFooterCounter, {}, void 0, renderTargetCounter(items.length))));
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
module.exports = ShuttleTarget;
|
|
@@ -10,7 +10,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
10
10
|
|
|
11
11
|
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; }
|
|
12
12
|
|
|
13
|
-
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[
|
|
13
|
+
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; }
|
|
14
14
|
const VirtualizedItem = /*#__PURE__*/react.memo(({
|
|
15
15
|
data,
|
|
16
16
|
index,
|
|
@@ -21,7 +21,7 @@ var AutoSizer__default = /*#__PURE__*/_interopDefaultLegacy(AutoSizer);
|
|
|
21
21
|
|
|
22
22
|
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; }
|
|
23
23
|
|
|
24
|
-
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[
|
|
24
|
+
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; }
|
|
25
25
|
|
|
26
26
|
function VirtualizedList({
|
|
27
27
|
items,
|
|
@@ -51,10 +51,10 @@ function VirtualizedList({
|
|
|
51
51
|
|
|
52
52
|
const isItemLoaded = index => !hasNextPage || index < items.length;
|
|
53
53
|
|
|
54
|
-
return /*#__PURE__*/_jsx__default[
|
|
54
|
+
return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {}, void 0, ({
|
|
55
55
|
height,
|
|
56
56
|
width
|
|
57
|
-
}) => /*#__PURE__*/_jsx__default[
|
|
57
|
+
}) => /*#__PURE__*/_jsx__default["default"](InfiniteLoader__default["default"], {
|
|
58
58
|
isItemLoaded: isItemLoaded,
|
|
59
59
|
itemCount: itemCount,
|
|
60
60
|
loadMoreItems: getMoreItems
|
|
@@ -17,14 +17,14 @@ const _excluded = ["items"];
|
|
|
17
17
|
|
|
18
18
|
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; }
|
|
19
19
|
|
|
20
|
-
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[
|
|
20
|
+
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; }
|
|
21
21
|
const SortableList = reactSortableHoc.sortableContainer(VirtualizedList);
|
|
22
22
|
|
|
23
23
|
function VirtualizedSortableList(_ref) {
|
|
24
24
|
let {
|
|
25
25
|
items
|
|
26
26
|
} = _ref,
|
|
27
|
-
otherProps = _objectWithoutProperties__default[
|
|
27
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
28
28
|
|
|
29
29
|
return /*#__PURE__*/jsxRuntime.jsx(SortableList, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
30
30
|
items: items,
|
package/cjs/helper.js
CHANGED
|
@@ -17,14 +17,12 @@ function _interopNamespace(e) {
|
|
|
17
17
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
18
|
Object.defineProperty(n, k, d.get ? d : {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return e[k];
|
|
22
|
-
}
|
|
20
|
+
get: function () { return e[k]; }
|
|
23
21
|
});
|
|
24
22
|
}
|
|
25
23
|
});
|
|
26
24
|
}
|
|
27
|
-
n[
|
|
25
|
+
n["default"] = e;
|
|
28
26
|
return Object.freeze(n);
|
|
29
27
|
}
|
|
30
28
|
|
|
@@ -33,7 +31,7 @@ var tree__namespace = /*#__PURE__*/_interopNamespace(tree);
|
|
|
33
31
|
|
|
34
32
|
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; }
|
|
35
33
|
|
|
36
|
-
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[
|
|
34
|
+
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; }
|
|
37
35
|
const getHierarchyTypeName = dest => !dest ? 'hierarchy' : 'hierarchyDest';
|
|
38
36
|
const checkHasChildren = (list, currentItem) => list.some(item => currentItem.id === item.parent);
|
|
39
37
|
const getActiveIdFromHierarchy = (hierarchy = []) => hierarchy[hierarchy.length - 1] || {};
|
package/cjs/index.js
CHANGED
|
@@ -11,7 +11,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
11
11
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
14
|
-
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[
|
|
14
|
+
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; }
|
|
15
15
|
|
|
16
16
|
const mergeToPrevState = (prevState, nextState) => _objectSpread(_objectSpread(_objectSpread({}, prevState), nextState), {}, {
|
|
17
17
|
prevProps: _objectSpread(_objectSpread({}, prevState.prevProps), nextState.prevProps)
|
package/cjs/utils.js
CHANGED
|
@@ -16,14 +16,12 @@ function _interopNamespace(e) {
|
|
|
16
16
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
17
17
|
Object.defineProperty(n, k, d.get ? d : {
|
|
18
18
|
enumerable: true,
|
|
19
|
-
get: function () {
|
|
20
|
-
return e[k];
|
|
21
|
-
}
|
|
19
|
+
get: function () { return e[k]; }
|
|
22
20
|
});
|
|
23
21
|
}
|
|
24
22
|
});
|
|
25
23
|
}
|
|
26
|
-
n[
|
|
24
|
+
n["default"] = e;
|
|
27
25
|
return Object.freeze(n);
|
|
28
26
|
}
|
|
29
27
|
|
|
@@ -32,7 +30,7 @@ var tree__namespace = /*#__PURE__*/_interopNamespace(tree);
|
|
|
32
30
|
|
|
33
31
|
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; }
|
|
34
32
|
|
|
35
|
-
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[
|
|
33
|
+
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; }
|
|
36
34
|
var utils = _objectSpread({
|
|
37
35
|
prepareItems: (items, options) => utils$1.compose(tree__namespace.fixOrder(options), helper.prepareItems)(items)
|
|
38
36
|
}, tree__namespace);
|
package/cjs/withProviders.js
CHANGED
|
@@ -15,10 +15,10 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
-
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[
|
|
18
|
+
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; }
|
|
19
19
|
|
|
20
20
|
function withProviders(Component) {
|
|
21
|
-
return props => /*#__PURE__*/_jsx__default[
|
|
21
|
+
return props => /*#__PURE__*/_jsx__default["default"](ShuttleState.Provider, {}, void 0, /*#__PURE__*/_jsx__default["default"](AnimationState.Provider, {}, void 0, /*#__PURE__*/_jsx__default["default"](SearchState.Provider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))));
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
module.exports = withProviders;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-shuttle",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Shuttle",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -152,9 +152,9 @@
|
|
|
152
152
|
"build": "node ../../scripts/build/build.js"
|
|
153
153
|
},
|
|
154
154
|
"dependencies": {
|
|
155
|
-
"@elliemae/ds-basic": "2.0.0-alpha.
|
|
156
|
-
"@elliemae/ds-classnames": "2.0.0-alpha.
|
|
157
|
-
"@elliemae/ds-utilities": "2.0.0-alpha.
|
|
155
|
+
"@elliemae/ds-basic": "2.0.0-alpha.10",
|
|
156
|
+
"@elliemae/ds-classnames": "2.0.0-alpha.10",
|
|
157
|
+
"@elliemae/ds-utilities": "2.0.0-alpha.10",
|
|
158
158
|
"constate": "~1.3.2",
|
|
159
159
|
"memoize-one": "~4.0.3",
|
|
160
160
|
"prop-types": "~15.7.2",
|