@mui/x-data-grid 6.2.0 → 6.2.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.
Files changed (81) hide show
  1. package/CHANGELOG.md +49 -1
  2. package/components/GridHeader.d.ts +2 -2
  3. package/components/GridHeader.js +4 -6
  4. package/components/base/GridBody.d.ts +0 -1
  5. package/components/base/GridBody.js +32 -15
  6. package/components/columnSelection/GridCellCheckboxRenderer.d.ts +1 -1
  7. package/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
  8. package/components/columnSelection/GridHeaderCheckbox.d.ts +1 -1
  9. package/components/containers/GridMainContainer.d.ts +3 -1
  10. package/components/containers/GridMainContainer.js +3 -2
  11. package/components/containers/GridRoot.js +0 -5
  12. package/components/index.d.ts +0 -1
  13. package/components/index.js +0 -1
  14. package/components/panel/GridColumnsPanel.js +3 -2
  15. package/components/panel/GridPanel.d.ts +2 -2
  16. package/components/panel/GridPanel.js +2 -1
  17. package/components/panel/filterPanel/GridFilterPanel.js +5 -2
  18. package/hooks/features/dimensions/gridDimensionsApi.d.ts +4 -0
  19. package/hooks/features/dimensions/useGridDimensions.js +49 -10
  20. package/hooks/features/export/useGridPrintExport.js +3 -1
  21. package/hooks/features/virtualization/useGridVirtualScroller.d.ts +1 -0
  22. package/hooks/features/virtualization/useGridVirtualScroller.js +11 -5
  23. package/index.js +1 -1
  24. package/joy/index.d.ts +2 -0
  25. package/joy/index.js +2 -0
  26. package/joy/joySlots.d.ts +4 -0
  27. package/joy/joySlots.js +71 -0
  28. package/joy/package.json +6 -0
  29. package/legacy/components/GridHeader.js +4 -6
  30. package/legacy/components/base/GridBody.js +33 -16
  31. package/legacy/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
  32. package/legacy/components/containers/GridMainContainer.js +3 -2
  33. package/legacy/components/containers/GridRoot.js +0 -5
  34. package/legacy/components/index.js +0 -1
  35. package/legacy/components/panel/GridColumnsPanel.js +3 -2
  36. package/legacy/components/panel/GridPanel.js +2 -1
  37. package/legacy/components/panel/filterPanel/GridFilterPanel.js +5 -2
  38. package/legacy/hooks/features/dimensions/useGridDimensions.js +55 -12
  39. package/legacy/hooks/features/export/useGridPrintExport.js +3 -1
  40. package/legacy/hooks/features/virtualization/useGridVirtualScroller.js +12 -6
  41. package/legacy/index.js +1 -1
  42. package/legacy/joy/index.js +2 -0
  43. package/legacy/joy/joySlots.js +73 -0
  44. package/material/index.d.ts +1 -1
  45. package/models/gridSlotsComponent.d.ts +2 -2
  46. package/modern/components/GridHeader.js +4 -6
  47. package/modern/components/base/GridBody.js +32 -15
  48. package/modern/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
  49. package/modern/components/containers/GridMainContainer.js +3 -2
  50. package/modern/components/containers/GridRoot.js +0 -5
  51. package/modern/components/index.js +0 -1
  52. package/modern/components/panel/GridColumnsPanel.js +3 -2
  53. package/modern/components/panel/GridPanel.js +2 -1
  54. package/modern/components/panel/filterPanel/GridFilterPanel.js +5 -2
  55. package/modern/hooks/features/dimensions/useGridDimensions.js +48 -10
  56. package/modern/hooks/features/export/useGridPrintExport.js +3 -1
  57. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +11 -5
  58. package/modern/index.js +1 -1
  59. package/modern/joy/index.js +2 -0
  60. package/modern/joy/joySlots.js +71 -0
  61. package/node/components/GridHeader.js +5 -8
  62. package/node/components/base/GridBody.js +32 -15
  63. package/node/components/columnSelection/GridCellCheckboxRenderer.js +1 -1
  64. package/node/components/containers/GridMainContainer.js +5 -3
  65. package/node/components/containers/GridRoot.js +0 -5
  66. package/node/components/index.js +0 -11
  67. package/node/components/panel/GridColumnsPanel.js +3 -2
  68. package/node/components/panel/GridPanel.js +2 -1
  69. package/node/components/panel/filterPanel/GridFilterPanel.js +5 -2
  70. package/node/hooks/features/dimensions/useGridDimensions.js +47 -9
  71. package/node/hooks/features/export/useGridPrintExport.js +3 -1
  72. package/node/hooks/features/virtualization/useGridVirtualScroller.js +11 -5
  73. package/node/index.js +1 -1
  74. package/node/joy/index.js +13 -0
  75. package/node/joy/joySlots.js +79 -0
  76. package/package.json +1 -1
  77. package/components/GridAutoSizer.d.ts +0 -44
  78. package/components/GridAutoSizer.js +0 -126
  79. package/legacy/components/GridAutoSizer.js +0 -132
  80. package/modern/components/GridAutoSizer.js +0 -125
  81. package/node/components/GridAutoSizer.js +0 -132
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.GridAutoSizer = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var React = _interopRequireWildcard(require("react"));
11
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
- var _utils = require("@mui/utils");
13
- var _createDetectElementResize = _interopRequireDefault(require("../lib/createDetectElementResize"));
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- const _excluded = ["children", "defaultHeight", "defaultWidth", "disableHeight", "disableWidth", "nonce", "onResize", "style"]; // TODO replace with https://caniuse.com/resizeobserver.
16
- // Credit to https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.js
17
- // for the sources.
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
- const GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref) {
21
- const {
22
- children,
23
- defaultHeight = null,
24
- defaultWidth = null,
25
- disableHeight = false,
26
- disableWidth = false,
27
- nonce,
28
- onResize,
29
- style
30
- } = props,
31
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
32
- const [state, setState] = React.useState({
33
- height: defaultHeight,
34
- width: defaultWidth
35
- });
36
- const rootRef = React.useRef(null);
37
- const parentElement = React.useRef(null);
38
- const handleResize = (0, _utils.unstable_useEventCallback)(() => {
39
- // Guard against AutoSizer component being removed from the DOM immediately after being added.
40
- // This can result in invalid style values which can result in NaN values if we don't handle them.
41
- // See issue #150 for more context.
42
- if (parentElement.current) {
43
- const height = parentElement.current.offsetHeight || 0;
44
- const width = parentElement.current.offsetWidth || 0;
45
- const win = (0, _utils.unstable_ownerWindow)(parentElement.current);
46
- const computedStyle = win.getComputedStyle(parentElement.current);
47
- const paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
48
- const paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
49
- const paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;
50
- const paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;
51
- const newHeight = height - paddingTop - paddingBottom;
52
- const newWidth = width - paddingLeft - paddingRight;
53
- if (!disableHeight && state.height !== newHeight || !disableWidth && state.width !== newWidth) {
54
- setState({
55
- height: newHeight,
56
- width: newWidth
57
- });
58
- if (onResize) {
59
- onResize({
60
- height: newHeight,
61
- width: newWidth
62
- });
63
- }
64
- }
65
- }
66
- });
67
- (0, _utils.unstable_useEnhancedEffect)(() => {
68
- parentElement.current = rootRef.current.parentElement;
69
- if (!parentElement) {
70
- return undefined;
71
- }
72
- const win = (0, _utils.unstable_ownerWindow)(parentElement.current ?? undefined);
73
- const detectElementResize = (0, _createDetectElementResize.default)(nonce, win);
74
- detectElementResize.addResizeListener(parentElement.current, handleResize);
75
- handleResize();
76
- return () => {
77
- detectElementResize.removeResizeListener(parentElement.current, handleResize);
78
- };
79
- }, [nonce, handleResize]);
80
- const handleRef = (0, _utils.unstable_useForkRef)(rootRef, ref);
81
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({
82
- ref: handleRef,
83
- style: (0, _extends2.default)({
84
- flex: disableHeight ? 0 : '1 1 0px',
85
- overflow: disableHeight ? 'visible' : 'auto'
86
- }, style)
87
- }, other, {
88
- children: state.height === null && state.width === null ? null : children
89
- }));
90
- });
91
- exports.GridAutoSizer = GridAutoSizer;
92
- process.env.NODE_ENV !== "production" ? GridAutoSizer.propTypes = {
93
- // ----------------------------- Warning --------------------------------
94
- // | These PropTypes are generated from the TypeScript type definitions |
95
- // | To update them edit the TypeScript types and run "yarn proptypes" |
96
- // ----------------------------------------------------------------------
97
- /**
98
- * Function responsible for rendering children.
99
- * @param {AutoSizerSize} size The grid's size.
100
- * @returns {React.ReactNode} The children to render.
101
- */
102
- children: _propTypes.default.node,
103
- /**
104
- * Default height to use for initial render; useful for SSR.
105
- * @default null
106
- */
107
- defaultHeight: _propTypes.default.number,
108
- /**
109
- * Default width to use for initial render; useful for SSR.
110
- * @default null
111
- */
112
- defaultWidth: _propTypes.default.number,
113
- /**
114
- * If `true`, disable dynamic :height property.
115
- * @default false
116
- */
117
- disableHeight: _propTypes.default.bool,
118
- /**
119
- * If `true`, disable dynamic :width property.
120
- * @default false
121
- */
122
- disableWidth: _propTypes.default.bool,
123
- /**
124
- * Nonce of the inlined stylesheet for Content Security Policy.
125
- */
126
- nonce: _propTypes.default.string,
127
- /**
128
- * Callback to be invoked on-resize.
129
- * @param {AutoSizerSize} size The grid's size.
130
- */
131
- onResize: _propTypes.default.func
132
- } : void 0;