@mui/x-tree-view-pro 8.0.0-alpha.1 → 8.0.0-alpha.11
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 +2007 -230
- package/README.md +1 -1
- package/RichTreeViewPro/RichTreeViewPro.js +5 -12
- package/RichTreeViewPro/RichTreeViewPro.types.d.ts +3 -3
- package/index.js +1 -1
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +4 -14
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +30 -10
- package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +1 -4
- package/internals/utils/releaseInfo.js +2 -2
- package/modern/RichTreeViewPro/RichTreeViewPro.js +5 -12
- package/modern/index.js +1 -1
- package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +4 -14
- package/modern/internals/utils/releaseInfo.js +2 -2
- package/node/RichTreeViewPro/RichTreeViewPro.js +5 -12
- package/node/index.js +1 -1
- package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +4 -14
- package/node/internals/utils/releaseInfo.js +4 -3
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# MUI X Tree View
|
|
2
2
|
|
|
3
3
|
This package is the Pro plan edition of the Tree View components.
|
|
4
|
-
It's part of [MUI X](https://mui.com/x/), an open-core extension of
|
|
4
|
+
It's part of [MUI X](https://mui.com/x/), an open-core extension of our Core libraries, with advanced components.
|
|
5
5
|
|
|
6
6
|
## Installation
|
|
7
7
|
|
|
@@ -167,10 +167,7 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
167
167
|
* For each feature, if the flag is not explicitly set to `true`,
|
|
168
168
|
* the feature will be fully disabled and any property / method call will not have any effect.
|
|
169
169
|
*/
|
|
170
|
-
experimentalFeatures: PropTypes.
|
|
171
|
-
itemsReordering: PropTypes.bool,
|
|
172
|
-
labelEditing: PropTypes.bool
|
|
173
|
-
}),
|
|
170
|
+
experimentalFeatures: PropTypes.object,
|
|
174
171
|
/**
|
|
175
172
|
* Used to determine the id of a given item.
|
|
176
173
|
*
|
|
@@ -202,17 +199,15 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
202
199
|
*/
|
|
203
200
|
isItemDisabled: PropTypes.func,
|
|
204
201
|
/**
|
|
205
|
-
*
|
|
206
|
-
* Make sure to also enable the `labelEditing` experimental feature:
|
|
207
|
-
* `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }} />`.
|
|
208
|
-
* By default, the items are not editable.
|
|
202
|
+
* Determine if a given item can be edited.
|
|
209
203
|
* @template R
|
|
210
204
|
* @param {R} item The item to check.
|
|
211
|
-
* @returns {boolean} `true` if the item
|
|
205
|
+
* @returns {boolean} `true` if the item can be edited.
|
|
206
|
+
* @default () => false
|
|
212
207
|
*/
|
|
213
208
|
isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
|
|
214
209
|
/**
|
|
215
|
-
*
|
|
210
|
+
* Determine if a given item can be reordered.
|
|
216
211
|
* @param {string} itemId The id of the item to check.
|
|
217
212
|
* @returns {boolean} `true` if the item can be reordered.
|
|
218
213
|
* @default () => true
|
|
@@ -227,8 +222,6 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
227
222
|
items: PropTypes.array.isRequired,
|
|
228
223
|
/**
|
|
229
224
|
* If `true`, the reordering of items is enabled.
|
|
230
|
-
* Make sure to also enable the `itemsReordering` experimental feature:
|
|
231
|
-
* `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
|
|
232
225
|
* @default false
|
|
233
226
|
*/
|
|
234
227
|
itemsReordering: PropTypes.bool,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Theme } from '@mui/material/styles';
|
|
3
|
-
import { SxProps } from '@mui/system';
|
|
4
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
3
|
+
import { SxProps } from '@mui/system/styleFunctionSx';
|
|
4
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
5
5
|
import { TreeViewPublicAPI, TreeViewExperimentalFeatures, RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from '@mui/x-tree-view/internals';
|
|
6
6
|
import { RichTreeViewProClasses } from './richTreeViewProClasses';
|
|
7
7
|
import { RichTreeViewProPluginParameters, RichTreeViewProPluginSlotProps, RichTreeViewProPluginSlots, RichTreeViewProPluginSignatures } from './RichTreeViewPro.plugins';
|
|
@@ -15,7 +15,7 @@ export interface RichTreeViewProSlots extends RichTreeViewProPluginSlots, RichTr
|
|
|
15
15
|
export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends RichTreeViewProPluginSlotProps, RichTreeViewItemsSlotProps {
|
|
16
16
|
root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
|
|
17
17
|
}
|
|
18
|
-
export type RichTreeViewProApiRef = React.
|
|
18
|
+
export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;
|
|
19
19
|
export interface RichTreeViewProPropsBase extends React.HTMLAttributes<HTMLUListElement> {
|
|
20
20
|
className?: string;
|
|
21
21
|
/**
|
package/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
|
|
4
|
-
import { warnOnce } from '@mui/x-internals/warning';
|
|
5
4
|
import { chooseActionToApply, isAncestor, moveItemInTree } from "./useTreeViewItemsReordering.utils.js";
|
|
6
5
|
import { useTreeViewItemsReorderingItemPlugin } from "./useTreeViewItemsReordering.itemPlugin.js";
|
|
7
6
|
import { selectorItemsReordering } from "./useTreeViewItemsReordering.selectors.js";
|
|
@@ -176,19 +175,10 @@ export const useTreeViewItemsReordering = ({
|
|
|
176
175
|
};
|
|
177
176
|
useTreeViewItemsReordering.itemPlugin = useTreeViewItemsReorderingItemPlugin;
|
|
178
177
|
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
|
-
};
|
|
178
|
+
params
|
|
179
|
+
}) => _extends({}, params, {
|
|
180
|
+
itemsReordering: params.itemsReordering ?? false
|
|
181
|
+
});
|
|
192
182
|
useTreeViewItemsReordering.getInitialState = () => ({
|
|
193
183
|
itemsReordering: null
|
|
194
184
|
});
|
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts
CHANGED
|
@@ -31,7 +31,9 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
31
31
|
targetItemId: string;
|
|
32
32
|
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
33
33
|
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
34
|
-
} | null, resultFuncArgs_1:
|
|
34
|
+
} | null, resultFuncArgs_1: {
|
|
35
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
36
|
+
}, resultFuncArgs_2: string) => {
|
|
35
37
|
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
36
38
|
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
37
39
|
targetDepth: number;
|
|
@@ -41,7 +43,9 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
41
43
|
targetItemId: string;
|
|
42
44
|
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
43
45
|
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
44
|
-
} | null, resultFuncArgs_1:
|
|
46
|
+
} | null, resultFuncArgs_1: {
|
|
47
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
48
|
+
}, resultFuncArgs_2: string) => {
|
|
45
49
|
newPosition: import("./useTreeViewItemsReordering.types").TreeViewItemReorderPosition | null;
|
|
46
50
|
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction;
|
|
47
51
|
targetDepth: number;
|
|
@@ -62,15 +66,21 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
62
66
|
action: import("@mui/x-tree-view").TreeViewItemsReorderingAction | null;
|
|
63
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<{}> & {
|
|
64
68
|
cacheKey: import("@mui/x-tree-view/internals/models").TreeViewStateCacheKey;
|
|
65
|
-
}) =>
|
|
69
|
+
}) => {
|
|
70
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
71
|
+
}) & {
|
|
66
72
|
clearCache: () => void;
|
|
67
73
|
resultsCount: () => number;
|
|
68
74
|
resetResultsCount: () => void;
|
|
69
75
|
} & {
|
|
70
76
|
resultFunc: (resultFuncArgs_0: {
|
|
71
77
|
disabledItemsFocusable: boolean;
|
|
72
|
-
itemModelLookup:
|
|
73
|
-
|
|
78
|
+
itemModelLookup: {
|
|
79
|
+
[itemId: string]: import("@mui/x-tree-view").TreeViewBaseItem<import("@mui/x-tree-view").TreeViewDefaultItemModelProperties>;
|
|
80
|
+
};
|
|
81
|
+
itemMetaLookup: {
|
|
82
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
83
|
+
};
|
|
74
84
|
itemOrderedChildrenIdsLookup: {
|
|
75
85
|
[parentItemId: string]: string[];
|
|
76
86
|
};
|
|
@@ -79,11 +89,17 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
79
89
|
[itemId: string]: number;
|
|
80
90
|
};
|
|
81
91
|
};
|
|
82
|
-
}) =>
|
|
92
|
+
}) => {
|
|
93
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
94
|
+
};
|
|
83
95
|
memoizedResultFunc: ((resultFuncArgs_0: {
|
|
84
96
|
disabledItemsFocusable: boolean;
|
|
85
|
-
itemModelLookup:
|
|
86
|
-
|
|
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
|
+
};
|
|
87
103
|
itemOrderedChildrenIdsLookup: {
|
|
88
104
|
[parentItemId: string]: string[];
|
|
89
105
|
};
|
|
@@ -92,12 +108,16 @@ export declare const selectorItemsReorderingDraggedItemProperties: ((state: any,
|
|
|
92
108
|
[itemId: string]: number;
|
|
93
109
|
};
|
|
94
110
|
};
|
|
95
|
-
}) =>
|
|
111
|
+
}) => {
|
|
112
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
113
|
+
}) & {
|
|
96
114
|
clearCache: () => void;
|
|
97
115
|
resultsCount: () => number;
|
|
98
116
|
resetResultsCount: () => void;
|
|
99
117
|
};
|
|
100
|
-
lastResult: () =>
|
|
118
|
+
lastResult: () => {
|
|
119
|
+
[itemId: string]: import("@mui/x-tree-view/internals").TreeViewItemMeta;
|
|
120
|
+
};
|
|
101
121
|
dependencies: [import("@mui/x-tree-view/internals/utils/selectors").TreeViewRootSelector<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>];
|
|
102
122
|
recomputations: () => number;
|
|
103
123
|
resetRecomputations: () => void;
|
|
@@ -56,13 +56,11 @@ export type TreeViewItemItemReorderingValidActions = {
|
|
|
56
56
|
export interface UseTreeViewItemsReorderingParameters {
|
|
57
57
|
/**
|
|
58
58
|
* If `true`, the reordering of items is enabled.
|
|
59
|
-
* Make sure to also enable the `itemsReordering` experimental feature:
|
|
60
|
-
* `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
|
|
61
59
|
* @default false
|
|
62
60
|
*/
|
|
63
61
|
itemsReordering?: boolean;
|
|
64
62
|
/**
|
|
65
|
-
*
|
|
63
|
+
* Determine if a given item can be reordered.
|
|
66
64
|
* @param {string} itemId The id of the item to check.
|
|
67
65
|
* @returns {boolean} `true` if the item can be reordered.
|
|
68
66
|
* @default () => true
|
|
@@ -115,7 +113,6 @@ export type UseTreeViewItemsReorderingSignature = TreeViewPluginSignature<{
|
|
|
115
113
|
instance: UseTreeViewItemsReorderingInstance;
|
|
116
114
|
state: UseTreeViewItemsReorderingState;
|
|
117
115
|
contextValue: UseTreeViewItemsReorderingContextValue;
|
|
118
|
-
experimentalFeatures: 'itemsReordering';
|
|
119
116
|
dependencies: [UseTreeViewItemsSignature];
|
|
120
117
|
}>;
|
|
121
118
|
export interface UseTreeItemRootSlotPropsFromItemsReordering {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTczODg4MjgwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -167,10 +167,7 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
167
167
|
* For each feature, if the flag is not explicitly set to `true`,
|
|
168
168
|
* the feature will be fully disabled and any property / method call will not have any effect.
|
|
169
169
|
*/
|
|
170
|
-
experimentalFeatures: PropTypes.
|
|
171
|
-
itemsReordering: PropTypes.bool,
|
|
172
|
-
labelEditing: PropTypes.bool
|
|
173
|
-
}),
|
|
170
|
+
experimentalFeatures: PropTypes.object,
|
|
174
171
|
/**
|
|
175
172
|
* Used to determine the id of a given item.
|
|
176
173
|
*
|
|
@@ -202,17 +199,15 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
202
199
|
*/
|
|
203
200
|
isItemDisabled: PropTypes.func,
|
|
204
201
|
/**
|
|
205
|
-
*
|
|
206
|
-
* Make sure to also enable the `labelEditing` experimental feature:
|
|
207
|
-
* `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }} />`.
|
|
208
|
-
* By default, the items are not editable.
|
|
202
|
+
* Determine if a given item can be edited.
|
|
209
203
|
* @template R
|
|
210
204
|
* @param {R} item The item to check.
|
|
211
|
-
* @returns {boolean} `true` if the item
|
|
205
|
+
* @returns {boolean} `true` if the item can be edited.
|
|
206
|
+
* @default () => false
|
|
212
207
|
*/
|
|
213
208
|
isItemEditable: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),
|
|
214
209
|
/**
|
|
215
|
-
*
|
|
210
|
+
* Determine if a given item can be reordered.
|
|
216
211
|
* @param {string} itemId The id of the item to check.
|
|
217
212
|
* @returns {boolean} `true` if the item can be reordered.
|
|
218
213
|
* @default () => true
|
|
@@ -227,8 +222,6 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
227
222
|
items: PropTypes.array.isRequired,
|
|
228
223
|
/**
|
|
229
224
|
* If `true`, the reordering of items is enabled.
|
|
230
|
-
* Make sure to also enable the `itemsReordering` experimental feature:
|
|
231
|
-
* `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
|
|
232
225
|
* @default false
|
|
233
226
|
*/
|
|
234
227
|
itemsReordering: PropTypes.bool,
|
package/modern/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
|
|
4
|
-
import { warnOnce } from '@mui/x-internals/warning';
|
|
5
4
|
import { chooseActionToApply, isAncestor, moveItemInTree } from "./useTreeViewItemsReordering.utils.js";
|
|
6
5
|
import { useTreeViewItemsReorderingItemPlugin } from "./useTreeViewItemsReordering.itemPlugin.js";
|
|
7
6
|
import { selectorItemsReordering } from "./useTreeViewItemsReordering.selectors.js";
|
|
@@ -176,19 +175,10 @@ export const useTreeViewItemsReordering = ({
|
|
|
176
175
|
};
|
|
177
176
|
useTreeViewItemsReordering.itemPlugin = useTreeViewItemsReorderingItemPlugin;
|
|
178
177
|
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
|
-
};
|
|
178
|
+
params
|
|
179
|
+
}) => _extends({}, params, {
|
|
180
|
+
itemsReordering: params.itemsReordering ?? false
|
|
181
|
+
});
|
|
192
182
|
useTreeViewItemsReordering.getInitialState = () => ({
|
|
193
183
|
itemsReordering: null
|
|
194
184
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import ponyfillGlobal from '@mui/utils/ponyfillGlobal';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTczODg4MjgwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -174,10 +174,7 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
174
174
|
* For each feature, if the flag is not explicitly set to `true`,
|
|
175
175
|
* the feature will be fully disabled and any property / method call will not have any effect.
|
|
176
176
|
*/
|
|
177
|
-
experimentalFeatures: _propTypes.default.
|
|
178
|
-
itemsReordering: _propTypes.default.bool,
|
|
179
|
-
labelEditing: _propTypes.default.bool
|
|
180
|
-
}),
|
|
177
|
+
experimentalFeatures: _propTypes.default.object,
|
|
181
178
|
/**
|
|
182
179
|
* Used to determine the id of a given item.
|
|
183
180
|
*
|
|
@@ -209,17 +206,15 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
209
206
|
*/
|
|
210
207
|
isItemDisabled: _propTypes.default.func,
|
|
211
208
|
/**
|
|
212
|
-
*
|
|
213
|
-
* Make sure to also enable the `labelEditing` experimental feature:
|
|
214
|
-
* `<RichTreeViewPro experimentalFeatures={{ labelEditing: true }} />`.
|
|
215
|
-
* By default, the items are not editable.
|
|
209
|
+
* Determine if a given item can be edited.
|
|
216
210
|
* @template R
|
|
217
211
|
* @param {R} item The item to check.
|
|
218
|
-
* @returns {boolean} `true` if the item
|
|
212
|
+
* @returns {boolean} `true` if the item can be edited.
|
|
213
|
+
* @default () => false
|
|
219
214
|
*/
|
|
220
215
|
isItemEditable: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.bool]),
|
|
221
216
|
/**
|
|
222
|
-
*
|
|
217
|
+
* Determine if a given item can be reordered.
|
|
223
218
|
* @param {string} itemId The id of the item to check.
|
|
224
219
|
* @returns {boolean} `true` if the item can be reordered.
|
|
225
220
|
* @default () => true
|
|
@@ -234,8 +229,6 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
|
|
|
234
229
|
items: _propTypes.default.array.isRequired,
|
|
235
230
|
/**
|
|
236
231
|
* If `true`, the reordering of items is enabled.
|
|
237
|
-
* Make sure to also enable the `itemsReordering` experimental feature:
|
|
238
|
-
* `<RichTreeViewPro experimentalFeatures={{ itemsReordering: true }} itemsReordering />`.
|
|
239
232
|
* @default false
|
|
240
233
|
*/
|
|
241
234
|
itemsReordering: _propTypes.default.bool,
|
package/node/index.js
CHANGED
|
@@ -9,7 +9,6 @@ exports.useTreeViewItemsReordering = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _internals = require("@mui/x-tree-view/internals");
|
|
12
|
-
var _warning = require("@mui/x-internals/warning");
|
|
13
12
|
var _useTreeViewItemsReordering = require("./useTreeViewItemsReordering.utils");
|
|
14
13
|
var _useTreeViewItemsReordering2 = require("./useTreeViewItemsReordering.itemPlugin");
|
|
15
14
|
var _useTreeViewItemsReordering3 = require("./useTreeViewItemsReordering.selectors");
|
|
@@ -185,19 +184,10 @@ const useTreeViewItemsReordering = ({
|
|
|
185
184
|
exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
|
|
186
185
|
useTreeViewItemsReordering.itemPlugin = _useTreeViewItemsReordering2.useTreeViewItemsReorderingItemPlugin;
|
|
187
186
|
useTreeViewItemsReordering.getDefaultizedParams = ({
|
|
188
|
-
params
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
193
|
-
if (params.itemsReordering && !canUseFeature) {
|
|
194
|
-
(0, _warning.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/']);
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
return (0, _extends2.default)({}, params, {
|
|
198
|
-
itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
|
|
199
|
-
});
|
|
200
|
-
};
|
|
187
|
+
params
|
|
188
|
+
}) => (0, _extends2.default)({}, params, {
|
|
189
|
+
itemsReordering: params.itemsReordering ?? false
|
|
190
|
+
});
|
|
201
191
|
useTreeViewItemsReordering.getInitialState = () => ({
|
|
202
192
|
itemsReordering: null
|
|
203
193
|
});
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.getReleaseInfo = void 0;
|
|
7
|
-
var
|
|
8
|
+
var _ponyfillGlobal = _interopRequireDefault(require("@mui/utils/ponyfillGlobal"));
|
|
8
9
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
10
|
+
const releaseInfo = "MTczODg4MjgwMDAwMA==";
|
|
10
11
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
12
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
13
|
// eslint-disable-next-line no-useless-concat
|
|
13
14
|
if (releaseInfo === '__RELEASE' + '_INFO__') {
|
|
14
15
|
// eslint-disable-next-line no-underscore-dangle
|
|
15
|
-
return
|
|
16
|
+
return _ponyfillGlobal.default.__MUI_RELEASE_INFO__;
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
return releaseInfo;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-tree-view-pro",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.11",
|
|
4
4
|
"description": "The Pro plan edition of the Tree View components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -33,17 +33,17 @@
|
|
|
33
33
|
"directory": "packages/x-tree-view-pro"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@babel/runtime": "^7.26.
|
|
36
|
+
"@babel/runtime": "^7.26.7",
|
|
37
37
|
"@mui/utils": "^5.16.6 || ^6.0.0",
|
|
38
|
-
"@types/react-transition-group": "^4.4.
|
|
38
|
+
"@types/react-transition-group": "^4.4.12",
|
|
39
39
|
"clsx": "^2.1.1",
|
|
40
40
|
"prop-types": "^15.8.1",
|
|
41
41
|
"react-transition-group": "^4.4.5",
|
|
42
42
|
"reselect": "^5.1.1",
|
|
43
|
-
"use-sync-external-store": "^1.
|
|
44
|
-
"@mui/x-internals": "8.0.0-alpha.
|
|
45
|
-
"@mui/x-license": "8.0.0-alpha.
|
|
46
|
-
"@mui/x-tree-view": "8.0.0-alpha.
|
|
43
|
+
"use-sync-external-store": "^1.4.0",
|
|
44
|
+
"@mui/x-internals": "8.0.0-alpha.11",
|
|
45
|
+
"@mui/x-license": "8.0.0-alpha.11",
|
|
46
|
+
"@mui/x-tree-view": "8.0.0-alpha.11"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@emotion/react": "^11.9.0",
|