@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
package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { TreeViewUsedStore, UseTreeViewItemsState } from '@mui/x-tree-view/internals';
|
|
2
|
+
import { TreeViewItemId, TreeViewItemsReorderingAction } from '@mui/x-tree-view/models';
|
|
3
|
+
import { TreeViewItemItemReorderingValidActions, TreeViewItemReorderPosition, UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
|
|
4
|
+
/**
|
|
5
|
+
* Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
|
|
6
|
+
*/
|
|
7
|
+
export declare const isAncestor: (store: TreeViewUsedStore<UseTreeViewItemsReorderingSignature>, itemIdA: string, itemIdB: string) => boolean;
|
|
8
|
+
interface GetNewPositionParams {
|
|
9
|
+
itemChildrenIndentation: string | number;
|
|
10
|
+
validActions: TreeViewItemItemReorderingValidActions;
|
|
11
|
+
targetHeight: number;
|
|
12
|
+
targetDepth: number;
|
|
13
|
+
cursorY: number;
|
|
14
|
+
cursorX: number;
|
|
15
|
+
contentElement: HTMLDivElement;
|
|
16
|
+
}
|
|
17
|
+
export declare const chooseActionToApply: ({
|
|
18
|
+
itemChildrenIndentation,
|
|
19
|
+
validActions,
|
|
20
|
+
targetHeight,
|
|
21
|
+
targetDepth,
|
|
22
|
+
cursorX,
|
|
23
|
+
cursorY,
|
|
24
|
+
contentElement
|
|
25
|
+
}: GetNewPositionParams) => TreeViewItemsReorderingAction | null;
|
|
26
|
+
export declare const moveItemInTree: <R extends {}>({
|
|
27
|
+
itemToMoveId,
|
|
28
|
+
oldPosition,
|
|
29
|
+
newPosition,
|
|
30
|
+
prevState
|
|
31
|
+
}: {
|
|
32
|
+
itemToMoveId: TreeViewItemId;
|
|
33
|
+
oldPosition: TreeViewItemReorderPosition;
|
|
34
|
+
newPosition: TreeViewItemReorderPosition;
|
|
35
|
+
prevState: UseTreeViewItemsState<R>["items"];
|
|
36
|
+
}) => UseTreeViewItemsState<R>["items"];
|
|
37
|
+
export {};
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.moveItemInTree = exports.isAncestor = exports.chooseActionToApply = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _internals = require("@mui/x-tree-view/internals");
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import { buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID, selectorItemMeta } from '@mui/x-tree-view/internals';
|
|
10
3
|
/**
|
|
11
4
|
* Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
|
|
12
5
|
*/
|
|
13
|
-
const isAncestor = (store, itemIdA, itemIdB) => {
|
|
14
|
-
const itemMetaA =
|
|
6
|
+
export const isAncestor = (store, itemIdA, itemIdB) => {
|
|
7
|
+
const itemMetaA = selectorItemMeta(store.value, itemIdA);
|
|
15
8
|
if (itemMetaA.parentId === itemIdB) {
|
|
16
9
|
return true;
|
|
17
10
|
}
|
|
@@ -26,7 +19,6 @@ const isAncestor = (store, itemIdA, itemIdB) => {
|
|
|
26
19
|
* @param {string | null} itemChildrenIndentation The indentation as passed to the `itemChildrenIndentation` prop.
|
|
27
20
|
* @param {HTMLElement} contentElement The DOM element to which the indentation will be applied.
|
|
28
21
|
*/
|
|
29
|
-
exports.isAncestor = isAncestor;
|
|
30
22
|
const parseItemChildrenIndentation = (itemChildrenIndentation, contentElement) => {
|
|
31
23
|
if (typeof itemChildrenIndentation === 'number') {
|
|
32
24
|
return itemChildrenIndentation;
|
|
@@ -45,7 +37,7 @@ const parseItemChildrenIndentation = (itemChildrenIndentation, contentElement) =
|
|
|
45
37
|
contentElement.removeChild(tempElement);
|
|
46
38
|
return value;
|
|
47
39
|
};
|
|
48
|
-
const chooseActionToApply = ({
|
|
40
|
+
export const chooseActionToApply = ({
|
|
49
41
|
itemChildrenIndentation,
|
|
50
42
|
validActions,
|
|
51
43
|
targetHeight,
|
|
@@ -90,24 +82,23 @@ const chooseActionToApply = ({
|
|
|
90
82
|
}
|
|
91
83
|
return action;
|
|
92
84
|
};
|
|
93
|
-
|
|
94
|
-
const moveItemInTree = ({
|
|
85
|
+
export const moveItemInTree = ({
|
|
95
86
|
itemToMoveId,
|
|
96
87
|
oldPosition,
|
|
97
88
|
newPosition,
|
|
98
89
|
prevState
|
|
99
90
|
}) => {
|
|
100
91
|
const itemToMoveMeta = prevState.itemMetaLookup[itemToMoveId];
|
|
101
|
-
const oldParentId = oldPosition.parentId ??
|
|
102
|
-
const newParentId = newPosition.parentId ??
|
|
92
|
+
const oldParentId = oldPosition.parentId ?? TREE_VIEW_ROOT_PARENT_ID;
|
|
93
|
+
const newParentId = newPosition.parentId ?? TREE_VIEW_ROOT_PARENT_ID;
|
|
103
94
|
|
|
104
95
|
// 1. Update the `itemOrderedChildrenIds`.
|
|
105
|
-
const itemOrderedChildrenIds = (
|
|
96
|
+
const itemOrderedChildrenIds = _extends({}, prevState.itemOrderedChildrenIdsLookup);
|
|
106
97
|
if (oldParentId === newParentId) {
|
|
107
98
|
const updatedChildren = [...itemOrderedChildrenIds[oldParentId]];
|
|
108
99
|
updatedChildren.splice(oldPosition.index, 1);
|
|
109
100
|
updatedChildren.splice(newPosition.index, 0, itemToMoveId);
|
|
110
|
-
itemOrderedChildrenIds[itemToMoveMeta.parentId ??
|
|
101
|
+
itemOrderedChildrenIds[itemToMoveMeta.parentId ?? TREE_VIEW_ROOT_PARENT_ID] = updatedChildren;
|
|
111
102
|
} else {
|
|
112
103
|
const updatedOldParentChildren = [...itemOrderedChildrenIds[oldParentId]];
|
|
113
104
|
updatedOldParentChildren.splice(oldPosition.index, 1);
|
|
@@ -118,51 +109,50 @@ const moveItemInTree = ({
|
|
|
118
109
|
}
|
|
119
110
|
|
|
120
111
|
// 2. Update the `itemChildrenIndexes`
|
|
121
|
-
const itemChildrenIndexes = (
|
|
122
|
-
itemChildrenIndexes[oldParentId] =
|
|
112
|
+
const itemChildrenIndexes = _extends({}, prevState.itemChildrenIndexesLookup);
|
|
113
|
+
itemChildrenIndexes[oldParentId] = buildSiblingIndexes(itemOrderedChildrenIds[oldParentId]);
|
|
123
114
|
if (newParentId !== oldParentId) {
|
|
124
|
-
itemChildrenIndexes[newParentId] =
|
|
115
|
+
itemChildrenIndexes[newParentId] = buildSiblingIndexes(itemOrderedChildrenIds[newParentId]);
|
|
125
116
|
}
|
|
126
117
|
|
|
127
118
|
// 3. Update the `itemMetaLookup`
|
|
128
|
-
const itemMetaLookup = (
|
|
119
|
+
const itemMetaLookup = _extends({}, prevState.itemMetaLookup);
|
|
129
120
|
|
|
130
121
|
// 3.1 Update the `expandable` property of the old and the new parent
|
|
131
122
|
function updateExpandable(itemId) {
|
|
132
123
|
const isExpandable = itemOrderedChildrenIds[itemId].length > 0;
|
|
133
124
|
if (itemMetaLookup[itemId].expandable !== isExpandable) {
|
|
134
|
-
itemMetaLookup[itemId] = (
|
|
125
|
+
itemMetaLookup[itemId] = _extends({}, itemMetaLookup[itemId], {
|
|
135
126
|
expandable: isExpandable
|
|
136
127
|
});
|
|
137
128
|
}
|
|
138
129
|
}
|
|
139
|
-
if (oldParentId !==
|
|
130
|
+
if (oldParentId !== TREE_VIEW_ROOT_PARENT_ID && oldParentId !== newParentId) {
|
|
140
131
|
updateExpandable(oldParentId);
|
|
141
132
|
}
|
|
142
|
-
if (newParentId !==
|
|
133
|
+
if (newParentId !== TREE_VIEW_ROOT_PARENT_ID && newParentId !== oldParentId) {
|
|
143
134
|
updateExpandable(newParentId);
|
|
144
135
|
}
|
|
145
136
|
|
|
146
137
|
// 3.2 Update the `parentId` and `depth` properties of the item to move
|
|
147
138
|
// The depth is always defined because drag&drop is only usable with Rich Tree View components.
|
|
148
139
|
const itemToMoveDepth = newPosition.parentId == null ? 0 : itemMetaLookup[newParentId].depth + 1;
|
|
149
|
-
itemMetaLookup[itemToMoveId] = (
|
|
140
|
+
itemMetaLookup[itemToMoveId] = _extends({}, itemToMoveMeta, {
|
|
150
141
|
parentId: newPosition.parentId,
|
|
151
142
|
depth: itemToMoveDepth
|
|
152
143
|
});
|
|
153
144
|
|
|
154
145
|
// 3.3 Update the depth of all the children of the item to move
|
|
155
146
|
const updateItemDepth = (itemId, depth) => {
|
|
156
|
-
itemMetaLookup[itemId] = (
|
|
147
|
+
itemMetaLookup[itemId] = _extends({}, itemMetaLookup[itemId], {
|
|
157
148
|
depth
|
|
158
149
|
});
|
|
159
150
|
itemOrderedChildrenIds[itemId]?.forEach(childId => updateItemDepth(childId, depth + 1));
|
|
160
151
|
};
|
|
161
152
|
itemOrderedChildrenIds[itemToMoveId]?.forEach(childId => updateItemDepth(childId, itemToMoveDepth + 1));
|
|
162
|
-
return (
|
|
153
|
+
return _extends({}, prevState, {
|
|
163
154
|
itemOrderedChildrenIdsLookup: itemOrderedChildrenIds,
|
|
164
155
|
itemChildrenIndexesLookup: itemChildrenIndexes,
|
|
165
156
|
itemMetaLookup
|
|
166
157
|
});
|
|
167
|
-
};
|
|
168
|
-
exports.moveItemInTree = moveItemInTree;
|
|
158
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getReleaseInfo: () => any;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
|
|
2
|
+
export const getReleaseInfo = () => {
|
|
3
|
+
const releaseInfo = "MTczOTc0NjgwMDAwMA==";
|
|
4
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
5
|
+
// A simple hack to set the value in the test environment (has no build step).
|
|
6
|
+
// eslint-disable-next-line no-useless-concat
|
|
7
|
+
if (releaseInfo === '__RELEASE' + '_INFO__') {
|
|
8
|
+
// eslint-disable-next-line no-underscore-dangle
|
|
9
|
+
return ponyfillGlobal.__MUI_RELEASE_INFO__;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
return releaseInfo;
|
|
13
|
+
};
|
package/esm/package.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module","sideEffects":false}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
|
|
2
|
+
export interface TreeViewComponents<Theme = unknown> {
|
|
3
|
+
MuiRichTreeViewPro?: {
|
|
4
|
+
defaultProps?: ComponentsProps['MuiRichTreeViewPro'];
|
|
5
|
+
styleOverrides?: ComponentsOverrides<Theme>['MuiRichTreeViewPro'];
|
|
6
|
+
variants?: ComponentsVariants<Theme>['MuiRichTreeViewPro'];
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
declare module '@mui/material/styles' {
|
|
10
|
+
interface Components<Theme = unknown> extends TreeViewComponents<Theme> {}
|
|
11
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { RichTreeViewProClassKey } from "../RichTreeViewPro/index.js";
|
|
2
|
+
|
|
3
|
+
// prettier-ignore
|
|
4
|
+
export interface TreeViewComponentNameToClassKey {
|
|
5
|
+
MuiRichTreeViewPro: RichTreeViewProClassKey;
|
|
6
|
+
}
|
|
7
|
+
declare module '@mui/material/styles' {
|
|
8
|
+
interface ComponentNameToClassKey extends TreeViewComponentNameToClassKey {}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
// disable automatic export
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { RichTreeViewProProps } from "../RichTreeViewPro/index.js";
|
|
2
|
+
export interface TreeViewComponentsPropsList {
|
|
3
|
+
MuiRichTreeViewPro: RichTreeViewProProps<any, any>;
|
|
4
|
+
}
|
|
5
|
+
declare module '@mui/material/styles' {
|
|
6
|
+
interface ComponentsPropsList extends TreeViewComponentsPropsList {}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
// disable automatic export
|
|
10
|
+
export {};
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from '@mui/x-tree-view/SimpleTreeView';
|
|
2
|
-
export * from
|
|
2
|
+
export * from "./RichTreeViewPro/index.js";
|
|
3
3
|
export * from '@mui/x-tree-view/TreeItem';
|
|
4
4
|
export * from '@mui/x-tree-view/useTreeItem';
|
|
5
5
|
export * from '@mui/x-tree-view/TreeItemIcon';
|
|
@@ -9,4 +9,4 @@ export * from '@mui/x-tree-view/TreeItemLabelInput';
|
|
|
9
9
|
export { unstable_resetCleanupTracking } from '@mui/x-tree-view/internals';
|
|
10
10
|
export * from '@mui/x-tree-view/models';
|
|
11
11
|
export * from '@mui/x-tree-view/icons';
|
|
12
|
-
export * from '@mui/x-tree-view/hooks';
|
|
12
|
+
export * from '@mui/x-tree-view/hooks';
|
package/index.js
CHANGED
|
@@ -1,22 +1,154 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @mui/x-tree-view-pro v8.0.0-alpha.
|
|
2
|
+
* @mui/x-tree-view-pro v8.0.0-alpha.12
|
|
3
3
|
*
|
|
4
4
|
* @license MUI X Commercial
|
|
5
5
|
* This source code is licensed under the commercial license found in the
|
|
6
6
|
* LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
export * from '@mui/x-tree-view/SimpleTreeView';
|
|
10
|
-
export * from "./RichTreeViewPro/index.js";
|
|
8
|
+
"use strict";
|
|
11
9
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
10
|
+
Object.defineProperty(exports, "__esModule", {
|
|
11
|
+
value: true
|
|
12
|
+
});
|
|
13
|
+
var _exportNames = {
|
|
14
|
+
unstable_resetCleanupTracking: true
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "unstable_resetCleanupTracking", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () {
|
|
19
|
+
return _internals.unstable_resetCleanupTracking;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _SimpleTreeView = require("@mui/x-tree-view/SimpleTreeView");
|
|
23
|
+
Object.keys(_SimpleTreeView).forEach(function (key) {
|
|
24
|
+
if (key === "default" || key === "__esModule") return;
|
|
25
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
26
|
+
if (key in exports && exports[key] === _SimpleTreeView[key]) return;
|
|
27
|
+
Object.defineProperty(exports, key, {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function () {
|
|
30
|
+
return _SimpleTreeView[key];
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
var _RichTreeViewPro = require("./RichTreeViewPro");
|
|
35
|
+
Object.keys(_RichTreeViewPro).forEach(function (key) {
|
|
36
|
+
if (key === "default" || key === "__esModule") return;
|
|
37
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
38
|
+
if (key in exports && exports[key] === _RichTreeViewPro[key]) return;
|
|
39
|
+
Object.defineProperty(exports, key, {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
get: function () {
|
|
42
|
+
return _RichTreeViewPro[key];
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
var _TreeItem = require("@mui/x-tree-view/TreeItem");
|
|
47
|
+
Object.keys(_TreeItem).forEach(function (key) {
|
|
48
|
+
if (key === "default" || key === "__esModule") return;
|
|
49
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
50
|
+
if (key in exports && exports[key] === _TreeItem[key]) return;
|
|
51
|
+
Object.defineProperty(exports, key, {
|
|
52
|
+
enumerable: true,
|
|
53
|
+
get: function () {
|
|
54
|
+
return _TreeItem[key];
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
var _useTreeItem = require("@mui/x-tree-view/useTreeItem");
|
|
59
|
+
Object.keys(_useTreeItem).forEach(function (key) {
|
|
60
|
+
if (key === "default" || key === "__esModule") return;
|
|
61
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
62
|
+
if (key in exports && exports[key] === _useTreeItem[key]) return;
|
|
63
|
+
Object.defineProperty(exports, key, {
|
|
64
|
+
enumerable: true,
|
|
65
|
+
get: function () {
|
|
66
|
+
return _useTreeItem[key];
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
var _TreeItemIcon = require("@mui/x-tree-view/TreeItemIcon");
|
|
71
|
+
Object.keys(_TreeItemIcon).forEach(function (key) {
|
|
72
|
+
if (key === "default" || key === "__esModule") return;
|
|
73
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
74
|
+
if (key in exports && exports[key] === _TreeItemIcon[key]) return;
|
|
75
|
+
Object.defineProperty(exports, key, {
|
|
76
|
+
enumerable: true,
|
|
77
|
+
get: function () {
|
|
78
|
+
return _TreeItemIcon[key];
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
var _TreeItemProvider = require("@mui/x-tree-view/TreeItemProvider");
|
|
83
|
+
Object.keys(_TreeItemProvider).forEach(function (key) {
|
|
84
|
+
if (key === "default" || key === "__esModule") return;
|
|
85
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
86
|
+
if (key in exports && exports[key] === _TreeItemProvider[key]) return;
|
|
87
|
+
Object.defineProperty(exports, key, {
|
|
88
|
+
enumerable: true,
|
|
89
|
+
get: function () {
|
|
90
|
+
return _TreeItemProvider[key];
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
var _TreeItemDragAndDropOverlay = require("@mui/x-tree-view/TreeItemDragAndDropOverlay");
|
|
95
|
+
Object.keys(_TreeItemDragAndDropOverlay).forEach(function (key) {
|
|
96
|
+
if (key === "default" || key === "__esModule") return;
|
|
97
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
98
|
+
if (key in exports && exports[key] === _TreeItemDragAndDropOverlay[key]) return;
|
|
99
|
+
Object.defineProperty(exports, key, {
|
|
100
|
+
enumerable: true,
|
|
101
|
+
get: function () {
|
|
102
|
+
return _TreeItemDragAndDropOverlay[key];
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
var _TreeItemLabelInput = require("@mui/x-tree-view/TreeItemLabelInput");
|
|
107
|
+
Object.keys(_TreeItemLabelInput).forEach(function (key) {
|
|
108
|
+
if (key === "default" || key === "__esModule") return;
|
|
109
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
110
|
+
if (key in exports && exports[key] === _TreeItemLabelInput[key]) return;
|
|
111
|
+
Object.defineProperty(exports, key, {
|
|
112
|
+
enumerable: true,
|
|
113
|
+
get: function () {
|
|
114
|
+
return _TreeItemLabelInput[key];
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
});
|
|
118
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
119
|
+
var _models = require("@mui/x-tree-view/models");
|
|
120
|
+
Object.keys(_models).forEach(function (key) {
|
|
121
|
+
if (key === "default" || key === "__esModule") return;
|
|
122
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
123
|
+
if (key in exports && exports[key] === _models[key]) return;
|
|
124
|
+
Object.defineProperty(exports, key, {
|
|
125
|
+
enumerable: true,
|
|
126
|
+
get: function () {
|
|
127
|
+
return _models[key];
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
});
|
|
131
|
+
var _icons = require("@mui/x-tree-view/icons");
|
|
132
|
+
Object.keys(_icons).forEach(function (key) {
|
|
133
|
+
if (key === "default" || key === "__esModule") return;
|
|
134
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
135
|
+
if (key in exports && exports[key] === _icons[key]) return;
|
|
136
|
+
Object.defineProperty(exports, key, {
|
|
137
|
+
enumerable: true,
|
|
138
|
+
get: function () {
|
|
139
|
+
return _icons[key];
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
var _hooks = require("@mui/x-tree-view/hooks");
|
|
144
|
+
Object.keys(_hooks).forEach(function (key) {
|
|
145
|
+
if (key === "default" || key === "__esModule") return;
|
|
146
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
147
|
+
if (key in exports && exports[key] === _hooks[key]) return;
|
|
148
|
+
Object.defineProperty(exports, key, {
|
|
149
|
+
enumerable: true,
|
|
150
|
+
get: function () {
|
|
151
|
+
return _hooks[key];
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
});
|
package/internals/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { UseTreeViewItemsReorderingSignature } from
|
|
1
|
+
export { UseTreeViewItemsReorderingSignature } from "./plugins/useTreeViewItemsReordering/index.js";
|
package/internals/index.js
CHANGED
|
@@ -1 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "UseTreeViewItemsReorderingSignature", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useTreeViewItemsReordering.UseTreeViewItemsReorderingSignature;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useTreeViewItemsReordering = require("./plugins/useTreeViewItemsReordering");
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useTreeViewItemsReordering } from
|
|
2
|
-
export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingDefaultizedParameters, TreeViewItemReorderPosition
|
|
1
|
+
export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
|
|
2
|
+
export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingDefaultizedParameters, TreeViewItemReorderPosition } from './useTreeViewItemsReordering.types';
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useTreeViewItemsReordering", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useTreeViewItemsReordering.useTreeViewItemsReordering;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering");
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TreeViewPlugin } from '@mui/x-tree-view/internals';
|
|
2
|
-
import { UseTreeViewItemsReorderingSignature } from
|
|
3
|
-
export declare const useTreeViewItemsReordering: TreeViewPlugin<UseTreeViewItemsReorderingSignature>;
|
|
2
|
+
import { UseTreeViewItemsReorderingSignature } from "./useTreeViewItemsReordering.types.js";
|
|
3
|
+
export declare const useTreeViewItemsReordering: TreeViewPlugin<UseTreeViewItemsReorderingSignature>;
|
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TreeViewItemPlugin } from '@mui/x-tree-view/internals';
|
|
2
2
|
export declare const isAndroid: () => boolean;
|
|
3
|
-
export declare const useTreeViewItemsReorderingItemPlugin: TreeViewItemPlugin;
|
|
3
|
+
export declare const useTreeViewItemsReorderingItemPlugin: TreeViewItemPlugin;
|
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js
CHANGED
|
@@ -1,21 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useTreeViewItemsReorderingItemPlugin = exports.isAndroid = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _internals = require("@mui/x-tree-view/internals");
|
|
10
|
+
var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.selectors");
|
|
11
|
+
const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
|
|
12
|
+
exports.isAndroid = isAndroid;
|
|
13
|
+
const useTreeViewItemsReorderingItemPlugin = ({
|
|
6
14
|
props
|
|
7
15
|
}) => {
|
|
8
16
|
const {
|
|
9
17
|
instance,
|
|
10
18
|
store,
|
|
11
19
|
itemsReordering
|
|
12
|
-
} = useTreeViewContext();
|
|
20
|
+
} = (0, _internals.useTreeViewContext)();
|
|
13
21
|
const {
|
|
14
22
|
itemId
|
|
15
23
|
} = props;
|
|
16
24
|
const validActionsRef = React.useRef(null);
|
|
17
|
-
const draggedItemProperties = useSelector(store, selectorItemsReorderingDraggedItemProperties, itemId);
|
|
18
|
-
const isValidTarget = useSelector(store, selectorItemsReorderingIsValidTarget, itemId);
|
|
25
|
+
const draggedItemProperties = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingDraggedItemProperties, itemId);
|
|
26
|
+
const isValidTarget = (0, _internals.useSelector)(store, _useTreeViewItemsReordering.selectorItemsReorderingIsValidTarget, itemId);
|
|
19
27
|
return {
|
|
20
28
|
propsEnhancers: {
|
|
21
29
|
root: ({
|
|
@@ -34,7 +42,7 @@ export const useTreeViewItemsReorderingItemPlugin = ({
|
|
|
34
42
|
|
|
35
43
|
// We don't use `event.currentTarget` here.
|
|
36
44
|
// This is to allow people to pass `onDragStart` to another element than the root.
|
|
37
|
-
if (isTargetInDescendants(event.target, rootRefObject.current)) {
|
|
45
|
+
if ((0, _internals.isTargetInDescendants)(event.target, rootRefObject.current)) {
|
|
38
46
|
return;
|
|
39
47
|
}
|
|
40
48
|
|
|
@@ -123,4 +131,5 @@ export const useTreeViewItemsReorderingItemPlugin = ({
|
|
|
123
131
|
}
|
|
124
132
|
}
|
|
125
133
|
};
|
|
126
|
-
};
|
|
134
|
+
};
|
|
135
|
+
exports.useTreeViewItemsReorderingItemPlugin = useTreeViewItemsReorderingItemPlugin;
|