@elliemae/ds-shuttle 2.2.0-alpha.4 → 3.0.0-next.2
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 +19 -46
- package/cjs/DSShuttle.js +219 -166
- package/cjs/SearchState.js +25 -44
- package/cjs/Shuttle.actions.js +98 -87
- package/cjs/ShuttleContainer.js +61 -56
- package/cjs/ShuttleImpl.js +206 -109
- package/cjs/ShuttleRenderer.js +135 -140
- package/cjs/ShuttleState.js +53 -57
- package/cjs/animation/animationConfig.js +56 -53
- package/cjs/classedComponents.js +69 -70
- package/cjs/components/LoadingIndicator.js +22 -49
- package/cjs/components/OverflowList.js +48 -50
- package/cjs/components/ShuttleBreadcrumb.js +40 -52
- package/cjs/components/ShuttleInfiniteScrollIndicator.js +37 -46
- package/cjs/components/ShuttleListItem/ActionButtons.js +51 -56
- package/cjs/components/ShuttleListItem/ShuttleListItem.js +80 -78
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +64 -78
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +56 -72
- package/cjs/components/ShuttleListPanel.js +26 -44
- package/cjs/components/ShuttleSearchBox.js +72 -61
- package/cjs/components/ShuttleSource.js +146 -150
- package/cjs/components/ShuttleTarget.js +100 -88
- package/cjs/components/VirtualizedItem.js +40 -45
- package/cjs/components/VirtualizedList.js +86 -81
- package/cjs/components/VirtualizedSortableList.js +40 -47
- package/cjs/helper.js +103 -69
- package/cjs/index.js +12 -38
- package/cjs/updateShuttleStateFromProps.js +69 -73
- package/cjs/utils.js +42 -40
- package/cjs/withProviders.js +27 -43
- package/esm/AnimationState.js +8 -12
- package/esm/DSShuttle.js +198 -126
- package/esm/SearchState.js +19 -15
- package/esm/Shuttle.actions.js +80 -63
- package/esm/ShuttleContainer.js +50 -34
- package/esm/ShuttleImpl.js +183 -78
- package/esm/ShuttleRenderer.js +128 -111
- package/esm/ShuttleState.js +53 -34
- package/esm/animation/animationConfig.js +52 -24
- package/esm/classedComponents.js +51 -43
- package/esm/components/LoadingIndicator.js +15 -20
- package/esm/components/OverflowList.js +41 -21
- package/esm/components/ShuttleBreadcrumb.js +33 -23
- package/esm/components/ShuttleInfiniteScrollIndicator.js +31 -18
- package/esm/components/ShuttleListItem/ActionButtons.js +39 -27
- package/esm/components/ShuttleListItem/ShuttleListItem.js +72 -50
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +52 -45
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +47 -42
- package/esm/components/ShuttleListPanel.js +19 -15
- package/esm/components/ShuttleSearchBox.js +66 -32
- package/esm/components/ShuttleSource.js +129 -125
- package/esm/components/ShuttleTarget.js +89 -68
- package/esm/components/VirtualizedItem.js +33 -15
- package/esm/components/VirtualizedList.js +75 -50
- package/esm/components/VirtualizedSortableList.js +32 -17
- package/esm/helper.js +67 -43
- package/esm/index.js +2 -9
- package/esm/updateShuttleStateFromProps.js +58 -39
- package/esm/utils.js +18 -12
- package/esm/withProviders.js +20 -14
- package/package.json +11 -11
- package/types/AnimationState.d.ts +2 -3
- package/types/DSShuttle.d.ts +1 -1
- package/types/SearchState.d.ts +2 -3
- package/types/ShuttleImpl.d.ts +2 -3
- package/types/ShuttleRenderer.d.ts +0 -1
- package/types/ShuttleState.d.ts +2 -3
- package/types/components/LoadingIndicator.d.ts +0 -1
- package/types/components/OverflowList.d.ts +0 -1
- package/types/components/ShuttleBreadcrumb.d.ts +0 -1
- package/types/components/ShuttleInfiniteScrollIndicator.d.ts +0 -1
- package/types/components/ShuttleListItem/ShuttleListItem.d.ts +0 -1
- package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +0 -1
- package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +0 -1
- package/types/components/ShuttleListPanel.d.ts +0 -1
- package/types/components/ShuttleSearchBox.d.ts +1 -3
- package/types/components/ShuttleSource.d.ts +0 -1
- package/types/components/ShuttleTarget.d.ts +0 -1
- package/types/components/VirtualizedItem.d.ts +0 -1
- package/types/components/VirtualizedList.d.ts +0 -1
- package/types/components/VirtualizedSortableList.d.ts +0 -1
- package/types/index.d.ts +1 -1
- package/types/updateShuttleStateFromProps.d.ts +1 -3
- package/types/withProviders.d.ts +0 -1
- package/cjs/AnimationState.js.map +0 -7
- package/cjs/DSShuttle.js.map +0 -7
- package/cjs/SearchState.js.map +0 -7
- package/cjs/Shuttle.actions.js.map +0 -7
- package/cjs/ShuttleContainer.js.map +0 -7
- package/cjs/ShuttleImpl.js.map +0 -7
- package/cjs/ShuttleRenderer.js.map +0 -7
- package/cjs/ShuttleState.js.map +0 -7
- package/cjs/animation/animationConfig.js.map +0 -7
- package/cjs/classedComponents.js.map +0 -7
- package/cjs/components/LoadingIndicator.js.map +0 -7
- package/cjs/components/OverflowList.js.map +0 -7
- package/cjs/components/ShuttleBreadcrumb.js.map +0 -7
- package/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -7
- package/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -7
- package/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -7
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -7
- package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -7
- package/cjs/components/ShuttleListPanel.js.map +0 -7
- package/cjs/components/ShuttleSearchBox.js.map +0 -7
- package/cjs/components/ShuttleSource.js.map +0 -7
- package/cjs/components/ShuttleTarget.js.map +0 -7
- package/cjs/components/VirtualizedItem.js.map +0 -7
- package/cjs/components/VirtualizedList.js.map +0 -7
- package/cjs/components/VirtualizedSortableList.js.map +0 -7
- package/cjs/helper.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/tests/utils.js +0 -1218
- package/cjs/tests/utils.js.map +0 -7
- package/cjs/updateShuttleStateFromProps.js.map +0 -7
- package/cjs/utils.js.map +0 -7
- package/cjs/withProviders.js.map +0 -7
- package/esm/AnimationState.js.map +0 -7
- package/esm/DSShuttle.js.map +0 -7
- package/esm/SearchState.js.map +0 -7
- package/esm/Shuttle.actions.js.map +0 -7
- package/esm/ShuttleContainer.js.map +0 -7
- package/esm/ShuttleImpl.js.map +0 -7
- package/esm/ShuttleRenderer.js.map +0 -7
- package/esm/ShuttleState.js.map +0 -7
- package/esm/animation/animationConfig.js.map +0 -7
- package/esm/classedComponents.js.map +0 -7
- package/esm/components/LoadingIndicator.js.map +0 -7
- package/esm/components/OverflowList.js.map +0 -7
- package/esm/components/ShuttleBreadcrumb.js.map +0 -7
- package/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -7
- package/esm/components/ShuttleListItem/ActionButtons.js.map +0 -7
- package/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -7
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -7
- package/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -7
- package/esm/components/ShuttleListPanel.js.map +0 -7
- package/esm/components/ShuttleSearchBox.js.map +0 -7
- package/esm/components/ShuttleSource.js.map +0 -7
- package/esm/components/ShuttleTarget.js.map +0 -7
- package/esm/components/VirtualizedItem.js.map +0 -7
- package/esm/components/VirtualizedList.js.map +0 -7
- package/esm/components/VirtualizedSortableList.js.map +0 -7
- package/esm/helper.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/tests/utils.js +0 -1189
- package/esm/tests/utils.js.map +0 -7
- package/esm/updateShuttleStateFromProps.js.map +0 -7
- package/esm/utils.js.map +0 -7
- package/esm/withProviders.js.map +0 -7
package/cjs/classedComponents.js
CHANGED
|
@@ -1,72 +1,71 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSButton = require('@elliemae/ds-button');
|
|
6
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
7
|
+
var ShuttleBreadcrumb = require('./components/ShuttleBreadcrumb.js');
|
|
8
|
+
var OverflowList = require('./components/OverflowList.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
13
|
+
|
|
14
|
+
const blockName = 'shuttle';
|
|
15
|
+
const headerBlockName = "".concat(blockName, "-header");
|
|
16
|
+
const listBlockName = "".concat(blockName, "-list");
|
|
17
|
+
const footerBlockName = "".concat(blockName, "-footer");
|
|
18
|
+
const ShuttleContainer = dsClassnames.aggregatedClasses('div')(blockName); // wrapper
|
|
19
|
+
|
|
20
|
+
const ShuttleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
|
|
21
|
+
|
|
22
|
+
const ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
|
|
23
|
+
const ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
|
|
24
|
+
const ShuttleHeaderSearchToggle = dsClassnames.aggregatedClasses(DSButton__default["default"])(headerBlockName, 'search-toggle'); // list
|
|
25
|
+
|
|
26
|
+
const ShuttleList = dsClassnames.aggregatedClasses('div')(listBlockName, null, _ref => {
|
|
27
|
+
let {
|
|
28
|
+
showPulse
|
|
29
|
+
} = _ref;
|
|
30
|
+
return {
|
|
31
|
+
'show-pulse': showPulse
|
|
26
32
|
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var classedComponents_exports = {};
|
|
29
|
-
__export(classedComponents_exports, {
|
|
30
|
-
EmptyMessage: () => EmptyMessage,
|
|
31
|
-
LoadingList: () => LoadingList,
|
|
32
|
-
Overflow: () => Overflow,
|
|
33
|
-
ShuttleContainer: () => ShuttleContainer,
|
|
34
|
-
ShuttleFooter: () => ShuttleFooter,
|
|
35
|
-
ShuttleFooterActions: () => ShuttleFooterActions,
|
|
36
|
-
ShuttleFooterCounter: () => ShuttleFooterCounter,
|
|
37
|
-
ShuttleHeader: () => ShuttleHeader,
|
|
38
|
-
ShuttleHeaderBreadcrumb: () => ShuttleHeaderBreadcrumb,
|
|
39
|
-
ShuttleHeaderSearchToggle: () => ShuttleHeaderSearchToggle,
|
|
40
|
-
ShuttleList: () => ShuttleList,
|
|
41
|
-
ShuttleListPanel: () => ShuttleListPanel,
|
|
42
|
-
ShuttleWrapper: () => ShuttleWrapper
|
|
43
33
|
});
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
const
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
34
|
+
const ShuttleListPanel = dsClassnames.aggregatedClasses('div')(listBlockName, 'panel', _ref2 => {
|
|
35
|
+
let {
|
|
36
|
+
open
|
|
37
|
+
} = _ref2;
|
|
38
|
+
return {
|
|
39
|
+
open
|
|
40
|
+
};
|
|
41
|
+
});
|
|
42
|
+
const Overflow = dsClassnames.aggregatedClasses(OverflowList)(listBlockName, 'overflow', _ref3 => {
|
|
43
|
+
let {
|
|
44
|
+
empty,
|
|
45
|
+
searching
|
|
46
|
+
} = _ref3;
|
|
47
|
+
return {
|
|
48
|
+
empty,
|
|
49
|
+
searching
|
|
50
|
+
};
|
|
51
|
+
});
|
|
52
|
+
const EmptyMessage = dsClassnames.aggregatedClasses('span')(listBlockName, 'empty-message');
|
|
53
|
+
const LoadingList = dsClassnames.aggregatedClasses('div')(listBlockName, 'loading-list'); // footer
|
|
54
|
+
|
|
55
|
+
const ShuttleFooter = dsClassnames.aggregatedClasses('div')(footerBlockName);
|
|
56
|
+
const ShuttleFooterActions = dsClassnames.aggregatedClasses('div')(footerBlockName, 'actions');
|
|
57
|
+
const ShuttleFooterCounter = dsClassnames.aggregatedClasses('span')(footerBlockName, 'counter');
|
|
58
|
+
|
|
59
|
+
exports.EmptyMessage = EmptyMessage;
|
|
60
|
+
exports.LoadingList = LoadingList;
|
|
61
|
+
exports.Overflow = Overflow;
|
|
62
|
+
exports.ShuttleContainer = ShuttleContainer;
|
|
63
|
+
exports.ShuttleFooter = ShuttleFooter;
|
|
64
|
+
exports.ShuttleFooterActions = ShuttleFooterActions;
|
|
65
|
+
exports.ShuttleFooterCounter = ShuttleFooterCounter;
|
|
66
|
+
exports.ShuttleHeader = ShuttleHeader;
|
|
67
|
+
exports.ShuttleHeaderBreadcrumb = ShuttleHeaderBreadcrumb;
|
|
68
|
+
exports.ShuttleHeaderSearchToggle = ShuttleHeaderSearchToggle;
|
|
69
|
+
exports.ShuttleList = ShuttleList;
|
|
70
|
+
exports.ShuttleListPanel = ShuttleListPanel;
|
|
71
|
+
exports.ShuttleWrapper = ShuttleWrapper;
|
|
@@ -1,52 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var LoadingIndicator_exports = {};
|
|
29
|
-
__export(LoadingIndicator_exports, {
|
|
30
|
-
LoadingIndicator: () => LoadingIndicator,
|
|
31
|
-
default: () => LoadingIndicator_default
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
|
|
36
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
37
|
-
const Wrapper = import_styled_components.default.div`
|
|
38
|
-
display: flex;
|
|
39
|
-
justify-content: center;
|
|
40
|
-
align-items: center;
|
|
41
|
-
width: 100%;
|
|
42
|
-
height: 100%;
|
|
43
|
-
`;
|
|
44
|
-
const LoadingIndicator = () => /* @__PURE__ */ import_react.default.createElement(Wrapper, {
|
|
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, {
|
|
45
19
|
"data-testid": "shuttle__loading-indicator"
|
|
46
|
-
},
|
|
20
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
|
|
47
21
|
size: "xl",
|
|
48
22
|
showLabel: true
|
|
49
|
-
}));
|
|
50
|
-
|
|
51
|
-
module.exports =
|
|
52
|
-
//# sourceMappingURL=LoadingIndicator.js.map
|
|
23
|
+
})));
|
|
24
|
+
|
|
25
|
+
module.exports = LoadingIndicator;
|
|
@@ -1,55 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_web = require("react-spring/web");
|
|
36
|
-
var import_animationConfig = require("../animation/animationConfig");
|
|
37
|
-
var import_AnimationState = require("../AnimationState");
|
|
38
|
-
function OverflowList({ className = "", activeHierarchy = "", children }) {
|
|
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;
|
|
39
32
|
const {
|
|
40
|
-
state: {
|
|
33
|
+
state: {
|
|
34
|
+
isDrillingDown = false
|
|
35
|
+
},
|
|
41
36
|
setIsDrillingDown
|
|
42
|
-
} =
|
|
43
|
-
const overflowTransition =
|
|
44
|
-
...import_animationConfig.animationConfig.moveList(isDrillingDown),
|
|
37
|
+
} = react.useContext(AnimationState.Context);
|
|
38
|
+
const overflowTransition = web.useTransition(activeHierarchy, null, _objectSpread(_objectSpread({}, animationConfig.animationConfig.moveList(isDrillingDown)), {}, {
|
|
45
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);
|
|
46
50
|
});
|
|
47
|
-
return overflowTransition.map(({ props, key }) => /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, {
|
|
48
|
-
key,
|
|
49
|
-
className,
|
|
50
|
-
style: props
|
|
51
|
-
}, children));
|
|
52
51
|
}
|
|
53
|
-
|
|
54
|
-
module.exports =
|
|
55
|
-
//# sourceMappingURL=OverflowList.js.map
|
|
52
|
+
|
|
53
|
+
module.exports = OverflowList;
|
|
@@ -1,54 +1,42 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var ShuttleBreadcrumb_exports = {};
|
|
29
|
-
__export(ShuttleBreadcrumb_exports, {
|
|
30
|
-
ShuttleBreadcrumb: () => ShuttleBreadcrumb,
|
|
31
|
-
default: () => ShuttleBreadcrumb_default
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_web = require("react-spring/web");
|
|
36
|
-
var import_ds_breadcrumb = require("@elliemae/ds-breadcrumb");
|
|
37
|
-
var import_animationConfig = require("../animation/animationConfig");
|
|
38
|
-
function ShuttleBreadcrumb({ className = "", hierarchy = [], onNavigateTo = () => null }) {
|
|
39
|
-
const animatedCrumbs = (0, import_web.useTransition)(hierarchy, (item) => item.id, import_animationConfig.animationConfig.breadcrumb());
|
|
40
|
-
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
41
|
-
className
|
|
42
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_breadcrumb.DSBreadcrumb, {
|
|
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"], {
|
|
43
26
|
isTitle: true
|
|
44
|
-
}, animatedCrumbs.map(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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
|
+
})));
|
|
51
40
|
}
|
|
52
|
-
|
|
53
|
-
module.exports =
|
|
54
|
-
//# sourceMappingURL=ShuttleBreadcrumb.js.map
|
|
41
|
+
|
|
42
|
+
module.exports = ShuttleBreadcrumb;
|
|
@@ -1,48 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
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
|
|
26
21
|
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var ShuttleInfiniteScrollIndicator_exports = {};
|
|
29
|
-
__export(ShuttleInfiniteScrollIndicator_exports, {
|
|
30
|
-
ShuttleInfiniteScrollIndicator: () => ShuttleInfiniteScrollIndicator,
|
|
31
|
-
default: () => ShuttleInfiniteScrollIndicator_default
|
|
32
22
|
});
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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,60 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
DrillDownButton: () => DrillDownButton,
|
|
32
|
-
MoveButton: () => MoveButton
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
37
|
-
var import_ds_button = require("@elliemae/ds-button");
|
|
38
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
39
|
-
const ActionButton = (0, import_ds_classnames.aggregatedClasses)(import_ds_button.DSButton)("shuttle-list-item", "action-button");
|
|
40
|
-
const DeleteButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, {
|
|
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({
|
|
41
31
|
buttonType: "text",
|
|
42
|
-
icon:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
const MoveButton = (props) => /* @__PURE__ */ import_react.default.createElement(ActionButton, {
|
|
32
|
+
icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {}))
|
|
33
|
+
}, props));
|
|
34
|
+
const MoveButton = props => /*#__PURE__*/jsxRuntime.jsx(ActionButton, _objectSpread(_objectSpread({
|
|
46
35
|
buttonType: "text",
|
|
47
|
-
icon:
|
|
48
|
-
|
|
49
|
-
containerProps: {
|
|
50
|
-
|
|
51
|
-
|
|
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({
|
|
52
43
|
buttonType: "text",
|
|
53
|
-
icon:
|
|
44
|
+
icon: _ArrowShortReturn || (_ArrowShortReturn = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowShortReturn, {
|
|
54
45
|
"data-testid": "shuttle__drill-btn-icon"
|
|
55
|
-
})
|
|
56
|
-
|
|
57
|
-
containerProps: {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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;
|