@mui/x-data-grid-generator 7.16.0 → 7.17.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +87 -0
  2. package/columns/commodities.columns.js +1 -0
  3. package/index.js +1 -1
  4. package/modern/columns/commodities.columns.js +1 -0
  5. package/modern/index.js +1 -1
  6. package/modern/renderer/renderEditCountry.js +11 -10
  7. package/node/columns/commodities.columns.js +1 -0
  8. package/node/index.js +1 -1
  9. package/node/renderer/renderEditCountry.js +11 -10
  10. package/package.json +2 -2
  11. package/renderer/renderEditCountry.js +11 -10
package/CHANGELOG.md CHANGED
@@ -3,6 +3,93 @@
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.17.0
7
+
8
+ _Sep 13, 2024_
9
+
10
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 📊 Charts performance improvement
13
+ - 🧑‍💻 New Data Grid [custom columns demo](https://mui.com/x/react-data-grid/custom-columns/#full-example)
14
+ - 🐞 Bugfixes
15
+ - 📚 Documentation improvements
16
+ - 🌍 Improve Hungarian (hu-HU) locale on the Data Grid
17
+
18
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
19
+
20
+ ### Data Grid
21
+
22
+ #### `@mui/x-data-grid@7.17.0`
23
+
24
+ - [DataGrid] Add "does not equal" and "does not contain" filter operators (#14489) @KenanYusuf
25
+ - [DataGrid] Add demo to the "Custom columns" page that does not use generator (#13695) @arminmeh
26
+ - [DataGrid] Fix Voice Over reading the column name twice (#14482) @arminmeh
27
+ - [DataGrid] Fix bug in CRUD example (#14513) @michelengelen
28
+ - [DataGrid] Fix failing jsdom tests caused by `:has()` selectors (#14559) @KenanYusuf
29
+ - [DataGrid] Refactor string operator filter functions (#14564) @KenanYusuf
30
+ - [l10n] Improve Hungarian (hu-HU) locale (#14506) @ntamas
31
+
32
+ #### `@mui/x-data-grid-pro@7.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
33
+
34
+ Same changes as in `@mui/x-data-grid@7.17.0`.
35
+
36
+ #### `@mui/x-data-grid-premium@7.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
37
+
38
+ Same changes as in `@mui/x-data-grid-pro@7.17.0`.
39
+
40
+ ### Date and Time Pickers
41
+
42
+ #### `@mui/x-date-pickers@7.17.0`
43
+
44
+ - [fields] Improve `useSplitFieldProps` and make it public (#14514) @flaviendelangle
45
+ - [pickers] Improve clear action label (#14243) @oliviertassinari
46
+ - [pickers] Add `"use client"` directive to every public component and hook (#14562) @flaviendelangle
47
+ - [pickers] Allow custom fields to validate the value (#14486) @flaviendelangle
48
+ - [pickers] Stop using utils in locales (#14505) @flaviendelangle
49
+
50
+ #### `@mui/x-date-pickers-pro@7.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
51
+
52
+ Same changes as in `@mui/x-date-pickers@7.17.0`, plus:
53
+
54
+ - [DateRangePicker] Fix `currentMonthCalendarPosition` not scrolling to future sibling (#14442) @GMchris
55
+
56
+ ### Charts
57
+
58
+ #### `@mui/x-charts@7.17.0`
59
+
60
+ - [charts] Add `"use client"` directive to every public component and hook (#14578) @flaviendelangle
61
+ - [charts] Allow `onItemClick` on the `Legend` component (#14231) @JCQuintas
62
+ - [charts] Fix `onAxisClick` with `layout='horizontal'` (#14547) @alexfauquette
63
+ - [charts] Replace `path` with `circle` for performance improvement (#14518) @alexfauquette
64
+
65
+ #### `@mui/x-charts-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
66
+
67
+ Same changes as in `@mui/x-charts@7.17.0`.
68
+
69
+ ### Tree View
70
+
71
+ #### `@mui/x-tree-view@7.17.0`
72
+
73
+ - [TreeView] Make `useTreeItem2` stable (#14498) @flaviendelangle
74
+
75
+ ### Docs
76
+
77
+ - [docs] Add missing callout on "Imperative API" tree view sections (#14503) @flaviendelangle
78
+ - [docs] Fix broken redirection to MUI X v5 @oliviertassinari
79
+ - [docs] Fix multiple `console.error` messages on `charts` docs (#14554) @JCQuintas
80
+ - [docs] Fixed typo in Row Grouping recipes (#14549) @Miodini
81
+ - [docs] Match title with blog posts @oliviertassinari
82
+
83
+ ### Core
84
+
85
+ - [core] Move warning methods to `@mui/x-internals` (#14528) @k-rajat19
86
+ - [core] Sync with core release flow @oliviertassinari
87
+ - [code-infra] Fix charts benchmark workflow (#14573) @JCQuintas
88
+ - [docs-infra] Type interface API pages (#14138) @alexfauquette
89
+ - [infra] Create `ESLint plugins` renovate group (#14574) @LukasTy
90
+ - [license] Clean-up terminology to match codebase (#14531) @oliviertassinari
91
+ - [test] Remove dead `act()` logic (#14529) @oliviertassinari
92
+
6
93
  ## 7.16.0
7
94
 
8
95
  _Sep 5, 2024_
package/columns/commodities.columns.js CHANGED
@@ -104,6 +104,7 @@ export const getCommodityColumns = (editable = false) => [{
104
104
  width: 120
105
105
  }, {
106
106
  field: 'incoTerm',
107
+ headerName: 'Incoterm',
107
108
  generateData: randomIncoterm,
108
109
  renderCell: renderIncoterm,
109
110
  renderEditCell: renderEditIncoterm,
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.16.0
2
+ * @mui/x-data-grid-generator v7.17.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/modern/columns/commodities.columns.js CHANGED
@@ -104,6 +104,7 @@ export const getCommodityColumns = (editable = false) => [{
104
104
  width: 120
105
105
  }, {
106
106
  field: 'incoTerm',
107
+ headerName: 'Incoterm',
107
108
  generateData: randomIncoterm,
108
109
  renderCell: renderIncoterm,
109
110
  renderEditCell: renderEditIncoterm,
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.16.0
2
+ * @mui/x-data-grid-generator v7.17.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/modern/renderer/renderEditCountry.js CHANGED
@@ -6,7 +6,8 @@ import InputBase from '@mui/material/InputBase';
6
6
  import Box from '@mui/material/Box';
7
7
  import { styled } from '@mui/material/styles';
8
8
  import { COUNTRY_ISO_OPTIONS } from "../services/static-data.js";
9
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
+ import { createElement as _createElement } from "react";
10
11
  const StyledAutocomplete = styled(Autocomplete)(({
11
12
  theme
12
13
  }) => ({
@@ -47,7 +48,7 @@ function EditCountry(props) {
47
48
  fullWidth: true,
48
49
  open: true,
49
50
  disableClearable: true,
50
- renderOption: (optionProps, option) => /*#__PURE__*/_jsxs(Box, _extends({
51
+ renderOption: (optionProps, option) => /*#__PURE__*/_createElement(Box, _extends({
51
52
  component: "li",
52
53
  sx: {
53
54
  '& > img': {
@@ -56,14 +57,14 @@ function EditCountry(props) {
56
57
  }
57
58
  }
58
59
  }, optionProps, {
59
- children: [/*#__PURE__*/_jsx("img", {
60
- loading: "lazy",
61
- width: "20",
62
- src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
63
- srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
64
- alt: ""
65
- }), option.label]
66
- })),
60
+ key: option.code
61
+ }), /*#__PURE__*/_jsx("img", {
62
+ loading: "lazy",
63
+ width: "20",
64
+ src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
65
+ srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
66
+ alt: ""
67
+ }), option.label),
67
68
  renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
68
69
  autoFocus: true,
69
70
  fullWidth: true,
package/node/columns/commodities.columns.js CHANGED
@@ -110,6 +110,7 @@ const getCommodityColumns = (editable = false) => [{
110
110
  width: 120
111
111
  }, {
112
112
  field: 'incoTerm',
113
+ headerName: 'Incoterm',
113
114
  generateData: _services.randomIncoterm,
114
115
  renderCell: _renderer.renderIncoterm,
115
116
  renderEditCell: _renderer.renderEditIncoterm,
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-data-grid-generator v7.16.0
2
+ * @mui/x-data-grid-generator v7.17.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/node/renderer/renderEditCountry.js CHANGED
@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.renderEditCountry = renderEditCountry;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var React = _react;
11
12
  var _xDataGridPremium = require("@mui/x-data-grid-premium");
12
13
  var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
13
14
  var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
@@ -55,7 +56,7 @@ function EditCountry(props) {
55
56
  fullWidth: true,
56
57
  open: true,
57
58
  disableClearable: true,
58
- renderOption: (optionProps, option) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, (0, _extends2.default)({
59
+ renderOption: (optionProps, option) => /*#__PURE__*/(0, _react.createElement)(_Box.default, (0, _extends2.default)({
59
60
  component: "li",
60
61
  sx: {
61
62
  '& > img': {
@@ -64,14 +65,14 @@ function EditCountry(props) {
64
65
  }
65
66
  }
66
67
  }, optionProps, {
67
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
68
- loading: "lazy",
69
- width: "20",
70
- src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
71
- srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
72
- alt: ""
73
- }), option.label]
74
- })),
68
+ key: option.code
69
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
70
+ loading: "lazy",
71
+ width: "20",
72
+ src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
73
+ srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
74
+ alt: ""
75
+ }), option.label),
75
76
  renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
76
77
  autoFocus: true,
77
78
  fullWidth: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid-generator",
3
- "version": "7.16.0",
3
+ "version": "7.17.0",
4
4
  "description": "Generate fake data for demo purposes only.",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -27,7 +27,7 @@
27
27
  "chance": "^1.1.12",
28
28
  "clsx": "^2.1.1",
29
29
  "lru-cache": "^10.4.3",
30
- "@mui/x-data-grid-premium": "7.16.0"
30
+ "@mui/x-data-grid-premium": "7.17.0"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "@emotion/react": "^11.9.0",
package/renderer/renderEditCountry.js CHANGED
@@ -6,7 +6,8 @@ import InputBase from '@mui/material/InputBase';
6
6
  import Box from '@mui/material/Box';
7
7
  import { styled } from '@mui/material/styles';
8
8
  import { COUNTRY_ISO_OPTIONS } from "../services/static-data.js";
9
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
+ import { createElement as _createElement } from "react";
10
11
  const StyledAutocomplete = styled(Autocomplete)(({
11
12
  theme
12
13
  }) => ({
@@ -47,7 +48,7 @@ function EditCountry(props) {
47
48
  fullWidth: true,
48
49
  open: true,
49
50
  disableClearable: true,
50
- renderOption: (optionProps, option) => /*#__PURE__*/_jsxs(Box, _extends({
51
+ renderOption: (optionProps, option) => /*#__PURE__*/_createElement(Box, _extends({
51
52
  component: "li",
52
53
  sx: {
53
54
  '& > img': {
@@ -56,14 +57,14 @@ function EditCountry(props) {
56
57
  }
57
58
  }
58
59
  }, optionProps, {
59
- children: [/*#__PURE__*/_jsx("img", {
60
- loading: "lazy",
61
- width: "20",
62
- src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
63
- srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
64
- alt: ""
65
- }), option.label]
66
- })),
60
+ key: option.code
61
+ }), /*#__PURE__*/_jsx("img", {
62
+ loading: "lazy",
63
+ width: "20",
64
+ src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
65
+ srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
66
+ alt: ""
67
+ }), option.label),
67
68
  renderInput: params => /*#__PURE__*/_jsx(InputBase, _extends({
68
69
  autoFocus: true,
69
70
  fullWidth: true,