@mui/x-data-grid 8.0.0-beta.3 → 8.0.0

package/modern/components/toolbar/GridToolbarDensitySelector.js

@@ -1,126 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { gridDensitySelector } from "../../hooks/features/density/densitySelector.js";
-import { isHideMenuKey } from "../../utils/keyboardUtils.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { GridMenu } from "../menu/GridMenu.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { gridClasses } from "../../constants/gridClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelector(props, ref) {
-  const {
-    slotProps = {}
-  } = props;
-  const buttonProps = slotProps.button || {};
-  const tooltipProps = slotProps.tooltip || {};
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const density = useGridSelector(apiRef, gridDensitySelector);
-  const densityButtonId = useId();
-  const densityMenuId = useId();
-  const [open, setOpen] = React.useState(false);
-  const buttonRef = React.useRef(null);
-  const handleRef = useForkRef(ref, buttonRef);
-  const densityOptions = [{
-    icon: /*#__PURE__*/_jsx(rootProps.slots.densityCompactIcon, {}),
-    label: apiRef.current.getLocaleText('toolbarDensityCompact'),
-    value: 'compact'
-  }, {
-    icon: /*#__PURE__*/_jsx(rootProps.slots.densityStandardIcon, {}),
-    label: apiRef.current.getLocaleText('toolbarDensityStandard'),
-    value: 'standard'
-  }, {
-    icon: /*#__PURE__*/_jsx(rootProps.slots.densityComfortableIcon, {}),
-    label: apiRef.current.getLocaleText('toolbarDensityComfortable'),
-    value: 'comfortable'
-  }];
-  const startIcon = React.useMemo(() => {
-    switch (density) {
-      case 'compact':
-        return /*#__PURE__*/_jsx(rootProps.slots.densityCompactIcon, {});
-      case 'comfortable':
-        return /*#__PURE__*/_jsx(rootProps.slots.densityComfortableIcon, {});
-      default:
-        return /*#__PURE__*/_jsx(rootProps.slots.densityStandardIcon, {});
-    }
-  }, [density, rootProps]);
-  const handleDensitySelectorOpen = event => {
-    setOpen(prevOpen => !prevOpen);
-    buttonProps.onClick?.(event);
-  };
-  const handleDensitySelectorClose = () => {
-    setOpen(false);
-  };
-  const handleDensityUpdate = newDensity => {
-    apiRef.current.setDensity(newDensity);
-    setOpen(false);
-  };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      setOpen(false);
-    }
-  };
-
-  // Disable the button if the corresponding is disabled
-  if (rootProps.disableDensitySelector) {
-    return null;
-  }
-  const densityElements = densityOptions.map((option, index) => /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-    onClick: () => handleDensityUpdate(option.value),
-    selected: option.value === density,
-    iconStart: option.icon,
-    children: option.label
-  }, index));
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
-      title: apiRef.current.getLocaleText('toolbarDensityLabel'),
-      enterDelay: 1000
-    }, rootProps.slotProps?.baseTooltip, tooltipProps, {
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-        size: "small",
-        startIcon: startIcon,
-        "aria-label": apiRef.current.getLocaleText('toolbarDensityLabel'),
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        "aria-controls": open ? densityMenuId : undefined,
-        id: densityButtonId
-      }, rootProps.slotProps?.baseButton, buttonProps, {
-        onClick: handleDensitySelectorOpen,
-        ref: handleRef,
-        children: apiRef.current.getLocaleText('toolbarDensity')
-      }))
-    })), /*#__PURE__*/_jsx(GridMenu, {
-      open: open,
-      target: buttonRef.current,
-      onClose: handleDensitySelectorClose,
-      position: "bottom-end",
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseMenuList, {
-        id: densityMenuId,
-        className: gridClasses.menuList,
-        "aria-labelledby": densityButtonId,
-        onKeyDown: handleListKeyDown,
-        autoFocusItem: open,
-        children: densityElements
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarDensitySelector };

package/modern/components/toolbar/GridToolbarExport.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
-import { GridCsvExportOptions, GridPrintExportOptions } from "../../models/gridExport.js";
-export interface GridExportDisplayOptions {
-  /**
-   * If `true`, this export option will be removed from the GridToolbarExport menu.
-   * @default false
-   */
-  disableToolbarButton?: boolean;
-}
-export interface GridExportMenuItemProps<Options extends {}> {
-  hideMenu?: () => void;
-  options?: Options & GridExportDisplayOptions;
-}
-export type GridCsvExportMenuItemProps = GridExportMenuItemProps<GridCsvExportOptions>;
-export type GridPrintExportMenuItemProps = GridExportMenuItemProps<GridPrintExportOptions>;
-export interface GridToolbarExportProps {
-  csvOptions?: GridCsvExportOptions & GridExportDisplayOptions;
-  printOptions?: GridPrintExportOptions & GridExportDisplayOptions;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps?: {
-    button?: Partial<GridSlotProps['baseButton']>;
-    tooltip?: Partial<GridSlotProps['baseTooltip']>;
-  };
-  [x: `data-${string}`]: string;
-}
-declare function GridCsvExportMenuItem(props: GridCsvExportMenuItemProps): React.JSX.Element;
-declare namespace GridCsvExportMenuItem {
-  var propTypes: any;
-}
-declare function GridPrintExportMenuItem(props: GridPrintExportMenuItemProps): React.JSX.Element;
-declare namespace GridPrintExportMenuItem {
-  var propTypes: any;
-}
-declare const GridToolbarExport: React.ForwardRefExoticComponent<GridToolbarExportProps> | React.ForwardRefExoticComponent<GridToolbarExportProps & React.RefAttributes<HTMLButtonElement>>;
-export { GridToolbarExport, GridCsvExportMenuItem, GridPrintExportMenuItem };

package/modern/components/toolbar/GridToolbarExport.js

@@ -1,124 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["hideMenu", "options"],
-  _excluded2 = ["hideMenu", "options"],
-  _excluded3 = ["csvOptions", "printOptions", "excelOptions"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { GridToolbarExportContainer } from "./GridToolbarExportContainer.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridCsvExportMenuItem(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const {
-      hideMenu,
-      options
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({
-    onClick: () => {
-      apiRef.current.exportDataAsCsv(options);
-      hideMenu?.();
-    }
-  }, other, {
-    children: apiRef.current.getLocaleText('toolbarExportCSV')
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridCsvExportMenuItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  hideMenu: PropTypes.func,
-  options: PropTypes.shape({
-    allColumns: PropTypes.bool,
-    delimiter: PropTypes.string,
-    disableToolbarButton: PropTypes.bool,
-    escapeFormulas: PropTypes.bool,
-    fields: PropTypes.arrayOf(PropTypes.string),
-    fileName: PropTypes.string,
-    getRowsToExport: PropTypes.func,
-    includeColumnGroupsHeaders: PropTypes.bool,
-    includeHeaders: PropTypes.bool,
-    shouldAppendQuotes: PropTypes.bool,
-    utf8WithBom: PropTypes.bool
-  })
-} : void 0;
-function GridPrintExportMenuItem(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const {
-      hideMenu,
-      options
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, _extends({
-    onClick: () => {
-      apiRef.current.exportDataAsPrint(options);
-      hideMenu?.();
-    }
-  }, other, {
-    children: apiRef.current.getLocaleText('toolbarExportPrint')
-  }));
-}
-process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  hideMenu: PropTypes.func,
-  options: PropTypes.shape({
-    allColumns: PropTypes.bool,
-    bodyClassName: PropTypes.string,
-    copyStyles: PropTypes.bool,
-    disableToolbarButton: PropTypes.bool,
-    fields: PropTypes.arrayOf(PropTypes.string),
-    fileName: PropTypes.string,
-    getRowsToExport: PropTypes.func,
-    hideFooter: PropTypes.bool,
-    hideToolbar: PropTypes.bool,
-    includeCheckboxes: PropTypes.bool,
-    pageStyle: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
-  })
-} : void 0;
-const GridToolbarExport = forwardRef(function GridToolbarExport(props, ref) {
-  const _ref = props,
-    {
-      csvOptions = {},
-      printOptions = {},
-      excelOptions
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded3);
-  const apiRef = useGridApiContext();
-  const preProcessedButtons = apiRef.current.unstable_applyPipeProcessors('exportMenu', [], {
-    excelOptions,
-    csvOptions,
-    printOptions
-  }).sort((a, b) => a.componentName > b.componentName ? 1 : -1);
-  if (preProcessedButtons.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridToolbarExportContainer, _extends({}, other, {
-    ref: ref,
-    children: preProcessedButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button.component, {
-      key: index
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  csvOptions: PropTypes.object,
-  printOptions: PropTypes.object,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarExport, GridCsvExportMenuItem, GridPrintExportMenuItem };

package/modern/components/toolbar/GridToolbarExportContainer.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
-interface GridToolbarExportContainerProps {
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps?: {
-    button?: Partial<GridSlotProps['baseButton']>;
-    tooltip?: Partial<GridSlotProps['baseTooltip']>;
-  };
-}
-declare const GridToolbarExportContainer: React.ForwardRefExoticComponent<React.PropsWithChildren<GridToolbarExportContainerProps>> | React.ForwardRefExoticComponent<GridToolbarExportContainerProps & {
-  children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { GridToolbarExportContainer };

package/modern/components/toolbar/GridToolbarExportContainer.js

@@ -1,94 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { isHideMenuKey } from "../../utils/keyboardUtils.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { GridMenu } from "../menu/GridMenu.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { gridClasses } from "../../constants/gridClasses.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridToolbarExportContainer = forwardRef(function GridToolbarExportContainer(props, ref) {
-  const {
-    children,
-    slotProps = {}
-  } = props;
-  const buttonProps = slotProps.button || {};
-  const tooltipProps = slotProps.tooltip || {};
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const exportButtonId = useId();
-  const exportMenuId = useId();
-  const [open, setOpen] = React.useState(false);
-  const buttonRef = React.useRef(null);
-  const handleRef = useForkRef(ref, buttonRef);
-  const handleMenuOpen = event => {
-    setOpen(prevOpen => !prevOpen);
-    buttonProps.onClick?.(event);
-  };
-  const handleMenuClose = () => setOpen(false);
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      handleMenuClose();
-    }
-  };
-  if (children == null) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
-      title: apiRef.current.getLocaleText('toolbarExportLabel'),
-      enterDelay: 1000
-    }, rootProps.slotProps?.baseTooltip, tooltipProps, {
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-        size: "small",
-        startIcon: /*#__PURE__*/_jsx(rootProps.slots.exportIcon, {}),
-        "aria-expanded": open,
-        "aria-label": apiRef.current.getLocaleText('toolbarExportLabel'),
-        "aria-haspopup": "menu",
-        "aria-controls": open ? exportMenuId : undefined,
-        id: exportButtonId
-      }, rootProps.slotProps?.baseButton, buttonProps, {
-        onClick: handleMenuOpen,
-        ref: handleRef,
-        children: apiRef.current.getLocaleText('toolbarExport')
-      }))
-    })), /*#__PURE__*/_jsx(GridMenu, {
-      open: open,
-      target: buttonRef.current,
-      onClose: handleMenuClose,
-      position: "bottom-end",
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseMenuList, {
-        id: exportMenuId,
-        className: gridClasses.menuList,
-        "aria-labelledby": exportButtonId,
-        onKeyDown: handleListKeyDown,
-        autoFocusItem: open,
-        children: React.Children.map(children, child => {
-          if (! /*#__PURE__*/React.isValidElement(child)) {
-            return child;
-          }
-          return /*#__PURE__*/React.cloneElement(child, {
-            hideMenu: handleMenuClose
-          });
-        })
-      })
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? GridToolbarExportContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarExportContainer };

package/modern/components/toolbar/GridToolbarFilterButton.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { GridSlotProps } from '../../models/gridSlotsComponentsProps';
-export interface GridToolbarFilterButtonProps {
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps?: {
-    button?: Partial<GridSlotProps['baseButton']>;
-    tooltip?: Partial<GridSlotProps['baseTooltip']>;
-    badge?: Partial<GridSlotProps['baseBadge']>;
-  };
-}
-declare const GridToolbarFilterButton: React.ForwardRefExoticComponent<GridToolbarFilterButtonProps> | React.ForwardRefExoticComponent<GridToolbarFilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { GridToolbarFilterButton };

package/modern/components/toolbar/GridToolbarFilterButton.js

@@ -1,142 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { styled } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize, unstable_useId as useId } from '@mui/utils';
-import useForkRef from '@mui/utils/useForkRef';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { vars } from "../../constants/cssVariables.js";
-import { gridColumnLookupSelector } from "../../hooks/features/columns/gridColumnsSelector.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { gridFilterActiveItemsSelector } from "../../hooks/features/filter/gridFilterSelector.js";
-import { gridPreferencePanelStateSelector } from "../../hooks/features/preferencesPanel/gridPreferencePanelSelector.js";
-import { GridPreferencePanelsValue } from "../../hooks/features/preferencesPanel/gridPreferencePanelsValue.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { useGridPreferencePanelContext } from "../panel/GridPreferencePanelContext.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['toolbarFilterList']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridToolbarFilterListRoot = styled('ul', {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarFilterList',
-  overridesResolver: (_props, styles) => styles.toolbarFilterList
-})({
-  margin: vars.spacing(1, 1, 0.5),
-  padding: vars.spacing(0, 1)
-});
-const GridToolbarFilterButton = forwardRef(function GridToolbarFilterButton(props, ref) {
-  const {
-    slotProps = {}
-  } = props;
-  const buttonProps = slotProps.button || {};
-  const tooltipProps = slotProps.tooltip || {};
-  const badgeProps = slotProps.badge || {};
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const activeFilters = useGridSelector(apiRef, gridFilterActiveItemsSelector);
-  const lookup = useGridSelector(apiRef, gridColumnLookupSelector);
-  const preferencePanel = useGridSelector(apiRef, gridPreferencePanelStateSelector);
-  const classes = useUtilityClasses(rootProps);
-  const filterButtonId = useId();
-  const filterPanelId = useId();
-  const {
-    filterPanelTriggerRef
-  } = useGridPreferencePanelContext();
-  const handleRef = useForkRef(ref, filterPanelTriggerRef);
-  const tooltipContentNode = React.useMemo(() => {
-    if (preferencePanel.open) {
-      return apiRef.current.getLocaleText('toolbarFiltersTooltipHide');
-    }
-    if (activeFilters.length === 0) {
-      return apiRef.current.getLocaleText('toolbarFiltersTooltipShow');
-    }
-    const getOperatorLabel = item => lookup[item.field].filterOperators.find(operator => operator.value === item.operator).label || apiRef.current.getLocaleText(`filterOperator${capitalize(item.operator)}`).toString();
-    const getFilterItemValue = item => {
-      const {
-        getValueAsString
-      } = lookup[item.field].filterOperators.find(operator => operator.value === item.operator);
-      return getValueAsString ? getValueAsString(item.value) : item.value;
-    };
-    return /*#__PURE__*/_jsxs("div", {
-      children: [apiRef.current.getLocaleText('toolbarFiltersTooltipActive')(activeFilters.length), /*#__PURE__*/_jsx(GridToolbarFilterListRoot, {
-        className: classes.root,
-        ownerState: rootProps,
-        children: activeFilters.map((item, index) => _extends({}, lookup[item.field] && /*#__PURE__*/_jsx("li", {
-          children: `${lookup[item.field].headerName || item.field}
-                  ${getOperatorLabel(item)}
-                  ${
-          // implicit check for null and undefined
-          item.value != null ? getFilterItemValue(item) : ''}`
-        }, index)))
-      })]
-    });
-  }, [apiRef, rootProps, preferencePanel.open, activeFilters, lookup, classes]);
-  const toggleFilter = event => {
-    const {
-      open,
-      openedPanelValue
-    } = preferencePanel;
-    if (open && openedPanelValue === GridPreferencePanelsValue.filters) {
-      apiRef.current.hidePreferences();
-    } else {
-      apiRef.current.showPreferences(GridPreferencePanelsValue.filters, filterPanelId, filterButtonId);
-    }
-    buttonProps.onClick?.(event);
-  };
-
-  // Disable the button if the corresponding is disabled
-  if (rootProps.disableColumnFilter) {
-    return null;
-  }
-  const isOpen = preferencePanel.open && preferencePanel.panelId === filterPanelId;
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, _extends({
-    title: tooltipContentNode,
-    enterDelay: 1000
-  }, rootProps.slotProps?.baseTooltip, tooltipProps, {
-    children: /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
-      id: filterButtonId,
-      size: "small",
-      "aria-label": apiRef.current.getLocaleText('toolbarFiltersLabel'),
-      "aria-controls": isOpen ? filterPanelId : undefined,
-      "aria-expanded": isOpen,
-      "aria-haspopup": true,
-      startIcon: /*#__PURE__*/_jsx(rootProps.slots.baseBadge, _extends({
-        badgeContent: activeFilters.length,
-        color: "primary"
-      }, rootProps.slotProps?.baseBadge, badgeProps, {
-        children: /*#__PURE__*/_jsx(rootProps.slots.openFilterButtonIcon, {})
-      }))
-    }, rootProps.slotProps?.baseButton, buttonProps, {
-      onClick: toggleFilter,
-      onPointerUp: event => {
-        if (preferencePanel.open) {
-          event.stopPropagation();
-        }
-        buttonProps.onPointerUp?.(event);
-      },
-      ref: handleRef,
-      children: apiRef.current.getLocaleText('toolbarFilters')
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.object
-} : void 0;
-export { GridToolbarFilterButton };

package/modern/components/toolbar/GridToolbarQuickFilter.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { TextFieldProps } from "../../models/gridBaseSlots.js";
-import { GridFilterModel } from "../../models/gridFilterModel.js";
-export type GridToolbarQuickFilterProps = {
-  className?: string;
-  /**
-   * Function responsible for parsing text input in an array of independent values for quick filtering.
-   * @param {string} input The value entered by the user
-   * @returns {any[]} The array of value on which quick filter is applied
-   * @default (searchText: string) => searchText
-   *   .split(' ')
-   *   .filter((word) => word !== '')
-   */
-  quickFilterParser?: (input: string) => any[];
-  /**
-   * Function responsible for formatting values of quick filter in a string when the model is modified
-   * @param {any[]} values The new values passed to the quick filter model
-   * @returns {string} The string to display in the text field
-   * @default (values: string[]) => values.join(' ')
-   */
-  quickFilterFormatter?: (values: NonNullable<GridFilterModel['quickFilterValues']>) => string;
-  /**
-   * The debounce time in milliseconds.
-   * @default 150
-   */
-  debounceMs?: number;
-  slotProps?: {
-    root: TextFieldProps;
-  };
-};
-declare function GridToolbarQuickFilter(props: GridToolbarQuickFilterProps): React.JSX.Element;
-declare namespace GridToolbarQuickFilter {
-  var propTypes: any;
-}
-/**
- * Demos:
- * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
- * - [Filtering - quick filter](https://mui.com/x/react-data-grid/filtering/quick-filter/)
- *
- * API:
- * - [GridToolbarQuickFilter API](https://mui.com/x/api/data-grid/grid-toolbar-quick-filter/)
- */
-export { GridToolbarQuickFilter };