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

package/modern/components/panel/filterPanel/GridFilterForm.js

@@ -1,466 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges", "showMultiFilterOperators", "disableMultiFilterOperator", "applyMultiFilterOperatorChanges", "focusElementRef", "logicOperators", "columnsSort", "filterColumns", "deleteIconProps", "logicOperatorInputProps", "operatorInputProps", "columnInputProps", "valueInputProps", "readOnly", "children"],
-  _excluded2 = ["InputComponentProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, unstable_useId as useId, unstable_capitalize as capitalize } from '@mui/utils';
-import { styled } from '@mui/material/styles';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { vars } from "../../../constants/cssVariables.js";
-import { gridFilterableColumnDefinitionsSelector, gridColumnLookupSelector } from "../../../hooks/features/columns/gridColumnsSelector.js";
-import { gridFilterModelSelector } from "../../../hooks/features/filter/gridFilterSelector.js";
-import { useGridSelector } from "../../../hooks/utils/useGridSelector.js";
-import { GridLogicOperator } from "../../../models/gridFilterItem.js";
-import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
-import { getDataGridUtilityClass } from "../../../constants/gridClasses.js";
-import { getValueFromValueOptions, getValueOptions } from "./filterPanelUtils.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['filterForm'],
-    deleteIcon: ['filterFormDeleteIcon'],
-    logicOperatorInput: ['filterFormLogicOperatorInput'],
-    columnInput: ['filterFormColumnInput'],
-    operatorInput: ['filterFormOperatorInput'],
-    valueInput: ['filterFormValueInput']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridFilterFormRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FilterForm',
-  overridesResolver: (props, styles) => styles.filterForm
-})({
-  display: 'flex',
-  gap: vars.spacing(1.5)
-});
-const FilterFormDeleteIcon = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FilterFormDeleteIcon',
-  overridesResolver: (_, styles) => styles.filterFormDeleteIcon
-})({
-  flexShrink: 0,
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const FilterFormLogicOperatorInput = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FilterFormLogicOperatorInput',
-  overridesResolver: (_, styles) => styles.filterFormLogicOperatorInput
-})({
-  minWidth: 75,
-  justifyContent: 'end'
-});
-const FilterFormColumnInput = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FilterFormColumnInput',
-  overridesResolver: (_, styles) => styles.filterFormColumnInput
-})({
-  width: 150
-});
-const FilterFormOperatorInput = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FilterFormOperatorInput',
-  overridesResolver: (_, styles) => styles.filterFormOperatorInput
-})({
-  width: 150
-});
-const FilterFormValueInput = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'FilterFormValueInput',
-  overridesResolver: (_, styles) => styles.filterFormValueInput
-})({
-  width: 190
-});
-const getLogicOperatorLocaleKey = logicOperator => {
-  switch (logicOperator) {
-    case GridLogicOperator.And:
-      return 'filterPanelOperatorAnd';
-    case GridLogicOperator.Or:
-      return 'filterPanelOperatorOr';
-    default:
-      throw new Error('MUI X: Invalid `logicOperator` property in the `GridFilterPanel`.');
-  }
-};
-const getColumnLabel = col => col.headerName || col.field;
-const collator = new Intl.Collator();
-const GridFilterForm = forwardRef(function GridFilterForm(props, ref) {
-  const {
-      item,
-      hasMultipleFilters,
-      deleteFilter,
-      applyFilterChanges,
-      showMultiFilterOperators,
-      disableMultiFilterOperator,
-      applyMultiFilterOperatorChanges,
-      focusElementRef,
-      logicOperators = [GridLogicOperator.And, GridLogicOperator.Or],
-      columnsSort,
-      filterColumns,
-      deleteIconProps = {},
-      logicOperatorInputProps = {},
-      operatorInputProps = {},
-      columnInputProps = {},
-      valueInputProps = {},
-      readOnly
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridApiContext();
-  const columnLookup = useGridSelector(apiRef, gridColumnLookupSelector);
-  const filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);
-  const filterModel = useGridSelector(apiRef, gridFilterModelSelector);
-  const columnSelectId = useId();
-  const columnSelectLabelId = useId();
-  const operatorSelectId = useId();
-  const operatorSelectLabelId = useId();
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  const valueRef = React.useRef(null);
-  const filterSelectorRef = React.useRef(null);
-  const multiFilterOperator = filterModel.logicOperator ?? GridLogicOperator.And;
-  const hasLogicOperatorColumn = hasMultipleFilters && logicOperators.length > 0;
-  const baseSelectProps = rootProps.slotProps?.baseSelect || {};
-  const isBaseSelectNative = baseSelectProps.native ?? false;
-  const baseSelectOptionProps = rootProps.slotProps?.baseSelectOption || {};
-  const {
-      InputComponentProps
-    } = valueInputProps,
-    valueInputPropsOther = _objectWithoutPropertiesLoose(valueInputProps, _excluded2);
-  const {
-    filteredColumns,
-    selectedField
-  } = React.useMemo(() => {
-    let itemField = item.field;
-
-    // Yields a valid value if the current filter belongs to a column that is not filterable
-    const selectedNonFilterableColumn = columnLookup[item.field].filterable === false ? columnLookup[item.field] : null;
-    if (selectedNonFilterableColumn) {
-      return {
-        filteredColumns: [selectedNonFilterableColumn],
-        selectedField: itemField
-      };
-    }
-    if (filterColumns === undefined || typeof filterColumns !== 'function') {
-      return {
-        filteredColumns: filterableColumns,
-        selectedField: itemField
-      };
-    }
-    const filteredFields = filterColumns({
-      field: item.field,
-      columns: filterableColumns,
-      currentFilters: filterModel?.items || []
-    });
-    return {
-      filteredColumns: filterableColumns.filter(column => {
-        const isFieldIncluded = filteredFields.includes(column.field);
-        if (column.field === item.field && !isFieldIncluded) {
-          itemField = undefined;
-        }
-        return isFieldIncluded;
-      }),
-      selectedField: itemField
-    };
-  }, [filterColumns, filterModel?.items, filterableColumns, item.field, columnLookup]);
-  const sortedFilteredColumns = React.useMemo(() => {
-    switch (columnsSort) {
-      case 'asc':
-        return filteredColumns.sort((a, b) => collator.compare(getColumnLabel(a), getColumnLabel(b)));
-      case 'desc':
-        return filteredColumns.sort((a, b) => -collator.compare(getColumnLabel(a), getColumnLabel(b)));
-      default:
-        return filteredColumns;
-    }
-  }, [filteredColumns, columnsSort]);
-  const currentColumn = item.field ? apiRef.current.getColumn(item.field) : null;
-  const currentOperator = React.useMemo(() => {
-    if (!item.operator || !currentColumn) {
-      return null;
-    }
-    return currentColumn.filterOperators?.find(operator => operator.value === item.operator);
-  }, [item, currentColumn]);
-  const changeColumn = React.useCallback(event => {
-    const field = event.target.value;
-    const column = apiRef.current.getColumn(field);
-    if (column.field === currentColumn.field) {
-      // column did not change
-      return;
-    }
-
-    // try to keep the same operator when column change
-    const newOperator = column.filterOperators.find(operator => operator.value === item.operator) || column.filterOperators[0];
-
-    // Erase filter value if the input component or filtered column type is modified
-    const eraseFilterValue = !newOperator.InputComponent || newOperator.InputComponent !== currentOperator?.InputComponent || column.type !== currentColumn.type;
-    let filterValue = eraseFilterValue ? undefined : item.value;
-
-    // Check filter value against the new valueOptions
-    if (column.type === 'singleSelect' && filterValue !== undefined) {
-      const colDef = column;
-      const valueOptions = getValueOptions(colDef);
-      if (Array.isArray(filterValue)) {
-        filterValue = filterValue.filter(val => {
-          return (
-            // Only keep values that are in the new value options
-            getValueFromValueOptions(val, valueOptions, colDef?.getOptionValue) !== undefined
-          );
-        });
-      } else if (getValueFromValueOptions(item.value, valueOptions, colDef?.getOptionValue) === undefined) {
-        // Reset the filter value if it is not in the new value options
-        filterValue = undefined;
-      }
-    }
-    applyFilterChanges(_extends({}, item, {
-      field,
-      operator: newOperator.value,
-      value: filterValue
-    }));
-  }, [apiRef, applyFilterChanges, item, currentColumn, currentOperator]);
-  const changeOperator = React.useCallback(event => {
-    const operator = event.target.value;
-    const newOperator = currentColumn?.filterOperators.find(op => op.value === operator);
-    const eraseItemValue = !newOperator?.InputComponent || newOperator?.InputComponent !== currentOperator?.InputComponent;
-    applyFilterChanges(_extends({}, item, {
-      operator,
-      value: eraseItemValue ? undefined : item.value
-    }));
-  }, [applyFilterChanges, item, currentColumn, currentOperator]);
-  const changeLogicOperator = React.useCallback(event => {
-    const logicOperator = event.target.value === GridLogicOperator.And.toString() ? GridLogicOperator.And : GridLogicOperator.Or;
-    applyMultiFilterOperatorChanges(logicOperator);
-  }, [applyMultiFilterOperatorChanges]);
-  const handleDeleteFilter = () => {
-    deleteFilter(item);
-  };
-  React.useImperativeHandle(focusElementRef, () => ({
-    focus: () => {
-      if (currentOperator?.InputComponent) {
-        valueRef?.current?.focus();
-      } else {
-        filterSelectorRef.current.focus();
-      }
-    }
-  }), [currentOperator]);
-  return /*#__PURE__*/_jsxs(GridFilterFormRoot, _extends({
-    className: classes.root,
-    "data-id": item.id,
-    ownerState: rootProps
-  }, other, {
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(FilterFormDeleteIcon, _extends({}, deleteIconProps, {
-      className: clsx(classes.deleteIcon, deleteIconProps.className),
-      ownerState: rootProps,
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, _extends({
-        "aria-label": apiRef.current.getLocaleText('filterPanelDeleteIconLabel'),
-        title: apiRef.current.getLocaleText('filterPanelDeleteIconLabel'),
-        onClick: handleDeleteFilter,
-        size: "small",
-        disabled: readOnly
-      }, rootProps.slotProps?.baseIconButton, {
-        children: /*#__PURE__*/_jsx(rootProps.slots.filterPanelDeleteIcon, {
-          fontSize: "small"
-        })
-      }))
-    })), /*#__PURE__*/_jsx(FilterFormLogicOperatorInput, _extends({
-      as: rootProps.slots.baseSelect,
-      sx: [hasLogicOperatorColumn ? {
-        display: 'flex'
-      } : {
-        display: 'none'
-      }, showMultiFilterOperators ? {
-        visibility: 'visible'
-      } : {
-        visibility: 'hidden'
-      }, logicOperatorInputProps.sx],
-      className: clsx(classes.logicOperatorInput, logicOperatorInputProps.className),
-      ownerState: rootProps
-    }, logicOperatorInputProps, {
-      size: "small",
-      slotProps: {
-        htmlInput: {
-          'aria-label': apiRef.current.getLocaleText('filterPanelLogicOperator')
-        }
-      },
-      value: multiFilterOperator ?? '',
-      onChange: changeLogicOperator,
-      disabled: !!disableMultiFilterOperator || logicOperators.length === 1,
-      native: isBaseSelectNative
-    }, rootProps.slotProps?.baseSelect, {
-      children: logicOperators.map(logicOperator => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isBaseSelectNative,
-        key: logicOperator.toString(),
-        value: logicOperator.toString()
-      }), apiRef.current.getLocaleText(getLogicOperatorLocaleKey(logicOperator))))
-    })), /*#__PURE__*/_jsx(FilterFormColumnInput, _extends({
-      as: rootProps.slots.baseSelect
-    }, columnInputProps, {
-      className: clsx(classes.columnInput, columnInputProps.className),
-      ownerState: rootProps,
-      size: "small",
-      labelId: columnSelectLabelId,
-      id: columnSelectId,
-      label: apiRef.current.getLocaleText('filterPanelColumns'),
-      value: selectedField ?? '',
-      onChange: changeColumn,
-      native: isBaseSelectNative,
-      disabled: readOnly
-    }, rootProps.slotProps?.baseSelect, {
-      children: sortedFilteredColumns.map(col => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isBaseSelectNative,
-        key: col.field,
-        value: col.field
-      }), getColumnLabel(col)))
-    })), /*#__PURE__*/_jsx(FilterFormOperatorInput, _extends({
-      as: rootProps.slots.baseSelect,
-      size: "small"
-    }, operatorInputProps, {
-      className: clsx(classes.operatorInput, operatorInputProps.className),
-      ownerState: rootProps,
-      labelId: operatorSelectLabelId,
-      label: apiRef.current.getLocaleText('filterPanelOperator'),
-      id: operatorSelectId,
-      value: item.operator,
-      onChange: changeOperator,
-      native: isBaseSelectNative,
-      inputRef: filterSelectorRef,
-      disabled: readOnly
-    }, rootProps.slotProps?.baseSelect, {
-      children: currentColumn?.filterOperators?.map(operator => /*#__PURE__*/_createElement(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isBaseSelectNative,
-        key: operator.value,
-        value: operator.value
-      }), operator.label || apiRef.current.getLocaleText(`filterOperator${capitalize(operator.value)}`)))
-    })), /*#__PURE__*/_jsx(FilterFormValueInput, _extends({}, valueInputPropsOther, {
-      className: clsx(classes.valueInput, valueInputPropsOther.className),
-      ownerState: rootProps,
-      children: currentOperator?.InputComponent ? /*#__PURE__*/_jsx(currentOperator.InputComponent, _extends({
-        apiRef: apiRef,
-        item: item,
-        applyValue: applyFilterChanges,
-        focusElementRef: valueRef,
-        disabled: readOnly,
-        slotProps: {
-          root: {
-            size: 'small'
-          }
-        }
-      }, currentOperator.InputComponentProps, InputComponentProps), item.field) : null
-    }))]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback called when the operator, column field or value is changed.
-   * @param {GridFilterItem} item The updated [[GridFilterItem]].
-   */
-  applyFilterChanges: PropTypes.func.isRequired,
-  /**
-   * Callback called when the logic operator is changed.
-   * @param {GridLogicOperator} operator The new logic operator.
-   */
-  applyMultiFilterOperatorChanges: PropTypes.func.isRequired,
-  /**
-   * @ignore - do not document.
-   */
-  children: PropTypes.node,
-  /**
-   * Props passed to the column input component.
-   * @default {}
-   */
-  columnInputProps: PropTypes.any,
-  /**
-   * Changes how the options in the columns selector should be ordered.
-   * If not specified, the order is derived from the `columns` prop.
-   */
-  columnsSort: PropTypes.oneOf(['asc', 'desc']),
-  /**
-   * Callback called when the delete button is clicked.
-   * @param {GridFilterItem} item The deleted [[GridFilterItem]].
-   */
-  deleteFilter: PropTypes.func.isRequired,
-  /**
-   * Props passed to the delete icon.
-   * @default {}
-   */
-  deleteIconProps: PropTypes.any,
-  /**
-   * If `true`, disables the logic operator field but still renders it.
-   */
-  disableMultiFilterOperator: PropTypes.bool,
-  /**
-   * Allows to filter the columns displayed in the filter form.
-   * @param {FilterColumnsArgs} args The columns of the grid and name of field.
-   * @returns {GridColDef['field'][]} The filtered fields array.
-   */
-  filterColumns: PropTypes.func,
-  /**
-   * A ref allowing to set imperative focus.
-   * It can be passed to the el
-   */
-  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * If `true`, the logic operator field is rendered.
-   * The field will be invisible if `showMultiFilterOperators` is also `true`.
-   */
-  hasMultipleFilters: PropTypes.bool.isRequired,
-  /**
-   * The [[GridFilterItem]] representing this form.
-   */
-  item: PropTypes.shape({
-    field: PropTypes.string.isRequired,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    operator: PropTypes.string.isRequired,
-    value: PropTypes.any
-  }).isRequired,
-  /**
-   * Props passed to the logic operator input component.
-   * @default {}
-   */
-  logicOperatorInputProps: PropTypes.any,
-  /**
-   * Sets the available logic operators.
-   * @default [GridLogicOperator.And, GridLogicOperator.Or]
-   */
-  logicOperators: PropTypes.arrayOf(PropTypes.oneOf(['and', 'or']).isRequired),
-  /**
-   * Props passed to the operator input component.
-   * @default {}
-   */
-  operatorInputProps: PropTypes.any,
-  /**
-   * `true` if the filter is disabled/read only.
-   * i.e. `colDef.fiterable = false` but passed in `filterModel`
-   * @default false
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * If `true`, the logic operator field is visible.
-   */
-  showMultiFilterOperators: PropTypes.bool,
-  /**
-   * Props passed to the value input component.
-   * @default {}
-   */
-  valueInputProps: PropTypes.any
-} : void 0;
-
-/**
- * Demos:
- * - [Filtering - overview](https://mui.com/x/react-data-grid/filtering/)
- *
- * API:
- * - [GridFilterForm API](https://mui.com/x/api/data-grid/grid-filter-form/)
- */
-export { GridFilterForm };

package/modern/components/panel/filterPanel/GridFilterInputBoolean.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
-export type GridFilterInputBooleanProps = GridFilterInputValueProps<TextFieldProps>;
-declare function GridFilterInputBoolean(props: GridFilterInputBooleanProps): React.JSX.Element;
-declare namespace GridFilterInputBoolean {
-  var propTypes: any;
-}
-export declare function sanitizeFilterItemValue(value: any): boolean | undefined;
-export { GridFilterInputBoolean };

package/modern/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -1,122 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "slotProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { refType, unstable_useId as useId } from '@mui/utils';
-import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function GridFilterInputBoolean(props) {
-  const {
-      item,
-      applyValue,
-      apiRef,
-      focusElementRef,
-      headerFilterMenu,
-      clearButton,
-      tabIndex,
-      slotProps
-    } = props,
-    others = _objectWithoutPropertiesLoose(props, _excluded);
-  const [filterValueState, setFilterValueState] = React.useState(sanitizeFilterItemValue(item.value));
-  const rootProps = useGridRootProps();
-  const labelId = useId();
-  const selectId = useId();
-  const baseSelectProps = rootProps.slotProps?.baseSelect || {};
-  const isSelectNative = baseSelectProps.native ?? false;
-  const baseSelectOptionProps = rootProps.slotProps?.baseSelectOption || {};
-  const onFilterChange = React.useCallback(event => {
-    const value = sanitizeFilterItemValue(event.target.value);
-    setFilterValueState(value);
-    applyValue(_extends({}, item, {
-      value
-    }));
-  }, [applyValue, item]);
-  React.useEffect(() => {
-    setFilterValueState(sanitizeFilterItemValue(item.value));
-  }, [item.value]);
-  const label = slotProps?.root.label ?? apiRef.current.getLocaleText('filterPanelInputLabel');
-  const rootSlotProps = slotProps?.root.slotProps;
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsxs(rootProps.slots.baseSelect, _extends({
-      fullWidth: true,
-      labelId: labelId,
-      id: selectId,
-      label: label,
-      value: filterValueState === undefined ? '' : String(filterValueState),
-      onChange: onFilterChange,
-      native: isSelectNative,
-      slotProps: {
-        htmlInput: _extends({
-          ref: focusElementRef,
-          tabIndex
-        }, rootSlotProps?.htmlInput)
-      }
-    }, baseSelectProps, others, slotProps?.root, {
-      children: [/*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isSelectNative,
-        value: "",
-        children: apiRef.current.getLocaleText('filterValueAny')
-      })), /*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isSelectNative,
-        value: "true",
-        children: apiRef.current.getLocaleText('filterValueTrue')
-      })), /*#__PURE__*/_jsx(rootProps.slots.baseSelectOption, _extends({}, baseSelectOptionProps, {
-        native: isSelectNative,
-        value: "false",
-        children: apiRef.current.getLocaleText('filterValueFalse')
-      }))]
-    })), headerFilterMenu, clearButton]
-  });
-}
-export function sanitizeFilterItemValue(value) {
-  if (String(value).toLowerCase() === 'true') {
-    return true;
-  }
-  if (String(value).toLowerCase() === 'false') {
-    return false;
-  }
-  return undefined;
-}
-process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object.isRequired
-  }).isRequired,
-  applyValue: PropTypes.func.isRequired,
-  className: PropTypes.string,
-  clearButton: PropTypes.node,
-  disabled: PropTypes.bool,
-  focusElementRef: refType,
-  headerFilterMenu: PropTypes.node,
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: (props, propName) => {
-      if (props[propName] == null) {
-        return null;
-      }
-      if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error(`Expected prop '${propName}' to be of type Element`);
-      }
-      return null;
-    }
-  })]),
-  /**
-   * It is `true` if the filter either has a value or an operator with no value
-   * required is selected (for example `isEmpty`)
-   */
-  isFilterActive: PropTypes.bool,
-  item: PropTypes.shape({
-    field: PropTypes.string.isRequired,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    operator: PropTypes.string.isRequired,
-    value: PropTypes.any
-  }).isRequired,
-  onBlur: PropTypes.func,
-  onFocus: PropTypes.func,
-  slotProps: PropTypes.object,
-  tabIndex: PropTypes.number
-} : void 0;
-export { GridFilterInputBoolean };

package/modern/components/panel/filterPanel/GridFilterInputDate.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { GridFilterInputValueProps } from "../../../models/gridFilterInputComponent.js";
-import { TextFieldProps } from "../../../models/gridBaseSlots.js";
-export type GridFilterInputDateProps = GridFilterInputValueProps<TextFieldProps> & {
-  type?: 'date' | 'datetime-local';
-};
-declare function GridFilterInputDate(props: GridFilterInputDateProps): React.JSX.Element;
-declare namespace GridFilterInputDate {
-  var propTypes: any;
-}
-export { GridFilterInputDate };