@mui/x-data-grid 8.0.0-alpha.10 → 8.0.0-alpha.12

package/node/hooks/features/listView/useGridListView.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.listViewStateInitializer = void 0;
-exports.useGridListView = useGridListView;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _warning = require("@mui/x-internals/warning");
-var _dimensions = require("../dimensions");
-var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
-const listViewStateInitializer = (state, props, apiRef) => (0, _extends2.default)({}, state, {
-  listViewColumn: props.unstable_listColumn ? (0, _extends2.default)({}, props.unstable_listColumn, {
-    computedWidth: getListColumnWidth(apiRef)
-  }) : undefined
-});
-exports.listViewStateInitializer = listViewStateInitializer;
-function useGridListView(apiRef, props) {
-  /*
-   * EVENTS
-   */
-  const updateListColumnWidth = () => {
-    apiRef.current.setState(state => {
-      if (!state.listViewColumn) {
-        return state;
-      }
-      return (0, _extends2.default)({}, state, {
-        listViewColumn: (0, _extends2.default)({}, state.listViewColumn, {
-          computedWidth: getListColumnWidth(apiRef)
-        })
-      });
-    });
-  };
-  const prevInnerWidth = React.useRef(null);
-  const handleGridSizeChange = viewportInnerSize => {
-    if (prevInnerWidth.current !== viewportInnerSize.width) {
-      prevInnerWidth.current = viewportInnerSize.width;
-      updateListColumnWidth();
-    }
-  };
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'viewportInnerSizeChange', handleGridSizeChange);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, 'columnVisibilityModelChange', updateListColumnWidth);
-
-  /*
-   * EFFECTS
-   */
-  (0, _useEnhancedEffect.default)(() => {
-    const listColumn = props.unstable_listColumn;
-    if (listColumn) {
-      apiRef.current.setState(state => {
-        return (0, _extends2.default)({}, state, {
-          listViewColumn: (0, _extends2.default)({}, listColumn, {
-            computedWidth: getListColumnWidth(apiRef)
-          })
-        });
-      });
-    }
-  }, [apiRef, props.unstable_listColumn]);
-  React.useEffect(() => {
-    if (props.unstable_listView && !props.unstable_listColumn) {
-      (0, _warning.warnOnce)(['MUI X: The `unstable_listColumn` prop must be set if `unstable_listView` is enabled.', 'To fix, pass a column definition to the `unstable_listColumn` prop, e.g. `{ field: "example", renderCell: (params) => <div>{params.row.id}</div> }`.', 'For more details, see https://mui.com/x/react-data-grid/list-view/']);
-    }
-  }, [props.unstable_listView, props.unstable_listColumn]);
-}
-function getListColumnWidth(apiRef) {
-  return (0, _dimensions.gridDimensionsSelector)(apiRef.current.state).viewportInnerSize.width;
-}

package/node/hooks/features/overlays/useGridOverlays.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridOverlays = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("../../utils");
-var _useGridApiContext = require("../../utils/useGridApiContext");
-var _useGridRootProps = require("../../utils/useGridRootProps");
-var _filter = require("../filter");
-var _rows = require("../rows");
-var _gridRowsSelector = require("../rows/gridRowsSelector");
-var _GridOverlays = require("../../../components/base/GridOverlays");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Uses the grid state to determine which overlay to display.
- * Returns the active overlay type and the active loading overlay variant.
- */
-const useGridOverlays = () => {
-  const apiRef = (0, _useGridApiContext.useGridApiContext)();
-  const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const totalRowCount = (0, _utils.useGridSelector)(apiRef, _rows.gridRowCountSelector);
-  const visibleRowCount = (0, _utils.useGridSelector)(apiRef, _filter.gridExpandedRowCountSelector);
-  const pinnedRowsCount = (0, _utils.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
-  const noRows = totalRowCount === 0 && pinnedRowsCount === 0;
-  const loading = (0, _utils.useGridSelector)(apiRef, _rows.gridRowsLoadingSelector);
-  const showNoRowsOverlay = !loading && noRows;
-  const showNoResultsOverlay = !loading && totalRowCount > 0 && visibleRowCount === 0;
-  let overlayType = null;
-  let loadingOverlayVariant = null;
-  if (showNoRowsOverlay) {
-    overlayType = 'noRowsOverlay';
-  }
-  if (showNoResultsOverlay) {
-    overlayType = 'noResultsOverlay';
-  }
-  if (loading) {
-    overlayType = 'loadingOverlay';
-    loadingOverlayVariant = rootProps.slotProps?.loadingOverlay?.[noRows ? 'noRowsVariant' : 'variant'] || null;
-  }
-  const overlaysProps = {
-    overlayType,
-    loadingOverlayVariant
-  };
-  const getOverlay = () => {
-    if (!overlayType) {
-      return null;
-    }
-    const Overlay = rootProps.slots?.[overlayType];
-    const overlayProps = rootProps.slotProps?.[overlayType];
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridOverlays.GridOverlayWrapper, (0, _extends2.default)({}, overlaysProps, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Overlay, (0, _extends2.default)({}, overlayProps))
-    }));
-  };
-  return {
-    getOverlay,
-    overlaysProps
-  };
-};
-exports.useGridOverlays = useGridOverlays;

package/node/hooks/features/pagination/gridPaginationInterfaces.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/hooks/features/pagination/gridPaginationSelector.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridVisibleRowsSelector = exports.gridPaginationSelector = exports.gridPaginationRowRangeSelector = exports.gridPaginationRowCountSelector = exports.gridPaginationModelSelector = exports.gridPaginationMetaSelector = exports.gridPaginationEnabledClientSideSelector = exports.gridPaginatedVisibleSortedGridRowIdsSelector = exports.gridPaginatedVisibleSortedGridRowEntriesSelector = exports.gridPageSizeSelector = exports.gridPageSelector = exports.gridPageCountSelector = void 0;
-var _createSelector = require("../../../utils/createSelector");
-var _gridFilterSelector = require("../filter/gridFilterSelector");
-var _gridRowsSelector = require("../rows/gridRowsSelector");
-var _gridPaginationUtils = require("./gridPaginationUtils");
-const ALL_RESULTS_PAGE_VALUE = -1;
-
-/**
- * @category Pagination
- * @ignore - do not document.
- */
-const gridPaginationSelector = state => state.pagination;
-
-/**
- * @category Pagination
- * @ignore - do not document.
- */
-exports.gridPaginationSelector = gridPaginationSelector;
-const gridPaginationEnabledClientSideSelector = exports.gridPaginationEnabledClientSideSelector = (0, _createSelector.createSelector)(gridPaginationSelector, pagination => pagination.enabled && pagination.paginationMode === 'client');
-
-/**
- * Get the pagination model
- * @category Pagination
- */
-const gridPaginationModelSelector = exports.gridPaginationModelSelector = (0, _createSelector.createSelector)(gridPaginationSelector, pagination => pagination.paginationModel);
-
-/**
- * Get the row count
- * @category Pagination
- */
-const gridPaginationRowCountSelector = exports.gridPaginationRowCountSelector = (0, _createSelector.createSelector)(gridPaginationSelector, pagination => pagination.rowCount);
-
-/**
- * Get the pagination meta
- * @category Pagination
- */
-const gridPaginationMetaSelector = exports.gridPaginationMetaSelector = (0, _createSelector.createSelector)(gridPaginationSelector, pagination => pagination.meta);
-
-/**
- * Get the index of the page to render if the pagination is enabled
- * @category Pagination
- */
-const gridPageSelector = exports.gridPageSelector = (0, _createSelector.createSelector)(gridPaginationModelSelector, paginationModel => paginationModel.page);
-
-/**
- * Get the maximum amount of rows to display on a single page if the pagination is enabled
- * @category Pagination
- */
-const gridPageSizeSelector = exports.gridPageSizeSelector = (0, _createSelector.createSelector)(gridPaginationModelSelector, paginationModel => paginationModel.pageSize);
-
-/**
- * Get the amount of pages needed to display all the rows if the pagination is enabled
- * @category Pagination
- */
-const gridPageCountSelector = exports.gridPageCountSelector = (0, _createSelector.createSelector)(gridPaginationModelSelector, gridPaginationRowCountSelector, (paginationModel, rowCount) => (0, _gridPaginationUtils.getPageCount)(rowCount, paginationModel.pageSize, paginationModel.page));
-
-/**
- * Get the index of the first and the last row to include in the current page if the pagination is enabled.
- * @category Pagination
- */
-const gridPaginationRowRangeSelector = exports.gridPaginationRowRangeSelector = (0, _createSelector.createSelectorMemoized)(gridPaginationEnabledClientSideSelector, gridPaginationModelSelector, _gridRowsSelector.gridRowTreeSelector, _gridRowsSelector.gridRowMaximumTreeDepthSelector, _gridFilterSelector.gridExpandedSortedRowEntriesSelector, _gridFilterSelector.gridFilteredSortedTopLevelRowEntriesSelector, (clientSidePaginationEnabled, paginationModel, rowTree, rowTreeDepth, visibleSortedRowEntries, visibleSortedTopLevelRowEntries) => {
-  if (!clientSidePaginationEnabled) {
-    return null;
-  }
-  const visibleTopLevelRowCount = visibleSortedTopLevelRowEntries.length;
-  const topLevelFirstRowIndex = Math.min(paginationModel.pageSize * paginationModel.page, visibleTopLevelRowCount - 1);
-  const topLevelLastRowIndex = paginationModel.pageSize === ALL_RESULTS_PAGE_VALUE ? visibleTopLevelRowCount - 1 : Math.min(topLevelFirstRowIndex + paginationModel.pageSize - 1, visibleTopLevelRowCount - 1);
-
-  // The range contains no element
-  if (topLevelFirstRowIndex === -1 || topLevelLastRowIndex === -1) {
-    return null;
-  }
-
-  // The tree is flat, there is no need to look for children
-  if (rowTreeDepth < 2) {
-    return {
-      firstRowIndex: topLevelFirstRowIndex,
-      lastRowIndex: topLevelLastRowIndex
-    };
-  }
-  const topLevelFirstRow = visibleSortedTopLevelRowEntries[topLevelFirstRowIndex];
-  const topLevelRowsInCurrentPageCount = topLevelLastRowIndex - topLevelFirstRowIndex + 1;
-  const firstRowIndex = visibleSortedRowEntries.findIndex(row => row.id === topLevelFirstRow.id);
-  let lastRowIndex = firstRowIndex;
-  let topLevelRowAdded = 0;
-  while (lastRowIndex < visibleSortedRowEntries.length && topLevelRowAdded <= topLevelRowsInCurrentPageCount) {
-    const row = visibleSortedRowEntries[lastRowIndex];
-    const depth = rowTree[row.id]?.depth;
-    if (depth === undefined) {
-      lastRowIndex += 1;
-    } else {
-      if (topLevelRowAdded < topLevelRowsInCurrentPageCount || depth > 0) {
-        lastRowIndex += 1;
-      }
-      if (depth === 0) {
-        topLevelRowAdded += 1;
-      }
-    }
-  }
-  return {
-    firstRowIndex,
-    lastRowIndex: lastRowIndex - 1
-  };
-});
-
-/**
- * Get the id and the model of each row to include in the current page if the pagination is enabled.
- * @category Pagination
- */
-const gridPaginatedVisibleSortedGridRowEntriesSelector = exports.gridPaginatedVisibleSortedGridRowEntriesSelector = (0, _createSelector.createSelectorMemoized)(_gridFilterSelector.gridExpandedSortedRowEntriesSelector, gridPaginationRowRangeSelector, (visibleSortedRowEntries, paginationRange) => {
-  if (!paginationRange) {
-    return [];
-  }
-  return visibleSortedRowEntries.slice(paginationRange.firstRowIndex, paginationRange.lastRowIndex + 1);
-});
-
-/**
- * Get the id of each row to include in the current page if the pagination is enabled.
- * @category Pagination
- */
-const gridPaginatedVisibleSortedGridRowIdsSelector = exports.gridPaginatedVisibleSortedGridRowIdsSelector = (0, _createSelector.createSelectorMemoized)(_gridFilterSelector.gridExpandedSortedRowIdsSelector, gridPaginationRowRangeSelector, (visibleSortedRowIds, paginationRange) => {
-  if (!paginationRange) {
-    return [];
-  }
-  return visibleSortedRowIds.slice(paginationRange.firstRowIndex, paginationRange.lastRowIndex + 1);
-});
-
-/**
- * Get the rows, range and rowIndex lookup map after filtering and sorting.
- * Does not contain the collapsed children.
- * @category Pagination
- */
-const gridVisibleRowsSelector = exports.gridVisibleRowsSelector = (0, _createSelector.createSelectorMemoized)(gridPaginationEnabledClientSideSelector, gridPaginationRowRangeSelector, gridPaginatedVisibleSortedGridRowEntriesSelector, _gridFilterSelector.gridExpandedSortedRowEntriesSelector, (clientPaginationEnabled, paginationRowRange, paginationRows, expandedSortedRowEntries) => {
-  if (clientPaginationEnabled) {
-    return {
-      rows: paginationRows,
-      range: paginationRowRange,
-      rowIdToIndexMap: paginationRows.reduce((lookup, row, index) => {
-        lookup.set(row.id, index);
-        return lookup;
-      }, new Map())
-    };
-  }
-  return {
-    rows: expandedSortedRowEntries,
-    range: expandedSortedRowEntries.length === 0 ? null : {
-      firstRowIndex: 0,
-      lastRowIndex: expandedSortedRowEntries.length - 1
-    },
-    rowIdToIndexMap: expandedSortedRowEntries.reduce((lookup, row, index) => {
-      lookup.set(row.id, index);
-      return lookup;
-    }, new Map())
-  };
-});

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

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.throwIfPageSizeExceedsTheLimit = exports.getValidPage = exports.getPageCount = exports.getDefaultGridPaginationModel = exports.defaultPageSize = void 0;
-var _utils = require("../../utils");
-const MAX_PAGE_SIZE = 100;
-const defaultPageSize = autoPageSize => autoPageSize ? 0 : 100;
-exports.defaultPageSize = defaultPageSize;
-const getPageCount = (rowCount, pageSize, page) => {
-  if (pageSize > 0 && rowCount > 0) {
-    return Math.ceil(rowCount / pageSize);
-  }
-  if (rowCount === -1) {
-    // With unknown row-count, we can assume a page after the current one
-    return page + 2;
-  }
-  return 0;
-};
-exports.getPageCount = getPageCount;
-const getDefaultGridPaginationModel = autoPageSize => ({
-  page: 0,
-  pageSize: autoPageSize ? 0 : 100
-});
-exports.getDefaultGridPaginationModel = getDefaultGridPaginationModel;
-const getValidPage = (page, pageCount = 0) => {
-  if (pageCount === 0) {
-    return page;
-  }
-  return Math.max(Math.min(page, pageCount - 1), 0);
-};
-exports.getValidPage = getValidPage;
-const throwIfPageSizeExceedsTheLimit = (pageSize, signatureProp) => {
-  if (signatureProp === _utils.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'));
-  }
-};
-exports.throwIfPageSizeExceedsTheLimit = throwIfPageSizeExceedsTheLimit;

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _gridPaginationSelector = require("./gridPaginationSelector");
-Object.keys(_gridPaginationSelector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridPaginationSelector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridPaginationSelector[key];
-    }
-  });
-});

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

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridPagination = exports.paginationStateInitializer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _gridPaginationUtils = require("./gridPaginationUtils");
-var _useGridPaginationModel = require("./useGridPaginationModel");
-var _useGridRowCount = require("./useGridRowCount");
-var _useGridPaginationMeta = require("./useGridPaginationMeta");
-const paginationStateInitializer = (state, props) => {
-  const paginationModel = (0, _extends2.default)({}, (0, _gridPaginationUtils.getDefaultGridPaginationModel)(props.autoPageSize), props.paginationModel ?? props.initialState?.pagination?.paginationModel);
-  (0, _gridPaginationUtils.throwIfPageSizeExceedsTheLimit)(paginationModel.pageSize, props.signature);
-  const rowCount = props.rowCount ?? props.initialState?.pagination?.rowCount;
-  const meta = props.paginationMeta ?? props.initialState?.pagination?.meta ?? {};
-  return (0, _extends2.default)({}, state, {
-    pagination: (0, _extends2.default)({}, state.pagination, {
-      paginationModel,
-      rowCount,
-      meta,
-      enabled: props.pagination === true,
-      paginationMode: props.paginationMode
-    })
-  });
-};
-
-/**
- * @requires useGridFilter (state)
- * @requires useGridDimensions (event) - can be after
- */
-exports.paginationStateInitializer = paginationStateInitializer;
-const useGridPagination = (apiRef, props) => {
-  (0, _useGridPaginationMeta.useGridPaginationMeta)(apiRef, props);
-  (0, _useGridPaginationModel.useGridPaginationModel)(apiRef, props);
-  (0, _useGridRowCount.useGridRowCount)(apiRef, props);
-};
-exports.useGridPagination = useGridPagination;

package/node/hooks/features/pagination/useGridPaginationMeta.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridPaginationMeta = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("../../utils");
-var _pipeProcessing = require("../../core/pipeProcessing");
-var _gridPaginationSelector = require("./gridPaginationSelector");
-const useGridPaginationMeta = (apiRef, props) => {
-  const logger = (0, _utils.useGridLogger)(apiRef, 'useGridPaginationMeta');
-  const paginationMeta = (0, _utils.useGridSelector)(apiRef, _gridPaginationSelector.gridPaginationMetaSelector);
-  apiRef.current.registerControlState({
-    stateId: 'paginationMeta',
-    propModel: props.paginationMeta,
-    propOnChange: props.onPaginationMetaChange,
-    stateSelector: _gridPaginationSelector.gridPaginationMetaSelector,
-    changeEvent: 'paginationMetaChange'
-  });
-
-  /**
-   * API METHODS
-   */
-  const setPaginationMeta = React.useCallback(newPaginationMeta => {
-    if (paginationMeta === newPaginationMeta) {
-      return;
-    }
-    logger.debug("Setting 'paginationMeta' to", newPaginationMeta);
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      pagination: (0, _extends2.default)({}, state.pagination, {
-        meta: newPaginationMeta
-      })
-    }));
-  }, [apiRef, logger, paginationMeta]);
-  const paginationMetaApi = {
-    setPaginationMeta
-  };
-  (0, _utils.useGridApiMethod)(apiRef, paginationMetaApi, 'public');
-
-  /**
-   * PRE-PROCESSING
-   */
-  const stateExportPreProcessing = React.useCallback((prevState, context) => {
-    const exportedPaginationMeta = (0, _gridPaginationSelector.gridPaginationMetaSelector)(apiRef);
-    const shouldExportRowCount =
-    // Always export if the `exportOnlyDirtyModels` property is not activated
-    !context.exportOnlyDirtyModels ||
-    // Always export if the `paginationMeta` is controlled
-    props.paginationMeta != null ||
-    // Always export if the `paginationMeta` has been initialized
-    props.initialState?.pagination?.meta != null;
-    if (!shouldExportRowCount) {
-      return prevState;
-    }
-    return (0, _extends2.default)({}, prevState, {
-      pagination: (0, _extends2.default)({}, prevState.pagination, {
-        meta: exportedPaginationMeta
-      })
-    });
-  }, [apiRef, props.paginationMeta, props.initialState?.pagination?.meta]);
-  const stateRestorePreProcessing = React.useCallback((params, context) => {
-    const restoredPaginationMeta = context.stateToRestore.pagination?.meta ? context.stateToRestore.pagination.meta : (0, _gridPaginationSelector.gridPaginationMetaSelector)(apiRef);
-    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
-      pagination: (0, _extends2.default)({}, state.pagination, {
-        meta: restoredPaginationMeta
-      })
-    }));
-    return params;
-  }, [apiRef]);
-  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'exportState', stateExportPreProcessing);
-  (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
-
-  /**
-   * EFFECTS
-   */
-  React.useEffect(() => {
-    if (props.paginationMeta) {
-      apiRef.current.setPaginationMeta(props.paginationMeta);
-    }
-  }, [apiRef, props.paginationMeta]);
-};
-exports.useGridPaginationMeta = useGridPaginationMeta;