@mui/x-data-grid 6.2.0 → 6.3.0

package/legacy/components/GridAutoSizer.js

@@ -1,132 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "defaultHeight", "defaultWidth", "disableHeight", "disableWidth", "nonce", "onResize", "style"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useForkRef as useForkRef, unstable_ownerWindow as ownerWindow, unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import createDetectElementResize from '../lib/createDetectElementResize';
-// TODO replace with https://caniuse.com/resizeobserver.
-
-// Credit to https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.js
-// for the sources.
-import { jsx as _jsx } from "react/jsx-runtime";
-var GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref) {
-  var children = props.children,
-    _props$defaultHeight = props.defaultHeight,
-    defaultHeight = _props$defaultHeight === void 0 ? null : _props$defaultHeight,
-    _props$defaultWidth = props.defaultWidth,
-    defaultWidth = _props$defaultWidth === void 0 ? null : _props$defaultWidth,
-    _props$disableHeight = props.disableHeight,
-    disableHeight = _props$disableHeight === void 0 ? false : _props$disableHeight,
-    _props$disableWidth = props.disableWidth,
-    disableWidth = _props$disableWidth === void 0 ? false : _props$disableWidth,
-    nonce = props.nonce,
-    onResize = props.onResize,
-    style = props.style,
-    other = _objectWithoutProperties(props, _excluded);
-  var _React$useState = React.useState({
-      height: defaultHeight,
-      width: defaultWidth
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    state = _React$useState2[0],
-    setState = _React$useState2[1];
-  var rootRef = React.useRef(null);
-  var parentElement = React.useRef(null);
-  var handleResize = useEventCallback(function () {
-    // Guard against AutoSizer component being removed from the DOM immediately after being added.
-    // This can result in invalid style values which can result in NaN values if we don't handle them.
-    // See issue #150 for more context.
-    if (parentElement.current) {
-      var height = parentElement.current.offsetHeight || 0;
-      var width = parentElement.current.offsetWidth || 0;
-      var win = ownerWindow(parentElement.current);
-      var computedStyle = win.getComputedStyle(parentElement.current);
-      var paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
-      var paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
-      var paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;
-      var paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;
-      var newHeight = height - paddingTop - paddingBottom;
-      var newWidth = width - paddingLeft - paddingRight;
-      if (!disableHeight && state.height !== newHeight || !disableWidth && state.width !== newWidth) {
-        setState({
-          height: newHeight,
-          width: newWidth
-        });
-        if (onResize) {
-          onResize({
-            height: newHeight,
-            width: newWidth
-          });
-        }
-      }
-    }
-  });
-  useEnhancedEffect(function () {
-    var _parentElement$curren;
-    parentElement.current = rootRef.current.parentElement;
-    if (!parentElement) {
-      return undefined;
-    }
-    var win = ownerWindow((_parentElement$curren = parentElement.current) != null ? _parentElement$curren : undefined);
-    var detectElementResize = createDetectElementResize(nonce, win);
-    detectElementResize.addResizeListener(parentElement.current, handleResize);
-    handleResize();
-    return function () {
-      detectElementResize.removeResizeListener(parentElement.current, handleResize);
-    };
-  }, [nonce, handleResize]);
-  var handleRef = useForkRef(rootRef, ref);
-  return /*#__PURE__*/_jsx("div", _extends({
-    ref: handleRef,
-    style: _extends({
-      flex: disableHeight ? 0 : '1 1 0px',
-      overflow: disableHeight ? 'visible' : 'auto'
-    }, style)
-  }, other, {
-    children: state.height === null && state.width === null ? null : children
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridAutoSizer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Function responsible for rendering children.
-   * @param {AutoSizerSize} size The grid's size.
-   * @returns {React.ReactNode} The children to render.
-   */
-  children: PropTypes.node,
-  /**
-   * Default height to use for initial render; useful for SSR.
-   * @default null
-   */
-  defaultHeight: PropTypes.number,
-  /**
-   * Default width to use for initial render; useful for SSR.
-   * @default null
-   */
-  defaultWidth: PropTypes.number,
-  /**
-   * If `true`, disable dynamic :height property.
-   * @default false
-   */
-  disableHeight: PropTypes.bool,
-  /**
-   * If `true`, disable dynamic :width property.
-   * @default false
-   */
-  disableWidth: PropTypes.bool,
-  /**
-   * Nonce of the inlined stylesheet for Content Security Policy.
-   */
-  nonce: PropTypes.string,
-  /**
-   * Callback to be invoked on-resize.
-   * @param {AutoSizerSize} size The grid's size.
-   */
-  onResize: PropTypes.func
-} : void 0;
-export { GridAutoSizer };

package/modern/components/GridAutoSizer.js

@@ -1,125 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "defaultHeight", "defaultWidth", "disableHeight", "disableWidth", "nonce", "onResize", "style"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useForkRef as useForkRef, unstable_ownerWindow as ownerWindow, unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import createDetectElementResize from '../lib/createDetectElementResize';
-// TODO replace with https://caniuse.com/resizeobserver.
-
-// Credit to https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.js
-// for the sources.
-import { jsx as _jsx } from "react/jsx-runtime";
-const GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref) {
-  const {
-      children,
-      defaultHeight = null,
-      defaultWidth = null,
-      disableHeight = false,
-      disableWidth = false,
-      nonce,
-      onResize,
-      style
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const [state, setState] = React.useState({
-    height: defaultHeight,
-    width: defaultWidth
-  });
-  const rootRef = React.useRef(null);
-  const parentElement = React.useRef(null);
-  const handleResize = useEventCallback(() => {
-    // Guard against AutoSizer component being removed from the DOM immediately after being added.
-    // This can result in invalid style values which can result in NaN values if we don't handle them.
-    // See issue #150 for more context.
-    if (parentElement.current) {
-      const height = parentElement.current.offsetHeight || 0;
-      const width = parentElement.current.offsetWidth || 0;
-      const win = ownerWindow(parentElement.current);
-      const computedStyle = win.getComputedStyle(parentElement.current);
-      const paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
-      const paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
-      const paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;
-      const paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;
-      const newHeight = height - paddingTop - paddingBottom;
-      const newWidth = width - paddingLeft - paddingRight;
-      if (!disableHeight && state.height !== newHeight || !disableWidth && state.width !== newWidth) {
-        setState({
-          height: newHeight,
-          width: newWidth
-        });
-        if (onResize) {
-          onResize({
-            height: newHeight,
-            width: newWidth
-          });
-        }
-      }
-    }
-  });
-  useEnhancedEffect(() => {
-    parentElement.current = rootRef.current.parentElement;
-    if (!parentElement) {
-      return undefined;
-    }
-    const win = ownerWindow(parentElement.current ?? undefined);
-    const detectElementResize = createDetectElementResize(nonce, win);
-    detectElementResize.addResizeListener(parentElement.current, handleResize);
-    handleResize();
-    return () => {
-      detectElementResize.removeResizeListener(parentElement.current, handleResize);
-    };
-  }, [nonce, handleResize]);
-  const handleRef = useForkRef(rootRef, ref);
-  return /*#__PURE__*/_jsx("div", _extends({
-    ref: handleRef,
-    style: _extends({
-      flex: disableHeight ? 0 : '1 1 0px',
-      overflow: disableHeight ? 'visible' : 'auto'
-    }, style)
-  }, other, {
-    children: state.height === null && state.width === null ? null : children
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridAutoSizer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Function responsible for rendering children.
-   * @param {AutoSizerSize} size The grid's size.
-   * @returns {React.ReactNode} The children to render.
-   */
-  children: PropTypes.node,
-  /**
-   * Default height to use for initial render; useful for SSR.
-   * @default null
-   */
-  defaultHeight: PropTypes.number,
-  /**
-   * Default width to use for initial render; useful for SSR.
-   * @default null
-   */
-  defaultWidth: PropTypes.number,
-  /**
-   * If `true`, disable dynamic :height property.
-   * @default false
-   */
-  disableHeight: PropTypes.bool,
-  /**
-   * If `true`, disable dynamic :width property.
-   * @default false
-   */
-  disableWidth: PropTypes.bool,
-  /**
-   * Nonce of the inlined stylesheet for Content Security Policy.
-   */
-  nonce: PropTypes.string,
-  /**
-   * Callback to be invoked on-resize.
-   * @param {AutoSizerSize} size The grid's size.
-   */
-  onResize: PropTypes.func
-} : void 0;
-export { GridAutoSizer };

package/node/components/GridAutoSizer.js

@@ -1,132 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridAutoSizer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
-var _createDetectElementResize = _interopRequireDefault(require("../lib/createDetectElementResize"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "defaultHeight", "defaultWidth", "disableHeight", "disableWidth", "nonce", "onResize", "style"]; // TODO replace with https://caniuse.com/resizeobserver.
-// Credit to https://github.com/bvaughn/react-virtualized/blob/master/source/AutoSizer/AutoSizer.js
-// for the sources.
-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); }
-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; }
-const GridAutoSizer = /*#__PURE__*/React.forwardRef(function AutoSizer(props, ref) {
-  const {
-      children,
-      defaultHeight = null,
-      defaultWidth = null,
-      disableHeight = false,
-      disableWidth = false,
-      nonce,
-      onResize,
-      style
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const [state, setState] = React.useState({
-    height: defaultHeight,
-    width: defaultWidth
-  });
-  const rootRef = React.useRef(null);
-  const parentElement = React.useRef(null);
-  const handleResize = (0, _utils.unstable_useEventCallback)(() => {
-    // Guard against AutoSizer component being removed from the DOM immediately after being added.
-    // This can result in invalid style values which can result in NaN values if we don't handle them.
-    // See issue #150 for more context.
-    if (parentElement.current) {
-      const height = parentElement.current.offsetHeight || 0;
-      const width = parentElement.current.offsetWidth || 0;
-      const win = (0, _utils.unstable_ownerWindow)(parentElement.current);
-      const computedStyle = win.getComputedStyle(parentElement.current);
-      const paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
-      const paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
-      const paddingTop = parseInt(computedStyle.paddingTop, 10) || 0;
-      const paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;
-      const newHeight = height - paddingTop - paddingBottom;
-      const newWidth = width - paddingLeft - paddingRight;
-      if (!disableHeight && state.height !== newHeight || !disableWidth && state.width !== newWidth) {
-        setState({
-          height: newHeight,
-          width: newWidth
-        });
-        if (onResize) {
-          onResize({
-            height: newHeight,
-            width: newWidth
-          });
-        }
-      }
-    }
-  });
-  (0, _utils.unstable_useEnhancedEffect)(() => {
-    parentElement.current = rootRef.current.parentElement;
-    if (!parentElement) {
-      return undefined;
-    }
-    const win = (0, _utils.unstable_ownerWindow)(parentElement.current ?? undefined);
-    const detectElementResize = (0, _createDetectElementResize.default)(nonce, win);
-    detectElementResize.addResizeListener(parentElement.current, handleResize);
-    handleResize();
-    return () => {
-      detectElementResize.removeResizeListener(parentElement.current, handleResize);
-    };
-  }, [nonce, handleResize]);
-  const handleRef = (0, _utils.unstable_useForkRef)(rootRef, ref);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({
-    ref: handleRef,
-    style: (0, _extends2.default)({
-      flex: disableHeight ? 0 : '1 1 0px',
-      overflow: disableHeight ? 'visible' : 'auto'
-    }, style)
-  }, other, {
-    children: state.height === null && state.width === null ? null : children
-  }));
-});
-exports.GridAutoSizer = GridAutoSizer;
-process.env.NODE_ENV !== "production" ? GridAutoSizer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Function responsible for rendering children.
-   * @param {AutoSizerSize} size The grid's size.
-   * @returns {React.ReactNode} The children to render.
-   */
-  children: _propTypes.default.node,
-  /**
-   * Default height to use for initial render; useful for SSR.
-   * @default null
-   */
-  defaultHeight: _propTypes.default.number,
-  /**
-   * Default width to use for initial render; useful for SSR.
-   * @default null
-   */
-  defaultWidth: _propTypes.default.number,
-  /**
-   * If `true`, disable dynamic :height property.
-   * @default false
-   */
-  disableHeight: _propTypes.default.bool,
-  /**
-   * If `true`, disable dynamic :width property.
-   * @default false
-   */
-  disableWidth: _propTypes.default.bool,
-  /**
-   * Nonce of the inlined stylesheet for Content Security Policy.
-   */
-  nonce: _propTypes.default.string,
-  /**
-   * Callback to be invoked on-resize.
-   * @param {AutoSizerSize} size The grid's size.
-   */
-  onResize: _propTypes.default.func
-} : void 0;