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

package/modern/colDef/gridSingleSelectColDef.d.ts

@@ -1,2 +0,0 @@
-import { GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
-export declare const GRID_SINGLE_SELECT_COL_DEF: Omit<GridSingleSelectColDef, 'field'>;

package/modern/colDef/gridSingleSelectColDef.js

@@ -1,61 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
-import { renderEditSingleSelectCell } from "../components/cell/GridEditSingleSelectCell.js";
-import { getGridSingleSelectOperators } from "./gridSingleSelectOperators.js";
-import { getValueOptions, isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
-import { isObject } from "../utils/utils.js";
-import { gridRowIdSelector } from "../hooks/core/gridPropsSelectors.js";
-const isArrayOfObjects = options => {
-  return typeof options[0] === 'object';
-};
-const defaultGetOptionValue = value => {
-  return isObject(value) ? value.value : value;
-};
-const defaultGetOptionLabel = value => {
-  return isObject(value) ? value.label : String(value);
-};
-export const GRID_SINGLE_SELECT_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
-  type: 'singleSelect',
-  getOptionLabel: defaultGetOptionLabel,
-  getOptionValue: defaultGetOptionValue,
-  valueFormatter(value, row, colDef, apiRef) {
-    const rowId = gridRowIdSelector(apiRef, row);
-    if (!isSingleSelectColDef(colDef)) {
-      return '';
-    }
-    const valueOptions = getValueOptions(colDef, {
-      id: rowId,
-      row
-    });
-    if (value == null) {
-      return '';
-    }
-    if (!valueOptions) {
-      return value;
-    }
-    if (!isArrayOfObjects(valueOptions)) {
-      return colDef.getOptionLabel(value);
-    }
-    const valueOption = valueOptions.find(option => colDef.getOptionValue(option) === value);
-    return valueOption ? colDef.getOptionLabel(valueOption) : '';
-  },
-  renderEditCell: renderEditSingleSelectCell,
-  filterOperators: getGridSingleSelectOperators(),
-  // @ts-ignore
-  pastedValueParser: (value, row, column) => {
-    const colDef = column;
-    const valueOptions = getValueOptions(colDef) || [];
-    const getOptionValue = colDef.getOptionValue;
-    const valueOption = valueOptions.find(option => {
-      if (getOptionValue(option) === value) {
-        return true;
-      }
-      return false;
-    });
-    if (valueOption) {
-      return value;
-    }
-    // do not paste the value if it is not in the valueOptions
-    return undefined;
-  }
-});

package/modern/colDef/gridSingleSelectOperators.d.ts

@@ -1,2 +0,0 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
-export declare const getGridSingleSelectOperators: () => GridFilterOperator[];

package/modern/colDef/gridSingleSelectOperators.js

@@ -1,38 +0,0 @@
-import { GridFilterInputSingleSelect } from "../components/panel/filterPanel/GridFilterInputSingleSelect.js";
-import { GridFilterInputMultipleSingleSelect } from "../components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js";
-import { isObject } from "../utils/utils.js";
-const parseObjectValue = value => {
-  if (value == null || !isObject(value)) {
-    return value;
-  }
-  return value.value;
-};
-export const getGridSingleSelectOperators = () => [{
-  value: 'is',
-  getApplyFilterFn: filterItem => {
-    if (filterItem.value == null || filterItem.value === '') {
-      return null;
-    }
-    return value => parseObjectValue(value) === parseObjectValue(filterItem.value);
-  },
-  InputComponent: GridFilterInputSingleSelect
-}, {
-  value: 'not',
-  getApplyFilterFn: filterItem => {
-    if (filterItem.value == null || filterItem.value === '') {
-      return null;
-    }
-    return value => parseObjectValue(value) !== parseObjectValue(filterItem.value);
-  },
-  InputComponent: GridFilterInputSingleSelect
-}, {
-  value: 'isAnyOf',
-  getApplyFilterFn: filterItem => {
-    if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
-      return null;
-    }
-    const filterItemValues = filterItem.value.map(parseObjectValue);
-    return value => filterItemValues.includes(parseObjectValue(value));
-  },
-  InputComponent: GridFilterInputMultipleSingleSelect
-}];

package/modern/colDef/gridStringColDef.d.ts

@@ -1,5 +0,0 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
-/**
- * TODO: Move pro and premium properties outside of this Community file
- */
-export declare const GRID_STRING_COL_DEF: GridColTypeDef<any, any>;

package/modern/colDef/gridStringColDef.js

@@ -1,27 +0,0 @@
-import { renderEditInputCell } from "../components/cell/GridEditInputCell.js";
-import { gridStringOrNumberComparator } from "../hooks/features/sorting/gridSortingUtils.js";
-import { getGridStringOperators, getGridStringQuickFilterFn } from "./gridStringOperators.js";
-
-/**
- * TODO: Move pro and premium properties outside of this Community file
- */
-export const GRID_STRING_COL_DEF = {
-  width: 100,
-  minWidth: 50,
-  maxWidth: Infinity,
-  hideable: true,
-  sortable: true,
-  resizable: true,
-  filterable: true,
-  groupable: true,
-  pinnable: true,
-  // @ts-ignore
-  aggregable: true,
-  editable: false,
-  sortComparator: gridStringOrNumberComparator,
-  type: 'string',
-  align: 'left',
-  filterOperators: getGridStringOperators(),
-  renderEditCell: renderEditInputCell,
-  getApplyQuickFilterFn: getGridStringQuickFilterFn
-};

package/modern/colDef/gridStringOperators.d.ts

@@ -1,4 +0,0 @@
-import type { GetApplyQuickFilterFn } from '../models/colDef/gridColDef';
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
-export declare const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown>;
-export declare const getGridStringOperators: (disableTrim?: boolean) => GridFilterOperator<any, number | string | null, any>[];

package/modern/colDef/gridStringOperators.js

@@ -1,121 +0,0 @@
-import { GridFilterInputValue } from "../components/panel/filterPanel/GridFilterInputValue.js";
-import { escapeRegExp } from "../utils/utils.js";
-import { GridFilterInputMultipleValue } from "../components/panel/filterPanel/GridFilterInputMultipleValue.js";
-import { removeDiacritics } from "../hooks/features/filter/gridFilterUtils.js";
-export const getGridStringQuickFilterFn = value => {
-  if (!value) {
-    return null;
-  }
-  const filterRegex = new RegExp(escapeRegExp(value), 'i');
-  return (_, row, column, apiRef) => {
-    let columnValue = apiRef.current.getRowFormattedValue(row, column);
-    if (apiRef.current.ignoreDiacritics) {
-      columnValue = removeDiacritics(columnValue);
-    }
-    return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
-  };
-};
-const createContainsFilterFn = (disableTrim, negate) => filterItem => {
-  if (!filterItem.value) {
-    return null;
-  }
-  const trimmedValue = disableTrim ? filterItem.value : filterItem.value.trim();
-  const filterRegex = new RegExp(escapeRegExp(trimmedValue), 'i');
-  return value => {
-    if (value == null) {
-      return negate;
-    }
-    const matches = filterRegex.test(String(value));
-    return negate ? !matches : matches;
-  };
-};
-const createEqualityFilterFn = (disableTrim, negate) => filterItem => {
-  if (!filterItem.value) {
-    return null;
-  }
-  const trimmedValue = disableTrim ? filterItem.value : filterItem.value.trim();
-  const collator = new Intl.Collator(undefined, {
-    sensitivity: 'base',
-    usage: 'search'
-  });
-  return value => {
-    if (value == null) {
-      return negate;
-    }
-    const isEqual = collator.compare(trimmedValue, value.toString()) === 0;
-    return negate ? !isEqual : isEqual;
-  };
-};
-const createEmptyFilterFn = negate => () => {
-  return value => {
-    const isEmpty = value === '' || value == null;
-    return negate ? !isEmpty : isEmpty;
-  };
-};
-export const getGridStringOperators = (disableTrim = false) => [{
-  value: 'contains',
-  getApplyFilterFn: createContainsFilterFn(disableTrim, false),
-  InputComponent: GridFilterInputValue
-}, {
-  value: 'doesNotContain',
-  getApplyFilterFn: createContainsFilterFn(disableTrim, true),
-  InputComponent: GridFilterInputValue
-}, {
-  value: 'equals',
-  getApplyFilterFn: createEqualityFilterFn(disableTrim, false),
-  InputComponent: GridFilterInputValue
-}, {
-  value: 'doesNotEqual',
-  getApplyFilterFn: createEqualityFilterFn(disableTrim, true),
-  InputComponent: GridFilterInputValue
-}, {
-  value: 'startsWith',
-  getApplyFilterFn: filterItem => {
-    if (!filterItem.value) {
-      return null;
-    }
-    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
-    const filterRegex = new RegExp(`^${escapeRegExp(filterItemValue)}.*$`, 'i');
-    return value => {
-      return value != null ? filterRegex.test(value.toString()) : false;
-    };
-  },
-  InputComponent: GridFilterInputValue
-}, {
-  value: 'endsWith',
-  getApplyFilterFn: filterItem => {
-    if (!filterItem.value) {
-      return null;
-    }
-    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
-    const filterRegex = new RegExp(`.*${escapeRegExp(filterItemValue)}$`, 'i');
-    return value => {
-      return value != null ? filterRegex.test(value.toString()) : false;
-    };
-  },
-  InputComponent: GridFilterInputValue
-}, {
-  value: 'isEmpty',
-  getApplyFilterFn: createEmptyFilterFn(false),
-  requiresFilterValue: false
-}, {
-  value: 'isNotEmpty',
-  getApplyFilterFn: createEmptyFilterFn(true),
-  requiresFilterValue: false
-}, {
-  value: 'isAnyOf',
-  getApplyFilterFn: filterItem => {
-    if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
-      return null;
-    }
-    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.map(val => val.trim());
-    const collator = new Intl.Collator(undefined, {
-      sensitivity: 'base',
-      usage: 'search'
-    });
-    return value => value != null ? filterItemValue.some(filterValue => {
-      return collator.compare(filterValue, value.toString() || '') === 0;
-    }) : false;
-  },
-  InputComponent: GridFilterInputMultipleValue
-}];

package/modern/colDef/index.d.ts

@@ -1,13 +0,0 @@
-export * from "./gridActionsColDef.js";
-export * from "./gridBooleanColDef.js";
-export * from "./gridCheckboxSelectionColDef.js";
-export * from "./gridDateColDef.js";
-export * from "./gridNumericColDef.js";
-export * from "./gridSingleSelectColDef.js";
-export * from "./gridStringColDef.js";
-export * from "./gridBooleanOperators.js";
-export * from "./gridDateOperators.js";
-export * from "./gridNumericOperators.js";
-export * from "./gridSingleSelectOperators.js";
-export * from "./gridStringOperators.js";
-export * from "./gridDefaultColumnTypes.js";

package/modern/colDef/index.js

@@ -1,13 +0,0 @@
-export * from "./gridActionsColDef.js";
-export * from "./gridBooleanColDef.js";
-export * from "./gridCheckboxSelectionColDef.js";
-export * from "./gridDateColDef.js";
-export * from "./gridNumericColDef.js";
-export * from "./gridSingleSelectColDef.js";
-export * from "./gridStringColDef.js";
-export * from "./gridBooleanOperators.js";
-export * from "./gridDateOperators.js";
-export * from "./gridNumericOperators.js";
-export * from "./gridSingleSelectOperators.js";
-export * from "./gridStringOperators.js";
-export * from "./gridDefaultColumnTypes.js";

package/modern/components/GridApiContext.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const GridApiContext: React.Context<unknown>;

package/modern/components/GridApiContext.js

@@ -1,7 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export const GridApiContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== 'production') {
-  GridApiContext.displayName = 'GridApiContext';
-}

package/modern/components/GridColumnHeaders.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
-export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {
-  ref?: React.Ref<HTMLDivElement>;
-}
-declare const MemoizedGridColumnHeaders: React.ForwardRefExoticComponent<GridColumnHeadersProps> | React.ForwardRefExoticComponent<Omit<GridColumnHeadersProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { MemoizedGridColumnHeaders as GridColumnHeaders };

package/modern/components/GridColumnHeaders.js

@@ -1,85 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { fastMemo } from '@mui/x-internals/fastMemo';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridColumnHeaders } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
-import { GridBaseColumnHeaders } from "./columnHeaders/GridBaseColumnHeaders.js";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const GridColumnHeaders = forwardRef(function GridColumnHeaders(props, ref) {
-  const {
-      visibleColumns,
-      sortColumnLookup,
-      filterColumnLookup,
-      columnHeaderTabIndexState,
-      columnGroupHeaderTabIndexState,
-      columnHeaderFocus,
-      columnGroupHeaderFocus,
-      headerGroupingMaxDepth,
-      columnMenuState,
-      columnVisibility,
-      columnGroupsHeaderStructure,
-      hasOtherElementInTabSequence
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    getInnerProps,
-    getColumnHeadersRow,
-    getColumnGroupHeadersRows
-  } = useGridColumnHeaders({
-    visibleColumns,
-    sortColumnLookup,
-    filterColumnLookup,
-    columnHeaderTabIndexState,
-    columnGroupHeaderTabIndexState,
-    columnHeaderFocus,
-    columnGroupHeaderFocus,
-    headerGroupingMaxDepth,
-    columnMenuState,
-    columnVisibility,
-    columnGroupsHeaderStructure,
-    hasOtherElementInTabSequence
-  });
-  return /*#__PURE__*/_jsxs(GridBaseColumnHeaders, _extends({}, other, getInnerProps(), {
-    ref: ref,
-    children: [getColumnGroupHeadersRows(), getColumnHeadersRow()]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  columnGroupHeaderFocus: PropTypes.shape({
-    depth: PropTypes.number.isRequired,
-    field: PropTypes.string.isRequired
-  }),
-  columnGroupHeaderTabIndexState: PropTypes.shape({
-    depth: PropTypes.number.isRequired,
-    field: PropTypes.string.isRequired
-  }),
-  columnGroupsHeaderStructure: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({
-    columnFields: PropTypes.arrayOf(PropTypes.string).isRequired,
-    groupId: PropTypes.string
-  }))).isRequired,
-  columnHeaderFocus: PropTypes.shape({
-    field: PropTypes.string.isRequired
-  }),
-  columnHeaderTabIndexState: PropTypes.shape({
-    field: PropTypes.string.isRequired
-  }),
-  columnMenuState: PropTypes.shape({
-    field: PropTypes.string,
-    open: PropTypes.bool.isRequired
-  }).isRequired,
-  columnVisibility: PropTypes.object.isRequired,
-  filterColumnLookup: PropTypes.object.isRequired,
-  hasOtherElementInTabSequence: PropTypes.bool.isRequired,
-  headerGroupingMaxDepth: PropTypes.number.isRequired,
-  sortColumnLookup: PropTypes.object.isRequired,
-  visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired
-} : void 0;
-const MemoizedGridColumnHeaders = fastMemo(GridColumnHeaders);
-export { MemoizedGridColumnHeaders as GridColumnHeaders };

package/modern/components/GridConfigurationContext.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const GridConfigurationContext: React.Context<unknown>;

package/modern/components/GridConfigurationContext.js

@@ -1,7 +0,0 @@
-'use client';
-
-import * as React from 'react';
-export const GridConfigurationContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== 'production') {
-  GridConfigurationContext.displayName = 'GridConfigurationContext';
-}

package/modern/components/GridDetailPanels.d.ts

@@ -1,5 +0,0 @@
-import type { VirtualScroller } from '../hooks/features/virtualization/useGridVirtualScroller';
-export interface GridDetailPanelsProps {
-  virtualScroller: VirtualScroller;
-}
-export declare function GridDetailPanels(_: GridDetailPanelsProps): null;

package/modern/components/GridDetailPanels.js

@@ -1,3 +0,0 @@
-export function GridDetailPanels(_) {
-  return null;
-}

package/modern/components/GridFooter.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
-declare const GridFooter: React.ForwardRefExoticComponent<GridFooterContainerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridFooter };

package/modern/components/GridFooter.js

@@ -1,40 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridSelector } from "../hooks/utils/useGridSelector.js";
-import { gridTopLevelRowCountSelector } from "../hooks/features/rows/gridRowsSelector.js";
-import { gridRowSelectionCountSelector } from "../hooks/features/rowSelection/gridRowSelectionSelector.js";
-import { gridFilteredTopLevelRowCountSelector } from "../hooks/features/filter/gridFilterSelector.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { GridSelectedRowCount } from "./GridSelectedRowCount.js";
-import { GridFooterContainer } from "./containers/GridFooterContainer.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridFooter = forwardRef(function GridFooter(props, ref) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const totalTopLevelRowCount = useGridSelector(apiRef, gridTopLevelRowCountSelector);
-  const selectedRowCount = useGridSelector(apiRef, gridRowSelectionCountSelector);
-  const visibleTopLevelRowCount = useGridSelector(apiRef, gridFilteredTopLevelRowCountSelector);
-  const selectedRowCountElement = !rootProps.hideFooterSelectedRowCount && selectedRowCount > 0 ? /*#__PURE__*/_jsx(GridSelectedRowCount, {
-    selectedRowCount: selectedRowCount
-  }) : /*#__PURE__*/_jsx("div", {});
-  const rowCountElement = !rootProps.hideFooterRowCount && !rootProps.pagination ? /*#__PURE__*/_jsx(rootProps.slots.footerRowCount, _extends({}, rootProps.slotProps?.footerRowCount, {
-    rowCount: totalTopLevelRowCount,
-    visibleRowCount: visibleTopLevelRowCount
-  })) : null;
-  const paginationElement = rootProps.pagination && !rootProps.hideFooterPagination && rootProps.slots.pagination && /*#__PURE__*/_jsx(rootProps.slots.pagination, {});
-  return /*#__PURE__*/_jsxs(GridFooterContainer, _extends({}, props, {
-    ref: ref,
-    children: [selectedRowCountElement, rowCountElement, paginationElement]
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridFooter.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridFooter };

package/modern/components/GridHeader.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare function GridHeader(): React.JSX.Element;

package/modern/components/GridHeader.js

@@ -1,11 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { GridPreferencesPanel } from "./panel/GridPreferencesPanel.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function GridHeader() {
-  const rootProps = useGridRootProps();
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(GridPreferencesPanel, {}), rootProps.showToolbar && /*#__PURE__*/_jsx(rootProps.slots.toolbar, _extends({}, rootProps.slotProps?.toolbar))]
-  });
-}

package/modern/components/GridHeaders.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare function GridHeaders(): React.JSX.Element;
-declare const MemoizedGridHeaders: typeof GridHeaders;
-export { MemoizedGridHeaders as GridHeaders };

package/modern/components/GridHeaders.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { fastMemo } from '@mui/x-internals/fastMemo';
-import { useGridPrivateApiContext } from "../hooks/utils/useGridPrivateApiContext.js";
-import { useGridSelector } from "../hooks/utils/useGridSelector.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { gridColumnVisibilityModelSelector, gridVisibleColumnDefinitionsSelector } from "../hooks/features/columns/gridColumnsSelector.js";
-import { gridFilterActiveItemsLookupSelector } from "../hooks/features/filter/gridFilterSelector.js";
-import { gridSortColumnLookupSelector } from "../hooks/features/sorting/gridSortingSelector.js";
-import { gridTabIndexColumnHeaderSelector, gridTabIndexCellSelector, gridFocusColumnHeaderSelector, gridTabIndexColumnGroupHeaderSelector, gridFocusColumnGroupHeaderSelector } from "../hooks/features/focus/gridFocusStateSelector.js";
-import { gridColumnGroupsHeaderMaxDepthSelector, gridColumnGroupsHeaderStructureSelector } from "../hooks/features/columnGrouping/gridColumnGroupsSelector.js";
-import { gridColumnMenuSelector } from "../hooks/features/columnMenu/columnMenuSelector.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridHeaders() {
-  const apiRef = useGridPrivateApiContext();
-  const rootProps = useGridRootProps();
-  const visibleColumns = useGridSelector(apiRef, gridVisibleColumnDefinitionsSelector);
-  const filterColumnLookup = useGridSelector(apiRef, gridFilterActiveItemsLookupSelector);
-  const sortColumnLookup = useGridSelector(apiRef, gridSortColumnLookupSelector);
-  const columnHeaderTabIndexState = useGridSelector(apiRef, gridTabIndexColumnHeaderSelector);
-  const hasNoCellTabIndexState = useGridSelector(apiRef, () => gridTabIndexCellSelector(apiRef) === null);
-  const columnGroupHeaderTabIndexState = useGridSelector(apiRef, gridTabIndexColumnGroupHeaderSelector);
-  const columnHeaderFocus = useGridSelector(apiRef, gridFocusColumnHeaderSelector);
-  const columnGroupHeaderFocus = useGridSelector(apiRef, gridFocusColumnGroupHeaderSelector);
-  const headerGroupingMaxDepth = useGridSelector(apiRef, gridColumnGroupsHeaderMaxDepthSelector);
-  const columnMenuState = useGridSelector(apiRef, gridColumnMenuSelector);
-  const columnVisibility = useGridSelector(apiRef, gridColumnVisibilityModelSelector);
-  const columnGroupsHeaderStructure = useGridSelector(apiRef, gridColumnGroupsHeaderStructureSelector);
-  const hasOtherElementInTabSequence = !(columnGroupHeaderTabIndexState === null && columnHeaderTabIndexState === null && hasNoCellTabIndexState);
-  const columnsContainerRef = apiRef.current.columnHeadersContainerRef;
-  return /*#__PURE__*/_jsx(rootProps.slots.columnHeaders, _extends({
-    ref: columnsContainerRef,
-    visibleColumns: visibleColumns,
-    filterColumnLookup: filterColumnLookup,
-    sortColumnLookup: sortColumnLookup,
-    columnHeaderTabIndexState: columnHeaderTabIndexState,
-    columnGroupHeaderTabIndexState: columnGroupHeaderTabIndexState,
-    columnHeaderFocus: columnHeaderFocus,
-    columnGroupHeaderFocus: columnGroupHeaderFocus,
-    headerGroupingMaxDepth: headerGroupingMaxDepth,
-    columnMenuState: columnMenuState,
-    columnVisibility: columnVisibility,
-    columnGroupsHeaderStructure: columnGroupsHeaderStructure,
-    hasOtherElementInTabSequence: hasOtherElementInTabSequence
-  }, rootProps.slotProps?.columnHeaders));
-}
-const MemoizedGridHeaders = fastMemo(GridHeaders);
-export { MemoizedGridHeaders as GridHeaders };

package/modern/components/GridLoadingOverlay.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { GridOverlayProps } from "./containers/GridOverlay.js";
-export type GridLoadingOverlayVariant = 'circular-progress' | 'linear-progress' | 'skeleton';
-export interface GridLoadingOverlayProps extends GridOverlayProps {
-  /**
-   * The variant of the overlay.
-   * @default 'linear-progress'
-   */
-  variant?: GridLoadingOverlayVariant;
-  /**
-   * The variant of the overlay when no rows are displayed.
-   * @default 'skeleton'
-   */
-  noRowsVariant?: GridLoadingOverlayVariant;
-}
-declare const GridLoadingOverlay: React.ForwardRefExoticComponent<GridLoadingOverlayProps> | React.ForwardRefExoticComponent<GridLoadingOverlayProps & React.RefAttributes<HTMLDivElement>>;
-export { GridLoadingOverlay };

package/modern/components/GridLoadingOverlay.js

@@ -1,67 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["variant", "noRowsVariant", "style"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import { GridOverlay } from "./containers/GridOverlay.js";
-import { GridSkeletonLoadingOverlay } from "./GridSkeletonLoadingOverlay.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { gridRowCountSelector, useGridSelector } from "../hooks/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const LOADING_VARIANTS = {
-  'circular-progress': {
-    component: rootProps => rootProps.slots.baseCircularProgress,
-    style: {}
-  },
-  'linear-progress': {
-    component: rootProps => rootProps.slots.baseLinearProgress,
-    style: {
-      display: 'block'
-    }
-  },
-  skeleton: {
-    component: () => GridSkeletonLoadingOverlay,
-    style: {
-      display: 'block'
-    }
-  }
-};
-const GridLoadingOverlay = forwardRef(function GridLoadingOverlay(props, ref) {
-  const {
-      variant = 'linear-progress',
-      noRowsVariant = 'skeleton',
-      style
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const rowsCount = useGridSelector(apiRef, gridRowCountSelector);
-  const activeVariant = LOADING_VARIANTS[rowsCount === 0 ? noRowsVariant : variant];
-  const Component = activeVariant.component(rootProps);
-  return /*#__PURE__*/_jsx(GridOverlay, _extends({
-    style: _extends({}, activeVariant.style, style)
-  }, other, {
-    ref: ref,
-    children: /*#__PURE__*/_jsx(Component, {})
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridLoadingOverlay.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The variant of the overlay when no rows are displayed.
-   * @default 'skeleton'
-   */
-  noRowsVariant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton']),
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant of the overlay.
-   * @default 'linear-progress'
-   */
-  variant: PropTypes.oneOf(['circular-progress', 'linear-progress', 'skeleton'])
-} : void 0;
-export { GridLoadingOverlay };

package/modern/components/GridNoColumnsOverlay.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { GridOverlayProps } from "./containers/GridOverlay.js";
-declare const GridNoColumnsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridNoColumnsOverlay };