@elliemae/ds-shuttle-v2 3.53.0-beta.8 → 3.53.0-next.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/dist/types/config/itemMovementHelpers.d.ts +1 -1
- package/dist/types/config/useAutoCalculated/index.d.ts +1 -0
- package/dist/types/config/useAutoCalculated/useShuttleVirtualized.d.ts +1 -0
- package/dist/types/config/useStore/useStore.d.ts +3 -2
- package/dist/types/parts/Dnd/DndHandle.d.ts +2 -2
- package/dist/types/parts/Item/ItemActions/useActionsHandlers.d.ts +2 -2
- package/dist/types/parts/Item/ItemMiddleSection.d.ts +1 -1
- package/dist/types/parts/Item/ItemOverlay.d.ts +1 -1
- package/package.json +23 -23
- package/dist/cjs/tests/configs/basic.js +0 -164
- package/dist/cjs/tests/configs/basic.js.map +0 -7
- package/dist/cjs/tests/configs/filter.js +0 -199
- package/dist/cjs/tests/configs/filter.js.map +0 -7
- package/dist/cjs/tests/configs/loadMore.js +0 -179
- package/dist/cjs/tests/configs/loadMore.js.map +0 -7
- package/dist/esm/tests/configs/basic.js +0 -134
- package/dist/esm/tests/configs/basic.js.map +0 -7
- package/dist/esm/tests/configs/filter.js +0 -169
- package/dist/esm/tests/configs/filter.js.map +0 -7
- package/dist/esm/tests/configs/loadMore.js +0 -149
- package/dist/esm/tests/configs/loadMore.js.map +0 -7
|
@@ -2,6 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { type DSButtonT } from '@elliemae/ds-button-v2';
|
|
3
3
|
import { type DSShuttleV2T } from '../react-desc-prop-types.js';
|
|
4
4
|
export declare const useHandleMoveSelection: ({ isDestinationPanel }: DSShuttleV2T.PanelMetaInfo) => {
|
|
5
|
-
moveSelection: (event: Parameters<Required<DSButtonT.Props>[
|
|
5
|
+
moveSelection: (event: Parameters<Required<DSButtonT.Props>['onClick']>[0]) => void;
|
|
6
6
|
};
|
|
7
7
|
export declare const useHandleMoveItem: ({ datum, datumInternalMeta, isDestinationPanel }: DSShuttleV2T.ItemMeta) => (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { type ZustandT } from '@elliemae/ds-zustand-helpers';
|
|
2
3
|
import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
|
|
3
4
|
export declare const PropsProvider: ({ createStore, children, }: {
|
|
@@ -127,7 +128,7 @@ export declare const PropsProvider: ({ createStore, children, }: {
|
|
|
127
128
|
children: import("react").ReactNode;
|
|
128
129
|
}) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>> | undefined>>, useInternalStore: {
|
|
129
130
|
(): ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>;
|
|
130
|
-
<
|
|
131
|
+
<U_1>(selector: (state: ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>) => U_1, equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined): U_1;
|
|
131
132
|
};
|
|
132
133
|
export declare const config: {
|
|
133
134
|
defaultProps: DSShuttleV2T.InternalProps;
|
|
@@ -295,6 +296,6 @@ export declare const config: {
|
|
|
295
296
|
}) => import("react").FunctionComponentElement<import("react").ProviderProps<ZustandT.ZustandStore<ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>> | undefined>>;
|
|
296
297
|
useInternalStore: {
|
|
297
298
|
(): ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>;
|
|
298
|
-
<
|
|
299
|
+
<U_1>(selector: (state: ZustandT.InternalStore<DSShuttleV2T.InternalAtoms, DSShuttleV2T.Selectors, DSShuttleV2T.Reducers>) => U_1, equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined): U_1;
|
|
299
300
|
};
|
|
300
301
|
};
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import type { useSortable } from '@elliemae/ds-drag-and-drop';
|
|
3
3
|
export declare const StyledGripperButtonOrOverlay: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
|
|
4
4
|
isActive: boolean;
|
|
5
|
-
isDragOverlay?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
5
|
+
isDragOverlay?: boolean | undefined;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
7
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
8
8
|
export declare const DragHandle: React.ComponentType<{
|
|
9
9
|
id: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type DSShuttleV2T } from '../../../react-desc-prop-types.js';
|
|
3
3
|
export declare const useActionsHandlers: (itemMeta: DSShuttleV2T.ItemMeta) => {
|
|
4
|
-
handleClickDrilldown: (e: React.
|
|
5
|
-
handleClickSingleMove: (e: React.
|
|
4
|
+
handleClickDrilldown: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
5
|
+
handleClickSingleMove: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
6
6
|
handleKeyDownSelectionBubbleUp: React.KeyboardEventHandler<HTMLButtonElement>;
|
|
7
7
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
|
|
3
3
|
export declare const ItemMiddleSection: React.MemoExoticComponent<(props: DSShuttleV2T.ItemMeta & {
|
|
4
|
-
tooltipHelpers?: DSShuttleV2T.ComponentProps[
|
|
4
|
+
tooltipHelpers?: DSShuttleV2T.ComponentProps['tooltipHelpers'];
|
|
5
5
|
}) => import("react/jsx-runtime.js").JSX.Element>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type DSShuttleV2T } from '../../react-desc-prop-types.js';
|
|
3
3
|
export declare const ItemOverlay: React.MemoExoticComponent<(itemMeta: DSShuttleV2T.ItemMeta & {
|
|
4
|
-
tooltipHelpers?: DSShuttleV2T.ComponentProps[
|
|
4
|
+
tooltipHelpers?: DSShuttleV2T.ComponentProps['tooltipHelpers'];
|
|
5
5
|
}) => import("react/jsx-runtime.js").JSX.Element>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-shuttle-v2",
|
|
3
|
-
"version": "3.53.0-
|
|
3
|
+
"version": "3.53.0-next.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Shuttle v2",
|
|
6
6
|
"files": [
|
|
@@ -38,33 +38,33 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"fast-deep-equal": "~3.1.3",
|
|
40
40
|
"uid": "~2.0.1",
|
|
41
|
-
"@elliemae/ds-button-v2": "3.53.0-
|
|
42
|
-
"@elliemae/ds-circular-progress-indicator": "3.53.0-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-
|
|
46
|
-
"@elliemae/ds-
|
|
47
|
-
"@elliemae/ds-hooks-fontsize-detector": "3.53.0-
|
|
48
|
-
"@elliemae/ds-hooks-headless-tooltip": "3.53.0-
|
|
49
|
-
"@elliemae/ds-
|
|
50
|
-
"@elliemae/ds-
|
|
51
|
-
"@elliemae/ds-
|
|
52
|
-
"@elliemae/ds-
|
|
53
|
-
"@elliemae/ds-
|
|
54
|
-
"@elliemae/ds-props-helpers": "3.53.0-
|
|
55
|
-
"@elliemae/ds-system": "3.53.0-
|
|
56
|
-
"@elliemae/ds-typescript-helpers": "3.53.0-
|
|
57
|
-
"@elliemae/ds-
|
|
58
|
-
"@elliemae/ds-
|
|
41
|
+
"@elliemae/ds-button-v2": "3.53.0-next.10",
|
|
42
|
+
"@elliemae/ds-circular-progress-indicator": "3.53.0-next.10",
|
|
43
|
+
"@elliemae/ds-drag-and-drop": "3.53.0-next.10",
|
|
44
|
+
"@elliemae/ds-form-checkbox": "3.53.0-next.10",
|
|
45
|
+
"@elliemae/ds-fast-list": "3.53.0-next.10",
|
|
46
|
+
"@elliemae/ds-form-input-text": "3.53.0-next.10",
|
|
47
|
+
"@elliemae/ds-hooks-fontsize-detector": "3.53.0-next.10",
|
|
48
|
+
"@elliemae/ds-hooks-headless-tooltip": "3.53.0-next.10",
|
|
49
|
+
"@elliemae/ds-grid": "3.53.0-next.10",
|
|
50
|
+
"@elliemae/ds-hooks-on-blur-out": "3.53.0-next.10",
|
|
51
|
+
"@elliemae/ds-indeterminate-progress-indicator": "3.53.0-next.10",
|
|
52
|
+
"@elliemae/ds-icons": "3.53.0-next.10",
|
|
53
|
+
"@elliemae/ds-popperjs": "3.53.0-next.10",
|
|
54
|
+
"@elliemae/ds-props-helpers": "3.53.0-next.10",
|
|
55
|
+
"@elliemae/ds-system": "3.53.0-next.10",
|
|
56
|
+
"@elliemae/ds-typescript-helpers": "3.53.0-next.10",
|
|
57
|
+
"@elliemae/ds-typography": "3.53.0-next.10",
|
|
58
|
+
"@elliemae/ds-zustand-helpers": "3.53.0-next.10"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
61
|
+
"@elliemae/pui-cli": "9.0.0-next.63",
|
|
62
62
|
"jest": "~29.7.0",
|
|
63
63
|
"lodash-es": "^4.17.21",
|
|
64
64
|
"styled-components": "~5.3.9",
|
|
65
|
-
"@elliemae/ds-breadcrumb": "3.53.0-
|
|
66
|
-
"@elliemae/ds-monorepo-devops": "3.53.0-
|
|
67
|
-
"@elliemae/ds-tree-model": "3.53.0-
|
|
65
|
+
"@elliemae/ds-breadcrumb": "3.53.0-next.10",
|
|
66
|
+
"@elliemae/ds-monorepo-devops": "3.53.0-next.10",
|
|
67
|
+
"@elliemae/ds-tree-model": "3.53.0-next.10"
|
|
68
68
|
},
|
|
69
69
|
"peerDependencies": {
|
|
70
70
|
"lodash-es": "^4.17.21",
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var basic_exports = {};
|
|
30
|
-
__export(basic_exports, {
|
|
31
|
-
BreadCrumbHoc: () => BreadCrumbHoc,
|
|
32
|
-
useShuttle: () => useShuttle
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(basic_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = __toESM(require("react"));
|
|
38
|
-
var import_ds_breadcrumb = require("@elliemae/ds-breadcrumb");
|
|
39
|
-
var import_ds_tree_model = require("@elliemae/ds-tree-model");
|
|
40
|
-
var import_uid = require("uid");
|
|
41
|
-
const genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {
|
|
42
|
-
const node = {
|
|
43
|
-
id: (0, import_uid.uid)(),
|
|
44
|
-
label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,
|
|
45
|
-
parent: parent ? parent.id : null
|
|
46
|
-
};
|
|
47
|
-
if (depth <= finalDepth) {
|
|
48
|
-
node.subitems = Array.from(
|
|
49
|
-
{ length: 2 },
|
|
50
|
-
(_, i) => genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth })
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
return node;
|
|
54
|
-
};
|
|
55
|
-
const options = {
|
|
56
|
-
getUniqueId: (item) => item.id
|
|
57
|
-
};
|
|
58
|
-
const startingSourceData = genTreeOfData({ prefix: "Source" });
|
|
59
|
-
const startingDestinationData = genTreeOfData({ prefix: "Destination" });
|
|
60
|
-
const BreadCrumb = (props) => {
|
|
61
|
-
const { breadCrumbPath, setCurrentNode, ...rest } = props;
|
|
62
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
import_ds_breadcrumb.DSBreadcrumb.Item,
|
|
64
|
-
{
|
|
65
|
-
label: node.plainItem.label,
|
|
66
|
-
onClick: () => setCurrentNode(node),
|
|
67
|
-
dataTestId: "amigo"
|
|
68
|
-
},
|
|
69
|
-
`${node.dsId}`
|
|
70
|
-
)) });
|
|
71
|
-
};
|
|
72
|
-
const BreadCrumbHoc = ({ path, setCurrentNode }) => {
|
|
73
|
-
const WrappedBreadCrumb = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadCrumb, { ...props, breadCrumbPath: path, setCurrentNode });
|
|
74
|
-
return WrappedBreadCrumb;
|
|
75
|
-
};
|
|
76
|
-
const useListData = (startingData) => {
|
|
77
|
-
const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = (0, import_ds_tree_model.useDSTree)(startingData, options);
|
|
78
|
-
const [currentNode, setCurrentNode] = (0, import_react.useState)(getRoot());
|
|
79
|
-
const [selection, setSelection] = (0, import_react.useState)({});
|
|
80
|
-
const breadcrumbPath = (0, import_react.useMemo)(() => getPath(currentNode.dsId), [currentNode, getPath]);
|
|
81
|
-
const displayedData = (0, import_react.useMemo)(
|
|
82
|
-
() => currentNode.children.map((node) => node.getJson()),
|
|
83
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
84
|
-
[currentNode, hash]
|
|
85
|
-
);
|
|
86
|
-
const onDrilldown = (0, import_react.useCallback)((item) => setCurrentNode(getNode(item.id)), [getNode]);
|
|
87
|
-
return (0, import_react.useMemo)(
|
|
88
|
-
() => ({
|
|
89
|
-
getNode,
|
|
90
|
-
addNode,
|
|
91
|
-
replaceNode,
|
|
92
|
-
removeNode,
|
|
93
|
-
currentNode,
|
|
94
|
-
setCurrentNode,
|
|
95
|
-
selection,
|
|
96
|
-
setSelection,
|
|
97
|
-
breadcrumbPath,
|
|
98
|
-
displayedData,
|
|
99
|
-
onDrilldown
|
|
100
|
-
}),
|
|
101
|
-
[addNode, breadcrumbPath, currentNode, displayedData, getNode, onDrilldown, removeNode, replaceNode, selection]
|
|
102
|
-
);
|
|
103
|
-
};
|
|
104
|
-
const useShuttle = () => {
|
|
105
|
-
const {
|
|
106
|
-
currentNode: currentSourceNode,
|
|
107
|
-
setCurrentNode: setCurrentSourceNode,
|
|
108
|
-
selection: sourceSelection,
|
|
109
|
-
setSelection: setSourceSelection,
|
|
110
|
-
breadcrumbPath: sourceBreadCrumbPath,
|
|
111
|
-
displayedData: sourceDisplayedData,
|
|
112
|
-
onDrilldown: onSourceDrilldown,
|
|
113
|
-
addNode: addSourceNode,
|
|
114
|
-
removeNode: removeSourceNode
|
|
115
|
-
} = useListData(startingSourceData);
|
|
116
|
-
const {
|
|
117
|
-
currentNode: currentDestinationNode,
|
|
118
|
-
setCurrentNode: setCurrentDestinationNode,
|
|
119
|
-
selection: destinationSelection,
|
|
120
|
-
setSelection: setDestinationSelection,
|
|
121
|
-
breadcrumbPath: destinationBreadCrumbPath,
|
|
122
|
-
displayedData: destinationDisplayedData,
|
|
123
|
-
onDrilldown: onDestinationDrilldown,
|
|
124
|
-
addNode: addDestinationNode,
|
|
125
|
-
removeNode: removeDestinationNode
|
|
126
|
-
} = useListData(startingDestinationData);
|
|
127
|
-
const onSourceAdd = (0, import_react.useCallback)(
|
|
128
|
-
(items) => items.forEach((item) => addSourceNode(item, { parent: currentSourceNode })),
|
|
129
|
-
[addSourceNode, currentSourceNode]
|
|
130
|
-
);
|
|
131
|
-
const onSourceRemove = (0, import_react.useCallback)(
|
|
132
|
-
(items) => items.forEach((item) => removeSourceNode(item.id, item)),
|
|
133
|
-
[removeSourceNode]
|
|
134
|
-
);
|
|
135
|
-
const onDestinationAdd = (0, import_react.useCallback)(
|
|
136
|
-
(items) => items.forEach((item) => addDestinationNode(item, { parent: currentDestinationNode })),
|
|
137
|
-
[addDestinationNode, currentDestinationNode]
|
|
138
|
-
);
|
|
139
|
-
const onDestinationRemove = (0, import_react.useCallback)(
|
|
140
|
-
(items) => items.forEach((item) => removeDestinationNode(item.id)),
|
|
141
|
-
[removeDestinationNode]
|
|
142
|
-
);
|
|
143
|
-
return {
|
|
144
|
-
setCurrentSourceNode,
|
|
145
|
-
setCurrentDestinationNode,
|
|
146
|
-
sourceDisplayedData,
|
|
147
|
-
destinationDisplayedData,
|
|
148
|
-
sourceSelection,
|
|
149
|
-
destinationSelection,
|
|
150
|
-
setSourceSelection,
|
|
151
|
-
setDestinationSelection,
|
|
152
|
-
onSourceDrilldown,
|
|
153
|
-
onDestinationDrilldown,
|
|
154
|
-
onSourceAdd,
|
|
155
|
-
onSourceRemove,
|
|
156
|
-
onDestinationAdd,
|
|
157
|
-
onDestinationRemove,
|
|
158
|
-
sourceBreadCrumbPath,
|
|
159
|
-
destinationBreadCrumbPath,
|
|
160
|
-
currentSourceNode,
|
|
161
|
-
currentDestinationNode
|
|
162
|
-
};
|
|
163
|
-
};
|
|
164
|
-
//# sourceMappingURL=basic.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/tests/configs/basic.js", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-tree-model';\nimport { uid } from 'uid';\n\nconst genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {\n const node = {\n id: uid(),\n label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,\n parent: parent ? parent.id : null,\n };\n\n if (depth <= finalDepth) {\n node.subitems = Array.from({ length: 2 }, (_, i) =>\n genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth }),\n );\n }\n return node;\n};\n\nconst options = {\n getUniqueId: (item) => item.id,\n};\n\nconst startingSourceData = genTreeOfData({ prefix: 'Source' });\nconst startingDestinationData = genTreeOfData({ prefix: 'Destination' });\n\nconst BreadCrumb = (props) => {\n const { breadCrumbPath, setCurrentNode, ...rest } = props;\n\n return (\n <DSBreadcrumb isTitle {...rest}>\n {breadCrumbPath.map((node) => (\n <DSBreadcrumb.Item\n key={`${node.dsId}`}\n label={node.plainItem.label}\n onClick={() => setCurrentNode(node)}\n dataTestId=\"amigo\"\n />\n ))}\n </DSBreadcrumb>\n );\n};\n\nexport const BreadCrumbHoc = ({ path, setCurrentNode }) => {\n const WrappedBreadCrumb = (props) => <BreadCrumb {...props} breadCrumbPath={path} setCurrentNode={setCurrentNode} />;\n return WrappedBreadCrumb;\n};\n\nconst useListData = (startingData) => {\n const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);\n const [currentNode, setCurrentNode] = useState(getRoot());\n const [selection, setSelection] = useState({});\n\n const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);\n\n const displayedData = useMemo(\n () => currentNode.children.map((node) => node.getJson()),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [currentNode, hash],\n );\n\n const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);\n\n return useMemo(\n () => ({\n getNode,\n addNode,\n replaceNode,\n removeNode,\n currentNode,\n setCurrentNode,\n selection,\n setSelection,\n\n breadcrumbPath,\n displayedData,\n onDrilldown,\n }),\n [addNode, breadcrumbPath, currentNode, displayedData, getNode, onDrilldown, removeNode, replaceNode, selection],\n );\n};\n\nexport const useShuttle = () => {\n const {\n currentNode: currentSourceNode,\n setCurrentNode: setCurrentSourceNode,\n selection: sourceSelection,\n setSelection: setSourceSelection,\n breadcrumbPath: sourceBreadCrumbPath,\n displayedData: sourceDisplayedData,\n onDrilldown: onSourceDrilldown,\n addNode: addSourceNode,\n removeNode: removeSourceNode,\n } = useListData(startingSourceData);\n\n const {\n currentNode: currentDestinationNode,\n setCurrentNode: setCurrentDestinationNode,\n selection: destinationSelection,\n setSelection: setDestinationSelection,\n breadcrumbPath: destinationBreadCrumbPath,\n displayedData: destinationDisplayedData,\n onDrilldown: onDestinationDrilldown,\n addNode: addDestinationNode,\n removeNode: removeDestinationNode,\n } = useListData(startingDestinationData);\n\n const onSourceAdd = useCallback(\n (items) => items.forEach((item) => addSourceNode(item, { parent: currentSourceNode })),\n [addSourceNode, currentSourceNode],\n );\n\n const onSourceRemove = useCallback(\n (items) => items.forEach((item) => removeSourceNode(item.id, item)),\n [removeSourceNode],\n );\n\n const onDestinationAdd = useCallback(\n (items) => items.forEach((item) => addDestinationNode(item, { parent: currentDestinationNode })),\n [addDestinationNode, currentDestinationNode],\n );\n\n const onDestinationRemove = useCallback(\n (items) => items.forEach((item) => removeDestinationNode(item.id)),\n [removeDestinationNode],\n );\n\n return {\n setCurrentSourceNode,\n setCurrentDestinationNode,\n sourceDisplayedData,\n destinationDisplayedData,\n sourceSelection,\n destinationSelection,\n setSourceSelection,\n setDestinationSelection,\n onSourceDrilldown,\n onDestinationDrilldown,\n onSourceAdd,\n onSourceRemove,\n onDestinationAdd,\n onDestinationRemove,\n sourceBreadCrumbPath,\n destinationBreadCrumbPath,\n\n currentSourceNode,\n currentDestinationNode,\n };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var filter_exports = {};
|
|
30
|
-
__export(filter_exports, {
|
|
31
|
-
BreadCrumbHoc: () => BreadCrumbHoc,
|
|
32
|
-
useShuttle: () => useShuttle
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(filter_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = __toESM(require("react"));
|
|
38
|
-
var import_ds_breadcrumb = require("@elliemae/ds-breadcrumb");
|
|
39
|
-
var import_ds_tree_model = require("@elliemae/ds-tree-model");
|
|
40
|
-
var import_uid = require("uid");
|
|
41
|
-
const genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {
|
|
42
|
-
const node = {
|
|
43
|
-
id: (0, import_uid.uid)(),
|
|
44
|
-
label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,
|
|
45
|
-
parent: parent ? parent.id : null
|
|
46
|
-
};
|
|
47
|
-
if (depth <= finalDepth) {
|
|
48
|
-
node.subitems = Array.from(
|
|
49
|
-
{ length: 2 },
|
|
50
|
-
(_, i) => genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth })
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
return node;
|
|
54
|
-
};
|
|
55
|
-
const options = {
|
|
56
|
-
getUniqueId: (item) => item.id
|
|
57
|
-
};
|
|
58
|
-
const startingSourceData = genTreeOfData({ prefix: "Source" });
|
|
59
|
-
const startingDestinationData = genTreeOfData({ prefix: "Destination" });
|
|
60
|
-
const matcheslenientStringSearch = (filter, str) => {
|
|
61
|
-
const regexpString = `[\\s\\S]*${filter.replace(/\s/g, "").split("").join("[\\s\\S]*")}[\\s\\S]*`;
|
|
62
|
-
const regexpFilter = new RegExp(regexpString);
|
|
63
|
-
return regexpFilter.test(str);
|
|
64
|
-
};
|
|
65
|
-
const BreadCrumb = (props) => {
|
|
66
|
-
const { breadCrumbPath, setCurrentNode, ...rest } = props;
|
|
67
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb, { isTitle: true, ...rest, children: breadCrumbPath.map((node) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_breadcrumb.DSBreadcrumb.Item, { label: node.plainItem.label, onClick: () => setCurrentNode(node) }, `${node.dsId}`)) });
|
|
68
|
-
};
|
|
69
|
-
const BreadCrumbHoc = ({ path, setCurrentNode }) => {
|
|
70
|
-
const WrappedBreadCrumb = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadCrumb, { ...props, breadCrumbPath: path, setCurrentNode });
|
|
71
|
-
return WrappedBreadCrumb;
|
|
72
|
-
};
|
|
73
|
-
const useListData = (startingData) => {
|
|
74
|
-
const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = (0, import_ds_tree_model.useDSTree)(startingData, options);
|
|
75
|
-
const [currentNode, setCurrentNode] = (0, import_react.useState)(getRoot());
|
|
76
|
-
const [filterValue, setFilterValue] = (0, import_react.useState)("");
|
|
77
|
-
const [selection, setSelection] = (0, import_react.useState)({});
|
|
78
|
-
const breadcrumbPath = (0, import_react.useMemo)(() => getPath(currentNode.dsId), [currentNode, getPath]);
|
|
79
|
-
const displayedData = (0, import_react.useMemo)(
|
|
80
|
-
() => currentNode.children.map((node) => node.getJson()).filter((item) => matcheslenientStringSearch(filterValue, item.label)),
|
|
81
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
82
|
-
[currentNode, hash, filterValue]
|
|
83
|
-
);
|
|
84
|
-
const onDrilldown = (0, import_react.useCallback)((item) => setCurrentNode(getNode(item.id)), [getNode]);
|
|
85
|
-
return {
|
|
86
|
-
getNode,
|
|
87
|
-
addNode,
|
|
88
|
-
replaceNode,
|
|
89
|
-
removeNode,
|
|
90
|
-
currentNode,
|
|
91
|
-
setCurrentNode,
|
|
92
|
-
selection,
|
|
93
|
-
setSelection,
|
|
94
|
-
filterValue,
|
|
95
|
-
setFilterValue,
|
|
96
|
-
breadcrumbPath,
|
|
97
|
-
displayedData,
|
|
98
|
-
onDrilldown
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
const useShuttle = () => {
|
|
102
|
-
const {
|
|
103
|
-
currentNode: currentSourceNode,
|
|
104
|
-
setCurrentNode: setCurrentSourceNode,
|
|
105
|
-
selection: sourceSelection,
|
|
106
|
-
setSelection: setSourceSelection,
|
|
107
|
-
breadcrumbPath: sourceBreadCrumbPath,
|
|
108
|
-
displayedData: sourceDisplayedData,
|
|
109
|
-
filterValue: sourceFilterValue,
|
|
110
|
-
setFilterValue: setSourceFilterValue,
|
|
111
|
-
onDrilldown: onSourceDrilldown,
|
|
112
|
-
getNode: getSourceNode,
|
|
113
|
-
addNode: addSourceNode,
|
|
114
|
-
removeNode: removeSourceNode
|
|
115
|
-
} = useListData(startingSourceData);
|
|
116
|
-
const {
|
|
117
|
-
currentNode: currentDestinationNode,
|
|
118
|
-
setCurrentNode: setCurrentDestinationNode,
|
|
119
|
-
selection: destinationSelection,
|
|
120
|
-
setSelection: setDestinationSelection,
|
|
121
|
-
breadcrumbPath: destinationBreadCrumbPath,
|
|
122
|
-
displayedData: destinationDisplayedData,
|
|
123
|
-
filterValue: destinationFilterValue,
|
|
124
|
-
setFilterValue: setDestinationFilterValue,
|
|
125
|
-
onDrilldown: onDestinationDrilldown,
|
|
126
|
-
getNode: getDestinationNode,
|
|
127
|
-
addNode: addDestinationNode,
|
|
128
|
-
removeNode: removeDestinationNode
|
|
129
|
-
} = useListData(startingDestinationData);
|
|
130
|
-
const onSourceAdd = (0, import_react.useCallback)(
|
|
131
|
-
(items) => items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),
|
|
132
|
-
[addSourceNode, currentSourceNode, getSourceNode]
|
|
133
|
-
);
|
|
134
|
-
const onSourceRemove = (0, import_react.useCallback)(
|
|
135
|
-
(items) => items.forEach((item) => removeSourceNode(item.id, item)),
|
|
136
|
-
[removeSourceNode]
|
|
137
|
-
);
|
|
138
|
-
const onDestinationAdd = (0, import_react.useCallback)(
|
|
139
|
-
(items) => items.forEach(
|
|
140
|
-
(item) => addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode })
|
|
141
|
-
),
|
|
142
|
-
[addDestinationNode, currentDestinationNode, getDestinationNode]
|
|
143
|
-
);
|
|
144
|
-
const onDestinationRemove = (0, import_react.useCallback)(
|
|
145
|
-
(items) => items.forEach((item) => removeDestinationNode(item.id)),
|
|
146
|
-
[removeDestinationNode]
|
|
147
|
-
);
|
|
148
|
-
return (0, import_react.useMemo)(
|
|
149
|
-
() => ({
|
|
150
|
-
setCurrentSourceNode,
|
|
151
|
-
setCurrentDestinationNode,
|
|
152
|
-
sourceDisplayedData,
|
|
153
|
-
destinationDisplayedData,
|
|
154
|
-
sourceSelection,
|
|
155
|
-
destinationSelection,
|
|
156
|
-
setSourceSelection,
|
|
157
|
-
setDestinationSelection,
|
|
158
|
-
sourceFilterValue,
|
|
159
|
-
destinationFilterValue,
|
|
160
|
-
setSourceFilterValue,
|
|
161
|
-
setDestinationFilterValue,
|
|
162
|
-
onSourceDrilldown,
|
|
163
|
-
onDestinationDrilldown,
|
|
164
|
-
onSourceAdd,
|
|
165
|
-
onSourceRemove,
|
|
166
|
-
onDestinationAdd,
|
|
167
|
-
onDestinationRemove,
|
|
168
|
-
sourceBreadCrumbPath,
|
|
169
|
-
destinationBreadCrumbPath,
|
|
170
|
-
currentSourceNode,
|
|
171
|
-
currentDestinationNode
|
|
172
|
-
}),
|
|
173
|
-
[
|
|
174
|
-
setCurrentSourceNode,
|
|
175
|
-
setCurrentDestinationNode,
|
|
176
|
-
sourceDisplayedData,
|
|
177
|
-
destinationDisplayedData,
|
|
178
|
-
sourceSelection,
|
|
179
|
-
destinationSelection,
|
|
180
|
-
setSourceSelection,
|
|
181
|
-
setDestinationSelection,
|
|
182
|
-
sourceFilterValue,
|
|
183
|
-
destinationFilterValue,
|
|
184
|
-
setSourceFilterValue,
|
|
185
|
-
setDestinationFilterValue,
|
|
186
|
-
onSourceDrilldown,
|
|
187
|
-
onDestinationDrilldown,
|
|
188
|
-
onSourceAdd,
|
|
189
|
-
onSourceRemove,
|
|
190
|
-
onDestinationAdd,
|
|
191
|
-
onDestinationRemove,
|
|
192
|
-
sourceBreadCrumbPath,
|
|
193
|
-
destinationBreadCrumbPath,
|
|
194
|
-
currentSourceNode,
|
|
195
|
-
currentDestinationNode
|
|
196
|
-
]
|
|
197
|
-
);
|
|
198
|
-
};
|
|
199
|
-
//# sourceMappingURL=filter.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/tests/configs/filter.js", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useMemo, useState, useCallback } from 'react';\nimport { DSBreadcrumb } from '@elliemae/ds-breadcrumb';\nimport { useDSTree } from '@elliemae/ds-tree-model';\nimport { uid } from 'uid';\n\nconst genTreeOfData = ({ prefix, depth = 0, parent = null, childIndex = 0, finalDepth = 2 }) => {\n const node = {\n id: uid(),\n label: parent ? `${parent.label}.${childIndex}` : `${prefix} 0`,\n parent: parent ? parent.id : null,\n };\n\n if (depth <= finalDepth) {\n node.subitems = Array.from({ length: 2 }, (_, i) =>\n genTreeOfData({ prefix, depth: depth + 1, parent: node, childIndex: i, finalDepth }),\n );\n }\n return node;\n};\n\nconst options = {\n getUniqueId: (item) => item.id,\n};\n\nconst startingSourceData = genTreeOfData({ prefix: 'Source' });\nconst startingDestinationData = genTreeOfData({ prefix: 'Destination' });\n\nconst matcheslenientStringSearch = (filter, str) => {\n const regexpString = `[\\\\s\\\\S]*${filter.replace(/\\s/g, '').split('').join('[\\\\s\\\\S]*')}[\\\\s\\\\S]*`;\n const regexpFilter = new RegExp(regexpString);\n return regexpFilter.test(str);\n};\n\nconst BreadCrumb = (props) => {\n const { breadCrumbPath, setCurrentNode, ...rest } = props;\n\n return (\n <DSBreadcrumb isTitle {...rest}>\n {breadCrumbPath.map((node) => (\n <DSBreadcrumb.Item key={`${node.dsId}`} label={node.plainItem.label} onClick={() => setCurrentNode(node)} />\n ))}\n </DSBreadcrumb>\n );\n};\n\nexport const BreadCrumbHoc = ({ path, setCurrentNode }) => {\n const WrappedBreadCrumb = (props) => <BreadCrumb {...props} breadCrumbPath={path} setCurrentNode={setCurrentNode} />;\n return WrappedBreadCrumb;\n};\n\nconst useListData = (startingData) => {\n const { hash, getRoot, getNode, getPath, addNode, replaceNode, removeNode } = useDSTree(startingData, options);\n const [currentNode, setCurrentNode] = useState(getRoot());\n const [filterValue, setFilterValue] = useState('');\n\n const [selection, setSelection] = useState({});\n\n const breadcrumbPath = useMemo(() => getPath(currentNode.dsId), [currentNode, getPath]);\n\n const displayedData = useMemo(\n () =>\n currentNode.children\n .map((node) => node.getJson())\n .filter((item) => matcheslenientStringSearch(filterValue, item.label)),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [currentNode, hash, filterValue],\n );\n\n const onDrilldown = useCallback((item) => setCurrentNode(getNode(item.id)), [getNode]);\n\n return {\n getNode,\n addNode,\n replaceNode,\n removeNode,\n currentNode,\n setCurrentNode,\n selection,\n setSelection,\n filterValue,\n setFilterValue,\n breadcrumbPath,\n displayedData,\n onDrilldown,\n };\n};\n\nexport const useShuttle = () => {\n const {\n currentNode: currentSourceNode,\n setCurrentNode: setCurrentSourceNode,\n selection: sourceSelection,\n setSelection: setSourceSelection,\n breadcrumbPath: sourceBreadCrumbPath,\n displayedData: sourceDisplayedData,\n filterValue: sourceFilterValue,\n setFilterValue: setSourceFilterValue,\n onDrilldown: onSourceDrilldown,\n getNode: getSourceNode,\n addNode: addSourceNode,\n removeNode: removeSourceNode,\n } = useListData(startingSourceData);\n\n const {\n currentNode: currentDestinationNode,\n setCurrentNode: setCurrentDestinationNode,\n selection: destinationSelection,\n setSelection: setDestinationSelection,\n breadcrumbPath: destinationBreadCrumbPath,\n displayedData: destinationDisplayedData,\n filterValue: destinationFilterValue,\n setFilterValue: setDestinationFilterValue,\n onDrilldown: onDestinationDrilldown,\n getNode: getDestinationNode,\n addNode: addDestinationNode,\n removeNode: removeDestinationNode,\n } = useListData(startingDestinationData);\n\n const onSourceAdd = useCallback(\n (items) =>\n items.forEach((item) => addSourceNode(item, { parent: getSourceNode(item.parent) ?? currentSourceNode })),\n [addSourceNode, currentSourceNode, getSourceNode],\n );\n\n const onSourceRemove = useCallback(\n (items) => items.forEach((item) => removeSourceNode(item.id, item)),\n [removeSourceNode],\n );\n\n const onDestinationAdd = useCallback(\n (items) =>\n items.forEach((item) =>\n addDestinationNode(item, { parent: getDestinationNode(item.parent) ?? currentDestinationNode }),\n ),\n [addDestinationNode, currentDestinationNode, getDestinationNode],\n );\n\n const onDestinationRemove = useCallback(\n (items) => items.forEach((item) => removeDestinationNode(item.id)),\n [removeDestinationNode],\n );\n\n return useMemo(\n () => ({\n setCurrentSourceNode,\n setCurrentDestinationNode,\n sourceDisplayedData,\n destinationDisplayedData,\n sourceSelection,\n destinationSelection,\n setSourceSelection,\n setDestinationSelection,\n sourceFilterValue,\n destinationFilterValue,\n setSourceFilterValue,\n setDestinationFilterValue,\n onSourceDrilldown,\n onDestinationDrilldown,\n onSourceAdd,\n onSourceRemove,\n onDestinationAdd,\n onDestinationRemove,\n sourceBreadCrumbPath,\n destinationBreadCrumbPath,\n\n currentSourceNode,\n currentDestinationNode,\n }),\n [\n setCurrentSourceNode,\n setCurrentDestinationNode,\n sourceDisplayedData,\n destinationDisplayedData,\n sourceSelection,\n destinationSelection,\n setSourceSelection,\n setDestinationSelection,\n sourceFilterValue,\n destinationFilterValue,\n setSourceFilterValue,\n setDestinationFilterValue,\n onSourceDrilldown,\n onDestinationDrilldown,\n onSourceAdd,\n onSourceRemove,\n onDestinationAdd,\n onDestinationRemove,\n sourceBreadCrumbPath,\n destinationBreadCrumbPath,\n\n currentSourceNode,\n currentDestinationNode,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|