npm - @mui/x-data-grid - Versions diffs - 9.14.0 → 9.15.0 - Mend

@mui/x-data-grid 9.14.0 → 9.15.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 (283) hide show

package/components/cell/GridActionsCellItem.d.mts CHANGED Viewed

@@ -2,14 +2,18 @@ import * as React from 'react';
 import type { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.mjs";
 interface GridActionsCellItemCommonProps {
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
-  /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */
+  /**
+   * The component used for the root node.
+   * If not set, and `href` is set, the item renders as an anchor tag.
+   * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
+   */
   component?: React.ElementType;
 }
-export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
+export type GridActionsCellItemProps = GridActionsCellItemCommonProps & ({
   showInMenu?: false;
   icon: React.ReactElement<any>;
   label: string;
-} & Omit<GridSlotProps['baseIconButton'], 'component'>) | ({
+} & Omit<GridSlotProps['baseIconButton'], 'component'> | {
   showInMenu: true;
   /**
    * If false, the menu will not close when this item is clicked.
@@ -18,7 +22,7 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
   label: React.ReactNode;
-} & Omit<GridSlotProps['baseMenuItem'], 'component'>));
+} & Omit<GridSlotProps['baseMenuItem'], 'component'>);
 declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<(Omit<GridActionsCellItemCommonProps & {
   showInMenu?: false;
   icon: React.ReactElement<any>;
@@ -27,7 +31,12 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
   label?: string;
   color?: 'default' | 'inherit' | 'primary';
   edge?: 'start' | 'end' | false;
-} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref"> | (GridActionsCellItemCommonProps & {
+} & {
+  component?: React.ElementType;
+  href?: string;
+  target?: React.HTMLAttributeAnchorTarget;
+  rel?: string;
+} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref"> | GridActionsCellItemCommonProps & {
   showInMenu: true;
   /**
    * If false, the menu will not close when this item is clicked.
@@ -51,5 +60,10 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
   selected?: boolean;
   value?: number | string | readonly string[];
   style?: React.CSSProperties;
-} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">)) & React.RefAttributes<HTMLElement>>;
+} & {
+  component?: React.ElementType;
+  href?: string;
+  target?: React.HTMLAttributeAnchorTarget;
+  rel?: string;
+} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) & React.RefAttributes<HTMLElement>>;
 export { GridActionsCellItem };

package/components/cell/GridActionsCellItem.d.ts CHANGED Viewed

@@ -2,14 +2,18 @@ import * as React from 'react';
 import type { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridActionsCellItemCommonProps {
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
-  /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */
+  /**
+   * The component used for the root node.
+   * If not set, and `href` is set, the item renders as an anchor tag.
+   * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
+   */
   component?: React.ElementType;
 }
-export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
+export type GridActionsCellItemProps = GridActionsCellItemCommonProps & ({
   showInMenu?: false;
   icon: React.ReactElement<any>;
   label: string;
-} & Omit<GridSlotProps['baseIconButton'], 'component'>) | ({
+} & Omit<GridSlotProps['baseIconButton'], 'component'> | {
   showInMenu: true;
   /**
    * If false, the menu will not close when this item is clicked.
@@ -18,7 +22,7 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
   label: React.ReactNode;
-} & Omit<GridSlotProps['baseMenuItem'], 'component'>));
+} & Omit<GridSlotProps['baseMenuItem'], 'component'>);
 declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<(Omit<GridActionsCellItemCommonProps & {
   showInMenu?: false;
   icon: React.ReactElement<any>;
@@ -27,7 +31,12 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
   label?: string;
   color?: 'default' | 'inherit' | 'primary';
   edge?: 'start' | 'end' | false;
-} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref"> | (GridActionsCellItemCommonProps & {
+} & {
+  component?: React.ElementType;
+  href?: string;
+  target?: React.HTMLAttributeAnchorTarget;
+  rel?: string;
+} & import("@mui/x-data-grid").BaseIconButtonPropsOverrides, "component">, "ref"> | GridActionsCellItemCommonProps & {
   showInMenu: true;
   /**
    * If false, the menu will not close when this item is clicked.
@@ -51,5 +60,10 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
   selected?: boolean;
   value?: number | string | readonly string[];
   style?: React.CSSProperties;
-} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">)) & React.RefAttributes<HTMLElement>>;
+} & {
+  component?: React.ElementType;
+  href?: string;
+  target?: React.HTMLAttributeAnchorTarget;
+  rel?: string;
+} & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) & React.RefAttributes<HTMLElement>>;
 export { GridActionsCellItem };

package/components/cell/GridActionsCellItem.js CHANGED Viewed

@@ -14,15 +14,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "icon", "showInMenu", "onClick"],
-  _excluded2 = ["label", "icon", "showInMenu", "onClick", "closeMenuOnClick", "closeMenu"];
+const _excluded = ["label", "icon", "showInMenu", "onClick", "component", "href"],
+  _excluded2 = ["label", "icon", "showInMenu", "onClick", "closeMenuOnClick", "closeMenu", "component", "href"];
 const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwardRef)((props, ref) => {
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   if (!props.showInMenu) {
     const {
         label,
         icon,
-        onClick
+        onClick,
+        component,
+        href
       } = props,
       other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     const handleClick = event => {
@@ -30,7 +32,9 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseIconButton, (0, _extends2.default)({
       size: "small",
-      "aria-label": label
+      "aria-label": label,
+      component: component,
+      href: href
     }, other, {
       onClick: handleClick
     }, rootProps.slotProps?.baseIconButton, {
@@ -45,7 +49,9 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
       icon,
       onClick,
       closeMenuOnClick = true,
-      closeMenu
+      closeMenu,
+      component,
+      href
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const handleClick = event => {
@@ -55,7 +61,9 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, (0, _extends2.default)({
-    ref: ref
+    ref: ref,
+    component: component ?? (href ? 'a' : undefined),
+    href: href
   }, other, {
     onClick: handleClick,
     iconStart: icon,
@@ -70,12 +78,27 @@ process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes /* remove-
   // ----------------------------------------------------------------------
   className: _propTypes.default.string,
   /**
+   * The component used for the root node.
+   * If not set, and `href` is set, the item renders as an anchor tag.
    * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
    */
   component: _propTypes.default.elementType,
   disabled: _propTypes.default.bool,
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: _propTypes.default.string,
   icon: _propTypes.default /* @typescript-to-proptypes-ignore */.element,
   label: _propTypes.default.node,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: _propTypes.default.string,
   showInMenu: _propTypes.default.bool,
-  style: _propTypes.default.object
+  style: _propTypes.default.object,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: _propTypes.default.string
 } : void 0;

package/components/cell/GridActionsCellItem.mjs CHANGED Viewed

@@ -1,9 +1,9 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["label", "icon", "showInMenu", "onClick"],
-  _excluded2 = ["label", "icon", "showInMenu", "onClick", "closeMenuOnClick", "closeMenu"];
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+const _excluded = ["label", "icon", "showInMenu", "onClick", "component", "href"],
+  _excluded2 = ["label", "icon", "showInMenu", "onClick", "closeMenuOnClick", "closeMenu", "component", "href"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { forwardRef } from '@mui/x-internals/forwardRef';
@@ -15,7 +15,9 @@ const GridActionsCellItem = forwardRef((props, ref) => {
     const {
         label,
         icon,
-        onClick
+        onClick,
+        component,
+        href
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded);
     const handleClick = event => {
@@ -23,7 +25,9 @@ const GridActionsCellItem = forwardRef((props, ref) => {
     };
     return /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
       size: "small",
-      "aria-label": label
+      "aria-label": label,
+      component: component,
+      href: href
     }, other, {
       onClick: handleClick
     }, rootProps.slotProps?.baseIconButton, {
@@ -38,7 +42,9 @@ const GridActionsCellItem = forwardRef((props, ref) => {
       icon,
       onClick,
       closeMenuOnClick = true,
-      closeMenu
+      closeMenu,
+      component,
+      href
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded2);
   const handleClick = event => {
@@ -48,7 +54,9 @@ const GridActionsCellItem = forwardRef((props, ref) => {
     }
   };
   return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({
-    ref: ref
+    ref: ref,
+    component: component ?? (href ? 'a' : undefined),
+    href: href
   }, other, {
     onClick: handleClick,
     iconStart: icon,
@@ -63,13 +71,28 @@ process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes /* remove-
   // ----------------------------------------------------------------------
   className: PropTypes.string,
   /**
+   * The component used for the root node.
+   * If not set, and `href` is set, the item renders as an anchor tag.
    * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
    */
   component: PropTypes.elementType,
   disabled: PropTypes.bool,
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: PropTypes.string,
   icon: PropTypes /* @typescript-to-proptypes-ignore */.element,
   label: PropTypes.node,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: PropTypes.string,
   showInMenu: PropTypes.bool,
-  style: PropTypes.object
+  style: PropTypes.object,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: PropTypes.string
 } : void 0;
 export { GridActionsCellItem };

package/components/cell/GridBooleanCell.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "hasFocus", "tabIndex", "hideDescendantCount"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/cell/GridCell.js CHANGED Viewed

@@ -19,7 +19,7 @@ var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _xVirtualizer = require("@mui/x-virtualizer");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _focusElement = require("../../utils/focusElement");

package/components/cell/GridCell.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["column", "row", "rowId", "rowNode", "align", "children", "colIndex", "width", "className", "style", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "showRightBorder", "showLeftBorder", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
   _excluded2 = ["changeReason", "unstable_updateValueOnRender"];
 import * as React from 'react';
@@ -14,7 +14,7 @@ import capitalize from '@mui/utils/capitalize';
 import { fastMemo } from '@mui/x-internals/fastMemo';
 import { useRtl } from '@mui/system/RtlProvider';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useStore } from '@mui/x-internals/store';
+import { useStore } from '@base-ui/utils/store';
 import { Rowspan } from '@mui/x-virtualizer';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { focusElement } from "../../utils/focusElement.mjs";

package/components/cell/GridEditBooleanCell.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/cell/GridEditDateCell.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "inputProps", "isValidating", "isProcessingProps", "onValueChange", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/cell/GridEditInputCell.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "hasFocus", "isValidating", "debounceMs", "isProcessingProps", "onValueChange", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/cell/GridEditLongTextCell.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/components/cell/GridEditSingleSelectCell.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange", "initialOpen", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/cell/GridFooterCell.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["formattedValue", "colDef", "cellMode", "row", "api", "id", "value", "rowNode", "field", "hasFocus", "tabIndex", "isEditable"];
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';

package/components/cell/GridLongTextCell.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/components/cell/GridSkeletonCell.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["field", "type", "align", "width", "height", "empty", "style", "className", "skeletonProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/columnHeaders/ColumnHeaderMenuIcon.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.mjs";

package/components/columnHeaders/GridBaseColumnHeaders.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';

package/components/columnHeaders/GridColumnGroupHeader.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useId from '@mui/utils/useId';
 import composeClasses from '@mui/utils/composeClasses';

package/components/columnHeaders/GridColumnHeaderFilterIconButton.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';

package/components/columnHeaders/GridColumnHeaderItem.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/components/columnHeaders/GridColumnHeaderSeparator.d.mts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare enum GridColumnHeaderSeparatorSides {
   Left = "left",
-  Right = "right",
+  Right = "right"
 }
 export interface GridColumnHeaderSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
   resizable: boolean;

package/components/columnHeaders/GridColumnHeaderSeparator.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 declare enum GridColumnHeaderSeparatorSides {
   Left = "left",
-  Right = "right",
+  Right = "right"
 }
 export interface GridColumnHeaderSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
   resizable: boolean;

package/components/columnHeaders/GridColumnHeaderSeparator.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["resizable", "resizing", "height", "side"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/columnHeaders/GridColumnHeaderSortIcon.js CHANGED Viewed

@@ -28,18 +28,35 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.propTypes /*
   // ----------------------------------------------------------------------
   className: _propTypes.default.string,
   color: _propTypes.default.oneOf(['default', 'inherit', 'primary']),
+  /**
+   * The component used for the root node. Either a string to use an HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
   direction: _propTypes.default.oneOf(['asc', 'desc']),
   disabled: _propTypes.default.bool,
   edge: _propTypes.default.oneOf(['end', 'start', false]),
   field: _propTypes.default.string.isRequired,
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: _propTypes.default.string,
   id: _propTypes.default.string,
   index: _propTypes.default.number,
   label: _propTypes.default.string,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: _propTypes.default.string,
   role: _propTypes.default.string,
   size: _propTypes.default.oneOf(['large', 'medium', 'small']),
   sortingOrder: _propTypes.default.arrayOf(_propTypes.default.oneOf(['asc', 'desc'])).isRequired,
   style: _propTypes.default.object,
   tabIndex: _propTypes.default.number,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: _propTypes.default.string,
   title: _propTypes.default.string,
   touchRippleRef: _propTypes.default.any
 } : void 0;

package/components/columnHeaders/GridColumnHeaderSortIcon.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GridIconButtonContainer } from "./GridIconButtonContainer.mjs";
@@ -20,18 +20,35 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaderSortIconRaw.propTypes /*
   // ----------------------------------------------------------------------
   className: PropTypes.string,
   color: PropTypes.oneOf(['default', 'inherit', 'primary']),
+  /**
+   * The component used for the root node. Either a string to use an HTML element or a component.
+   */
+  component: PropTypes.elementType,
   direction: PropTypes.oneOf(['asc', 'desc']),
   disabled: PropTypes.bool,
   edge: PropTypes.oneOf(['end', 'start', false]),
   field: PropTypes.string.isRequired,
+  /**
+   * The URL to link to. If set, and `component` is not set, the component renders as an anchor tag.
+   */
+  href: PropTypes.string,
   id: PropTypes.string,
   index: PropTypes.number,
   label: PropTypes.string,
+  /**
+   * The relationship of the linked URL.
+   * Set it to `noopener noreferrer` when `target` is set to `_blank` to avoid a security issue.
+   */
+  rel: PropTypes.string,
   role: PropTypes.string,
   size: PropTypes.oneOf(['large', 'medium', 'small']),
   sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])).isRequired,
   style: PropTypes.object,
   tabIndex: PropTypes.number,
+  /**
+   * Where to display the linked URL, as the name for a browsing context.
+   */
+  target: PropTypes.string,
   title: PropTypes.string,
   touchRippleRef: PropTypes.any
 } : void 0;

package/components/columnHeaders/GridColumnHeaderTitle.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "aria-label"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/columnHeaders/GridGenericColumnHeaderItem.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["classes", "columnMenuOpen", "colIndex", "height", "isResizing", "sortDirection", "hasFocus", "tabIndex", "separatorSide", "isDraggable", "headerComponent", "description", "elementId", "width", "columnMenuIconButton", "columnMenu", "columnTitleIconButtons", "adornment", "headerClassName", "label", "resizable", "draggableContainerProps", "columnHeaderSeparatorProps", "style"];
 import * as React from 'react';
 import clsx from 'clsx';

package/components/columnHeaders/GridIconButtonContainer.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';

package/components/columnSelection/GridCellCheckboxRenderer.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["field", "id", "formattedValue", "row", "rowNode", "colDef", "isEditable", "cellMode", "hasFocus", "tabIndex", "api"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/columnSelection/GridHeaderCheckbox.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["field", "colDef"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/components/columnSelection/GridRowCheckbox.js CHANGED Viewed

@@ -22,9 +22,7 @@ const GridRowCheckbox = exports.GridRowCheckbox = (0, _forwardRef.forwardRef)(fu
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseCheckbox, (0, _extends2.default)({}, rootProps.slotProps?.baseCheckbox, other, {
-    material: (0, _extends2.default)({
-      disableRipple: props.disabled
-    }, material),
+    material: material,
     ref: ref
   }));
 });