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

package/legacy/hooks/features/filter/useGridFilter.js

@@ -1,378 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { defaultMemoize } from 'reselect';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { useLazyRef } from '../../utils/useLazyRef';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { gridColumnLookupSelector } from '../columns/gridColumnsSelector';
-import { GridPreferencePanelsValue } from '../preferencesPanel/gridPreferencePanelsValue';
-import { getDefaultGridFilterModel } from './gridFilterState';
-import { gridFilterModelSelector } from './gridFilterSelector';
-import { useFirstRender } from '../../utils/useFirstRender';
-import { gridRowsLookupSelector } from '../rows';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from '../../core/strategyProcessing';
-import { buildAggregatedFilterApplier, sanitizeFilterModel, mergeStateWithFilterModel, cleanFilterItem, passFilterLogic, shouldQuickFilterExcludeHiddenColumns } from './gridFilterUtils';
-import { isDeepEqual } from '../../../utils/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var filterStateInitializer = function filterStateInitializer(state, props, apiRef) {
-  var _ref, _props$filterModel, _props$initialState;
-  var filterModel = (_ref = (_props$filterModel = props.filterModel) != null ? _props$filterModel : (_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.filter) == null ? void 0 : _props$initialState.filterModel) != null ? _ref : getDefaultGridFilterModel();
-  return _extends({}, state, {
-    filter: {
-      filterModel: sanitizeFilterModel(filterModel, props.disableMultipleColumnsFiltering, apiRef),
-      filteredRowsLookup: {},
-      filteredDescendantCountLookup: {}
-    },
-    visibleRowsLookup: {}
-  });
-};
-var getVisibleRowsLookup = function getVisibleRowsLookup(params) {
-  // For flat tree, the `visibleRowsLookup` and the `filteredRowsLookup` are equals since no row is collapsed.
-  return params.filteredRowsLookup;
-};
-function getVisibleRowsLookupState(apiRef, state) {
-  return apiRef.current.applyStrategyProcessor('visibleRowsLookupCreation', {
-    tree: state.rows.tree,
-    filteredRowsLookup: state.filter.filteredRowsLookup
-  });
-}
-function createMemoizedValues() {
-  return defaultMemoize(Object.values);
-}
-
-/**
- * @requires useGridColumns (method, event)
- * @requires useGridParamsApi (method)
- * @requires useGridRows (event)
- */
-export var useGridFilter = function useGridFilter(apiRef, props) {
-  var _props$initialState3, _props$slotProps2;
-  var logger = useGridLogger(apiRef, 'useGridFilter');
-  apiRef.current.registerControlState({
-    stateId: 'filter',
-    propModel: props.filterModel,
-    propOnChange: props.onFilterModelChange,
-    stateSelector: gridFilterModelSelector,
-    changeEvent: 'filterModelChange'
-  });
-  var updateFilteredRows = React.useCallback(function () {
-    apiRef.current.setState(function (state) {
-      var filterModel = gridFilterModelSelector(state, apiRef.current.instanceId);
-      var isRowMatchingFilters = props.filterMode === 'client' ? buildAggregatedFilterApplier(filterModel, apiRef, props.disableEval) : null;
-      var filteringResult = apiRef.current.applyStrategyProcessor('filtering', {
-        isRowMatchingFilters: isRowMatchingFilters,
-        filterModel: filterModel != null ? filterModel : getDefaultGridFilterModel()
-      });
-      var newState = _extends({}, state, {
-        filter: _extends({}, state.filter, filteringResult)
-      });
-      var visibleRowsLookupState = getVisibleRowsLookupState(apiRef, newState);
-      return _extends({}, newState, {
-        visibleRowsLookup: visibleRowsLookupState
-      });
-    });
-    apiRef.current.publishEvent('filteredRowsSet');
-  }, [apiRef, props.filterMode, props.disableEval]);
-  var addColumnMenuItem = React.useCallback(function (columnMenuItems, colDef) {
-    if (colDef == null || colDef.filterable === false || props.disableColumnFilter) {
-      return columnMenuItems;
-    }
-    return [].concat(_toConsumableArray(columnMenuItems), ['columnMenuFilterItem']);
-  }, [props.disableColumnFilter]);
-
-  /**
-   * API METHODS
-   */
-  var applyFilters = React.useCallback(function () {
-    updateFilteredRows();
-    apiRef.current.forceUpdate();
-  }, [apiRef, updateFilteredRows]);
-  var upsertFilterItem = React.useCallback(function (item) {
-    var filterModel = gridFilterModelSelector(apiRef);
-    var items = _toConsumableArray(filterModel.items);
-    var itemIndex = items.findIndex(function (filterItem) {
-      return filterItem.id === item.id;
-    });
-    if (itemIndex === -1) {
-      items.push(item);
-    } else {
-      items[itemIndex] = item;
-    }
-    apiRef.current.setFilterModel(_extends({}, filterModel, {
-      items: items
-    }), 'upsertFilterItem');
-  }, [apiRef]);
-  var upsertFilterItems = React.useCallback(function (items) {
-    var filterModel = gridFilterModelSelector(apiRef);
-    var existingItems = _toConsumableArray(filterModel.items);
-    items.forEach(function (item) {
-      var itemIndex = items.findIndex(function (filterItem) {
-        return filterItem.id === item.id;
-      });
-      if (itemIndex === -1) {
-        existingItems.push(item);
-      } else {
-        existingItems[itemIndex] = item;
-      }
-    });
-    apiRef.current.setFilterModel(_extends({}, filterModel, {
-      items: items
-    }), 'upsertFilterItems');
-  }, [apiRef]);
-  var deleteFilterItem = React.useCallback(function (itemToDelete) {
-    var filterModel = gridFilterModelSelector(apiRef);
-    var items = filterModel.items.filter(function (item) {
-      return item.id !== itemToDelete.id;
-    });
-    if (items.length === filterModel.items.length) {
-      return;
-    }
-    apiRef.current.setFilterModel(_extends({}, filterModel, {
-      items: items
-    }), 'deleteFilterItem');
-  }, [apiRef]);
-  var showFilterPanel = React.useCallback(function (targetColumnField, panelId, labelId) {
-    logger.debug('Displaying filter panel');
-    if (targetColumnField) {
-      var filterModel = gridFilterModelSelector(apiRef);
-      var filterItemsWithValue = filterModel.items.filter(function (item) {
-        var _column$filterOperato;
-        if (item.value !== undefined) {
-          // Some filters like `isAnyOf` support array as `item.value`.
-          // If array is empty, we want to remove it from the filter model.
-          if (Array.isArray(item.value) && item.value.length === 0) {
-            return false;
-          }
-          return true;
-        }
-        var column = apiRef.current.getColumn(item.field);
-        var filterOperator = (_column$filterOperato = column.filterOperators) == null ? void 0 : _column$filterOperato.find(function (operator) {
-          return operator.value === item.operator;
-        });
-        var requiresFilterValue = typeof (filterOperator == null ? void 0 : filterOperator.requiresFilterValue) === 'undefined' ? true : filterOperator == null ? void 0 : filterOperator.requiresFilterValue;
-
-        // Operators like `isEmpty` don't have and don't require `item.value`.
-        // So we don't want to remove them from the filter model if `item.value === undefined`.
-        // See https://github.com/mui/mui-x/issues/5402
-        if (requiresFilterValue) {
-          return false;
-        }
-        return true;
-      });
-      var newFilterItems;
-      var filterItemOnTarget = filterItemsWithValue.find(function (item) {
-        return item.field === targetColumnField;
-      });
-      var targetColumn = apiRef.current.getColumn(targetColumnField);
-      if (filterItemOnTarget) {
-        newFilterItems = filterItemsWithValue;
-      } else if (props.disableMultipleColumnsFiltering) {
-        newFilterItems = [cleanFilterItem({
-          field: targetColumnField,
-          operator: targetColumn.filterOperators[0].value
-        }, apiRef)];
-      } else {
-        newFilterItems = [].concat(_toConsumableArray(filterItemsWithValue), [cleanFilterItem({
-          field: targetColumnField,
-          operator: targetColumn.filterOperators[0].value
-        }, apiRef)]);
-      }
-      apiRef.current.setFilterModel(_extends({}, filterModel, {
-        items: newFilterItems
-      }));
-    }
-    apiRef.current.showPreferences(GridPreferencePanelsValue.filters, panelId, labelId);
-  }, [apiRef, logger, props.disableMultipleColumnsFiltering]);
-  var hideFilterPanel = React.useCallback(function () {
-    logger.debug('Hiding filter panel');
-    apiRef.current.hidePreferences();
-  }, [apiRef, logger]);
-  var setFilterLogicOperator = React.useCallback(function (logicOperator) {
-    var filterModel = gridFilterModelSelector(apiRef);
-    if (filterModel.logicOperator === logicOperator) {
-      return;
-    }
-    apiRef.current.setFilterModel(_extends({}, filterModel, {
-      logicOperator: logicOperator
-    }), 'changeLogicOperator');
-  }, [apiRef]);
-  var setQuickFilterValues = React.useCallback(function (values) {
-    var filterModel = gridFilterModelSelector(apiRef);
-    if (isDeepEqual(filterModel.quickFilterValues, values)) {
-      return;
-    }
-    apiRef.current.setFilterModel(_extends({}, filterModel, {
-      quickFilterValues: _toConsumableArray(values)
-    }));
-  }, [apiRef]);
-  var setFilterModel = React.useCallback(function (model, reason) {
-    var currentModel = gridFilterModelSelector(apiRef);
-    if (currentModel !== model) {
-      logger.debug('Setting filter model');
-      apiRef.current.updateControlState('filter', mergeStateWithFilterModel(model, props.disableMultipleColumnsFiltering, apiRef), reason);
-      apiRef.current.unstable_applyFilters();
-    }
-  }, [apiRef, logger, props.disableMultipleColumnsFiltering]);
-  var filterApi = {
-    setFilterLogicOperator: setFilterLogicOperator,
-    unstable_applyFilters: applyFilters,
-    deleteFilterItem: deleteFilterItem,
-    upsertFilterItem: upsertFilterItem,
-    upsertFilterItems: upsertFilterItems,
-    setFilterModel: setFilterModel,
-    showFilterPanel: showFilterPanel,
-    hideFilterPanel: hideFilterPanel,
-    setQuickFilterValues: setQuickFilterValues,
-    ignoreDiacritics: props.ignoreDiacritics
-  };
-  useGridApiMethod(apiRef, filterApi, 'public');
-
-  /**
-   * PRE-PROCESSING
-   */
-  var stateExportPreProcessing = React.useCallback(function (prevState, context) {
-    var _props$initialState2;
-    var filterModelToExport = gridFilterModelSelector(apiRef);
-    var shouldExportFilterModel =
-    // Always export if the `exportOnlyDirtyModels` property is not activated
-    !context.exportOnlyDirtyModels ||
-    // Always export if the model is controlled
-    props.filterModel != null ||
-    // Always export if the model has been initialized
-    ((_props$initialState2 = props.initialState) == null || (_props$initialState2 = _props$initialState2.filter) == null ? void 0 : _props$initialState2.filterModel) != null ||
-    // Export if the model is not equal to the default value
-    !isDeepEqual(filterModelToExport, getDefaultGridFilterModel());
-    if (!shouldExportFilterModel) {
-      return prevState;
-    }
-    return _extends({}, prevState, {
-      filter: {
-        filterModel: filterModelToExport
-      }
-    });
-  }, [apiRef, props.filterModel, (_props$initialState3 = props.initialState) == null || (_props$initialState3 = _props$initialState3.filter) == null ? void 0 : _props$initialState3.filterModel]);
-  var stateRestorePreProcessing = React.useCallback(function (params, context) {
-    var _context$stateToResto;
-    var filterModel = (_context$stateToResto = context.stateToRestore.filter) == null ? void 0 : _context$stateToResto.filterModel;
-    if (filterModel == null) {
-      return params;
-    }
-    apiRef.current.updateControlState('filter', mergeStateWithFilterModel(filterModel, props.disableMultipleColumnsFiltering, apiRef), 'restoreState');
-    return _extends({}, params, {
-      callbacks: [].concat(_toConsumableArray(params.callbacks), [apiRef.current.unstable_applyFilters])
-    });
-  }, [apiRef, props.disableMultipleColumnsFiltering]);
-  var preferencePanelPreProcessing = React.useCallback(function (initialValue, value) {
-    if (value === GridPreferencePanelsValue.filters) {
-      var _props$slotProps;
-      var FilterPanel = props.slots.filterPanel;
-      return /*#__PURE__*/_jsx(FilterPanel, _extends({}, (_props$slotProps = props.slotProps) == null ? void 0 : _props$slotProps.filterPanel));
-    }
-    return initialValue;
-  }, [props.slots.filterPanel, (_props$slotProps2 = props.slotProps) == null ? void 0 : _props$slotProps2.filterPanel]);
-  var getRowId = props.getRowId;
-  var getRowsRef = useLazyRef(createMemoizedValues);
-  var flatFilteringMethod = React.useCallback(function (params) {
-    if (props.filterMode !== 'client' || !params.isRowMatchingFilters) {
-      return {
-        filteredRowsLookup: {},
-        filteredDescendantCountLookup: {}
-      };
-    }
-    var dataRowIdToModelLookup = gridRowsLookupSelector(apiRef);
-    var filteredRowsLookup = {};
-    var isRowMatchingFilters = params.isRowMatchingFilters;
-    var filterCache = {};
-    var result = {
-      passingFilterItems: null,
-      passingQuickFilterValues: null
-    };
-    var rows = getRowsRef.current(apiRef.current.state.rows.dataRowIdToModelLookup);
-    for (var i = 0; i < rows.length; i += 1) {
-      var row = rows[i];
-      var id = getRowId ? getRowId(row) : row.id;
-      isRowMatchingFilters(row, undefined, result);
-      var isRowPassing = passFilterLogic([result.passingFilterItems], [result.passingQuickFilterValues], params.filterModel, apiRef, filterCache);
-      filteredRowsLookup[id] = isRowPassing;
-    }
-    var footerId = 'auto-generated-group-footer-root';
-    var footer = dataRowIdToModelLookup[footerId];
-    if (footer) {
-      filteredRowsLookup[footerId] = true;
-    }
-    return {
-      filteredRowsLookup: filteredRowsLookup,
-      filteredDescendantCountLookup: {}
-    };
-  }, [apiRef, props.filterMode, getRowId, getRowsRef]);
-  useGridRegisterPipeProcessor(apiRef, 'columnMenu', addColumnMenuItem);
-  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
-  useGridRegisterPipeProcessor(apiRef, 'preferencePanel', preferencePanelPreProcessing);
-  useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'filtering', flatFilteringMethod);
-  useGridRegisterStrategyProcessor(apiRef, GRID_DEFAULT_STRATEGY, 'visibleRowsLookupCreation', getVisibleRowsLookup);
-
-  /**
-   * EVENTS
-   */
-  var handleColumnsChange = React.useCallback(function () {
-    logger.debug('onColUpdated - GridColumns changed, applying filters');
-    var filterModel = gridFilterModelSelector(apiRef);
-    var columnsLookup = gridColumnLookupSelector(apiRef);
-    var newFilterItems = filterModel.items.filter(function (item) {
-      return item.field && columnsLookup[item.field];
-    });
-    if (newFilterItems.length < filterModel.items.length) {
-      apiRef.current.setFilterModel(_extends({}, filterModel, {
-        items: newFilterItems
-      }));
-    }
-  }, [apiRef, logger]);
-  var handleStrategyProcessorChange = React.useCallback(function (methodName) {
-    if (methodName === 'filtering') {
-      apiRef.current.unstable_applyFilters();
-    }
-  }, [apiRef]);
-  var updateVisibleRowsLookupState = React.useCallback(function () {
-    apiRef.current.setState(function (state) {
-      return _extends({}, state, {
-        visibleRowsLookup: getVisibleRowsLookupState(apiRef, state)
-      });
-    });
-    apiRef.current.forceUpdate();
-  }, [apiRef]);
-
-  // Do not call `apiRef.current.forceUpdate` to avoid re-render before updating the sorted rows.
-  // Otherwise, the state is not consistent during the render
-  useGridApiEventHandler(apiRef, 'rowsSet', updateFilteredRows);
-  useGridApiEventHandler(apiRef, 'columnsChange', handleColumnsChange);
-  useGridApiEventHandler(apiRef, 'activeStrategyProcessorChange', handleStrategyProcessorChange);
-  useGridApiEventHandler(apiRef, 'rowExpansionChange', updateVisibleRowsLookupState);
-  useGridApiEventHandler(apiRef, 'columnVisibilityModelChange', function () {
-    var filterModel = gridFilterModelSelector(apiRef);
-    if (filterModel.quickFilterValues && shouldQuickFilterExcludeHiddenColumns(filterModel)) {
-      // re-apply filters because the quick filter results may have changed
-      apiRef.current.unstable_applyFilters();
-    }
-  });
-
-  /**
-   * 1ST RENDER
-   */
-  useFirstRender(function () {
-    apiRef.current.unstable_applyFilters();
-  });
-
-  /**
-   * EFFECTS
-   */
-  useEnhancedEffect(function () {
-    if (props.filterModel !== undefined) {
-      apiRef.current.setFilterModel(props.filterModel);
-    }
-  }, [apiRef, logger, props.filterModel]);
-};

package/legacy/hooks/features/focus/gridFocusState.js

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

package/legacy/hooks/features/focus/gridFocusStateSelector.js

@@ -1,31 +0,0 @@
-import { createSelector } from '../../../utils/createSelector';
-export var gridFocusStateSelector = function gridFocusStateSelector(state) {
-  return state.focus;
-};
-export var gridFocusCellSelector = createSelector(gridFocusStateSelector, function (focusState) {
-  return focusState.cell;
-});
-export var gridFocusColumnHeaderSelector = createSelector(gridFocusStateSelector, function (focusState) {
-  return focusState.columnHeader;
-});
-export var gridFocusColumnHeaderFilterSelector = createSelector(gridFocusStateSelector, function (focusState) {
-  return focusState.columnHeaderFilter;
-});
-export var gridFocusColumnGroupHeaderSelector = createSelector(gridFocusStateSelector, function (focusState) {
-  return focusState.columnGroupHeader;
-});
-export var gridTabIndexStateSelector = function gridTabIndexStateSelector(state) {
-  return state.tabIndex;
-};
-export var gridTabIndexCellSelector = createSelector(gridTabIndexStateSelector, function (state) {
-  return state.cell;
-});
-export var gridTabIndexColumnHeaderSelector = createSelector(gridTabIndexStateSelector, function (state) {
-  return state.columnHeader;
-});
-export var gridTabIndexColumnHeaderFilterSelector = createSelector(gridTabIndexStateSelector, function (state) {
-  return state.columnHeaderFilter;
-});
-export var gridTabIndexColumnGroupHeaderSelector = createSelector(gridTabIndexStateSelector, function (state) {
-  return state.columnGroupHeader;
-});

package/legacy/hooks/features/focus/index.js

@@ -1,2 +0,0 @@
-export * from './gridFocusStateSelector';
-export * from './gridFocusState';