@mui/x-tree-view-pro 8.0.0-alpha.8 → 8.0.0-beta.0
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 +2566 -687
- package/README.md +1 -1
- package/RichTreeViewPro/RichTreeViewPro.d.ts +5 -5
- package/RichTreeViewPro/RichTreeViewPro.js +101 -89
- package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +4 -5
- package/RichTreeViewPro/RichTreeViewPro.plugins.js +10 -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 +95 -95
- package/esm/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +7 -0
- package/esm/RichTreeViewPro/RichTreeViewPro.plugins.js +6 -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 +183 -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/plugins/useTreeViewLazyLoading/index.d.ts +1 -0
- package/esm/internals/plugins/useTreeViewLazyLoading/index.js +1 -0
- package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.d.ts +3 -0
- package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js +288 -0
- package/esm/internals/plugins/useTreeViewLazyLoading/utils.d.ts +32 -0
- package/esm/internals/plugins/useTreeViewLazyLoading/utils.js +85 -0
- 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 +138 -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/plugins/useTreeViewLazyLoading/index.d.ts +1 -0
- package/internals/plugins/useTreeViewLazyLoading/index.js +12 -0
- package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.d.ts +3 -0
- package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js +297 -0
- package/internals/plugins/useTreeViewLazyLoading/utils.d.ts +32 -0
- package/internals/plugins/useTreeViewLazyLoading/utils.js +89 -0
- 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 +21 -15
- package/modern/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +7 -0
- package/modern/RichTreeViewPro/RichTreeViewPro.plugins.js +2 -1
- 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 +183 -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/plugins/useTreeViewLazyLoading/index.d.ts +1 -0
- package/modern/internals/plugins/useTreeViewLazyLoading/index.js +1 -0
- package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.d.ts +3 -0
- package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js +288 -0
- package/modern/internals/plugins/useTreeViewLazyLoading/utils.d.ts +32 -0
- package/modern/internals/plugins/useTreeViewLazyLoading/utils.js +85 -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 +43 -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
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,126 @@ 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
|
+
loading: boolean;
|
|
93
|
+
error: Error | null;
|
|
94
|
+
}) => {
|
|
95
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
96
|
+
};
|
|
41
97
|
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
98
|
+
disabledItemsFocusable: boolean;
|
|
99
|
+
itemModelLookup: {
|
|
100
|
+
[itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
|
|
101
|
+
};
|
|
102
|
+
itemMetaLookup: {
|
|
47
103
|
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
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;
|
|
104
|
+
};
|
|
105
|
+
itemOrderedChildrenIdsLookup: {
|
|
106
|
+
[parentItemId: string]: string[];
|
|
107
|
+
};
|
|
108
|
+
itemChildrenIndexesLookup: {
|
|
109
|
+
[parentItemId: string]: {
|
|
110
|
+
[itemId: string]: number;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
loading: boolean;
|
|
114
|
+
error: Error | null;
|
|
69
115
|
}) => {
|
|
70
|
-
|
|
116
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
71
117
|
}) & {
|
|
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];
|
|
118
|
+
clearCache: () => void;
|
|
119
|
+
resultsCount: () => number;
|
|
120
|
+
resetResultsCount: () => void;
|
|
121
|
+
};
|
|
122
|
+
lastResult: () => {
|
|
123
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
124
|
+
};
|
|
125
|
+
dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>];
|
|
130
126
|
recomputations: () => number;
|
|
131
127
|
resetRecomputations: () => void;
|
|
132
128
|
dependencyRecomputations: () => number;
|
|
133
129
|
resetDependencyRecomputations: () => void;
|
|
134
|
-
} & {
|
|
130
|
+
} & {
|
|
135
131
|
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
136
132
|
memoize: typeof import("reselect").weakMapMemoize;
|
|
133
|
+
}, (_: any, itemId: string) => string];
|
|
134
|
+
recomputations: () => number;
|
|
135
|
+
resetRecomputations: () => void;
|
|
136
|
+
dependencyRecomputations: () => number;
|
|
137
|
+
resetDependencyRecomputations: () => void;
|
|
138
|
+
} & {
|
|
139
|
+
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
140
|
+
memoize: typeof import("reselect").weakMapMemoize;
|
|
137
141
|
};
|
|
138
142
|
/**
|
|
139
143
|
* Check if the current item is a valid target for the dragged item.
|
|
@@ -142,38 +146,38 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
142
146
|
* @returns {boolean} `true` if the current item is a valid target for the dragged item, `false` otherwise.
|
|
143
147
|
*/
|
|
144
148
|
export declare const selectorItemsReorderingIsValidTarget: ((state: any, itemId: string) => boolean | null) & {
|
|
149
|
+
clearCache: () => void;
|
|
150
|
+
resultsCount: () => number;
|
|
151
|
+
resetResultsCount: () => void;
|
|
152
|
+
} & {
|
|
153
|
+
resultFunc: (resultFuncArgs_0: {
|
|
154
|
+
draggedItemId: string;
|
|
155
|
+
targetItemId: string;
|
|
156
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
157
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
158
|
+
} | null, resultFuncArgs_1: string) => boolean | null;
|
|
159
|
+
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
160
|
+
draggedItemId: string;
|
|
161
|
+
targetItemId: string;
|
|
162
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
163
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
164
|
+
} | null, resultFuncArgs_1: string) => boolean | null) & {
|
|
145
165
|
clearCache: () => void;
|
|
146
166
|
resultsCount: () => number;
|
|
147
167
|
resetResultsCount: () => void;
|
|
168
|
+
};
|
|
169
|
+
lastResult: () => boolean | null;
|
|
170
|
+
dependencies: [(state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => {
|
|
171
|
+
draggedItemId: string;
|
|
172
|
+
targetItemId: string;
|
|
173
|
+
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
174
|
+
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
175
|
+
} | null, (_: any, itemId: string) => string];
|
|
176
|
+
recomputations: () => number;
|
|
177
|
+
resetRecomputations: () => void;
|
|
178
|
+
dependencyRecomputations: () => number;
|
|
179
|
+
resetDependencyRecomputations: () => void;
|
|
148
180
|
} & {
|
|
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
|
-
};
|
|
181
|
+
argsMemoize: typeof import("reselect").weakMapMemoize;
|
|
182
|
+
memoize: typeof import("reselect").weakMapMemoize;
|
|
183
|
+
};
|
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);
|
|
@@ -4,138 +4,129 @@ import { TreeViewPluginSignature, UseTreeViewItemsSignature } from '@mui/x-tree-
|
|
|
4
4
|
import { TreeViewItemId, TreeViewItemsReorderingAction, TreeViewCancellableEventHandler } from '@mui/x-tree-view/models';
|
|
5
5
|
import { TreeItemDragAndDropOverlayProps } from '@mui/x-tree-view/TreeItemDragAndDropOverlay';
|
|
6
6
|
export interface UseTreeViewItemsReorderingInstance {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Check if a given item can be dragged.
|
|
9
|
+
* @param {TreeViewItemId} itemId The id of the item to check.
|
|
10
|
+
* @returns {boolean} `true` if the item can be dragged, `false` otherwise.
|
|
11
|
+
*/
|
|
12
|
+
canItemBeDragged: (itemId: TreeViewItemId) => boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Get the valid reordering action if a given item is the target of the ongoing reordering.
|
|
15
|
+
* @param {TreeViewItemId} itemId The id of the item to get the action of.
|
|
16
|
+
* @returns {TreeViewItemItemReorderingValidActions} The valid actions for the item.
|
|
17
|
+
*/
|
|
18
|
+
getDroppingTargetValidActions: (itemId: TreeViewItemId) => TreeViewItemItemReorderingValidActions;
|
|
19
|
+
/**
|
|
20
|
+
* Start a reordering for the given item.
|
|
21
|
+
* @param {TreeViewItemId} itemId The id of the item to start the reordering for.
|
|
22
|
+
*/
|
|
23
|
+
startDraggingItem: (itemId: TreeViewItemId) => void;
|
|
24
|
+
/**
|
|
25
|
+
* Stop the reordering of a given item.
|
|
26
|
+
* @param {TreeViewItemId} itemId The id of the item to stop the reordering for.
|
|
27
|
+
*/
|
|
28
|
+
stopDraggingItem: (itemId: TreeViewItemId) => void;
|
|
29
|
+
/**
|
|
30
|
+
* Set the new target item for the ongoing reordering.
|
|
31
|
+
* The action will be determined based on the position of the cursor inside the target and the valid actions for this target.
|
|
32
|
+
* @param {object} params The params describing the new target item.
|
|
33
|
+
* @param {TreeViewItemId} params.itemId The id of the new target item.
|
|
34
|
+
* @param {TreeViewItemItemReorderingValidActions} params.validActions The valid actions for the new target item.
|
|
35
|
+
* @param {number} params.targetHeight The height of the target item.
|
|
36
|
+
* @param {number} params.cursorY The Y coordinate of the mouse cursor.
|
|
37
|
+
* @param {number} params.cursorX The X coordinate of the mouse cursor.
|
|
38
|
+
* @param {HTMLDivElement} params.contentElement The DOM element rendered for the content slot.
|
|
39
|
+
*/
|
|
40
|
+
setDragTargetItem: (params: {
|
|
41
|
+
itemId: TreeViewItemId;
|
|
42
|
+
validActions: TreeViewItemItemReorderingValidActions;
|
|
43
|
+
targetHeight: number;
|
|
44
|
+
cursorY: number;
|
|
45
|
+
cursorX: number;
|
|
46
|
+
contentElement: HTMLDivElement;
|
|
47
|
+
}) => void;
|
|
48
48
|
}
|
|
49
49
|
export interface TreeViewItemReorderPosition {
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
parentId: string | null;
|
|
51
|
+
index: number;
|
|
52
52
|
}
|
|
53
|
-
export type TreeViewItemItemReorderingValidActions = {
|
|
54
|
-
[key in TreeViewItemsReorderingAction]?: TreeViewItemReorderPosition;
|
|
55
|
-
};
|
|
53
|
+
export type TreeViewItemItemReorderingValidActions = { [key in TreeViewItemsReorderingAction]?: TreeViewItemReorderPosition };
|
|
56
54
|
export interface UseTreeViewItemsReorderingParameters {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
newPosition: TreeViewItemReorderPosition;
|
|
95
|
-
}) => void;
|
|
55
|
+
/**
|
|
56
|
+
* If `true`, the reordering of items is enabled.
|
|
57
|
+
* @default false
|
|
58
|
+
*/
|
|
59
|
+
itemsReordering?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Determine if a given item can be reordered.
|
|
62
|
+
* @param {string} itemId The id of the item to check.
|
|
63
|
+
* @returns {boolean} `true` if the item can be reordered.
|
|
64
|
+
* @default () => true
|
|
65
|
+
*/
|
|
66
|
+
isItemReorderable?: (itemId: string) => boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Used to determine if a given item can move to some new position.
|
|
69
|
+
* @param {object} params The params describing the item re-ordering.
|
|
70
|
+
* @param {string} params.itemId The id of the item that is being moved to a new position.
|
|
71
|
+
* @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
|
|
72
|
+
* @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
|
|
73
|
+
* @returns {boolean} `true` if the item can move to the new position.
|
|
74
|
+
*/
|
|
75
|
+
canMoveItemToNewPosition?: (params: {
|
|
76
|
+
itemId: string;
|
|
77
|
+
oldPosition: TreeViewItemReorderPosition;
|
|
78
|
+
newPosition: TreeViewItemReorderPosition;
|
|
79
|
+
}) => boolean;
|
|
80
|
+
/**
|
|
81
|
+
* Callback fired when a Tree Item is moved in the tree.
|
|
82
|
+
* @param {object} params The params describing the item re-ordering.
|
|
83
|
+
* @param {string} params.itemId The id of the item moved.
|
|
84
|
+
* @param {TreeViewItemReorderPosition} params.oldPosition The old position of the item.
|
|
85
|
+
* @param {TreeViewItemReorderPosition} params.newPosition The new position of the item.
|
|
86
|
+
*/
|
|
87
|
+
onItemPositionChange?: (params: {
|
|
88
|
+
itemId: string;
|
|
89
|
+
oldPosition: TreeViewItemReorderPosition;
|
|
90
|
+
newPosition: TreeViewItemReorderPosition;
|
|
91
|
+
}) => void;
|
|
96
92
|
}
|
|
97
93
|
export type UseTreeViewItemsReorderingDefaultizedParameters = DefaultizedProps<UseTreeViewItemsReorderingParameters, 'itemsReordering'>;
|
|
98
94
|
export interface UseTreeViewItemsReorderingState {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
95
|
+
itemsReordering: {
|
|
96
|
+
draggedItemId: string;
|
|
97
|
+
targetItemId: string;
|
|
98
|
+
newPosition: TreeViewItemReorderPosition | null;
|
|
99
|
+
action: TreeViewItemsReorderingAction | null;
|
|
100
|
+
} | null;
|
|
105
101
|
}
|
|
106
102
|
interface UseTreeViewItemsReorderingContextValue {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
103
|
+
itemsReordering: {
|
|
104
|
+
enabled: boolean;
|
|
105
|
+
isItemReorderable: ((itemId: string) => boolean) | undefined;
|
|
106
|
+
};
|
|
111
107
|
}
|
|
112
108
|
export type UseTreeViewItemsReorderingSignature = TreeViewPluginSignature<{
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
dependencies: [UseTreeViewItemsSignature];
|
|
109
|
+
params: UseTreeViewItemsReorderingParameters;
|
|
110
|
+
defaultizedParams: UseTreeViewItemsReorderingDefaultizedParameters;
|
|
111
|
+
instance: UseTreeViewItemsReorderingInstance;
|
|
112
|
+
state: UseTreeViewItemsReorderingState;
|
|
113
|
+
contextValue: UseTreeViewItemsReorderingContextValue;
|
|
114
|
+
dependencies: [UseTreeViewItemsSignature];
|
|
120
115
|
}>;
|
|
121
116
|
export interface UseTreeItemRootSlotPropsFromItemsReordering {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
117
|
+
draggable?: true;
|
|
118
|
+
onDragStart?: TreeViewCancellableEventHandler<React.DragEvent>;
|
|
119
|
+
onDragOver?: TreeViewCancellableEventHandler<React.DragEvent>;
|
|
120
|
+
onDragEnd?: TreeViewCancellableEventHandler<React.DragEvent>;
|
|
126
121
|
}
|
|
127
122
|
export interface UseTreeItemContentSlotPropsFromItemsReordering {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
}
|
|
131
|
-
export interface UseTreeItemDragAndDropOverlaySlotPropsFromItemsReordering extends TreeItemDragAndDropOverlayProps {
|
|
123
|
+
onDragEnter?: TreeViewCancellableEventHandler<React.DragEvent>;
|
|
124
|
+
onDragOver?: TreeViewCancellableEventHandler<React.DragEvent>;
|
|
132
125
|
}
|
|
126
|
+
export interface UseTreeItemDragAndDropOverlaySlotPropsFromItemsReordering extends TreeItemDragAndDropOverlayProps {}
|
|
133
127
|
declare module '@mui/x-tree-view/useTreeItem' {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
138
|
-
interface UseTreeItemDragAndDropOverlaySlotOwnProps extends UseTreeItemDragAndDropOverlaySlotPropsFromItemsReordering {
|
|
139
|
-
}
|
|
128
|
+
interface UseTreeItemRootSlotOwnProps extends UseTreeItemRootSlotPropsFromItemsReordering {}
|
|
129
|
+
interface UseTreeItemContentSlotOwnProps extends UseTreeItemContentSlotPropsFromItemsReordering {}
|
|
130
|
+
interface UseTreeItemDragAndDropOverlaySlotOwnProps extends UseTreeItemDragAndDropOverlaySlotPropsFromItemsReordering {}
|
|
140
131
|
}
|
|
141
|
-
export {};
|
|
132
|
+
export {};
|