@mui/x-tree-view-pro 8.0.0-alpha.10 → 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 +267 -2
- package/RichTreeViewPro/RichTreeViewPro.d.ts +4 -4
- package/RichTreeViewPro/RichTreeViewPro.js +85 -86
- 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 +79 -92
- 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 +29 -48
- 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 +38 -39
- 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 -117
- 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.js +5 -12
- 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.js +4 -14
- 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,11 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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 = ({
|
|
9
16
|
params,
|
|
10
17
|
store
|
|
11
18
|
}) => {
|
|
@@ -20,7 +27,7 @@ export const useTreeViewItemsReordering = ({
|
|
|
20
27
|
return true;
|
|
21
28
|
}, [params.itemsReordering, params.isItemReorderable]);
|
|
22
29
|
const getDroppingTargetValidActions = React.useCallback(itemId => {
|
|
23
|
-
const itemsReordering = selectorItemsReordering(store.value);
|
|
30
|
+
const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
|
|
24
31
|
if (!itemsReordering) {
|
|
25
32
|
throw new Error('There is no ongoing reordering.');
|
|
26
33
|
}
|
|
@@ -28,10 +35,10 @@ export const useTreeViewItemsReordering = ({
|
|
|
28
35
|
return {};
|
|
29
36
|
}
|
|
30
37
|
const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
|
|
31
|
-
const targetItemMeta = selectorItemMeta(store.value, itemId);
|
|
32
|
-
const targetItemIndex = selectorItemIndex(store.value, targetItemMeta.id);
|
|
33
|
-
const draggedItemMeta = selectorItemMeta(store.value, itemsReordering.draggedItemId);
|
|
34
|
-
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);
|
|
35
42
|
const oldPosition = {
|
|
36
43
|
parentId: draggedItemMeta.parentId,
|
|
37
44
|
index: draggedItemIndex
|
|
@@ -67,7 +74,7 @@ export const useTreeViewItemsReordering = ({
|
|
|
67
74
|
},
|
|
68
75
|
'move-to-parent': targetItemMeta.parentId == null ? null : {
|
|
69
76
|
parentId: targetItemMeta.parentId,
|
|
70
|
-
index: selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length
|
|
77
|
+
index: (0, _internals.selectorItemOrderedChildrenIds)(store.value, targetItemMeta.parentId).length
|
|
71
78
|
}
|
|
72
79
|
};
|
|
73
80
|
const validActions = {};
|
|
@@ -80,7 +87,7 @@ export const useTreeViewItemsReordering = ({
|
|
|
80
87
|
return validActions;
|
|
81
88
|
}, [store, params.canMoveItemToNewPosition]);
|
|
82
89
|
const startDraggingItem = React.useCallback(itemId => {
|
|
83
|
-
store.update(prevState =>
|
|
90
|
+
store.update(prevState => (0, _extends2.default)({}, prevState, {
|
|
84
91
|
itemsReordering: {
|
|
85
92
|
targetItemId: itemId,
|
|
86
93
|
draggedItemId: itemId,
|
|
@@ -90,25 +97,25 @@ export const useTreeViewItemsReordering = ({
|
|
|
90
97
|
}));
|
|
91
98
|
}, [store]);
|
|
92
99
|
const stopDraggingItem = React.useCallback(itemId => {
|
|
93
|
-
const itemsReordering = selectorItemsReordering(store.value);
|
|
100
|
+
const itemsReordering = (0, _useTreeViewItemsReordering3.selectorItemsReordering)(store.value);
|
|
94
101
|
if (itemsReordering == null || itemsReordering.draggedItemId !== itemId) {
|
|
95
102
|
return;
|
|
96
103
|
}
|
|
97
104
|
if (itemsReordering.draggedItemId === itemsReordering.targetItemId || itemsReordering.action == null || itemsReordering.newPosition == null) {
|
|
98
|
-
store.update(prevState =>
|
|
105
|
+
store.update(prevState => (0, _extends2.default)({}, prevState, {
|
|
99
106
|
itemsReordering: null
|
|
100
107
|
}));
|
|
101
108
|
return;
|
|
102
109
|
}
|
|
103
|
-
const draggedItemMeta = selectorItemMeta(store.value, itemsReordering.draggedItemId);
|
|
110
|
+
const draggedItemMeta = (0, _internals.selectorItemMeta)(store.value, itemsReordering.draggedItemId);
|
|
104
111
|
const oldPosition = {
|
|
105
112
|
parentId: draggedItemMeta.parentId,
|
|
106
|
-
index: selectorItemIndex(store.value, draggedItemMeta.id)
|
|
113
|
+
index: (0, _internals.selectorItemIndex)(store.value, draggedItemMeta.id)
|
|
107
114
|
};
|
|
108
115
|
const newPosition = itemsReordering.newPosition;
|
|
109
|
-
store.update(prevState =>
|
|
116
|
+
store.update(prevState => (0, _extends2.default)({}, prevState, {
|
|
110
117
|
itemsReordering: null,
|
|
111
|
-
items: moveItemInTree({
|
|
118
|
+
items: (0, _useTreeViewItemsReordering.moveItemInTree)({
|
|
112
119
|
itemToMoveId: itemId,
|
|
113
120
|
newPosition,
|
|
114
121
|
oldPosition,
|
|
@@ -132,10 +139,10 @@ export const useTreeViewItemsReordering = ({
|
|
|
132
139
|
}) => {
|
|
133
140
|
store.update(prevState => {
|
|
134
141
|
const prevSubState = prevState.itemsReordering;
|
|
135
|
-
if (prevSubState == null || isAncestor(store, itemId, prevSubState.draggedItemId)) {
|
|
142
|
+
if (prevSubState == null || (0, _useTreeViewItemsReordering.isAncestor)(store, itemId, prevSubState.draggedItemId)) {
|
|
136
143
|
return prevState;
|
|
137
144
|
}
|
|
138
|
-
const action = chooseActionToApply({
|
|
145
|
+
const action = (0, _useTreeViewItemsReordering.chooseActionToApply)({
|
|
139
146
|
itemChildrenIndentation: params.itemChildrenIndentation,
|
|
140
147
|
validActions,
|
|
141
148
|
targetHeight,
|
|
@@ -148,8 +155,8 @@ export const useTreeViewItemsReordering = ({
|
|
|
148
155
|
if (prevSubState.targetItemId === itemId && prevSubState.action === action && prevSubState.newPosition?.parentId === newPosition?.parentId && prevSubState.newPosition?.index === newPosition?.index) {
|
|
149
156
|
return prevState;
|
|
150
157
|
}
|
|
151
|
-
return
|
|
152
|
-
itemsReordering:
|
|
158
|
+
return (0, _extends2.default)({}, prevState, {
|
|
159
|
+
itemsReordering: (0, _extends2.default)({}, prevSubState, {
|
|
153
160
|
targetItemId: itemId,
|
|
154
161
|
newPosition,
|
|
155
162
|
action
|
|
@@ -174,21 +181,13 @@ export const useTreeViewItemsReordering = ({
|
|
|
174
181
|
contextValue: pluginContextValue
|
|
175
182
|
};
|
|
176
183
|
};
|
|
177
|
-
useTreeViewItemsReordering
|
|
184
|
+
exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
|
|
185
|
+
useTreeViewItemsReordering.itemPlugin = _useTreeViewItemsReordering2.useTreeViewItemsReorderingItemPlugin;
|
|
178
186
|
useTreeViewItemsReordering.getDefaultizedParams = ({
|
|
179
|
-
params
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
184
|
-
if (params.itemsReordering && !canUseFeature) {
|
|
185
|
-
warnOnce(['MUI X: The items reordering feature requires the `itemsReordering` experimental feature to be enabled.', 'You can do it by passing `experimentalFeatures={{ itemsReordering: true }}` to the `<RichTreeViewPro />`component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
return _extends({}, params, {
|
|
189
|
-
itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
|
|
190
|
-
});
|
|
191
|
-
};
|
|
187
|
+
params
|
|
188
|
+
}) => (0, _extends2.default)({}, params, {
|
|
189
|
+
itemsReordering: params.itemsReordering ?? false
|
|
190
|
+
});
|
|
192
191
|
useTreeViewItemsReordering.getInitialState = () => ({
|
|
193
192
|
itemsReordering: null
|
|
194
193
|
});
|
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);
|