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

package/legacy/hooks/features/pagination/gridPaginationUtils.js

@@ -1,31 +0,0 @@
-import { buildWarning } from '../../../utils/warning';
-import { GridSignature } from '../../utils';
-var MAX_PAGE_SIZE = 100;
-export var defaultPageSize = function defaultPageSize(autoPageSize) {
-  return autoPageSize ? 0 : 100;
-};
-export var getPageCount = function getPageCount(rowCount, pageSize) {
-  if (pageSize > 0 && rowCount > 0) {
-    return Math.ceil(rowCount / pageSize);
-  }
-  return 0;
-};
-export var noRowCountInServerMode = buildWarning(["MUI X: the 'rowCount' prop is undefined while using paginationMode='server'", 'For more detail, see http://mui.com/components/data-grid/pagination/#basic-implementation'], 'error');
-export var getDefaultGridPaginationModel = function getDefaultGridPaginationModel(autoPageSize) {
-  return {
-    page: 0,
-    pageSize: autoPageSize ? 0 : 100
-  };
-};
-export var getValidPage = function getValidPage(page) {
-  var pageCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  if (pageCount === 0) {
-    return page;
-  }
-  return Math.max(Math.min(page, pageCount - 1), 0);
-};
-export var throwIfPageSizeExceedsTheLimit = function throwIfPageSizeExceedsTheLimit(pageSize, signatureProp) {
-  if (signatureProp === GridSignature.DataGrid && pageSize > MAX_PAGE_SIZE) {
-    throw new Error(['MUI X: `pageSize` cannot exceed 100 in the MIT version of the DataGrid.', 'You need to upgrade to DataGridPro or DataGridPremium component to unlock this feature.'].join('\n'));
-  }
-};

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

@@ -1,2 +0,0 @@
-export * from './gridPaginationSelector';
-export {};

package/legacy/hooks/features/pagination/useGridPagination.js

@@ -1,175 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { gridFilteredTopLevelRowCountSelector } from '../filter';
-import { gridDensityFactorSelector } from '../density';
-import { useGridLogger, useGridSelector, useGridApiMethod, useGridApiEventHandler } from '../../utils';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { gridPaginationModelSelector } from './gridPaginationSelector';
-import { getPageCount, noRowCountInServerMode, defaultPageSize, throwIfPageSizeExceedsTheLimit, getDefaultGridPaginationModel, getValidPage } from './gridPaginationUtils';
-export var paginationStateInitializer = function paginationStateInitializer(state, props) {
-  var _props$paginationMode, _props$initialState;
-  var paginationModel = _extends({}, getDefaultGridPaginationModel(props.autoPageSize), (_props$paginationMode = props.paginationModel) != null ? _props$paginationMode : (_props$initialState = props.initialState) == null || (_props$initialState = _props$initialState.pagination) == null ? void 0 : _props$initialState.paginationModel);
-  throwIfPageSizeExceedsTheLimit(paginationModel.pageSize, props.signature);
-  return _extends({}, state, {
-    pagination: {
-      paginationModel: paginationModel
-    }
-  });
-};
-export var mergeStateWithPaginationModel = function mergeStateWithPaginationModel(rowCount, signature, paginationModelProp) {
-  return function (paginationState) {
-    var _paginationModelProp$;
-    var paginationModel = paginationState.paginationModel;
-    var pageSize = (_paginationModelProp$ = paginationModelProp == null ? void 0 : paginationModelProp.pageSize) != null ? _paginationModelProp$ : paginationModel.pageSize;
-    var pageCount = getPageCount(rowCount, pageSize);
-    if (paginationModelProp && ((paginationModelProp == null ? void 0 : paginationModelProp.page) !== paginationModel.page || (paginationModelProp == null ? void 0 : paginationModelProp.pageSize) !== paginationModel.pageSize)) {
-      paginationModel = paginationModelProp;
-    }
-    var validPage = getValidPage(paginationModel.page, pageCount);
-    if (validPage !== paginationModel.page) {
-      paginationModel = _extends({}, paginationModel, {
-        page: validPage
-      });
-    }
-    throwIfPageSizeExceedsTheLimit(paginationModel.pageSize, signature);
-    return {
-      paginationModel: paginationModel
-    };
-  };
-};
-
-/**
- * @requires useGridFilter (state)
- * @requires useGridDimensions (event) - can be after
- */
-export var useGridPagination = function useGridPagination(apiRef, props) {
-  var _props$initialState3;
-  var logger = useGridLogger(apiRef, 'useGridPagination');
-  var visibleTopLevelRowCount = useGridSelector(apiRef, gridFilteredTopLevelRowCountSelector);
-  var densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
-  var rowHeight = Math.floor(props.rowHeight * densityFactor);
-  apiRef.current.registerControlState({
-    stateId: 'pagination',
-    propModel: props.paginationModel,
-    propOnChange: props.onPaginationModelChange,
-    stateSelector: gridPaginationModelSelector,
-    changeEvent: 'paginationModelChange'
-  });
-
-  /**
-   * API METHODS
-   */
-  var setPage = React.useCallback(function (page) {
-    var currentModel = gridPaginationModelSelector(apiRef);
-    if (page === currentModel.page) {
-      return;
-    }
-    logger.debug("Setting page to ".concat(page));
-    apiRef.current.setPaginationModel({
-      page: page,
-      pageSize: currentModel.pageSize
-    });
-  }, [apiRef, logger]);
-  var setPageSize = React.useCallback(function (pageSize) {
-    var currentModel = gridPaginationModelSelector(apiRef);
-    if (pageSize === currentModel.pageSize) {
-      return;
-    }
-    logger.debug("Setting page size to ".concat(pageSize));
-    apiRef.current.setPaginationModel({
-      pageSize: pageSize,
-      page: currentModel.page
-    });
-  }, [apiRef, logger]);
-  var setPaginationModel = React.useCallback(function (paginationModel) {
-    var _props$rowCount;
-    var currentModel = gridPaginationModelSelector(apiRef);
-    if (paginationModel === currentModel) {
-      return;
-    }
-    logger.debug("Setting 'paginationModel' to", paginationModel);
-    apiRef.current.updateControlState('pagination', mergeStateWithPaginationModel((_props$rowCount = props.rowCount) != null ? _props$rowCount : visibleTopLevelRowCount, props.signature, paginationModel), 'setPaginationModel');
-    apiRef.current.forceUpdate();
-  }, [apiRef, logger, props.rowCount, props.signature, visibleTopLevelRowCount]);
-  var pageApi = {
-    setPage: setPage,
-    setPageSize: setPageSize,
-    setPaginationModel: setPaginationModel
-  };
-  useGridApiMethod(apiRef, pageApi, 'public');
-
-  /**
-   * PRE-PROCESSING
-   */
-  var stateExportPreProcessing = React.useCallback(function (prevState, context) {
-    var _props$initialState2;
-    var paginationModel = gridPaginationModelSelector(apiRef);
-    var shouldExportPaginationModel =
-    // Always export if the `exportOnlyDirtyModels` property is not activated
-    !context.exportOnlyDirtyModels ||
-    // Always export if the `paginationModel` is controlled
-    props.paginationModel != null ||
-    // Always export if the `paginationModel` has been initialized
-    ((_props$initialState2 = props.initialState) == null || (_props$initialState2 = _props$initialState2.pagination) == null ? void 0 : _props$initialState2.paginationModel) != null ||
-    // Export if `page` or `pageSize` is not equal to the default value
-    paginationModel.page !== 0 && paginationModel.pageSize !== defaultPageSize(props.autoPageSize);
-    if (!shouldExportPaginationModel) {
-      return prevState;
-    }
-    return _extends({}, prevState, {
-      pagination: _extends({}, prevState.pagination, {
-        paginationModel: paginationModel
-      })
-    });
-  }, [apiRef, props.paginationModel, (_props$initialState3 = props.initialState) == null || (_props$initialState3 = _props$initialState3.pagination) == null ? void 0 : _props$initialState3.paginationModel, props.autoPageSize]);
-  var stateRestorePreProcessing = React.useCallback(function (params, context) {
-    var _context$stateToResto, _context$stateToResto2, _props$rowCount2;
-    var paginationModel = (_context$stateToResto = context.stateToRestore.pagination) != null && _context$stateToResto.paginationModel ? _extends({}, getDefaultGridPaginationModel(props.autoPageSize), (_context$stateToResto2 = context.stateToRestore.pagination) == null ? void 0 : _context$stateToResto2.paginationModel) : gridPaginationModelSelector(apiRef);
-    apiRef.current.updateControlState('pagination', mergeStateWithPaginationModel((_props$rowCount2 = props.rowCount) != null ? _props$rowCount2 : visibleTopLevelRowCount, props.signature, paginationModel), 'stateRestorePreProcessing');
-    return params;
-  }, [apiRef, props.autoPageSize, props.rowCount, props.signature, visibleTopLevelRowCount]);
-  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
-
-  /**
-   * EVENTS
-   */
-  var handlePaginationModelChange = function handlePaginationModelChange() {
-    var _apiRef$current$virtu;
-    var paginationModel = gridPaginationModelSelector(apiRef);
-    if ((_apiRef$current$virtu = apiRef.current.virtualScrollerRef) != null && _apiRef$current$virtu.current) {
-      apiRef.current.scrollToIndexes({
-        rowIndex: paginationModel.page * paginationModel.pageSize
-      });
-    }
-    apiRef.current.forceUpdate();
-  };
-  var handleUpdateAutoPageSize = React.useCallback(function () {
-    if (!props.autoPageSize) {
-      return;
-    }
-    var dimensions = apiRef.current.getRootDimensions();
-    var maximumPageSizeWithoutScrollBar = Math.floor(dimensions.viewportInnerSize.height / rowHeight);
-    apiRef.current.setPageSize(maximumPageSizeWithoutScrollBar);
-  }, [apiRef, props.autoPageSize, rowHeight]);
-  useGridApiEventHandler(apiRef, 'viewportInnerSizeChange', handleUpdateAutoPageSize);
-  useGridApiEventHandler(apiRef, 'paginationModelChange', handlePaginationModelChange);
-
-  /**
-   * EFFECTS
-   */
-  React.useEffect(function () {
-    if (process.env.NODE_ENV !== 'production') {
-      if (props.paginationMode === 'server' && props.rowCount == null) {
-        noRowCountInServerMode();
-      }
-    }
-  }, [props.rowCount, props.paginationMode]);
-  React.useEffect(function () {
-    var _props$rowCount3;
-    apiRef.current.updateControlState('pagination', mergeStateWithPaginationModel((_props$rowCount3 = props.rowCount) != null ? _props$rowCount3 : visibleTopLevelRowCount, props.signature, props.paginationModel));
-  }, [apiRef, props.paginationModel, props.rowCount, props.paginationMode, visibleTopLevelRowCount, props.signature]);
-  React.useEffect(function () {
-    handleUpdateAutoPageSize();
-  }, [handleUpdateAutoPageSize]);
-};

package/legacy/hooks/features/preferencesPanel/gridPreferencePanelSelector.js

@@ -1,3 +0,0 @@
-export var gridPreferencePanelStateSelector = function gridPreferencePanelStateSelector(state) {
-  return state.preferencePanel;
-};

package/legacy/hooks/features/preferencesPanel/gridPreferencePanelState.js

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

package/legacy/hooks/features/preferencesPanel/gridPreferencePanelsValue.js

@@ -1,6 +0,0 @@
-var GridPreferencePanelsValue = /*#__PURE__*/function (GridPreferencePanelsValue) {
-  GridPreferencePanelsValue["filters"] = "filters";
-  GridPreferencePanelsValue["columns"] = "columns";
-  return GridPreferencePanelsValue;
-}(GridPreferencePanelsValue || {});
-export { GridPreferencePanelsValue };

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

@@ -1,3 +0,0 @@
-export * from './gridPreferencePanelSelector';
-export * from './gridPreferencePanelState';
-export * from './gridPreferencePanelsValue';

package/legacy/hooks/features/preferencesPanel/useGridPreferencesPanel.js

@@ -1,125 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridApiMethod } from '../../utils/useGridApiMethod';
-import { useGridLogger } from '../../utils/useGridLogger';
-import { useGridRegisterPipeProcessor } from '../../core/pipeProcessing';
-import { gridPreferencePanelStateSelector } from './gridPreferencePanelSelector';
-export var preferencePanelStateInitializer = function preferencePanelStateInitializer(state, props) {
-  var _props$initialState$p, _props$initialState;
-  return _extends({}, state, {
-    preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
-      open: false
-    }
-  });
-};
-
-/**
- * TODO: Add a single `setPreferencePanel` method to avoid multiple `setState`
- */
-export var useGridPreferencesPanel = function useGridPreferencesPanel(apiRef, props) {
-  var _props$initialState3;
-  var logger = useGridLogger(apiRef, 'useGridPreferencesPanel');
-  var hideTimeout = React.useRef();
-  var immediateTimeout = React.useRef();
-
-  /**
-   * API METHODS
-   */
-  var hidePreferences = React.useCallback(function () {
-    logger.debug('Hiding Preferences Panel');
-    var preferencePanelState = gridPreferencePanelStateSelector(apiRef.current.state);
-    if (preferencePanelState.openedPanelValue) {
-      apiRef.current.publishEvent('preferencePanelClose', {
-        openedPanelValue: preferencePanelState.openedPanelValue
-      });
-    }
-    apiRef.current.setState(function (state) {
-      return _extends({}, state, {
-        preferencePanel: {
-          open: false
-        }
-      });
-    });
-    apiRef.current.forceUpdate();
-  }, [apiRef, logger]);
-
-  // This is to prevent the preferences from closing when you open a select box or another panel,
-  // The issue is in MUI core V4 => Fixed in V5
-  var doNotHidePanel = React.useCallback(function () {
-    immediateTimeout.current = setTimeout(function () {
-      return clearTimeout(hideTimeout.current);
-    }, 0);
-  }, []);
-
-  // This is a hack for the issue with Core V4, by delaying hiding the panel on the clickAwayListener,
-  // we can cancel the action if the trigger element still need the panel...
-  var hidePreferencesDelayed = React.useCallback(function () {
-    hideTimeout.current = setTimeout(hidePreferences, 100);
-  }, [hidePreferences]);
-  var showPreferences = React.useCallback(function (newValue, panelId, labelId) {
-    logger.debug('Opening Preferences Panel');
-    doNotHidePanel();
-    apiRef.current.setState(function (state) {
-      return _extends({}, state, {
-        preferencePanel: _extends({}, state.preferencePanel, {
-          open: true,
-          openedPanelValue: newValue,
-          panelId: panelId,
-          labelId: labelId
-        })
-      });
-    });
-    apiRef.current.publishEvent('preferencePanelOpen', {
-      openedPanelValue: newValue
-    });
-    apiRef.current.forceUpdate();
-  }, [logger, doNotHidePanel, apiRef]);
-  useGridApiMethod(apiRef, {
-    showPreferences: showPreferences,
-    hidePreferences: hidePreferencesDelayed
-  }, 'public');
-
-  /**
-   * PRE-PROCESSING
-   */
-  var stateExportPreProcessing = React.useCallback(function (prevState, context) {
-    var _props$initialState2;
-    var preferencePanelToExport = gridPreferencePanelStateSelector(apiRef.current.state);
-    var shouldExportPreferencePanel =
-    // Always export if the `exportOnlyDirtyModels` property is not activated
-    !context.exportOnlyDirtyModels ||
-    // Always export if the panel was initialized
-    ((_props$initialState2 = props.initialState) == null ? void 0 : _props$initialState2.preferencePanel) != null ||
-    // Always export if the panel is opened
-    preferencePanelToExport.open;
-    if (!shouldExportPreferencePanel) {
-      return prevState;
-    }
-    return _extends({}, prevState, {
-      preferencePanel: preferencePanelToExport
-    });
-  }, [apiRef, (_props$initialState3 = props.initialState) == null ? void 0 : _props$initialState3.preferencePanel]);
-  var stateRestorePreProcessing = React.useCallback(function (params, context) {
-    var preferencePanel = context.stateToRestore.preferencePanel;
-    if (preferencePanel != null) {
-      apiRef.current.setState(function (state) {
-        return _extends({}, state, {
-          preferencePanel: preferencePanel
-        });
-      });
-    }
-    return params;
-  }, [apiRef]);
-  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
-
-  /**
-   * EFFECTS
-   */
-  React.useEffect(function () {
-    return function () {
-      clearTimeout(hideTimeout.current);
-      clearTimeout(immediateTimeout.current);
-    };
-  }, []);
-};

package/legacy/hooks/features/rowSelection/gridRowSelectionSelector.js

@@ -1,19 +0,0 @@
-import { createSelector, createSelectorMemoized } from '../../../utils/createSelector';
-import { gridRowsLookupSelector } from '../rows/gridRowsSelector';
-export var gridRowSelectionStateSelector = function gridRowSelectionStateSelector(state) {
-  return state.rowSelection;
-};
-export var selectedGridRowsCountSelector = createSelector(gridRowSelectionStateSelector, function (selection) {
-  return selection.length;
-});
-export var selectedGridRowsSelector = createSelectorMemoized(gridRowSelectionStateSelector, gridRowsLookupSelector, function (selectedRows, rowsLookup) {
-  return new Map(selectedRows.map(function (id) {
-    return [id, rowsLookup[id]];
-  }));
-});
-export var selectedIdsLookupSelector = createSelectorMemoized(gridRowSelectionStateSelector, function (selection) {
-  return selection.reduce(function (lookup, rowId) {
-    lookup[rowId] = rowId;
-    return lookup;
-  }, {});
-});

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

@@ -1 +0,0 @@
-export * from './gridRowSelectionSelector';