@mui/x-tree-view-pro 8.0.0-alpha.11 → 8.0.0-alpha.12
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/CHANGELOG.md +161 -1
- package/RichTreeViewPro/RichTreeViewPro.d.ts +4 -4
- package/RichTreeViewPro/RichTreeViewPro.js +81 -75
- package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +2 -3
- package/RichTreeViewPro/RichTreeViewPro.plugins.js +9 -3
- package/RichTreeViewPro/RichTreeViewPro.types.d.ts +38 -38
- package/RichTreeViewPro/RichTreeViewPro.types.js +5 -1
- package/RichTreeViewPro/index.d.ts +3 -3
- package/RichTreeViewPro/index.js +27 -3
- package/RichTreeViewPro/richTreeViewProClasses.d.ts +3 -3
- package/RichTreeViewPro/richTreeViewProClasses.js +13 -5
- package/esm/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
- package/{node → esm}/RichTreeViewPro/RichTreeViewPro.js +75 -81
- package/esm/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +7 -0
- package/esm/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
- package/esm/RichTreeViewPro/RichTreeViewPro.types.d.ts +51 -0
- package/esm/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
- package/esm/RichTreeViewPro/index.d.ts +3 -0
- package/esm/RichTreeViewPro/index.js +3 -0
- package/esm/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
- package/esm/RichTreeViewPro/richTreeViewProClasses.js +6 -0
- package/esm/index.d.ts +12 -0
- package/esm/index.js +22 -0
- package/esm/internals/index.d.ts +1 -0
- package/esm/internals/index.js +1 -0
- package/esm/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
- package/esm/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
- package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
- package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +3 -0
- package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +10 -19
- package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +26 -35
- package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +179 -0
- package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js +4 -11
- package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +132 -0
- package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
- package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +37 -0
- package/{node → esm}/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +21 -31
- package/esm/internals/utils/releaseInfo.d.ts +1 -0
- package/esm/internals/utils/releaseInfo.js +13 -0
- package/esm/internals/zero-styled/index.d.ts +3 -0
- package/esm/internals/zero-styled/index.js +7 -0
- package/esm/package.json +1 -0
- package/esm/themeAugmentation/components.d.ts +11 -0
- package/esm/themeAugmentation/index.d.ts +3 -0
- package/esm/themeAugmentation/index.js +0 -0
- package/esm/themeAugmentation/overrides.d.ts +12 -0
- package/esm/themeAugmentation/props.d.ts +10 -0
- package/index.d.ts +2 -2
- package/index.js +147 -15
- package/internals/index.d.ts +1 -1
- package/internals/index.js +12 -1
- package/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -2
- package/internals/plugins/useTreeViewItemsReordering/index.js +12 -1
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +2 -2
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +1 -1
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +19 -10
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +35 -26
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +134 -134
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js +11 -4
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +108 -114
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +5 -1
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +28 -15
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +31 -21
- package/internals/utils/releaseInfo.d.ts +1 -1
- package/internals/utils/releaseInfo.js +13 -5
- package/internals/zero-styled/index.d.ts +1 -1
- package/internals/zero-styled/index.js +14 -4
- package/modern/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
- package/modern/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +7 -0
- package/modern/RichTreeViewPro/RichTreeViewPro.types.d.ts +51 -0
- package/modern/RichTreeViewPro/index.d.ts +3 -0
- package/modern/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
- package/modern/index.d.ts +12 -0
- package/modern/index.js +1 -1
- package/modern/internals/index.d.ts +1 -0
- package/modern/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
- package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
- package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +3 -0
- package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +179 -0
- package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +132 -0
- package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +37 -0
- package/modern/internals/utils/releaseInfo.d.ts +1 -0
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/modern/internals/zero-styled/index.d.ts +3 -0
- package/modern/package.json +1 -0
- package/modern/themeAugmentation/components.d.ts +11 -0
- package/modern/themeAugmentation/index.d.ts +3 -0
- package/modern/themeAugmentation/overrides.d.ts +12 -0
- package/modern/themeAugmentation/props.d.ts +10 -0
- package/package.json +40 -10
- package/themeAugmentation/components.d.ts +1 -3
- package/themeAugmentation/index.d.ts +1 -1
- package/themeAugmentation/index.js +1 -0
- package/themeAugmentation/overrides.d.ts +2 -3
- package/themeAugmentation/props.d.ts +2 -4
- package/tsconfig.build.tsbuildinfo +1 -0
- package/RichTreeViewPro/package.json +0 -6
- package/internals/package.json +0 -6
- package/node/RichTreeViewPro/RichTreeViewPro.plugins.js +0 -11
- package/node/RichTreeViewPro/RichTreeViewPro.types.js +0 -5
- package/node/RichTreeViewPro/index.js +0 -27
- package/node/RichTreeViewPro/richTreeViewProClasses.js +0 -14
- package/node/index.js +0 -154
- package/node/internals/index.js +0 -12
- package/node/internals/plugins/useTreeViewItemsReordering/index.js +0 -12
- package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +0 -5
- package/node/internals/utils/releaseInfo.js +0 -21
- package/node/internals/zero-styled/index.js +0 -17
- package/node/themeAugmentation/index.js +0 -1
- package/themeAugmentation/package.json +0 -6
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.useTreeViewItemsReordering = void 0;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
12
|
+
var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.utils");
|
|
13
|
+
var _useTreeViewItemsReordering2 = require("./useTreeViewItemsReordering.itemPlugin");
|
|
14
|
+
var _useTreeViewItemsReordering3 = require("./useTreeViewItemsReordering.selectors");
|
|
15
|
+
const useTreeViewItemsReordering = ({
|
|
8
16
|
params,
|
|
9
17
|
store
|
|
10
18
|
}) => {
|
|
@@ -19,7 +27,7 @@ export const useTreeViewItemsReordering = ({
|
|
|
19
27
|
return true;
|
|
20
28
|
}, [params.itemsReordering, params.isItemReorderable]);
|
|
21
29
|
const getDroppingTargetValidActions = React.useCallback(itemId => {
|
|
22
|
-
const itemsReordering = selectorItemsReordering(store.value);
|
|
30
|
+
const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
|
|
23
31
|
if (!itemsReordering) {
|
|
24
32
|
throw new Error('There is no ongoing reordering.');
|
|
25
33
|
}
|
|
@@ -27,10 +35,10 @@ export const useTreeViewItemsReordering = ({
|
|
|
27
35
|
return {};
|
|
28
36
|
}
|
|
29
37
|
const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
|
|
30
|
-
const targetItemMeta = selectorItemMeta(store.value, itemId);
|
|
31
|
-
const targetItemIndex = selectorItemIndex(store.value, targetItemMeta.id);
|
|
32
|
-
const draggedItemMeta = selectorItemMeta(store.value, itemsReordering.draggedItemId);
|
|
33
|
-
const draggedItemIndex = selectorItemIndex(store.value, draggedItemMeta.id);
|
|
38
|
+
const targetItemMeta = (0, _internals.selectorItemMeta)(store.value, itemId);
|
|
39
|
+
const targetItemIndex = (0, _internals.selectorItemIndex)(store.value, targetItemMeta.id);
|
|
40
|
+
const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
|
|
41
|
+
const draggedItemIndex = (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id);
|
|
34
42
|
const oldPosition = {
|
|
35
43
|
parentId: draggedItemMeta.parentId,
|
|
36
44
|
index: draggedItemIndex
|
|
@@ -66,7 +74,7 @@ export const useTreeViewItemsReordering = ({
|
|
|
66
74
|
},
|
|
67
75
|
'move-to-parent': targetItemMeta.parentId == null ? null : {
|
|
68
76
|
parentId: targetItemMeta.parentId,
|
|
69
|
-
index: selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length
|
|
77
|
+
index: (0, _internals.selectorItemOrderedChildrenIds)(store.value, targetItemMeta.parentId).length
|
|
70
78
|
}
|
|
71
79
|
};
|
|
72
80
|
const validActions = {};
|
|
@@ -79,7 +87,7 @@ export const useTreeViewItemsReordering = ({
|
|
|
79
87
|
return validActions;
|
|
80
88
|
}, [store, params.canMoveItemToNewPosition]);
|
|
81
89
|
const startDraggingItem = React.useCallback(itemId => {
|
|
82
|
-
store.update(prevState =>
|
|
90
|
+
store.update(prevState => (0, _extends2.default)({}, prevState, {
|
|
83
91
|
itemsReordering: {
|
|
84
92
|
targetItemId: itemId,
|
|
85
93
|
draggedItemId: itemId,
|
|
@@ -89,25 +97,25 @@ export const useTreeViewItemsReordering = ({
|
|
|
89
97
|
}));
|
|
90
98
|
}, [store]);
|
|
91
99
|
const stopDraggingItem = React.useCallback(itemId => {
|
|
92
|
-
const itemsReordering = selectorItemsReordering(store.value);
|
|
100
|
+
const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
|
|
93
101
|
if (itemsReordering == null || itemsReordering.draggedItemId !== itemId) {
|
|
94
102
|
return;
|
|
95
103
|
}
|
|
96
104
|
if (itemsReordering.draggedItemId === itemsReordering.targetItemId || itemsReordering.action == null || itemsReordering.newPosition == null) {
|
|
97
|
-
store.update(prevState =>
|
|
105
|
+
store.update(prevState => (0, _extends2.default)({}, prevState, {
|
|
98
106
|
itemsReordering: null
|
|
99
107
|
}));
|
|
100
108
|
return;
|
|
101
109
|
}
|
|
102
|
-
const draggedItemMeta = selectorItemMeta(store.value, itemsReordering.draggedItemId);
|
|
110
|
+
const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
|
|
103
111
|
const oldPosition = {
|
|
104
112
|
parentId: draggedItemMeta.parentId,
|
|
105
|
-
index: selectorItemIndex(store.value, draggedItemMeta.id)
|
|
113
|
+
index: (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id)
|
|
106
114
|
};
|
|
107
115
|
const newPosition = itemsReordering.newPosition;
|
|
108
|
-
store.update(prevState =>
|
|
116
|
+
store.update(prevState => (0, _extends2.default)({}, prevState, {
|
|
109
117
|
itemsReordering: null,
|
|
110
|
-
items: moveItemInTree({
|
|
118
|
+
items: (0, _useTreeViewItemsReordering.moveItemInTree)({
|
|
111
119
|
itemToMoveId: itemId,
|
|
112
120
|
newPosition,
|
|
113
121
|
oldPosition,
|
|
@@ -131,10 +139,10 @@ export const useTreeViewItemsReordering = ({
|
|
|
131
139
|
}) => {
|
|
132
140
|
store.update(prevState => {
|
|
133
141
|
const prevSubState = prevState.itemsReordering;
|
|
134
|
-
if (prevSubState == null || isAncestor(store, itemId, prevSubState.draggedItemId)) {
|
|
142
|
+
if (prevSubState == null || (0, _useTreeViewItemsReordering.isAncestor)(store, itemId, prevSubState.draggedItemId)) {
|
|
135
143
|
return prevState;
|
|
136
144
|
}
|
|
137
|
-
const action = chooseActionToApply({
|
|
145
|
+
const action = (0, _useTreeViewItemsReordering.chooseActionToApply)({
|
|
138
146
|
itemChildrenIndentation: params.itemChildrenIndentation,
|
|
139
147
|
validActions,
|
|
140
148
|
targetHeight,
|
|
@@ -147,8 +155,8 @@ export const useTreeViewItemsReordering = ({
|
|
|
147
155
|
if (prevSubState.targetItemId === itemId && prevSubState.action === action && prevSubState.newPosition?.parentId === newPosition?.parentId && prevSubState.newPosition?.index === newPosition?.index) {
|
|
148
156
|
return prevState;
|
|
149
157
|
}
|
|
150
|
-
return
|
|
151
|
-
itemsReordering:
|
|
158
|
+
return (0, _extends2.default)({}, prevState, {
|
|
159
|
+
itemsReordering: (0, _extends2.default)({}, prevSubState, {
|
|
152
160
|
targetItemId: itemId,
|
|
153
161
|
newPosition,
|
|
154
162
|
action
|
|
@@ -173,10 +181,11 @@ export const useTreeViewItemsReordering = ({
|
|
|
173
181
|
contextValue: pluginContextValue
|
|
174
182
|
};
|
|
175
183
|
};
|
|
176
|
-
useTreeViewItemsReordering
|
|
184
|
+
exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
|
|
185
|
+
useTreeViewItemsReordering.itemPlugin = _useTreeViewItemsReordering2.useTreeViewItemsReorderingItemPlugin;
|
|
177
186
|
useTreeViewItemsReordering.getDefaultizedParams = ({
|
|
178
187
|
params
|
|
179
|
-
}) =>
|
|
188
|
+
}) => (0, _extends2.default)({}, params, {
|
|
180
189
|
itemsReordering: params.itemsReordering ?? false
|
|
181
190
|
});
|
|
182
191
|
useTreeViewItemsReordering.getInitialState = () => ({
|
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { TreeViewState } from '@mui/x-tree-view/internals';
|
|
2
|
-
import { UseTreeViewItemsReorderingSignature } from
|
|
2
|
+
import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
|
|
3
3
|
/**
|
|
4
4
|
* Get the items reordering state.
|
|
5
5
|
* @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
|
|
6
6
|
* @returns {TreeViewItemsReorderingState | null} The items reordering state.
|
|
7
7
|
*/
|
|
8
8
|
export declare const selectorItemsReordering: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
draggedItemId: string;
|
|
10
|
+
targetItemId: string;
|
|
11
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
12
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
13
13
|
} | null;
|
|
14
14
|
/**
|
|
15
15
|
* Get the properties of the dragged item.
|
|
@@ -18,122 +18,122 @@ export declare const selectorItemsReordering: (state: TreeViewState<[UseTreeView
|
|
|
18
18
|
* @returns {TreeViewItemDraggedItemProperties | null} The properties of the dragged item if the current item is being dragged, `null` otherwise.
|
|
19
19
|
*/
|
|
20
20
|
export declare const selectorItemsReorderingDraggedItemProperties: ((state: any, itemId: string) => {
|
|
21
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
22
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
23
|
+
targetDepth: number;
|
|
24
|
+
} | null) & {
|
|
25
|
+
clearCache: () => void;
|
|
26
|
+
resultsCount: () => number;
|
|
27
|
+
resetResultsCount: () => void;
|
|
28
|
+
} & {
|
|
29
|
+
resultFunc: (resultFuncArgs_0: {
|
|
30
|
+
draggedItemId: string;
|
|
31
|
+
targetItemId: string;
|
|
32
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
33
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
34
|
+
} | null, resultFuncArgs_1: {
|
|
35
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
36
|
+
}, resultFuncArgs_2: string) => {
|
|
21
37
|
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
22
38
|
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
23
39
|
targetDepth: number;
|
|
24
|
-
} | null
|
|
40
|
+
} | null;
|
|
41
|
+
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
42
|
+
draggedItemId: string;
|
|
43
|
+
targetItemId: string;
|
|
44
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
45
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
46
|
+
} | null, resultFuncArgs_1: {
|
|
47
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
48
|
+
}, resultFuncArgs_2: string) => {
|
|
49
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
50
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
51
|
+
targetDepth: number;
|
|
52
|
+
} | null) & {
|
|
25
53
|
clearCache: () => void;
|
|
26
54
|
resultsCount: () => number;
|
|
27
55
|
resetResultsCount: () => void;
|
|
28
|
-
}
|
|
56
|
+
};
|
|
57
|
+
lastResult: () => {
|
|
58
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
59
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
60
|
+
targetDepth: number;
|
|
61
|
+
} | null;
|
|
62
|
+
dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
|
|
63
|
+
draggedItemId: string;
|
|
64
|
+
targetItemId: string;
|
|
65
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
66
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
67
|
+
} | null, ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("@mui/x-tree-view/internals").UseTreeViewItemsState<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties> & Partial<{}> & {
|
|
68
|
+
cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
|
|
69
|
+
}) => {
|
|
70
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
71
|
+
}) & {
|
|
72
|
+
clearCache: () => void;
|
|
73
|
+
resultsCount: () => number;
|
|
74
|
+
resetResultsCount: () => void;
|
|
75
|
+
} & {
|
|
29
76
|
resultFunc: (resultFuncArgs_0: {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
77
|
+
disabledItemsFocusable: boolean;
|
|
78
|
+
itemModelLookup: {
|
|
79
|
+
[itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
|
|
80
|
+
};
|
|
81
|
+
itemMetaLookup: {
|
|
35
82
|
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
83
|
+
};
|
|
84
|
+
itemOrderedChildrenIdsLookup: {
|
|
85
|
+
[parentItemId: string]: string[];
|
|
86
|
+
};
|
|
87
|
+
itemChildrenIndexesLookup: {
|
|
88
|
+
[parentItemId: string]: {
|
|
89
|
+
[itemId: string]: number;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
}) => {
|
|
93
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
94
|
+
};
|
|
41
95
|
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
96
|
+
disabledItemsFocusable: boolean;
|
|
97
|
+
itemModelLookup: {
|
|
98
|
+
[itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
|
|
99
|
+
};
|
|
100
|
+
itemMetaLookup: {
|
|
47
101
|
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
lastResult: () => {
|
|
58
|
-
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
59
|
-
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
60
|
-
targetDepth: number;
|
|
61
|
-
} | null;
|
|
62
|
-
dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
|
|
63
|
-
draggedItemId: string;
|
|
64
|
-
targetItemId: string;
|
|
65
|
-
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
66
|
-
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
67
|
-
} | null, ((state: import("@mui/x-tree-view/internals/corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("@mui/x-tree-view/internals").UseTreeViewItemsState<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties> & Partial<{}> & {
|
|
68
|
-
cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
|
|
102
|
+
};
|
|
103
|
+
itemOrderedChildrenIdsLookup: {
|
|
104
|
+
[parentItemId: string]: string[];
|
|
105
|
+
};
|
|
106
|
+
itemChildrenIndexesLookup: {
|
|
107
|
+
[parentItemId: string]: {
|
|
108
|
+
[itemId: string]: number;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
69
111
|
}) => {
|
|
70
|
-
|
|
112
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
71
113
|
}) & {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
};
|
|
81
|
-
itemMetaLookup: {
|
|
82
|
-
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
83
|
-
};
|
|
84
|
-
itemOrderedChildrenIdsLookup: {
|
|
85
|
-
[parentItemId: string]: string[];
|
|
86
|
-
};
|
|
87
|
-
itemChildrenIndexesLookup: {
|
|
88
|
-
[parentItemId: string]: {
|
|
89
|
-
[itemId: string]: number;
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
}) => {
|
|
93
|
-
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
94
|
-
};
|
|
95
|
-
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
96
|
-
disabledItemsFocusable: boolean;
|
|
97
|
-
itemModelLookup: {
|
|
98
|
-
[itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
|
|
99
|
-
};
|
|
100
|
-
itemMetaLookup: {
|
|
101
|
-
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
102
|
-
};
|
|
103
|
-
itemOrderedChildrenIdsLookup: {
|
|
104
|
-
[parentItemId: string]: string[];
|
|
105
|
-
};
|
|
106
|
-
itemChildrenIndexesLookup: {
|
|
107
|
-
[parentItemId: string]: {
|
|
108
|
-
[itemId: string]: number;
|
|
109
|
-
};
|
|
110
|
-
};
|
|
111
|
-
}) => {
|
|
112
|
-
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
113
|
-
}) & {
|
|
114
|
-
clearCache: () => void;
|
|
115
|
-
resultsCount: () => number;
|
|
116
|
-
resetResultsCount: () => void;
|
|
117
|
-
};
|
|
118
|
-
lastResult: () => {
|
|
119
|
-
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
120
|
-
};
|
|
121
|
-
dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>];
|
|
122
|
-
recomputations: () => number;
|
|
123
|
-
resetRecomputations: () => void;
|
|
124
|
-
dependencyRecomputations: () => number;
|
|
125
|
-
resetDependencyRecomputations: () => void;
|
|
126
|
-
} & {
|
|
127
|
-
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
128
|
-
memoize: typeof import("reselect").weakMapMemoize;
|
|
129
|
-
}, (_: any, itemId: string) => string];
|
|
114
|
+
clearCache: () => void;
|
|
115
|
+
resultsCount: () => number;
|
|
116
|
+
resetResultsCount: () => void;
|
|
117
|
+
};
|
|
118
|
+
lastResult: () => {
|
|
119
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
120
|
+
};
|
|
121
|
+
dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>];
|
|
130
122
|
recomputations: () => number;
|
|
131
123
|
resetRecomputations: () => void;
|
|
132
124
|
dependencyRecomputations: () => number;
|
|
133
125
|
resetDependencyRecomputations: () => void;
|
|
134
|
-
} & {
|
|
126
|
+
} & {
|
|
135
127
|
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
136
128
|
memoize: typeof import("reselect").weakMapMemoize;
|
|
129
|
+
}, (_: any, itemId: string) => string];
|
|
130
|
+
recomputations: () => number;
|
|
131
|
+
resetRecomputations: () => void;
|
|
132
|
+
dependencyRecomputations: () => number;
|
|
133
|
+
resetDependencyRecomputations: () => void;
|
|
134
|
+
} & {
|
|
135
|
+
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
136
|
+
memoize: typeof import("reselect").weakMapMemoize;
|
|
137
137
|
};
|
|
138
138
|
/**
|
|
139
139
|
* Check if the current item is a valid target for the dragged item.
|
|
@@ -142,38 +142,38 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
142
142
|
* @returns {boolean} `true` if the current item is a valid target for the dragged item, `false` otherwise.
|
|
143
143
|
*/
|
|
144
144
|
export declare const selectorItemsReorderingIsValidTarget: ((state: any, itemId: string) => boolean | null) & {
|
|
145
|
+
clearCache: () => void;
|
|
146
|
+
resultsCount: () => number;
|
|
147
|
+
resetResultsCount: () => void;
|
|
148
|
+
} & {
|
|
149
|
+
resultFunc: (resultFuncArgs_0: {
|
|
150
|
+
draggedItemId: string;
|
|
151
|
+
targetItemId: string;
|
|
152
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
153
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
154
|
+
} | null, resultFuncArgs_1: string) => boolean | null;
|
|
155
|
+
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
156
|
+
draggedItemId: string;
|
|
157
|
+
targetItemId: string;
|
|
158
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
159
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
160
|
+
} | null, resultFuncArgs_1: string) => boolean | null) & {
|
|
145
161
|
clearCache: () => void;
|
|
146
162
|
resultsCount: () => number;
|
|
147
163
|
resetResultsCount: () => void;
|
|
164
|
+
};
|
|
165
|
+
lastResult: () => boolean | null;
|
|
166
|
+
dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
|
|
167
|
+
draggedItemId: string;
|
|
168
|
+
targetItemId: string;
|
|
169
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
170
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
171
|
+
} | null, (_: any, itemId: string) => string];
|
|
172
|
+
recomputations: () => number;
|
|
173
|
+
resetRecomputations: () => void;
|
|
174
|
+
dependencyRecomputations: () => number;
|
|
175
|
+
resetDependencyRecomputations: () => void;
|
|
148
176
|
} & {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
153
|
-
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
154
|
-
} | null, resultFuncArgs_1: string) => boolean | null;
|
|
155
|
-
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
156
|
-
draggedItemId: string;
|
|
157
|
-
targetItemId: string;
|
|
158
|
-
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
159
|
-
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
160
|
-
} | null, resultFuncArgs_1: string) => boolean | null) & {
|
|
161
|
-
clearCache: () => void;
|
|
162
|
-
resultsCount: () => number;
|
|
163
|
-
resetResultsCount: () => void;
|
|
164
|
-
};
|
|
165
|
-
lastResult: () => boolean | null;
|
|
166
|
-
dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
|
|
167
|
-
draggedItemId: string;
|
|
168
|
-
targetItemId: string;
|
|
169
|
-
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
170
|
-
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
171
|
-
} | null, (_: any, itemId: string) => string];
|
|
172
|
-
recomputations: () => number;
|
|
173
|
-
resetRecomputations: () => void;
|
|
174
|
-
dependencyRecomputations: () => number;
|
|
175
|
-
resetDependencyRecomputations: () => void;
|
|
176
|
-
} & {
|
|
177
|
-
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
178
|
-
memoize: typeof import("reselect").weakMapMemoize;
|
|
179
|
-
};
|
|
177
|
+
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
178
|
+
memoize: typeof import("reselect").weakMapMemoize;
|
|
179
|
+
};
|
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js
CHANGED
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.selectorItemsReorderingIsValidTarget = exports.selectorItemsReorderingDraggedItemProperties = exports.selectorItemsReordering = void 0;
|
|
7
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
2
8
|
/**
|
|
3
9
|
* Get the items reordering state.
|
|
4
10
|
* @param {TreeViewState<[UseTreeViewItemsReorderingSignature]>} state The state of the tree view.
|
|
5
11
|
* @returns {TreeViewItemsReorderingState | null} The items reordering state.
|
|
6
12
|
*/
|
|
7
|
-
|
|
13
|
+
const selectorItemsReordering = state => state.itemsReordering;
|
|
8
14
|
|
|
9
15
|
/**
|
|
10
16
|
* Get the properties of the dragged item.
|
|
@@ -12,7 +18,8 @@ export const selectorItemsReordering = state => state.itemsReordering;
|
|
|
12
18
|
* @param {string} itemId The id of the item.
|
|
13
19
|
* @returns {TreeViewItemDraggedItemProperties | null} The properties of the dragged item if the current item is being dragged, `null` otherwise.
|
|
14
20
|
*/
|
|
15
|
-
|
|
21
|
+
exports.selectorItemsReordering = selectorItemsReordering;
|
|
22
|
+
const selectorItemsReorderingDraggedItemProperties = exports.selectorItemsReorderingDraggedItemProperties = (0, _internals.createSelector)([selectorItemsReordering, _internals.selectorItemMetaLookup, (_, itemId) => itemId], (itemsReordering, itemMetaLookup, itemId) => {
|
|
16
23
|
if (!itemsReordering || itemsReordering.targetItemId !== itemId || itemsReordering.action == null) {
|
|
17
24
|
return null;
|
|
18
25
|
}
|
|
@@ -32,4 +39,4 @@ export const selectorItemsReorderingDraggedItemProperties = createSelector([sele
|
|
|
32
39
|
* @param {string} itemId The id of the item.
|
|
33
40
|
* @returns {boolean} `true` if the current item is a valid target for the dragged item, `false` otherwise.
|
|
34
41
|
*/
|
|
35
|
-
|
|
42
|
+
const selectorItemsReorderingIsValidTarget = exports.selectorItemsReorderingIsValidTarget = (0, _internals.createSelector)([selectorItemsReordering, (_, itemId) => itemId], (itemsReordering, itemId) => itemsReordering && itemsReordering.draggedItemId !== itemId);
|