@elliemae/ds-shuttle 3.4.3-rc.1 → 3.4.3
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 +36 -21
- package/dist/cjs/AnimationState.js.map +2 -2
- package/dist/cjs/DSShuttle.js +71 -54
- package/dist/cjs/DSShuttle.js.map +2 -2
- package/dist/cjs/SearchState.js +4 -1
- package/dist/cjs/SearchState.js.map +2 -2
- package/dist/cjs/Shuttle.actions.js +17 -5
- package/dist/cjs/Shuttle.actions.js.map +2 -2
- package/dist/cjs/ShuttleContainer.js +25 -5
- package/dist/cjs/ShuttleContainer.js.map +2 -2
- package/dist/cjs/ShuttleImpl.js +61 -15
- package/dist/cjs/ShuttleImpl.js.map +1 -1
- package/dist/cjs/ShuttleRenderer.js +81 -65
- package/dist/cjs/ShuttleRenderer.js.map +1 -1
- package/dist/cjs/ShuttleState.js +10 -3
- package/dist/cjs/ShuttleState.js.map +2 -2
- package/dist/cjs/animation/animationConfig.js +4 -1
- package/dist/cjs/animation/animationConfig.js.map +1 -1
- package/dist/cjs/classedComponents.js +4 -1
- package/dist/cjs/classedComponents.js.map +1 -1
- package/dist/cjs/components/LoadingIndicator.js +12 -8
- package/dist/cjs/components/LoadingIndicator.js.map +1 -1
- package/dist/cjs/components/OverflowList.js +10 -6
- package/dist/cjs/components/OverflowList.js.map +1 -1
- package/dist/cjs/components/ShuttleBreadcrumb.js +17 -13
- package/dist/cjs/components/ShuttleBreadcrumb.js.map +1 -1
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js +12 -8
- package/dist/cjs/components/ShuttleInfiniteScrollIndicator.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js +11 -8
- package/dist/cjs/components/ShuttleListItem/ActionButtons.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js +33 -16
- package/dist/cjs/components/ShuttleListItem/ShuttleListItem.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +11 -9
- package/dist/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +1 -1
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +11 -9
- package/dist/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +1 -1
- package/dist/cjs/components/ShuttleListPanel.js +14 -10
- package/dist/cjs/components/ShuttleListPanel.js.map +2 -2
- package/dist/cjs/components/ShuttleSearchBox.js +18 -13
- package/dist/cjs/components/ShuttleSearchBox.js.map +1 -1
- package/dist/cjs/components/ShuttleSource.js +98 -59
- package/dist/cjs/components/ShuttleSource.js.map +2 -2
- package/dist/cjs/components/ShuttleTarget.js +60 -33
- package/dist/cjs/components/ShuttleTarget.js.map +1 -1
- package/dist/cjs/components/VirtualizedItem.js +20 -14
- package/dist/cjs/components/VirtualizedItem.js.map +1 -1
- package/dist/cjs/components/VirtualizedList.js +28 -20
- package/dist/cjs/components/VirtualizedList.js.map +2 -2
- package/dist/cjs/components/VirtualizedSortableList.js +9 -5
- package/dist/cjs/components/VirtualizedSortableList.js.map +1 -1
- package/dist/cjs/helper.js +18 -7
- package/dist/cjs/helper.js.map +2 -2
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tests/utils.js +7 -2
- package/dist/cjs/tests/utils.js.map +1 -1
- package/dist/cjs/updateShuttleStateFromProps.js +13 -4
- package/dist/cjs/updateShuttleStateFromProps.js.map +1 -1
- package/dist/cjs/utils.js +4 -1
- package/dist/cjs/utils.js.map +1 -1
- package/dist/cjs/withProviders.js +14 -5
- package/dist/cjs/withProviders.js.map +1 -1
- package/dist/esm/AnimationState.js +32 -20
- package/dist/esm/AnimationState.js.map +1 -1
- package/dist/esm/DSShuttle.js +67 -53
- package/dist/esm/DSShuttle.js.map +1 -1
- package/dist/esm/SearchState.js.map +1 -1
- package/dist/esm/Shuttle.actions.js +13 -4
- package/dist/esm/Shuttle.actions.js.map +1 -1
- package/dist/esm/ShuttleContainer.js +21 -4
- package/dist/esm/ShuttleContainer.js.map +2 -2
- package/dist/esm/ShuttleImpl.js +57 -14
- package/dist/esm/ShuttleImpl.js.map +1 -1
- package/dist/esm/ShuttleRenderer.js +77 -64
- package/dist/esm/ShuttleRenderer.js.map +1 -1
- package/dist/esm/ShuttleState.js +6 -2
- package/dist/esm/ShuttleState.js.map +1 -1
- package/dist/esm/animation/animationConfig.js.map +1 -1
- package/dist/esm/classedComponents.js.map +1 -1
- package/dist/esm/components/LoadingIndicator.js +8 -7
- package/dist/esm/components/LoadingIndicator.js.map +1 -1
- package/dist/esm/components/OverflowList.js +6 -5
- package/dist/esm/components/OverflowList.js.map +1 -1
- package/dist/esm/components/ShuttleBreadcrumb.js +13 -12
- package/dist/esm/components/ShuttleBreadcrumb.js.map +1 -1
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js +8 -7
- package/dist/esm/components/ShuttleInfiniteScrollIndicator.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ActionButtons.js +7 -7
- package/dist/esm/components/ShuttleListItem/ActionButtons.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js +29 -15
- package/dist/esm/components/ShuttleListItem/ShuttleListItem.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js +7 -8
- package/dist/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +1 -1
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js +7 -8
- package/dist/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +1 -1
- package/dist/esm/components/ShuttleListPanel.js +10 -9
- package/dist/esm/components/ShuttleListPanel.js.map +1 -1
- package/dist/esm/components/ShuttleSearchBox.js +14 -12
- package/dist/esm/components/ShuttleSearchBox.js.map +1 -1
- package/dist/esm/components/ShuttleSource.js +94 -58
- package/dist/esm/components/ShuttleSource.js.map +1 -1
- package/dist/esm/components/ShuttleTarget.js +56 -32
- package/dist/esm/components/ShuttleTarget.js.map +1 -1
- package/dist/esm/components/VirtualizedItem.js +16 -13
- package/dist/esm/components/VirtualizedItem.js.map +1 -1
- package/dist/esm/components/VirtualizedList.js +24 -19
- package/dist/esm/components/VirtualizedList.js.map +1 -1
- package/dist/esm/components/VirtualizedSortableList.js +5 -4
- package/dist/esm/components/VirtualizedSortableList.js.map +1 -1
- package/dist/esm/helper.js +14 -6
- package/dist/esm/helper.js.map +2 -2
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/tests/utils.js +3 -1
- package/dist/esm/tests/utils.js.map +1 -1
- package/dist/esm/updateShuttleStateFromProps.js +9 -3
- package/dist/esm/updateShuttleStateFromProps.js.map +1 -1
- package/dist/esm/utils.js.map +1 -1
- package/dist/esm/withProviders.js +10 -4
- package/dist/esm/withProviders.js.map +1 -1
- package/package.json +11 -11
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ShuttleSource.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { ArrowShortRight, Search } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { ShuttleSearchBox } from './ShuttleSearchBox';\nimport { ShuttleInfiniteScrollIndicator } from './ShuttleInfiniteScrollIndicator';\nimport { ShuttleSourceListItem } from './ShuttleListItem/ShuttleSourceListItem';\nimport {\n ShuttleFooterCounter,\n Overflow,\n ShuttleFooter,\n ShuttleHeader,\n ShuttleHeaderBreadcrumb,\n ShuttleHeaderSearchToggle,\n ShuttleList,\n ShuttleWrapper,\n ShuttleFooterActions,\n EmptyMessage,\n LoadingList,\n} from '../classedComponents';\nimport { ShuttleListPanel } from './ShuttleListPanel';\nimport { VirtualizedList } from './VirtualizedList';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { SearchState } from '../SearchState';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleSource({\n items = [],\n checkedItems = [], // build Map() and memoize it for better performance\n hierarchy = [],\n onMoveItem = noop,\n onCheckItem = noop,\n onMoveCheckedItems = noop,\n onNavigateTo = noop,\n onClearCheckedItems = noop,\n emptyMessage = 'No items found',\n composeSourceItemProps = noop,\n loading = false,\n onSearch = noop,\n onSearchClose = noop,\n onSearchOpen = noop,\n sourceSortable = false,\n onSortEnd = noop,\n sourceClearItemsText = 'CLEAR ALL',\n searchPlaceholder,\n renderSourceCounter = (amount) => `${amount} items`,\n onGetMoreItems = () => {},\n moreItemsLoading = false,\n hasNextPage = false,\n}) {\n const {\n state: { isMovingBack = false, isMoving },\n } = useContext(AnimationState.Context);\n const {\n state: { searching, searchTerm },\n setSearchTerm,\n reset: resetSearch,\n toggleSearchBox,\n } = useContext(SearchState.Context);\n\n const hashedCheckedItems = useMemo(\n () => checkedItems.reduce((result, item) => ({ ...result, [item]: true }), {}),\n [checkedItems],\n );\n\n const handleCloseSearch = useCallback(() => {\n setSearchTerm('');\n runAll(resetSearch, onSearchClose)();\n }, [searching]);\n\n const handleToggleSearch = useCallback(() => {\n toggleSearchBox(!searching);\n if (searching) {\n handleCloseSearch();\n } else {\n onSearchOpen();\n }\n }, [searching]);\n\n const ComponentList = useMemo(() => (sourceSortable ? VirtualizedSortableList : VirtualizedList), [sourceSortable]);\n\n const handleSortEnd = ({ oldIndex, newIndex }) => {\n onSortEnd({\n sourceItem: items[oldIndex],\n targetItem: items[newIndex],\n });\n };\n\n const isEmpty = !items.length;\n const hasContent = !loading && !isEmpty;\n const contentIsEmpty = !loading && isEmpty;\n\n return (\n <ShuttleWrapper>\n <ShuttleHeader>\n <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n <ShuttleHeaderSearchToggle\n buttonType=\"text\"\n icon={<Search />}\n onClick={handleToggleSearch}\n containerProps={{ 'data-testid': 'shuttle-header-search-toggle' }}\n />\n </ShuttleHeader>\n <ShuttleList classProps={{ showPulse: isMovingBack }} style={{ pointerEvents: isMoving ? 'none' : null }}>\n <ShuttleSearchBox\n key={searching}\n isOpen={searching}\n onClose={runAll(() => toggleSearchBox(false), handleCloseSearch)}\n onFilter={runAll(setSearchTerm, onSearch)}\n placeholder={searchPlaceholder}\n value={searchTerm}\n />\n {hasContent ? (\n <Overflow\n activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n classProps={{\n searching,\n empty: isEmpty,\n }}\n >\n <ComponentList\n key={searchTerm}\n helperClass=\"drag-helper\"\n itemRenderer={({ item, ...rest }) => (\n <ShuttleSourceListItem\n data-testid=\"source-list-item\"\n {...rest}\n {...composeSourceItemProps(item, rest)}\n isChecked={!!hashedCheckedItems[item.id]}\n item={item}\n onItemCheck={onCheckItem}\n onMoveToTarget={onMoveItem}\n onNavigateOnSourceTo={onNavigateTo}\n showSortHandler={sourceSortable}\n />\n )}\n items={items}\n onSortEnd={handleSortEnd}\n getMoreItems={onGetMoreItems}\n hasNextPage={hasNextPage}\n />\n </Overflow>\n ) : null}\n {contentIsEmpty ? (\n <LoadingList data-testid=\"shuttle__loading-list\">\n <EmptyMessage>{emptyMessage}</EmptyMessage>\n </LoadingList>\n ) : null}\n {loading ? (\n <LoadingList data-testid=\"shuttle__loading-list\">\n <LoadingIndicator />\n </LoadingList>\n ) : null}\n <ShuttleListPanel onClick={onMoveCheckedItems} open={checkedItems.length > 1}>\n <ArrowShortRight />\n </ShuttleListPanel>\n {moreItemsLoading ? <ShuttleInfiniteScrollIndicator isOpen /> : null}\n </ShuttleList>\n <ShuttleFooter>\n <ShuttleFooterActions>\n {!!checkedItems.length && (\n <DSButton buttonType=\"link\" labelText={sourceClearItemsText} onClick={onClearCheckedItems} />\n )}\n </ShuttleFooterActions>\n <ShuttleFooterCounter>{renderSourceCounter(checkedItems.length)}</ShuttleFooterCounter>\n </ShuttleFooter>\n </ShuttleWrapper>\n );\n}\n\nShuttleSource.propTypes = {\n items: PropTypes.arrayOf(PropTypes.shape({})),\n checkedItems: PropTypes.arrayOf(PropTypes.shape({})),\n hierarchy: PropTypes.arrayOf(PropTypes.shape({})),\n onMoveItem: PropTypes.func,\n onCheckItem: PropTypes.func,\n onMoveCheckedItems: PropTypes.func,\n onNavigateTo: PropTypes.func,\n onClearCheckedItems: PropTypes.func,\n emptyMessage: PropTypes.string,\n composeSourceItemProps: PropTypes.func,\n loading: PropTypes.bool,\n onSearch: PropTypes.func,\n onSearchClose: PropTypes.func,\n onSearchOpen: PropTypes.func,\n sourceSortable: PropTypes.bool,\n onSortEnd: PropTypes.func,\n sourceClearItemsText: PropTypes.string,\n searchPlaceholder: PropTypes.string,\n renderSourceCounter: PropTypes.func,\n onGetMoreItems: PropTypes.func,\n moreItemsLoading: PropTypes.bool,\n hasNextPage: PropTypes.bool,\n};\n\nexport { ShuttleSource };\nexport default ShuttleSource;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["PropTypes"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ShuttleTarget_exports = {};
|
|
23
26
|
__export(ShuttleTarget_exports, {
|
|
@@ -26,7 +29,8 @@ __export(ShuttleTarget_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(ShuttleTarget_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
30
34
|
var import_ds_button = require("@elliemae/ds-button");
|
|
31
35
|
var import_classedComponents = require("../classedComponents");
|
|
32
36
|
var import_helper = require("../helper");
|
|
@@ -55,7 +59,9 @@ function ShuttleTarget({
|
|
|
55
59
|
state: { isMoving = false }
|
|
56
60
|
} = (0, import_react.useContext)(import_AnimationState.AnimationState.Context);
|
|
57
61
|
const isEmpty = !items.length;
|
|
58
|
-
const emptyContent = loading ? /* @__PURE__ */
|
|
62
|
+
const emptyContent = loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LoadingIndicator.LoadingIndicator, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.EmptyMessage, {
|
|
63
|
+
children: emptyMessage
|
|
64
|
+
});
|
|
59
65
|
const ComponentList = targetSortable ? import_VirtualizedSortableList.VirtualizedSortableList : import_VirtualizedList.VirtualizedList;
|
|
60
66
|
const handleSortEnd = ({ oldIndex, newIndex }) => {
|
|
61
67
|
onSortEnd({
|
|
@@ -63,36 +69,57 @@ function ShuttleTarget({
|
|
|
63
69
|
targetItem: items[newIndex]
|
|
64
70
|
});
|
|
65
71
|
};
|
|
66
|
-
return /* @__PURE__ */
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
72
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleWrapper, {
|
|
73
|
+
children: [
|
|
74
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleHeader, {
|
|
75
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleHeaderBreadcrumb, {
|
|
76
|
+
hierarchy,
|
|
77
|
+
onNavigateTo
|
|
78
|
+
})
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleList, {
|
|
81
|
+
classProps: { showPulse: isMoving },
|
|
82
|
+
children: !loading && !isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.Overflow, {
|
|
83
|
+
activeHierarchy: (0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
|
|
84
|
+
classProps: {
|
|
85
|
+
empty: !items.length
|
|
86
|
+
},
|
|
87
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentList, {
|
|
88
|
+
itemRenderer: ({ item, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ShuttleTargetListItem.ShuttleTargetListItem, {
|
|
89
|
+
"data-testid": "target-list-item",
|
|
90
|
+
...rest,
|
|
91
|
+
...composeTargetItemProps(item, rest),
|
|
92
|
+
isRoot: !(0, import_helper.getActiveIdFromHierarchy)(hierarchy).id,
|
|
93
|
+
item,
|
|
94
|
+
onMoveToSource: onMoveItem,
|
|
95
|
+
onNavigateOnTargetTo: onNavigateTo,
|
|
96
|
+
showSortHandler: targetSortable
|
|
97
|
+
}),
|
|
98
|
+
items,
|
|
99
|
+
onSortEnd: handleSortEnd,
|
|
100
|
+
target: true
|
|
101
|
+
})
|
|
102
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.LoadingList, {
|
|
103
|
+
children: emptyContent
|
|
104
|
+
})
|
|
105
|
+
}),
|
|
106
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_classedComponents.ShuttleFooter, {
|
|
107
|
+
children: [
|
|
108
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleFooterActions, {
|
|
109
|
+
children: !!items.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
|
|
110
|
+
containerProps: { "data-testid": "shuttle-clear-all-target" },
|
|
111
|
+
buttonType: "link",
|
|
112
|
+
labelText: targetClearItemsText,
|
|
113
|
+
onClick: onClearMovedItems
|
|
114
|
+
})
|
|
115
|
+
}),
|
|
116
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_classedComponents.ShuttleFooterCounter, {
|
|
117
|
+
children: renderTargetCounter(items.length)
|
|
118
|
+
})
|
|
119
|
+
]
|
|
120
|
+
})
|
|
121
|
+
]
|
|
122
|
+
});
|
|
96
123
|
}
|
|
97
124
|
var ShuttleTarget_default = ShuttleTarget;
|
|
98
125
|
//# sourceMappingURL=ShuttleTarget.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/ShuttleTarget.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useContext } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\n\nimport {\n EmptyMessage,\n Overflow,\n ShuttleFooter,\n ShuttleFooterActions,\n ShuttleFooterCounter,\n ShuttleHeader,\n ShuttleHeaderBreadcrumb,\n ShuttleList,\n ShuttleWrapper,\n LoadingList,\n} from '../classedComponents';\nimport { getActiveIdFromHierarchy } from '../helper';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedList } from './VirtualizedList';\nimport { ShuttleTargetListItem } from './ShuttleListItem/ShuttleTargetListItem';\nimport { VirtualizedSortableList } from './VirtualizedSortableList';\nimport { LoadingIndicator } from './LoadingIndicator';\n\nconst noop = () => {};\n\nfunction ShuttleTarget({\n items = [],\n hierarchy = [],\n onNavigateTo = noop,\n onMoveItem = noop,\n onClearMovedItems = noop,\n emptyMessage = 'No items selected',\n composeTargetItemProps = () => ({}),\n targetSortable = false,\n onSortEnd = noop,\n targetClearItemsText = 'CLEAR ALL',\n renderTargetCounter = (amount) => `${amount} items`,\n loading = false,\n}) {\n const {\n state: { isMoving = false },\n } = useContext(AnimationState.Context);\n const isEmpty = !items.length;\n const emptyContent = loading ? <LoadingIndicator /> : <EmptyMessage>{emptyMessage}</EmptyMessage>;\n\n const ComponentList = targetSortable ? VirtualizedSortableList : VirtualizedList;\n\n const handleSortEnd = ({ oldIndex, newIndex }) => {\n onSortEnd({\n sourceItem: items[oldIndex],\n targetItem: items[newIndex],\n });\n };\n\n return (\n <ShuttleWrapper>\n <ShuttleHeader>\n <ShuttleHeaderBreadcrumb hierarchy={hierarchy} onNavigateTo={onNavigateTo} />\n </ShuttleHeader>\n <ShuttleList classProps={{ showPulse: isMoving }}>\n {!loading && !isEmpty ? (\n <Overflow\n activeHierarchy={getActiveIdFromHierarchy(hierarchy).id}\n classProps={{\n empty: !items.length,\n }}\n >\n <ComponentList\n itemRenderer={({ item, ...rest }) => (\n <ShuttleTargetListItem\n data-testid=\"target-list-item\"\n {...rest}\n {...composeTargetItemProps(item, rest)}\n isRoot={!getActiveIdFromHierarchy(hierarchy).id}\n item={item}\n onMoveToSource={onMoveItem}\n onNavigateOnTargetTo={onNavigateTo}\n showSortHandler={targetSortable}\n />\n )}\n items={items}\n onSortEnd={handleSortEnd}\n target\n />\n </Overflow>\n ) : (\n <LoadingList>{emptyContent}</LoadingList>\n )}\n </ShuttleList>\n <ShuttleFooter>\n <ShuttleFooterActions>\n {!!items.length && (\n <DSButton\n containerProps={{ 'data-testid': 'shuttle-clear-all-target' }}\n buttonType=\"link\"\n labelText={targetClearItemsText}\n onClick={onClearMovedItems}\n />\n )}\n </ShuttleFooterActions>\n <ShuttleFooterCounter>{renderTargetCounter(items.length)}</ShuttleFooterCounter>\n </ShuttleFooter>\n </ShuttleWrapper>\n );\n}\n\nexport { ShuttleTarget };\nexport default ShuttleTarget;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,uBAAyB;AAEzB,+BAWO;AACP,oBAAyC;AACzC,4BAA+B;AAC/B,6BAAgC;AAChC,mCAAsC;AACtC,qCAAwC;AACxC,8BAAiC;AAEjC,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,cAAc;AAAA,EACrB,QAAQ,CAAC;AAAA,EACT,YAAY,CAAC;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,yBAAyB,OAAO,CAAC;AAAA,EACjC,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,sBAAsB,CAAC,WAAW,GAAG;AAAA,EACrC,UAAU;AACZ,GAAG;AACD,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,MAAM;AAAA,EAC5B,QAAI,yBAAW,qCAAe,OAAO;AACrC,QAAM,UAAU,CAAC,MAAM;AACvB,QAAM,eAAe,UAAU,4CAAC,4CAAiB,IAAK,4CAAC;AAAA,IAAc;AAAA,GAAa;AAElF,QAAM,gBAAgB,iBAAiB,yDAA0B;AAEjE,QAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,MAAM;AAChD,cAAU;AAAA,MACR,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SACE,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UAAwB;AAAA,UAAsB;AAAA,SAA4B;AAAA,OAC7E;AAAA,MACA,4CAAC;AAAA,QAAY,YAAY,EAAE,WAAW,SAAS;AAAA,QAC5C,WAAC,WAAW,CAAC,UACZ,4CAAC;AAAA,UACC,qBAAiB,wCAAyB,SAAS,EAAE;AAAA,UACrD,YAAY;AAAA,YACV,OAAO,CAAC,MAAM;AAAA,UAChB;AAAA,UAEA,sDAAC;AAAA,YACC,cAAc,CAAC,EAAE,SAAS,KAAK,MAC7B,4CAAC;AAAA,cACC,eAAY;AAAA,cACX,GAAG;AAAA,cACH,GAAG,uBAAuB,MAAM,IAAI;AAAA,cACrC,QAAQ,KAAC,wCAAyB,SAAS,EAAE;AAAA,cAC7C;AAAA,cACA,gBAAgB;AAAA,cAChB,sBAAsB;AAAA,cACtB,iBAAiB;AAAA,aACnB;AAAA,YAEF;AAAA,YACA,WAAW;AAAA,YACX,QAAM;AAAA,WACR;AAAA,SACF,IAEA,4CAAC;AAAA,UAAa;AAAA,SAAa;AAAA,OAE/B;AAAA,MACA,6CAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YACE,WAAC,CAAC,MAAM,UACP,4CAAC;AAAA,cACC,gBAAgB,EAAE,eAAe,2BAA2B;AAAA,cAC5D,YAAW;AAAA,cACX,WAAW;AAAA,cACX,SAAS;AAAA,aACX;AAAA,WAEJ;AAAA,UACA,4CAAC;AAAA,YAAsB,8BAAoB,MAAM,MAAM;AAAA,WAAE;AAAA;AAAA,OAC3D;AAAA;AAAA,GACF;AAEJ;AAGA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var VirtualizedItem_exports = {};
|
|
23
26
|
__export(VirtualizedItem_exports, {
|
|
@@ -28,18 +31,21 @@ module.exports = __toCommonJS(VirtualizedItem_exports);
|
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
32
|
var import_react = require("react");
|
|
30
33
|
var import_react_window = require("react-window");
|
|
31
|
-
const VirtualizedItem = (0, import_react.memo)(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
34
|
+
const VirtualizedItem = (0, import_react.memo)(
|
|
35
|
+
({ data, index, style: virtualizedStyles, showSortHandler = false }) => {
|
|
36
|
+
const { items, itemRenderer, isItemMoving } = data;
|
|
37
|
+
const { item, props: animatedStyles, key } = items[index] || {};
|
|
38
|
+
if (!item)
|
|
39
|
+
return null;
|
|
40
|
+
return itemRenderer({
|
|
41
|
+
index,
|
|
42
|
+
key,
|
|
43
|
+
item,
|
|
44
|
+
showSortHandler,
|
|
45
|
+
style: isItemMoving ? { ...animatedStyles, ...virtualizedStyles } : virtualizedStyles
|
|
46
|
+
});
|
|
47
|
+
},
|
|
48
|
+
import_react_window.areEqual
|
|
49
|
+
);
|
|
44
50
|
var VirtualizedItem_default = VirtualizedItem;
|
|
45
51
|
//# sourceMappingURL=VirtualizedItem.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/VirtualizedItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { memo } from 'react';\nimport { areEqual } from 'react-window';\n\nconst VirtualizedItem = memo(\n ({ data, index, style: virtualizedStyles, showSortHandler = false }) => {\n const { items, itemRenderer, isItemMoving } = data;\n const { item, props: animatedStyles, key } = items[index] || {};\n if (!item) return null;\n return itemRenderer({\n index,\n key,\n item,\n showSortHandler,\n style: isItemMoving\n ? { ...animatedStyles, ...virtualizedStyles }\n : virtualizedStyles,\n });\n },\n areEqual,\n);\n\nexport { VirtualizedItem };\nexport default VirtualizedItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqB;AACrB,0BAAyB;AAEzB,MAAM,sBAAkB;AAAA,EACtB,CAAC,EAAE,MAAM,OAAO,OAAO,mBAAmB,kBAAkB,MAAM,MAAM;AACtE,UAAM,EAAE,OAAO,cAAc,aAAa,IAAI;AAC9C,UAAM,EAAE,MAAM,OAAO,gBAAgB,IAAI,IAAI,MAAM,UAAU,CAAC;AAC9D,QAAI,CAAC;AAAM,aAAO;AAClB,WAAO,aAAa;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,eACH,EAAE,GAAG,gBAAgB,GAAG,kBAAkB,IAC1C;AAAA,IACN,CAAC;AAAA,EACH;AAAA,EACA;AACF;AAGA,IAAO,0BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var VirtualizedList_exports = {};
|
|
23
26
|
__export(VirtualizedList_exports, {
|
|
@@ -26,7 +29,8 @@ __export(VirtualizedList_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(VirtualizedList_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
30
34
|
var import_web = require("react-spring/web");
|
|
31
35
|
var import_react_window = require("react-window");
|
|
32
36
|
var import_react_window_infinite_loader = __toESM(require("react-window-infinite-loader"));
|
|
@@ -59,24 +63,28 @@ function VirtualizedList({
|
|
|
59
63
|
});
|
|
60
64
|
const itemCount = hasNextPage ? items.length + 1 : items.length;
|
|
61
65
|
const isItemLoaded = (index) => !hasNextPage || index < items.length;
|
|
62
|
-
return /* @__PURE__ */
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
66
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_virtualized_auto_sizer.default, {
|
|
67
|
+
children: ({ height, width }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_window_infinite_loader.default, {
|
|
68
|
+
isItemLoaded,
|
|
69
|
+
itemCount,
|
|
70
|
+
loadMoreItems: getMoreItems,
|
|
71
|
+
children: ({ onItemsRendered, ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_window.FixedSizeList, {
|
|
72
|
+
height: searching ? 300 : height,
|
|
73
|
+
width,
|
|
74
|
+
innerRef,
|
|
75
|
+
itemCount: transitions.length,
|
|
76
|
+
itemData: {
|
|
77
|
+
items: transitions,
|
|
78
|
+
itemRenderer,
|
|
79
|
+
isItemMoving: hasMounted.current && (isMoving || isMovingBack)
|
|
80
|
+
},
|
|
81
|
+
itemSize: 35,
|
|
82
|
+
onItemsRendered,
|
|
83
|
+
ref,
|
|
84
|
+
children: children || import_VirtualizedItem.VirtualizedItem
|
|
85
|
+
})
|
|
86
|
+
})
|
|
87
|
+
});
|
|
80
88
|
}
|
|
81
89
|
var VirtualizedList_default = VirtualizedList;
|
|
82
90
|
//# sourceMappingURL=VirtualizedList.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/VirtualizedList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useTransition } from 'react-spring/web';\nimport { FixedSizeList as List } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport AutoSizer from 'react-virtualized-auto-sizer';\nimport { animationConfig } from '../animation/animationConfig';\nimport { AnimationState } from '../AnimationState';\nimport { VirtualizedItem } from './VirtualizedItem';\n\nfunction VirtualizedList({\n items,\n itemRenderer,\n searching,\n target = false,\n innerRef,\n children,\n hasNextPage = true,\n getMoreItems = () => {},\n}) {\n const hasMounted = useRef(false);\n const {\n state: { isMoving, isMovingBack },\n reset,\n } = useContext(AnimationState.Context);\n\n useEffect(() => {\n hasMounted.current = true;\n }, []);\n\n const transitions = useTransition(items, (item) => item.id, {\n ...animationConfig.moveItem(target),\n onDestroyed: () => reset(),\n });\n\n const itemCount = hasNextPage ? items.length + 1 : items.length;\n\n const isItemLoaded = (index) => !hasNextPage || index < items.length;\n\n return (\n <AutoSizer>\n {({ height, width }) => (\n <InfiniteLoader\n isItemLoaded={isItemLoaded}\n itemCount={itemCount}\n loadMoreItems={getMoreItems}\n >\n {({ onItemsRendered, ref }) => (\n <List\n height={searching ? 300 : height}\n width={width}\n innerRef={innerRef}\n itemCount={transitions.length}\n itemData={{\n items: transitions,\n itemRenderer,\n isItemMoving: hasMounted.current && (isMoving || isMovingBack),\n }}\n itemSize={35}\n onItemsRendered={onItemsRendered}\n ref={ref}\n >\n {children || VirtualizedItem}\n </List>\n )}\n </InfiniteLoader>\n )}\n </AutoSizer>\n );\n}\n\nexport { VirtualizedList };\nexport default VirtualizedList;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAqD;AACrD,iBAA8B;AAC9B,0BAAsC;AACtC,0CAA2B;AAC3B,0CAAsB;AACtB,6BAAgC;AAChC,4BAA+B;AAC/B,6BAAgC;AAEhC,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,eAAe,MAAM;AAAA,EAAC;AACxB,GAAG;AACD,QAAM,iBAAa,qBAAO,KAAK;AAC/B,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,aAAa;AAAA,IAChC;AAAA,EACF,QAAI,yBAAW,qCAAe,OAAO;AAErC,8BAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAc,0BAAc,OAAO,CAAC,SAAS,KAAK,IAAI;AAAA,IAC1D,GAAG,uCAAgB,SAAS,MAAM;AAAA,IAClC,aAAa,MAAM,MAAM;AAAA,EAC3B,CAAC;AAED,QAAM,YAAY,cAAc,MAAM,SAAS,IAAI,MAAM;AAEzD,QAAM,eAAe,CAAC,UAAU,CAAC,eAAe,QAAQ,MAAM;AAE9D,SACE,4CAAC,oCAAAA,SAAA;AAAA,IACE,WAAC,EAAE,QAAQ,MAAM,MAChB,4CAAC,oCAAAC,SAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MAEd,WAAC,EAAE,iBAAiB,IAAI,MACvB,4CAAC,oBAAAC,eAAA;AAAA,QACC,QAAQ,YAAY,MAAM;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,WAAW,YAAY;AAAA,QACvB,UAAU;AAAA,UACR,OAAO;AAAA,UACP;AAAA,UACA,cAAc,WAAW,YAAY,YAAY;AAAA,QACnD;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QAEC,sBAAY;AAAA,OACf;AAAA,KAEJ;AAAA,GAEJ;AAEJ;AAGA,IAAO,0BAAQ;",
|
|
6
|
+
"names": ["AutoSizer", "InfiniteLoader", "List"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var VirtualizedSortableList_exports = {};
|
|
23
26
|
__export(VirtualizedSortableList_exports, {
|
|
@@ -26,17 +29,18 @@ __export(VirtualizedSortableList_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(VirtualizedSortableList_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_react_sortable_hoc = require("react-sortable-hoc");
|
|
31
34
|
var import_VirtualizedList = require("./VirtualizedList");
|
|
32
35
|
var import_VirtualizedItem = require("./VirtualizedItem");
|
|
33
36
|
const SortableList = (0, import_react_sortable_hoc.sortableContainer)(import_VirtualizedList.VirtualizedList);
|
|
34
37
|
function VirtualizedSortableList({ items, ...otherProps }) {
|
|
35
|
-
return /* @__PURE__ */
|
|
38
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableList, {
|
|
36
39
|
...otherProps,
|
|
37
40
|
items,
|
|
38
|
-
useDragHandle: true
|
|
39
|
-
|
|
41
|
+
useDragHandle: true,
|
|
42
|
+
children: (0, import_react_sortable_hoc.sortableElement)(import_VirtualizedItem.VirtualizedItem)
|
|
43
|
+
});
|
|
40
44
|
}
|
|
41
45
|
var VirtualizedSortableList_default = VirtualizedSortableList;
|
|
42
46
|
//# sourceMappingURL=VirtualizedSortableList.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/VirtualizedSortableList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { sortableElement, sortableContainer } from 'react-sortable-hoc';\nimport { VirtualizedList } from './VirtualizedList';\nimport { VirtualizedItem } from './VirtualizedItem';\n\nconst SortableList = sortableContainer(VirtualizedList);\n\nfunction VirtualizedSortableList({ items, ...otherProps }) {\n return (\n <SortableList {...otherProps} items={items} useDragHandle>\n {sortableElement(VirtualizedItem)}\n </SortableList>\n );\n}\n\nexport { VirtualizedSortableList };\nexport default VirtualizedSortableList;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,gCAAmD;AACnD,6BAAgC;AAChC,6BAAgC;AAEhC,MAAM,mBAAe,6CAAkB,sCAAe;AAEtD,SAAS,wBAAwB,EAAE,UAAU,WAAW,GAAG;AACzD,SACE,4CAAC;AAAA,IAAc,GAAG;AAAA,IAAY;AAAA,IAAc,eAAa;AAAA,IACtD,yDAAgB,sCAAe;AAAA,GAClC;AAEJ;AAGA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/helper.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var helper_exports = {};
|
|
23
26
|
__export(helper_exports, {
|
|
@@ -43,7 +46,10 @@ const getHierarchyTypeName = (dest) => !dest ? "hierarchy" : "hierarchyDest";
|
|
|
43
46
|
const checkHasChildren = (list, currentItem) => list.some((item) => currentItem.id === item.parent);
|
|
44
47
|
const getActiveIdFromHierarchy = (hierarchy = []) => hierarchy[hierarchy.length - 1] || {};
|
|
45
48
|
const filterItemsByHierarchy = (list, hierarchyId, parentField = "parent") => list.filter((item) => item[parentField] === hierarchyId);
|
|
46
|
-
const getItemsById = (ids, list) => ids.reduce(
|
|
49
|
+
const getItemsById = (ids, list) => ids.reduce(
|
|
50
|
+
(acc, id) => acc.concat(list.find((item) => String(item.id) === String(id))),
|
|
51
|
+
[]
|
|
52
|
+
).filter((item) => item);
|
|
47
53
|
const toggleInObject = (obj, key, value) => obj[key] ? (0, import_ds_utilities.omit)(obj, [key]) : { ...obj, [key]: value };
|
|
48
54
|
const isMovable = (item) => !item.forceNotMovable && (item.hasChildren && item.isMoveableContainer || !item.hasChildren);
|
|
49
55
|
const pipe = (actions) => (initState, props) => actions.reduce((prevState, action) => action(prevState, props), initState);
|
|
@@ -53,10 +59,13 @@ const moveItems = ({ oldIndex, newIndex }) => (items) => {
|
|
|
53
59
|
items.splice(newIndex, 0, sourceItem);
|
|
54
60
|
return items;
|
|
55
61
|
};
|
|
56
|
-
const prepareItems = (items) => (0, import_ds_utilities.compose)(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
62
|
+
const prepareItems = (items) => (0, import_ds_utilities.compose)(
|
|
63
|
+
tree.fixOrder(),
|
|
64
|
+
(items2) => items2.map((item) => ({
|
|
65
|
+
...item,
|
|
66
|
+
hasChildren: checkHasChildren(items2, item)
|
|
67
|
+
}))
|
|
68
|
+
)(items);
|
|
60
69
|
const defaultOptions = {
|
|
61
70
|
parentField: "parent",
|
|
62
71
|
idField: "id",
|
|
@@ -72,6 +81,8 @@ function filterMovedItems(movedItems, options) {
|
|
|
72
81
|
return (items) => items.filter((item) => filterOp(!!movedItemsHash[item[idField]]));
|
|
73
82
|
}
|
|
74
83
|
function filterBySearch(term, searching) {
|
|
75
|
-
return (items) => searching ? items.filter(
|
|
84
|
+
return (items) => searching ? items.filter(
|
|
85
|
+
(item) => item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1
|
|
86
|
+
) : items;
|
|
76
87
|
}
|
|
77
88
|
//# sourceMappingURL=helper.js.map
|
package/dist/cjs/helper.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/helper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable prettier/prettier */\n/* eslint-disable no-shadow,no-plusplus */\nimport { omit, compose, hashArray } from '@elliemae/ds-utilities';\nimport * as tree from 'treetabular';\n\nexport const getHierarchyTypeName = (dest) =>\n !dest ? 'hierarchy' : 'hierarchyDest';\nexport const checkHasChildren = (list, currentItem) =>\n list.some((item) => currentItem.id === item.parent);\nexport const getActiveIdFromHierarchy = (hierarchy = []) =>\n hierarchy[hierarchy.length - 1] || {};\n\nexport const filterItemsByHierarchy = (\n list,\n hierarchyId,\n parentField = 'parent',\n) => list.filter((item) => item[parentField] === hierarchyId);\nexport const getItemsById = (ids, list) =>\n ids\n .reduce(\n (acc, id) =>\n acc.concat(list.find((item) => String(item.id) === String(id))),\n [],\n )\n .filter((item) => item);\nexport const toggleInObject = (obj, key, value) =>\n obj[key] ? omit(obj, [key]) : { ...obj, [key]: value };\nexport const isMovable = (item) =>\n !item.forceNotMovable &&\n ((item.hasChildren && item.isMoveableContainer) || !item.hasChildren);\n// utility to execute all specified actions in sequence\nexport const pipe = (actions) => (initState, props) =>\n actions.reduce((prevState, action) => action(prevState, props), initState);\n\nexport const moveItems = ({ oldIndex, newIndex }) => (items) => {\n const sourceItem = items[oldIndex];\n items.splice(oldIndex, 1);\n items.splice(newIndex, 0, sourceItem);\n return items;\n};\n\nexport const prepareItems = (items) =>\n compose(tree.fixOrder(), (items) =>\n items.map((item) => ({\n ...item,\n hasChildren: checkHasChildren(items, item),\n })),\n )(items);\n\nconst defaultOptions = {\n parentField: 'parent',\n idField: 'id',\n op: (hasMoved) => !hasMoved,\n};\n\nexport function getChildrenFromParent(parentId, options) {\n const { parentField } = { ...defaultOptions, ...options };\n return (items) => items.filter((item) => item[parentField] === parentId);\n}\n\nexport function filterMovedItems(movedItems, options) {\n const { idField, op: filterOp } = { ...defaultOptions, ...options };\n const movedItemsHash = hashArray(movedItems, idField);\n return (items) =>\n items.filter((item) => filterOp(!!movedItemsHash[item[idField]]));\n}\n\nexport function filterBySearch(term, searching) {\n return (items) =>\n searching\n ? items.filter(\n (item) =>\n item.name.toLowerCase().indexOf(String(term).toLowerCase()) !== -1,\n )\n : items;\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,0BAAyC;AACzC,WAAsB;AAEf,MAAM,uBAAuB,CAAC,SACnC,CAAC,OAAO,cAAc;AACjB,MAAM,mBAAmB,CAAC,MAAM,gBACrC,KAAK,KAAK,CAAC,SAAS,YAAY,OAAO,KAAK,MAAM;AAC7C,MAAM,2BAA2B,CAAC,YAAY,CAAC,MACpD,UAAU,UAAU,SAAS,MAAM,CAAC;AAE/B,MAAM,yBAAyB,CACpC,MACA,aACA,cAAc,aACX,KAAK,OAAO,CAAC,SAAS,KAAK,iBAAiB,WAAW;AACrD,MAAM,eAAe,CAAC,KAAK,SAChC,IACG;AAAA,EACC,CAAC,KAAK,OACJ,IAAI,OAAO,KAAK,KAAK,CAAC,SAAS,OAAO,KAAK,EAAE,MAAM,OAAO,EAAE,CAAC,CAAC;AAAA,EAChE,CAAC;AACH,EACC,OAAO,CAAC,SAAS,IAAI;AACnB,MAAM,iBAAiB,CAAC,KAAK,KAAK,UACvC,IAAI,WAAO,0BAAK,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,MAAM;AAChD,MAAM,YAAY,CAAC,SACxB,CAAC,KAAK,oBACJ,KAAK,eAAe,KAAK,uBAAwB,CAAC,KAAK;AAEpD,MAAM,OAAO,CAAC,YAAY,CAAC,WAAW,UAC3C,QAAQ,OAAO,CAAC,WAAW,WAAW,OAAO,WAAW,KAAK,GAAG,SAAS;AAEpE,MAAM,YAAY,CAAC,EAAE,UAAU,SAAS,MAAM,CAAC,UAAU;AAC9D,QAAM,aAAa,MAAM;AACzB,QAAM,OAAO,UAAU,CAAC;AACxB,QAAM,OAAO,UAAU,GAAG,UAAU;AACpC,SAAO;AACT;AAEO,MAAM,eAAe,CAAC,cAC3B;AAAA,EAAQ,KAAK,SAAS;AAAA,EAAG,CAACA,WACxBA,OAAM,IAAI,CAAC,UAAU;AAAA,IACnB,GAAG;AAAA,IACH,aAAa,iBAAiBA,QAAO,IAAI;AAAA,EAC3C,EAAE;AACJ,EAAE,KAAK;AAET,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,IAAI,CAAC,aAAa,CAAC;AACrB;AAEO,SAAS,sBAAsB,UAAU,SAAS;AACvD,QAAM,EAAE,YAAY,IAAI,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AACxD,SAAO,CAAC,UAAU,MAAM,OAAO,CAAC,SAAS,KAAK,iBAAiB,QAAQ;AACzE;AAEO,SAAS,iBAAiB,YAAY,SAAS;AACpD,QAAM,EAAE,SAAS,IAAI,SAAS,IAAI,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAClE,QAAM,qBAAiB,+BAAU,YAAY,OAAO;AACpD,SAAO,CAAC,UACN,MAAM,OAAO,CAAC,SAAS,SAAS,CAAC,CAAC,eAAe,KAAK,SAAS,CAAC;AACpE;AAEO,SAAS,eAAe,MAAM,WAAW;AAC9C,SAAO,CAAC,UACN,YACI,MAAM;AAAA,IACJ,CAAC,SACC,KAAK,KAAK,YAAY,EAAE,QAAQ,OAAO,IAAI,EAAE,YAAY,CAAC,MAAM;AAAA,EACpE,IACA;AACR;",
|
|
6
|
+
"names": ["items"]
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var src_exports = {};
|
|
23
26
|
__export(src_exports, {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export { default, utils, DSShuttleWithSchema, DSShuttle } from './DSShuttle';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/tests/utils.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var utils_exports = {};
|
|
23
26
|
__export(utils_exports, {
|
|
@@ -1208,5 +1211,7 @@ const newLoadedOptions = [
|
|
|
1208
1211
|
userId: "venkat"
|
|
1209
1212
|
}
|
|
1210
1213
|
];
|
|
1211
|
-
const options2 = options.map(
|
|
1214
|
+
const options2 = options.map(
|
|
1215
|
+
(op, i) => i < 2 ? { ...op, parent: "admin" } : op
|
|
1216
|
+
);
|
|
1212
1217
|
//# sourceMappingURL=utils.js.map
|