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

package/modern/components/quickFilter/QuickFilterClear.js

@@ -1,173 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "className", "onClick"];
-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 { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { useQuickFilterContext } from "./QuickFilterContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that resets the filter value.
- * It renders the `baseIconButton` slot.
- *
- * Demos:
- *
- * - [Quick Filter](https://mui.com/x/react-data-grid/components/quick-filter/)
- *
- * API:
- *
- * - [QuickFilterClear API](https://mui.com/x/api/data-grid/quick-filter-clear/)
- */
-const QuickFilterClear = forwardRef(function QuickFilterClear(props, ref) {
-  const {
-      render,
-      className,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const {
-    state,
-    clearValue
-  } = useQuickFilterContext();
-  const resolvedClassName = typeof className === 'function' ? className(state) : className;
-  const handleClick = event => {
-    clearValue();
-    onClick?.(event);
-  };
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends({}, rootProps.slotProps?.baseIconButton, {
-    className: resolvedClassName,
-    tabIndex: -1
-  }, other, {
-    onClick: handleClick,
-    ref
-  }), state);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      focusVisible: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   */
-  color: PropTypes.oneOf(['default', 'inherit', 'primary']),
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: PropTypes.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: PropTypes.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: PropTypes.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   */
-  edge: PropTypes.oneOf(['end', 'start', false]),
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: PropTypes.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: PropTypes.string,
-  label: PropTypes.string,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: PropTypes.elementType,
-  /**
-   * If `true`, the loading indicator is visible and the button is disabled.
-   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
-   * @default null
-   */
-  loading: PropTypes.bool,
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default, it renders a `CircularProgress` that is labeled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
-   */
-  loadingIndicator: PropTypes.node,
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: PropTypes.func,
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   */
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  tabIndex: PropTypes.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: PropTypes.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: PropTypes.any
-} : void 0;
-export { QuickFilterClear };

package/modern/components/quickFilter/QuickFilterContext.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export interface QuickFilterState {
-  value: string;
-  expanded: boolean;
-}
-export interface QuickFilterContextValue {
-  state: QuickFilterState;
-  controlId: string | undefined;
-  controlRef: React.RefObject<HTMLInputElement | null>;
-  triggerRef: React.RefObject<HTMLButtonElement | null>;
-  clearValue: () => void;
-  onValueChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-  onExpandedChange: (expanded: boolean) => void;
-}
-export declare const QuickFilterContext: React.Context<QuickFilterContextValue | undefined>;
-export declare function useQuickFilterContext(): QuickFilterContextValue;

package/modern/components/quickFilter/QuickFilterContext.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export const QuickFilterContext = /*#__PURE__*/React.createContext(undefined);
-export function useQuickFilterContext() {
-  const context = React.useContext(QuickFilterContext);
-  if (context === undefined) {
-    throw new Error('MUI X: Missing context. Quick Filter subcomponents must be placed within a <QuickFilter /> component.');
-  }
-  return context;
-}

package/modern/components/quickFilter/QuickFilterControl.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
-import { QuickFilterState } from "./QuickFilterContext.js";
-export type QuickFilterControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseTextField'], QuickFilterState>;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  className?: string | ((state: QuickFilterState) => string);
-};
-/**
- * A component that takes user input and filters row data.
- * It renders the `baseTextField` slot.
- *
- * Demos:
- *
- * - [Quick Filter](https://mui.com/x/react-data-grid/components/quick-filter/)
- *
- * API:
- *
- * - [QuickFilterControl API](https://mui.com/x/api/data-grid/quick-filter-control/)
- */
-declare const QuickFilterControl: React.ForwardRefExoticComponent<QuickFilterControlProps> | React.ForwardRefExoticComponent<Omit<QuickFilterControlProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export { QuickFilterControl };

package/modern/components/quickFilter/QuickFilterControl.js

@@ -1,123 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "className", "slotProps", "onKeyDown", "onChange"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { useQuickFilterContext } from "./QuickFilterContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A component that takes user input and filters row data.
- * It renders the `baseTextField` slot.
- *
- * Demos:
- *
- * - [Quick Filter](https://mui.com/x/react-data-grid/components/quick-filter/)
- *
- * API:
- *
- * - [QuickFilterControl API](https://mui.com/x/api/data-grid/quick-filter-control/)
- */
-const QuickFilterControl = forwardRef(function QuickFilterControl(props, ref) {
-  const {
-      render,
-      className,
-      slotProps,
-      onKeyDown,
-      onChange
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const {
-    state,
-    controlId,
-    controlRef,
-    onValueChange,
-    onExpandedChange,
-    clearValue
-  } = useQuickFilterContext();
-  const resolvedClassName = typeof className === 'function' ? className(state) : className;
-  const handleRef = useForkRef(controlRef, ref);
-  const handleKeyDown = event => {
-    if (event.key === 'Escape') {
-      if (state.value === '') {
-        onExpandedChange(false);
-      } else {
-        clearValue();
-      }
-    }
-    onKeyDown?.(event);
-  };
-  const handleBlur = event => {
-    if (state.value === '') {
-      onExpandedChange(false);
-    }
-    slotProps?.htmlInput?.onBlur?.(event);
-  };
-  const handleChange = event => {
-    if (!state.expanded) {
-      onExpandedChange(true);
-    }
-    onValueChange(event);
-    onChange?.(event);
-  };
-  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends({}, rootProps.slotProps?.baseTextField, {
-    slotProps: _extends({
-      htmlInput: _extends({
-        role: 'searchbox',
-        id: controlId,
-        tabIndex: state.expanded ? undefined : -1
-      }, slotProps?.htmlInput, {
-        onBlur: handleBlur
-      })
-    }, slotProps),
-    value: state.value,
-    className: resolvedClassName
-  }, other, {
-    onChange: handleChange,
-    onKeyDown: handleKeyDown,
-    ref: handleRef
-  }), state);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  autoComplete: PropTypes.string,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  color: PropTypes.oneOf(['error', 'primary']),
-  disabled: PropTypes.bool,
-  error: PropTypes.bool,
-  fullWidth: PropTypes.bool,
-  helperText: PropTypes.string,
-  id: PropTypes.string,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
-  label: PropTypes.node,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  placeholder: PropTypes.string,
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  role: PropTypes.string,
-  size: PropTypes.oneOf(['medium', 'small']),
-  slotProps: PropTypes.object,
-  style: PropTypes.object,
-  tabIndex: PropTypes.number,
-  type: PropTypes.oneOfType([PropTypes.oneOf(['button', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']), PropTypes.object]),
-  value: PropTypes.string
-} : void 0;
-export { QuickFilterControl };

package/modern/components/quickFilter/QuickFilterTrigger.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { RenderProp } from "../../hooks/utils/useGridComponentRenderer.js";
-import type { GridSlotProps } from '../../models';
-import { QuickFilterState } from "./QuickFilterContext.js";
-export type QuickFilterTriggerProps = Omit<GridSlotProps['baseButton'], 'className'> & {
-  /**
-   * A function to customize rendering of the component.
-   */
-  render?: RenderProp<GridSlotProps['baseButton'], QuickFilterState>;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  className?: string | ((state: QuickFilterState) => string);
-};
-/**
- * A button that expands/collapses the quick filter.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Quick Filter](https://mui.com/x/react-data-grid/components/quick-filter/)
- *
- * API:
- *
- * - [QuickFilterTrigger API](https://mui.com/x/api/data-grid/quick-filter-trigger/)
- */
-declare const QuickFilterTrigger: React.ForwardRefExoticComponent<QuickFilterTriggerProps> | React.ForwardRefExoticComponent<Omit<QuickFilterTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { QuickFilterTrigger };

package/modern/components/quickFilter/QuickFilterTrigger.js

@@ -1,204 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "className", "onClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { unstable_useForkRef as useForkRef } from '@mui/utils';
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { useGridComponentRenderer } from "../../hooks/utils/useGridComponentRenderer.js";
-import { useQuickFilterContext } from "./QuickFilterContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that expands/collapses the quick filter.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Quick Filter](https://mui.com/x/react-data-grid/components/quick-filter/)
- *
- * API:
- *
- * - [QuickFilterTrigger API](https://mui.com/x/api/data-grid/quick-filter-trigger/)
- */
-const QuickFilterTrigger = forwardRef(function QuickFilterTrigger(props, ref) {
-  const {
-      render,
-      className,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const {
-    state,
-    controlId,
-    onExpandedChange,
-    triggerRef
-  } = useQuickFilterContext();
-  const resolvedClassName = typeof className === 'function' ? className(state) : className;
-  const handleRef = useForkRef(triggerRef, ref);
-  const handleClick = event => {
-    onExpandedChange(!state.expanded);
-    onClick?.(event);
-  };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends({}, rootProps.slotProps?.baseButton, {
-    className: resolvedClassName,
-    'aria-controls': controlId,
-    'aria-expanded': state.expanded
-  }, other, {
-    onClick: handleClick,
-    ref: handleRef
-  }), state);
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-process.env.NODE_ENV !== "production" ? QuickFilterTrigger.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      focusVisible: PropTypes.func.isRequired
-    })
-  })]),
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: PropTypes.oneOf(['error', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']),
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the component is disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: PropTypes.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: PropTypes.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: PropTypes.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: PropTypes.bool,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: PropTypes.node,
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: PropTypes.bool,
-  /**
-   * This prop can help identify which element has keyboard focus.
-   * The class name will be applied when the element gains the focus through keyboard interaction.
-   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
-   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
-   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
-   * if needed.
-   */
-  focusVisibleClassName: PropTypes.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: PropTypes.string,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: PropTypes.elementType,
-  /**
-   * If `true`, the loading indicator is visible and the button is disabled.
-   * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
-   * @default null
-   */
-  loading: PropTypes.bool,
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default, it renders a `CircularProgress` that is labeled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
-   */
-  loadingIndicator: PropTypes.node,
-  /**
-   * The loading indicator can be positioned on the start, end, or the center of the button.
-   * @default 'center'
-   */
-  loadingPosition: PropTypes.oneOf(['center', 'end', 'start']),
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: PropTypes.func,
-  /**
-   * A function to customize rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   */
-  size: PropTypes.oneOf(['large', 'medium', 'small']),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: PropTypes.node,
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  tabIndex: PropTypes.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: PropTypes.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: PropTypes.any,
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
-} : void 0;
-export { QuickFilterTrigger };

package/modern/components/quickFilter/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./QuickFilter.js";
-export * from "./QuickFilterControl.js";
-export * from "./QuickFilterClear.js";
-export * from "./QuickFilterTrigger.js";

package/modern/components/quickFilter/index.js

@@ -1,4 +0,0 @@
-export * from "./QuickFilter.js";
-export * from "./QuickFilterControl.js";
-export * from "./QuickFilterClear.js";
-export * from "./QuickFilterTrigger.js";

package/modern/components/reexportable.d.ts

@@ -1 +0,0 @@
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./menu/columnMenu/GridColumnMenu.js";

package/modern/components/reexportable.js

@@ -1 +0,0 @@
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./menu/columnMenu/GridColumnMenu.js";

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
-import { GridToolbarExportProps } from "./GridToolbarExport.js";
-import { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
-export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbarExportProps {
-  /**
-   * Show the quick filter component.
-   * @default true
-   */
-  showQuickFilter?: boolean;
-  /**
-   * Props passed to the quick filter component.
-   */
-  quickFilterProps?: GridToolbarQuickFilterProps;
-}
-declare const GridToolbar: React.ForwardRefExoticComponent<GridToolbarProps> | React.ForwardRefExoticComponent<GridToolbarProps & React.RefAttributes<HTMLDivElement>>;
-export { GridToolbar };