@mui/x-tree-view 7.22.0 → 7.22.1

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 CHANGED
@@ -3,6 +3,68 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 7.22.1
7
+
8
+ _Nov 1, 2024_
9
+
10
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🐞 Bugfixes
13
+ - 📚 Documentation improvements
14
+ - 🌍 Improve Polish (pl-PL) locale on the Date Pickers
15
+
16
+ Special thanks go out to the community contributors who have helped make this release possible:
17
+ @wojtkolos, @dpak-maurya, @k-rajat19.
18
+ Following are all team members who have contributed to this release:
19
+ @LukasTy, @arminmeh, @MBilalShafi, @KenanYusuf, @flaviendelangle.
20
+
21
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
22
+
23
+ ### Data Grid
24
+
25
+ #### `@mui/x-data-grid@7.22.1`
26
+
27
+ - [DataGrid] Fix right column group header border (#15152) @KenanYusuf
28
+ - [DataGrid] Fix scroll jump when holding down arrow keys (#15167) @arminmeh
29
+ - [DataGrid] Move `rowGroupingModelChange` handler to respective hook (#15127) @MBilalShafi
30
+ - [DataGrid] Prevent error when deleting the last row (#15153) @dpak-maurya
31
+ - [DataGrid] Fix overlay height in autoHeight mode (#15205) @cherniavskii
32
+
33
+ #### `@mui/x-data-grid-pro@7.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
34
+
35
+ Same changes as in `@mui/x-data-grid@7.22.1`, plus:
36
+
37
+ - [DataGridPro] Add list view tests (#15166) @KenanYusuf
38
+
39
+ #### `@mui/x-data-grid-premium@7.22.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
40
+
41
+ - [DataGridPremium] Keep focus on the grouping cell on space bar press #15155 @k-rajat19
42
+
43
+ ### Date and Time Pickers
44
+
45
+ #### `@mui/x-date-pickers@7.22.1`
46
+
47
+ - [l10n] Improve Polish (pl-PL) locale (#15177) @wojtkolos
48
+
49
+ #### `@mui/x-date-pickers-pro@7.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
50
+
51
+ Same changes as in `@mui/x-date-pickers@7.22.1`.
52
+
53
+ ### Tree View
54
+
55
+ #### `@mui/x-tree-view@7.22.1`
56
+
57
+ - [TreeView] Export `TreeItem2DragAndDropOverlay` and `TreeItem2LabelInput` from the root of each package (#15208) @flaviendelangle
58
+ - [TreeView] Fix drag and drop color usage (#15149) @LukasTy
59
+
60
+ #### `@mui/x-tree-view-pro@7.22.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
61
+
62
+ Same changes as in `@mui/x-tree-view@7.22.1`.
63
+
64
+ ### Docs
65
+
66
+ - [docs] Add section explaining how to keep the selection while filtering in Data grid docs (#15199) @arminmeh
67
+
6
68
  ## 7.22.0
7
69
 
8
70
  _Oct 25, 2024_
@@ -1,4 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { TreeItem2DragAndDropOverlayProps } from './TreeItem2DragAndDropOverlay.types';
3
3
  declare function TreeItem2DragAndDropOverlay(props: TreeItem2DragAndDropOverlayProps): React.JSX.Element | null;
4
+ declare namespace TreeItem2DragAndDropOverlay {
5
+ var propTypes: any;
6
+ }
4
7
  export { TreeItem2DragAndDropOverlay };
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
+ import PropTypes from 'prop-types';
3
4
  import { alpha } from '@mui/material/styles';
4
5
  import { shouldForwardProp } from '@mui/system';
5
6
  import { styled } from "../internals/zero-styled/index.js";
@@ -26,38 +27,32 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
26
27
  style: {
27
28
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
28
29
  borderRadius: theme.shape.borderRadius,
29
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.dark} / ${0.15})` : alpha(theme.palette.primary.dark, 0.15)
30
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.dark, theme.palette.action.focusOpacity)
30
31
  }
31
32
  }, {
32
33
  props: {
33
34
  action: 'reorder-above'
34
35
  },
35
- style: _extends({
36
+ style: {
36
37
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
37
- borderTop: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${alpha(theme.palette.grey[900], 0.6)}`
38
- }, theme.applyStyles('dark', {
39
- borderTopColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : alpha(theme.palette.grey[100], 0.6)
40
- }))
38
+ borderTop: `1px solid ${(theme.vars || theme).palette.action.active}`
39
+ }
41
40
  }, {
42
41
  props: {
43
42
  action: 'reorder-below'
44
43
  },
45
- style: _extends({
44
+ style: {
46
45
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
47
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${alpha(theme.palette.grey[900], 0.6)}`
48
- }, theme.applyStyles('dark', {
49
- borderBottomColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : alpha(theme.palette.grey[100], 0.6)
50
- }))
46
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.active}`
47
+ }
51
48
  }, {
52
49
  props: {
53
50
  action: 'move-to-parent'
54
51
  },
55
- style: _extends({
52
+ style: {
56
53
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))',
57
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${alpha(theme.palette.grey[900], 0.6)}`
58
- }, theme.applyStyles('dark', {
59
- borderBottomColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : alpha(theme.palette.grey[100], 0.6)
60
- }))
54
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.active}`
55
+ }
61
56
  }]
62
57
  }));
63
58
  function TreeItem2DragAndDropOverlay(props) {
@@ -66,4 +61,12 @@ function TreeItem2DragAndDropOverlay(props) {
66
61
  }
67
62
  return /*#__PURE__*/_jsx(TreeItem2DragAndDropOverlayRoot, _extends({}, props));
68
63
  }
64
+ process.env.NODE_ENV !== "production" ? TreeItem2DragAndDropOverlay.propTypes = {
65
+ // ----------------------------- Warning --------------------------------
66
+ // | These PropTypes are generated from the TypeScript type definitions |
67
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
68
+ // ----------------------------------------------------------------------
69
+ action: PropTypes.oneOf(['make-child', 'move-to-parent', 'reorder-above', 'reorder-below']),
70
+ style: PropTypes.object
71
+ } : void 0;
69
72
  export { TreeItem2DragAndDropOverlay };
@@ -1,2 +1,5 @@
1
+ /**
2
+ * @ignore - internal component.
3
+ */
1
4
  declare const TreeItem2LabelInput: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, {}>;
2
5
  export { TreeItem2LabelInput };
@@ -1,5 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import { styled } from "../internals/zero-styled/index.js";
3
+
4
+ /**
5
+ * @ignore - internal component.
6
+ */
3
7
  const TreeItem2LabelInput = styled('input', {
4
8
  name: 'MuiTreeItem2',
5
9
  slot: 'LabelInput',
package/index.d.ts CHANGED
@@ -6,6 +6,8 @@ export * from './TreeItem2';
6
6
  export * from './useTreeItem2';
7
7
  export * from './TreeItem2Icon';
8
8
  export * from './TreeItem2Provider';
9
+ export * from './TreeItem2DragAndDropOverlay';
10
+ export * from './TreeItem2LabelInput';
9
11
  export { unstable_resetCleanupTracking } from './internals/hooks/useInstanceEventHandler';
10
12
  export * from './models';
11
13
  export * from './icons';
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v7.22.0
2
+ * @mui/x-tree-view v7.22.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -16,6 +16,8 @@ export * from "./TreeItem2/index.js";
16
16
  export * from "./useTreeItem2/index.js";
17
17
  export * from "./TreeItem2Icon/index.js";
18
18
  export * from "./TreeItem2Provider/index.js";
19
+ export * from "./TreeItem2DragAndDropOverlay/index.js";
20
+ export * from "./TreeItem2LabelInput/index.js";
19
21
  export { unstable_resetCleanupTracking } from "./internals/hooks/useInstanceEventHandler.js";
20
22
  export * from "./models/index.js";
21
23
  export * from "./icons/index.js";
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
+ import PropTypes from 'prop-types';
3
4
  import { alpha } from '@mui/material/styles';
4
5
  import { shouldForwardProp } from '@mui/system';
5
6
  import { styled } from "../internals/zero-styled/index.js";
@@ -26,38 +27,32 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
26
27
  style: {
27
28
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
28
29
  borderRadius: theme.shape.borderRadius,
29
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.dark} / ${0.15})` : alpha(theme.palette.primary.dark, 0.15)
30
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.dark, theme.palette.action.focusOpacity)
30
31
  }
31
32
  }, {
32
33
  props: {
33
34
  action: 'reorder-above'
34
35
  },
35
- style: _extends({
36
+ style: {
36
37
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
37
- borderTop: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${alpha(theme.palette.grey[900], 0.6)}`
38
- }, theme.applyStyles('dark', {
39
- borderTopColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : alpha(theme.palette.grey[100], 0.6)
40
- }))
38
+ borderTop: `1px solid ${(theme.vars || theme).palette.action.active}`
39
+ }
41
40
  }, {
42
41
  props: {
43
42
  action: 'reorder-below'
44
43
  },
45
- style: _extends({
44
+ style: {
46
45
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
47
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${alpha(theme.palette.grey[900], 0.6)}`
48
- }, theme.applyStyles('dark', {
49
- borderBottomColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : alpha(theme.palette.grey[100], 0.6)
50
- }))
46
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.active}`
47
+ }
51
48
  }, {
52
49
  props: {
53
50
  action: 'move-to-parent'
54
51
  },
55
- style: _extends({
52
+ style: {
56
53
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))',
57
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${alpha(theme.palette.grey[900], 0.6)}`
58
- }, theme.applyStyles('dark', {
59
- borderBottomColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : alpha(theme.palette.grey[100], 0.6)
60
- }))
54
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.active}`
55
+ }
61
56
  }]
62
57
  }));
63
58
  function TreeItem2DragAndDropOverlay(props) {
@@ -66,4 +61,12 @@ function TreeItem2DragAndDropOverlay(props) {
66
61
  }
67
62
  return /*#__PURE__*/_jsx(TreeItem2DragAndDropOverlayRoot, _extends({}, props));
68
63
  }
64
+ process.env.NODE_ENV !== "production" ? TreeItem2DragAndDropOverlay.propTypes = {
65
+ // ----------------------------- Warning --------------------------------
66
+ // | These PropTypes are generated from the TypeScript type definitions |
67
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
68
+ // ----------------------------------------------------------------------
69
+ action: PropTypes.oneOf(['make-child', 'move-to-parent', 'reorder-above', 'reorder-below']),
70
+ style: PropTypes.object
71
+ } : void 0;
69
72
  export { TreeItem2DragAndDropOverlay };
@@ -1,5 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import { styled } from "../internals/zero-styled/index.js";
3
+
4
+ /**
5
+ * @ignore - internal component.
6
+ */
3
7
  const TreeItem2LabelInput = styled('input', {
4
8
  name: 'MuiTreeItem2',
5
9
  slot: 'LabelInput',
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v7.22.0
2
+ * @mui/x-tree-view v7.22.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -16,6 +16,8 @@ export * from "./TreeItem2/index.js";
16
16
  export * from "./useTreeItem2/index.js";
17
17
  export * from "./TreeItem2Icon/index.js";
18
18
  export * from "./TreeItem2Provider/index.js";
19
+ export * from "./TreeItem2DragAndDropOverlay/index.js";
20
+ export * from "./TreeItem2LabelInput/index.js";
19
21
  export { unstable_resetCleanupTracking } from "./internals/hooks/useInstanceEventHandler.js";
20
22
  export * from "./models/index.js";
21
23
  export * from "./icons/index.js";
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.TreeItem2DragAndDropOverlay = TreeItem2DragAndDropOverlay;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var React = _interopRequireWildcard(require("react"));
11
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
12
  var _styles = require("@mui/material/styles");
12
13
  var _system = require("@mui/system");
13
14
  var _zeroStyled = require("../internals/zero-styled");
@@ -34,38 +35,32 @@ const TreeItem2DragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
34
35
  style: {
35
36
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
36
37
  borderRadius: theme.shape.borderRadius,
37
- backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.dark} / ${0.15})` : (0, _styles.alpha)(theme.palette.primary.dark, 0.15)
38
+ backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.darkChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.dark, theme.palette.action.focusOpacity)
38
39
  }
39
40
  }, {
40
41
  props: {
41
42
  action: 'reorder-above'
42
43
  },
43
- style: (0, _extends2.default)({
44
+ style: {
44
45
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
45
- borderTop: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${(0, _styles.alpha)(theme.palette.grey[900], 0.6)}`
46
- }, theme.applyStyles('dark', {
47
- borderTopColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : (0, _styles.alpha)(theme.palette.grey[100], 0.6)
48
- }))
46
+ borderTop: `1px solid ${(theme.vars || theme).palette.action.active}`
47
+ }
49
48
  }, {
50
49
  props: {
51
50
  action: 'reorder-below'
52
51
  },
53
- style: (0, _extends2.default)({
52
+ style: {
54
53
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
55
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${(0, _styles.alpha)(theme.palette.grey[900], 0.6)}`
56
- }, theme.applyStyles('dark', {
57
- borderBottomColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : (0, _styles.alpha)(theme.palette.grey[100], 0.6)
58
- }))
54
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.active}`
55
+ }
59
56
  }, {
60
57
  props: {
61
58
  action: 'move-to-parent'
62
59
  },
63
- style: (0, _extends2.default)({
60
+ style: {
64
61
  marginLeft: 'calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))',
65
- borderBottom: theme.vars ? `1px solid rgba(${theme.vars.palette.grey[900]} / ${0.6})` : `1px solid ${(0, _styles.alpha)(theme.palette.grey[900], 0.6)}`
66
- }, theme.applyStyles('dark', {
67
- borderBottomColor: theme.vars ? `rgba(${theme.vars.palette.grey[100]} / ${0.6})` : (0, _styles.alpha)(theme.palette.grey[100], 0.6)
68
- }))
62
+ borderBottom: `1px solid ${(theme.vars || theme).palette.action.active}`
63
+ }
69
64
  }]
70
65
  }));
71
66
  function TreeItem2DragAndDropOverlay(props) {
@@ -73,4 +68,12 @@ function TreeItem2DragAndDropOverlay(props) {
73
68
  return null;
74
69
  }
75
70
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItem2DragAndDropOverlayRoot, (0, _extends2.default)({}, props));
76
- }
71
+ }
72
+ process.env.NODE_ENV !== "production" ? TreeItem2DragAndDropOverlay.propTypes = {
73
+ // ----------------------------- Warning --------------------------------
74
+ // | These PropTypes are generated from the TypeScript type definitions |
75
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
76
+ // ----------------------------------------------------------------------
77
+ action: _propTypes.default.oneOf(['make-child', 'move-to-parent', 'reorder-above', 'reorder-below']),
78
+ style: _propTypes.default.object
79
+ } : void 0;
@@ -7,6 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.TreeItem2LabelInput = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _zeroStyled = require("../internals/zero-styled");
10
+ /**
11
+ * @ignore - internal component.
12
+ */
10
13
  const TreeItem2LabelInput = exports.TreeItem2LabelInput = (0, _zeroStyled.styled)('input', {
11
14
  name: 'MuiTreeItem2',
12
15
  slot: 'LabelInput',
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v7.22.0
2
+ * @mui/x-tree-view v7.22.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -115,6 +115,30 @@ Object.keys(_TreeItem2Provider).forEach(function (key) {
115
115
  }
116
116
  });
117
117
  });
118
+ var _TreeItem2DragAndDropOverlay = require("./TreeItem2DragAndDropOverlay");
119
+ Object.keys(_TreeItem2DragAndDropOverlay).forEach(function (key) {
120
+ if (key === "default" || key === "__esModule") return;
121
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
122
+ if (key in exports && exports[key] === _TreeItem2DragAndDropOverlay[key]) return;
123
+ Object.defineProperty(exports, key, {
124
+ enumerable: true,
125
+ get: function () {
126
+ return _TreeItem2DragAndDropOverlay[key];
127
+ }
128
+ });
129
+ });
130
+ var _TreeItem2LabelInput = require("./TreeItem2LabelInput");
131
+ Object.keys(_TreeItem2LabelInput).forEach(function (key) {
132
+ if (key === "default" || key === "__esModule") return;
133
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
134
+ if (key in exports && exports[key] === _TreeItem2LabelInput[key]) return;
135
+ Object.defineProperty(exports, key, {
136
+ enumerable: true,
137
+ get: function () {
138
+ return _TreeItem2LabelInput[key];
139
+ }
140
+ });
141
+ });
118
142
  var _useInstanceEventHandler = require("./internals/hooks/useInstanceEventHandler");
119
143
  var _models = require("./models");
120
144
  Object.keys(_models).forEach(function (key) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-tree-view",
3
- "version": "7.22.0",
3
+ "version": "7.22.1",
4
4
  "description": "The community edition of the Tree View components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",