@mui/x-data-grid 7.0.0-beta.3 → 7.0.0-beta.5

package/legacy/components/panel/filterPanel/GridFilterInputDate.js

@@ -1,121 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "InputProps", "isFilterActive", "clearButton", "tabIndex", "disabled"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
-import { useTimeout } from '../../../hooks/utils/useTimeout';
-import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-function convertFilterItemValueToInputValue(itemValue, inputType) {
-  if (itemValue == null) {
-    return '';
-  }
-  var dateCopy = new Date(itemValue);
-  // The date picker expects the date to be in the local timezone.
-  // But .toISOString() converts it to UTC with zero offset.
-  // So we need to subtract the timezone offset.
-  dateCopy.setMinutes(dateCopy.getMinutes() - dateCopy.getTimezoneOffset());
-  if (inputType === 'date') {
-    return dateCopy.toISOString().substring(0, 10);
-  }
-  if (inputType === 'datetime-local') {
-    return dateCopy.toISOString().substring(0, 19);
-  }
-  return dateCopy.toISOString().substring(0, 10);
-}
-function GridFilterInputDate(props) {
-  var _rootProps$slotProps;
-  var item = props.item,
-    applyValue = props.applyValue,
-    type = props.type,
-    apiRef = props.apiRef,
-    focusElementRef = props.focusElementRef,
-    InputProps = props.InputProps,
-    isFilterActive = props.isFilterActive,
-    clearButton = props.clearButton,
-    tabIndex = props.tabIndex,
-    disabled = props.disabled,
-    other = _objectWithoutProperties(props, _excluded);
-  var filterTimeout = useTimeout();
-  var _React$useState = React.useState(function () {
-      return convertFilterItemValueToInputValue(item.value, type);
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    filterValueState = _React$useState2[0],
-    setFilterValueState = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    applying = _React$useState4[0],
-    setIsApplying = _React$useState4[1];
-  var id = useId();
-  var rootProps = useGridRootProps();
-  var onFilterChange = React.useCallback(function (event) {
-    filterTimeout.clear();
-    var value = event.target.value;
-    setFilterValueState(value);
-    setIsApplying(true);
-    filterTimeout.start(rootProps.filterDebounceMs, function () {
-      applyValue(_extends({}, item, {
-        value: new Date(value)
-      }));
-      setIsApplying(false);
-    });
-  }, [applyValue, item, rootProps.filterDebounceMs, filterTimeout]);
-  React.useEffect(function () {
-    var value = convertFilterItemValueToInputValue(item.value, type);
-    setFilterValueState(value);
-  }, [item.value, type]);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({
-    fullWidth: true,
-    id: id,
-    label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-    placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder'),
-    value: filterValueState,
-    onChange: onFilterChange,
-    variant: "standard",
-    type: type || 'text',
-    InputLabelProps: {
-      shrink: true
-    },
-    inputRef: focusElementRef,
-    InputProps: _extends({}, applying || clearButton ? {
-      endAdornment: applying ? /*#__PURE__*/_jsx(rootProps.slots.loadIcon, {
-        fontSize: "small",
-        color: "action"
-      }) : clearButton
-    } : {}, {
-      disabled: disabled
-    }, InputProps, {
-      inputProps: _extends({
-        max: type === 'datetime-local' ? '9999-12-31T23:59' : '9999-12-31',
-        tabIndex: tabIndex
-      }, InputProps == null ? void 0 : InputProps.inputProps)
-    })
-  }, other, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTextField));
-}
-process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object.isRequired
-  }).isRequired,
-  applyValue: PropTypes.func.isRequired,
-  clearButton: PropTypes.node,
-  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * It is `true` if the filter either has a value or an operator with no value
-   * required is selected (e.g. `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
-} : void 0;
-export { GridFilterInputDate };

package/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -1,116 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "color", "error", "helperText", "size", "variant"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
-import { unstable_useId as useId } from '@mui/utils';
-import { getValueOptions, isSingleSelectColDef } from './filterPanelUtils';
-import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-var filter = createFilterOptions();
-function GridFilterInputMultipleSingleSelect(props) {
-  var _resolvedColumn, _resolvedColumn2;
-  var item = props.item,
-    applyValue = props.applyValue,
-    type = props.type,
-    apiRef = props.apiRef,
-    focusElementRef = props.focusElementRef,
-    color = props.color,
-    error = props.error,
-    helperText = props.helperText,
-    size = props.size,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'standard' : _props$variant,
-    other = _objectWithoutProperties(props, _excluded);
-  var TextFieldProps = {
-    color: color,
-    error: error,
-    helperText: helperText,
-    size: size,
-    variant: variant
-  };
-  var id = useId();
-  var rootProps = useGridRootProps();
-  var resolvedColumn = null;
-  if (item.field) {
-    var column = apiRef.current.getColumn(item.field);
-    if (isSingleSelectColDef(column)) {
-      resolvedColumn = column;
-    }
-  }
-  var getOptionValue = (_resolvedColumn = resolvedColumn) == null ? void 0 : _resolvedColumn.getOptionValue;
-  var getOptionLabel = (_resolvedColumn2 = resolvedColumn) == null ? void 0 : _resolvedColumn2.getOptionLabel;
-  var isOptionEqualToValue = React.useCallback(function (option, value) {
-    return getOptionValue(option) === getOptionValue(value);
-  }, [getOptionValue]);
-  var resolvedValueOptions = React.useMemo(function () {
-    return getValueOptions(resolvedColumn) || [];
-  }, [resolvedColumn]);
-
-  // The value is computed from the item.value and used directly
-  // If it was done by a useEffect/useState, the Autocomplete could receive incoherent value and options
-  var filteredValues = React.useMemo(function () {
-    if (!Array.isArray(item.value)) {
-      return [];
-    }
-    return item.value;
-  }, [item.value]);
-  var handleChange = React.useCallback(function (event, value) {
-    applyValue(_extends({}, item, {
-      value: value.map(getOptionValue)
-    }));
-  }, [applyValue, item, getOptionValue]);
-  return /*#__PURE__*/_jsx(Autocomplete, _extends({
-    multiple: true,
-    options: resolvedValueOptions,
-    isOptionEqualToValue: isOptionEqualToValue,
-    filterOptions: filter,
-    id: id,
-    value: filteredValues,
-    onChange: handleChange,
-    getOptionLabel: getOptionLabel,
-    renderTags: function renderTags(value, getTagProps) {
-      return value.map(function (option, index) {
-        return /*#__PURE__*/_jsx(rootProps.slots.baseChip, _extends({
-          variant: "outlined",
-          size: "small",
-          label: getOptionLabel(option)
-        }, getTagProps({
-          index: index
-        })));
-      });
-    },
-    renderInput: function renderInput(params) {
-      var _rootProps$slotProps;
-      return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({}, params, {
-        label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-        placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder'),
-        InputLabelProps: _extends({}, params.InputLabelProps, {
-          shrink: true
-        }),
-        inputRef: focusElementRef,
-        type: "singleSelect"
-      }, TextFieldProps, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTextField));
-    }
-  }, other));
-}
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object.isRequired
-  }).isRequired,
-  applyValue: PropTypes.func.isRequired,
-  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
-  item: PropTypes.shape({
-    field: PropTypes.string.isRequired,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    operator: PropTypes.string.isRequired,
-    value: PropTypes.any
-  }).isRequired,
-  type: PropTypes.oneOf(['singleSelect'])
-} : void 0;
-export { GridFilterInputMultipleSingleSelect };

package/legacy/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -1,102 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "color", "error", "helperText", "size", "variant"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Autocomplete from '@mui/material/Autocomplete';
-import { unstable_useId as useId } from '@mui/utils';
-import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridFilterInputMultipleValue(props) {
-  var item = props.item,
-    applyValue = props.applyValue,
-    type = props.type,
-    apiRef = props.apiRef,
-    focusElementRef = props.focusElementRef,
-    color = props.color,
-    error = props.error,
-    helperText = props.helperText,
-    size = props.size,
-    variant = props.variant,
-    other = _objectWithoutProperties(props, _excluded);
-  var TextFieldProps = {
-    color: color,
-    error: error,
-    helperText: helperText,
-    size: size,
-    variant: variant
-  };
-  var _React$useState = React.useState(item.value || []),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    filterValueState = _React$useState2[0],
-    setFilterValueState = _React$useState2[1];
-  var id = useId();
-  var rootProps = useGridRootProps();
-  React.useEffect(function () {
-    var _item$value;
-    var itemValue = (_item$value = item.value) != null ? _item$value : [];
-    setFilterValueState(itemValue.map(String));
-  }, [item.value]);
-  var handleChange = React.useCallback(function (event, value) {
-    setFilterValueState(value.map(String));
-    applyValue(_extends({}, item, {
-      value: _toConsumableArray(value)
-    }));
-  }, [applyValue, item]);
-  return /*#__PURE__*/_jsx(Autocomplete, _extends({
-    multiple: true,
-    freeSolo: true,
-    options: [],
-    filterOptions: function filterOptions(options, params) {
-      var inputValue = params.inputValue;
-      return inputValue == null || inputValue === '' ? [] : [inputValue];
-    },
-    id: id,
-    value: filterValueState,
-    onChange: handleChange,
-    renderTags: function renderTags(value, getTagProps) {
-      return value.map(function (option, index) {
-        return /*#__PURE__*/_jsx(rootProps.slots.baseChip, _extends({
-          variant: "outlined",
-          size: "small",
-          label: option
-        }, getTagProps({
-          index: index
-        })));
-      });
-    },
-    renderInput: function renderInput(params) {
-      var _rootProps$slotProps;
-      return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({}, params, {
-        label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-        placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder'),
-        InputLabelProps: _extends({}, params.InputLabelProps, {
-          shrink: true
-        }),
-        inputRef: focusElementRef,
-        type: type || 'text'
-      }, TextFieldProps, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTextField));
-    }
-  }, other));
-}
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object.isRequired
-  }).isRequired,
-  applyValue: PropTypes.func.isRequired,
-  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
-  item: PropTypes.shape({
-    field: PropTypes.string.isRequired,
-    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    operator: PropTypes.string.isRequired,
-    value: PropTypes.any
-  }).isRequired,
-  type: PropTypes.oneOf(['number', 'text'])
-} : void 0;
-export { GridFilterInputMultipleValue };

package/legacy/components/panel/filterPanel/GridFilterInputSingleSelect.js

@@ -1,149 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "placeholder", "tabIndex", "label", "variant", "isFilterActive", "clearButton", "InputLabelProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
-import { styled } from '@mui/material/styles';
-import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-import { getValueFromValueOptions, getValueOptions, isSingleSelectColDef } from './filterPanelUtils';
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var renderSingleSelectOptions = function renderSingleSelectOptions(_ref) {
-  var column = _ref.column,
-    OptionComponent = _ref.OptionComponent,
-    getOptionLabel = _ref.getOptionLabel,
-    getOptionValue = _ref.getOptionValue,
-    isSelectNative = _ref.isSelectNative,
-    baseSelectOptionProps = _ref.baseSelectOptionProps;
-  var iterableColumnValues = [''].concat(_toConsumableArray(getValueOptions(column) || []));
-  return iterableColumnValues.map(function (option) {
-    var value = getOptionValue(option);
-    var label = getOptionLabel(option);
-    if (label === '') {
-      label = ' '; // To force the height of the empty option
-    }
-    return /*#__PURE__*/_createElement(OptionComponent, _extends({}, baseSelectOptionProps, {
-      native: isSelectNative,
-      key: value,
-      value: value
-    }), label);
-  });
-};
-var SingleSelectOperatorContainer = styled('div')(_defineProperty({
-  display: 'flex',
-  alignItems: 'flex-end',
-  width: '100%'
-}, "& button", {
-  margin: 'auto 0px 5px 5px'
-}));
-function GridFilterInputSingleSelect(props) {
-  var _item$value, _rootProps$slotProps$, _rootProps$slotProps, _resolvedColumn, _resolvedColumn2, _rootProps$slotProps2, _rootProps$slotProps3, _rootProps$slotProps4;
-  var item = props.item,
-    applyValue = props.applyValue,
-    type = props.type,
-    apiRef = props.apiRef,
-    focusElementRef = props.focusElementRef,
-    placeholder = props.placeholder,
-    tabIndex = props.tabIndex,
-    labelProp = props.label,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'standard' : _props$variant,
-    isFilterActive = props.isFilterActive,
-    clearButton = props.clearButton,
-    InputLabelProps = props.InputLabelProps,
-    others = _objectWithoutProperties(props, _excluded);
-  var filterValue = (_item$value = item.value) != null ? _item$value : '';
-  var id = useId();
-  var labelId = useId();
-  var rootProps = useGridRootProps();
-  var isSelectNative = (_rootProps$slotProps$ = (_rootProps$slotProps = rootProps.slotProps) == null || (_rootProps$slotProps = _rootProps$slotProps.baseSelect) == null ? void 0 : _rootProps$slotProps.native) != null ? _rootProps$slotProps$ : false;
-  var resolvedColumn = null;
-  if (item.field) {
-    var column = apiRef.current.getColumn(item.field);
-    if (isSingleSelectColDef(column)) {
-      resolvedColumn = column;
-    }
-  }
-  var getOptionValue = (_resolvedColumn = resolvedColumn) == null ? void 0 : _resolvedColumn.getOptionValue;
-  var getOptionLabel = (_resolvedColumn2 = resolvedColumn) == null ? void 0 : _resolvedColumn2.getOptionLabel;
-  var currentValueOptions = React.useMemo(function () {
-    return getValueOptions(resolvedColumn);
-  }, [resolvedColumn]);
-  var onFilterChange = React.useCallback(function (event) {
-    var value = event.target.value;
-
-    // NativeSelect casts the value to a string.
-    value = getValueFromValueOptions(value, currentValueOptions, getOptionValue);
-    applyValue(_extends({}, item, {
-      value: value
-    }));
-  }, [currentValueOptions, getOptionValue, applyValue, item]);
-  if (!isSingleSelectColDef(resolvedColumn)) {
-    return null;
-  }
-  var label = labelProp != null ? labelProp : apiRef.current.getLocaleText('filterPanelInputLabel');
-  return /*#__PURE__*/_jsxs(SingleSelectOperatorContainer, {
-    children: [/*#__PURE__*/_jsxs(rootProps.slots.baseFormControl, {
-      fullWidth: true,
-      children: [/*#__PURE__*/_jsx(rootProps.slots.baseInputLabel, _extends({}, (_rootProps$slotProps2 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps2.baseInputLabel, {
-        id: labelId,
-        htmlFor: id,
-        shrink: true,
-        variant: variant,
-        children: label
-      })), /*#__PURE__*/_jsx(rootProps.slots.baseSelect, _extends({
-        id: id,
-        label: label,
-        labelId: labelId,
-        value: filterValue,
-        onChange: onFilterChange,
-        variant: variant,
-        type: type || 'text',
-        inputProps: {
-          tabIndex: tabIndex,
-          ref: focusElementRef,
-          placeholder: placeholder != null ? placeholder : apiRef.current.getLocaleText('filterPanelInputPlaceholder')
-        },
-        native: isSelectNative,
-        notched: variant === 'outlined' ? true : undefined
-      }, others /* FIXME: typing error */, (_rootProps$slotProps3 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps3.baseSelect, {
-        children: renderSingleSelectOptions({
-          column: resolvedColumn,
-          OptionComponent: rootProps.slots.baseSelectOption,
-          getOptionLabel: getOptionLabel,
-          getOptionValue: getOptionValue,
-          isSelectNative: isSelectNative,
-          baseSelectOptionProps: (_rootProps$slotProps4 = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps4.baseSelectOption
-        })
-      }))]
-    }), clearButton]
-  });
-}
-process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object.isRequired
-  }).isRequired,
-  applyValue: PropTypes.func.isRequired,
-  clearButton: PropTypes.node,
-  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * It is `true` if the filter either has a value or an operator with no value
-   * required is selected (e.g. `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
-} : void 0;
-export { GridFilterInputSingleSelect };

package/legacy/components/panel/filterPanel/GridFilterInputValue.js

@@ -1,106 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "disabled", "isFilterActive", "clearButton", "InputProps", "variant"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
-import { useTimeout } from '../../../hooks/utils/useTimeout';
-import { useGridRootProps } from '../../../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridFilterInputValue(props) {
-  var _item$value, _rootProps$slotProps;
-  var item = props.item,
-    applyValue = props.applyValue,
-    type = props.type,
-    apiRef = props.apiRef,
-    focusElementRef = props.focusElementRef,
-    tabIndex = props.tabIndex,
-    disabled = props.disabled,
-    isFilterActive = props.isFilterActive,
-    clearButton = props.clearButton,
-    InputProps = props.InputProps,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'standard' : _props$variant,
-    others = _objectWithoutProperties(props, _excluded);
-  var filterTimeout = useTimeout();
-  var _React$useState = React.useState((_item$value = item.value) != null ? _item$value : ''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    filterValueState = _React$useState2[0],
-    setFilterValueState = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    applying = _React$useState4[0],
-    setIsApplying = _React$useState4[1];
-  var id = useId();
-  var rootProps = useGridRootProps();
-  var onFilterChange = React.useCallback(function (event) {
-    var value = event.target.value;
-    setFilterValueState(String(value));
-    setIsApplying(true);
-    filterTimeout.start(rootProps.filterDebounceMs, function () {
-      var newItem = _extends({}, item, {
-        value: value,
-        fromInput: id
-      });
-      applyValue(newItem);
-      setIsApplying(false);
-    });
-  }, [id, applyValue, item, rootProps.filterDebounceMs, filterTimeout]);
-  React.useEffect(function () {
-    var itemPlusTag = item;
-    if (itemPlusTag.fromInput !== id || item.value === undefined) {
-      var _item$value2;
-      setFilterValueState(String((_item$value2 = item.value) != null ? _item$value2 : ''));
-    }
-  }, [id, item]);
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTextField, _extends({
-    id: id,
-    label: apiRef.current.getLocaleText('filterPanelInputLabel'),
-    placeholder: apiRef.current.getLocaleText('filterPanelInputPlaceholder'),
-    value: filterValueState,
-    onChange: onFilterChange,
-    variant: variant,
-    type: type || 'text',
-    InputProps: _extends({}, applying || clearButton ? {
-      endAdornment: applying ? /*#__PURE__*/_jsx(rootProps.slots.loadIcon, {
-        fontSize: "small",
-        color: "action"
-      }) : clearButton
-    } : {}, {
-      disabled: disabled
-    }, InputProps, {
-      inputProps: _extends({
-        tabIndex: tabIndex
-      }, InputProps == null ? void 0 : InputProps.inputProps)
-    }),
-    InputLabelProps: {
-      shrink: true
-    },
-    inputRef: focusElementRef
-  }, others, (_rootProps$slotProps = rootProps.slotProps) == null ? void 0 : _rootProps$slotProps.baseTextField));
-}
-process.env.NODE_ENV !== "production" ? GridFilterInputValue.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.object.isRequired
-  }).isRequired,
-  applyValue: PropTypes.func.isRequired,
-  clearButton: PropTypes.node,
-  focusElementRef: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * It is `true` if the filter either has a value or an operator with no value
-   * required is selected (e.g. `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
-} : void 0;
-export { GridFilterInputValue };

package/legacy/components/panel/filterPanel/GridFilterInputValueProps.js

@@ -1 +0,0 @@
-export {};