@mui/x-tree-view 8.0.0-beta.1 → 8.0.0-beta.2

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.
Files changed (111) hide show
  1. package/CHANGELOG.md +94 -0
  2. package/RichTreeView/RichTreeView.js +17 -5
  3. package/RichTreeView/richTreeViewClasses.d.ts +2 -4
  4. package/RichTreeView/richTreeViewClasses.js +1 -1
  5. package/SimpleTreeView/SimpleTreeView.js +17 -5
  6. package/SimpleTreeView/simpleTreeViewClasses.d.ts +2 -4
  7. package/SimpleTreeView/simpleTreeViewClasses.js +1 -1
  8. package/TreeItem/TreeItem.d.ts +1 -1
  9. package/TreeItem/TreeItem.js +45 -49
  10. package/TreeItem/index.d.ts +2 -1
  11. package/TreeItem/index.js +13 -21
  12. package/TreeItem/treeItemClasses.d.ts +40 -18
  13. package/TreeItem/treeItemClasses.js +3 -1
  14. package/TreeItemLabelInput/TreeItemLabelInput.js +2 -2
  15. package/esm/RichTreeView/RichTreeView.js +17 -5
  16. package/esm/RichTreeView/richTreeViewClasses.d.ts +2 -4
  17. package/esm/RichTreeView/richTreeViewClasses.js +1 -1
  18. package/esm/SimpleTreeView/SimpleTreeView.js +17 -5
  19. package/esm/SimpleTreeView/simpleTreeViewClasses.d.ts +2 -4
  20. package/esm/SimpleTreeView/simpleTreeViewClasses.js +1 -1
  21. package/esm/TreeItem/TreeItem.d.ts +1 -1
  22. package/esm/TreeItem/TreeItem.js +45 -49
  23. package/esm/TreeItem/index.d.ts +2 -1
  24. package/esm/TreeItem/index.js +1 -1
  25. package/esm/TreeItem/treeItemClasses.d.ts +40 -18
  26. package/esm/TreeItem/treeItemClasses.js +3 -1
  27. package/esm/TreeItemLabelInput/TreeItemLabelInput.js +2 -2
  28. package/esm/index.js +1 -1
  29. package/esm/internals/TreeViewProvider/TreeViewChildrenItemProvider.js +1 -1
  30. package/esm/internals/TreeViewProvider/TreeViewContext.d.ts +3 -1
  31. package/esm/internals/TreeViewProvider/TreeViewContext.js +8 -1
  32. package/esm/internals/TreeViewProvider/TreeViewProvider.d.ts +1 -1
  33. package/esm/internals/TreeViewProvider/TreeViewProvider.js +17 -5
  34. package/esm/internals/TreeViewProvider/TreeViewProvider.types.d.ts +3 -1
  35. package/esm/internals/TreeViewProvider/TreeViewStyleContext.d.ts +33 -0
  36. package/esm/internals/TreeViewProvider/TreeViewStyleContext.js +13 -0
  37. package/esm/internals/TreeViewProvider/index.d.ts +1 -1
  38. package/esm/internals/TreeViewProvider/index.js +1 -1
  39. package/esm/internals/index.d.ts +2 -1
  40. package/esm/internals/plugins/useTreeViewItemCustomization/index.d.ts +2 -0
  41. package/esm/internals/plugins/useTreeViewItemCustomization/index.js +1 -0
  42. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +3 -0
  43. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +24 -0
  44. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +42 -0
  45. package/esm/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +1 -0
  46. package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts +2 -3
  47. package/esm/useTreeItem/useTreeItem.js +5 -0
  48. package/esm/useTreeItem/useTreeItem.types.d.ts +9 -0
  49. package/index.js +1 -1
  50. package/internals/TreeViewProvider/TreeViewChildrenItemProvider.js +2 -2
  51. package/internals/TreeViewProvider/TreeViewContext.d.ts +3 -1
  52. package/internals/TreeViewProvider/TreeViewContext.js +10 -2
  53. package/internals/TreeViewProvider/TreeViewProvider.d.ts +1 -1
  54. package/internals/TreeViewProvider/TreeViewProvider.js +17 -5
  55. package/internals/TreeViewProvider/TreeViewProvider.types.d.ts +3 -1
  56. package/internals/TreeViewProvider/TreeViewStyleContext.d.ts +33 -0
  57. package/internals/TreeViewProvider/TreeViewStyleContext.js +21 -0
  58. package/internals/TreeViewProvider/index.d.ts +1 -1
  59. package/internals/TreeViewProvider/index.js +2 -2
  60. package/internals/index.d.ts +2 -1
  61. package/internals/plugins/useTreeViewItemCustomization/index.d.ts +2 -0
  62. package/internals/plugins/useTreeViewItemCustomization/index.js +12 -0
  63. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +3 -0
  64. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +32 -0
  65. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +42 -0
  66. package/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +5 -0
  67. package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts +2 -3
  68. package/modern/RichTreeView/RichTreeView.js +17 -5
  69. package/modern/RichTreeView/richTreeViewClasses.d.ts +2 -4
  70. package/modern/RichTreeView/richTreeViewClasses.js +1 -1
  71. package/modern/SimpleTreeView/SimpleTreeView.js +17 -5
  72. package/modern/SimpleTreeView/simpleTreeViewClasses.d.ts +2 -4
  73. package/modern/SimpleTreeView/simpleTreeViewClasses.js +1 -1
  74. package/modern/TreeItem/TreeItem.d.ts +1 -1
  75. package/modern/TreeItem/TreeItem.js +45 -49
  76. package/modern/TreeItem/index.d.ts +2 -1
  77. package/modern/TreeItem/index.js +1 -1
  78. package/modern/TreeItem/treeItemClasses.d.ts +40 -18
  79. package/modern/TreeItem/treeItemClasses.js +3 -1
  80. package/modern/TreeItemLabelInput/TreeItemLabelInput.js +2 -2
  81. package/modern/index.js +1 -1
  82. package/modern/internals/TreeViewProvider/TreeViewChildrenItemProvider.js +1 -1
  83. package/modern/internals/TreeViewProvider/TreeViewContext.d.ts +3 -1
  84. package/modern/internals/TreeViewProvider/TreeViewContext.js +8 -1
  85. package/modern/internals/TreeViewProvider/TreeViewProvider.d.ts +1 -1
  86. package/modern/internals/TreeViewProvider/TreeViewProvider.js +17 -5
  87. package/modern/internals/TreeViewProvider/TreeViewProvider.types.d.ts +3 -1
  88. package/modern/internals/TreeViewProvider/TreeViewStyleContext.d.ts +33 -0
  89. package/modern/internals/TreeViewProvider/TreeViewStyleContext.js +13 -0
  90. package/modern/internals/TreeViewProvider/index.d.ts +1 -1
  91. package/modern/internals/TreeViewProvider/index.js +1 -1
  92. package/modern/internals/index.d.ts +2 -1
  93. package/modern/internals/plugins/useTreeViewItemCustomization/index.d.ts +2 -0
  94. package/modern/internals/plugins/useTreeViewItemCustomization/index.js +1 -0
  95. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.d.ts +3 -0
  96. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.js +24 -0
  97. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.d.ts +42 -0
  98. package/modern/internals/plugins/useTreeViewItemCustomization/useTreeViewItemCustomization.types.js +1 -0
  99. package/modern/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts +2 -3
  100. package/modern/useTreeItem/useTreeItem.js +5 -0
  101. package/modern/useTreeItem/useTreeItem.types.d.ts +9 -0
  102. package/package.json +2 -2
  103. package/tsconfig.build.tsbuildinfo +1 -1
  104. package/useTreeItem/useTreeItem.js +5 -0
  105. package/useTreeItem/useTreeItem.types.d.ts +9 -0
  106. package/esm/internals/TreeViewProvider/useTreeViewContext.d.ts +0 -3
  107. package/esm/internals/TreeViewProvider/useTreeViewContext.js +0 -9
  108. package/internals/TreeViewProvider/useTreeViewContext.d.ts +0 -3
  109. package/internals/TreeViewProvider/useTreeViewContext.js +0 -17
  110. package/modern/internals/TreeViewProvider/useTreeViewContext.d.ts +0 -3
  111. package/modern/internals/TreeViewProvider/useTreeViewContext.js +0 -9
@@ -196,6 +196,11 @@ const useTreeItem = parameters => {
196
196
  onMouseDown: createContentHandleMouseDown(externalEventHandlers),
197
197
  status
198
198
  });
199
+ ['expanded', 'selected', 'focused', 'disabled', 'editing', 'editable'].forEach(key => {
200
+ if (status[key]) {
201
+ props[`data-${key}`] = '';
202
+ }
203
+ });
199
204
  const enhancedContentProps = propsEnhancers.content?.((0, _extends2.default)({}, sharedPropsEnhancerParams, {
200
205
  externalEventHandlers
201
206
  })) ?? {};
@@ -55,7 +55,16 @@ export interface UseTreeItemContentSlotPropsFromUseTreeItem {
55
55
  onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
56
56
  onMouseDown: TreeViewCancellableEventHandler<React.MouseEvent>;
57
57
  ref: React.RefCallback<HTMLDivElement> | null;
58
+ /**
59
+ * @deprecated Will be removed in the next major version. Please use the data-attrs instead.
60
+ */
58
61
  status: UseTreeItemStatus;
62
+ 'data-expanded'?: '';
63
+ 'data-selected'?: '';
64
+ 'data-focused'?: '';
65
+ 'data-disabled'?: '';
66
+ 'data-editing'?: '';
67
+ 'data-editable'?: '';
59
68
  }
60
69
  export interface UseTreeItemContentSlotOwnProps extends UseTreeItemContentSlotPropsFromUseTreeItem {}
61
70
  export type UseTreeItemContentSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItemContentSlotOwnProps;
@@ -1,3 +0,0 @@
1
- import { TreeViewAnyPluginSignature } from "../models/index.js";
2
- import { TreeViewContextValue } from "./TreeViewProvider.types.js";
3
- export declare const useTreeViewContext: <TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []>() => TreeViewContextValue<TSignatures, TOptionalSignatures>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { TreeViewContext } from "./TreeViewContext.js";
3
- export const useTreeViewContext = () => {
4
- const context = React.useContext(TreeViewContext);
5
- if (context == null) {
6
- throw new Error(['MUI X: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
7
- }
8
- return context;
9
- };
@@ -1,3 +0,0 @@
1
- import { TreeViewAnyPluginSignature } from "../models/index.js";
2
- import { TreeViewContextValue } from "./TreeViewProvider.types.js";
3
- export declare const useTreeViewContext: <TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []>() => TreeViewContextValue<TSignatures, TOptionalSignatures>;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.useTreeViewContext = void 0;
8
- var React = _interopRequireWildcard(require("react"));
9
- var _TreeViewContext = require("./TreeViewContext");
10
- const useTreeViewContext = () => {
11
- const context = React.useContext(_TreeViewContext.TreeViewContext);
12
- if (context == null) {
13
- throw new Error(['MUI X: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
14
- }
15
- return context;
16
- };
17
- exports.useTreeViewContext = useTreeViewContext;
@@ -1,3 +0,0 @@
1
- import { TreeViewAnyPluginSignature } from "../models/index.js";
2
- import { TreeViewContextValue } from "./TreeViewProvider.types.js";
3
- export declare const useTreeViewContext: <TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []>() => TreeViewContextValue<TSignatures, TOptionalSignatures>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { TreeViewContext } from "./TreeViewContext.js";
3
- export const useTreeViewContext = () => {
4
- const context = React.useContext(TreeViewContext);
5
- if (context == null) {
6
- throw new Error(['MUI X: Could not find the Tree View context.', 'It looks like you rendered your component outside of a SimpleTreeView or RichTreeView parent component.', 'This can also happen if you are bundling multiple versions of the Tree View.'].join('\n'));
7
- }
8
- return context;
9
- };