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

package/modern/components/virtualization/GridVirtualScrollerFiller.js

@@ -1,74 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/system';
-import { fastMemo } from '@mui/x-internals/fastMemo';
-import { vars } from "../../constants/cssVariables.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { gridDimensionsSelector } from "../../hooks/features/dimensions/index.js";
-import { gridClasses } from "../../constants/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Filler = styled('div')({
-  display: 'flex',
-  flexDirection: 'row',
-  width: 'var(--DataGrid-rowWidth)',
-  boxSizing: 'border-box'
-});
-const Pinned = styled('div')({
-  position: 'sticky',
-  height: '100%',
-  boxSizing: 'border-box',
-  borderTop: '1px solid var(--rowBorderColor)',
-  backgroundColor: vars.cell.background.pinned
-});
-const PinnedLeft = styled(Pinned)({
-  left: 0,
-  borderRight: '1px solid var(--rowBorderColor)'
-});
-const PinnedRight = styled(Pinned)({
-  right: 0,
-  borderLeft: '1px solid var(--rowBorderColor)'
-});
-const Main = styled('div')({
-  flexGrow: 1,
-  borderTop: '1px solid var(--rowBorderColor)'
-});
-function GridVirtualScrollerFiller({
-  rowsLength
-}) {
-  const apiRef = useGridApiContext();
-  const {
-    viewportOuterSize,
-    minimumSize,
-    hasScrollX,
-    hasScrollY,
-    scrollbarSize,
-    leftPinnedWidth,
-    rightPinnedWidth
-  } = useGridSelector(apiRef, gridDimensionsSelector);
-  const height = hasScrollX ? scrollbarSize : 0;
-  const needsLastRowBorder = viewportOuterSize.height - minimumSize.height > 0;
-  if (height === 0 && !needsLastRowBorder) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(Filler, {
-    className: gridClasses.filler,
-    role: "presentation",
-    style: {
-      height,
-      '--rowBorderColor': rowsLength === 0 ? 'transparent' : 'var(--DataGrid-rowBorderColor)'
-    },
-    children: [leftPinnedWidth > 0 && /*#__PURE__*/_jsx(PinnedLeft, {
-      className: gridClasses['filler--pinnedLeft'],
-      style: {
-        width: leftPinnedWidth
-      }
-    }), /*#__PURE__*/_jsx(Main, {}), rightPinnedWidth > 0 && /*#__PURE__*/_jsx(PinnedRight, {
-      className: gridClasses['filler--pinnedRight'],
-      style: {
-        width: rightPinnedWidth + (hasScrollY ? scrollbarSize : 0)
-      }
-    })]
-  });
-}
-const Memoized = fastMemo(GridVirtualScrollerFiller);
-export { Memoized as GridVirtualScrollerFiller };

package/modern/components/virtualization/GridVirtualScrollerRenderZone.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
-declare const GridVirtualScrollerRenderZone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: SxProps<Theme>;
-}> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-  sx?: SxProps<Theme>;
-} & React.RefAttributes<HTMLDivElement>>;
-export { GridVirtualScrollerRenderZone };

package/modern/components/virtualization/GridVirtualScrollerRenderZone.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"];
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/system';
-import composeClasses from '@mui/utils/composeClasses';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
-import { gridRowsMetaSelector } from "../../hooks/features/rows/index.js";
-import { gridRenderContextSelector } from "../../hooks/features/virtualization/index.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { getDataGridUtilityClass } from "../../constants/gridClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['virtualScrollerRenderZone']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const VirtualScrollerRenderZoneRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'VirtualScrollerRenderZone',
-  overridesResolver: (props, styles) => styles.virtualScrollerRenderZone
-})({
-  position: 'absolute',
-  display: 'flex',
-  // Prevents margin collapsing when using `getRowSpacing`
-  flexDirection: 'column'
-});
-const GridVirtualScrollerRenderZone = forwardRef(function GridVirtualScrollerRenderZone(props, ref) {
-  const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const classes = useUtilityClasses(rootProps);
-  const offsetTop = useGridSelector(apiRef, () => {
-    const renderContext = gridRenderContextSelector(apiRef);
-    const rowsMeta = gridRowsMetaSelector(apiRef);
-    return rowsMeta.positions[renderContext.firstRowIndex] ?? 0;
-  });
-  return /*#__PURE__*/_jsx(VirtualScrollerRenderZoneRoot, _extends({
-    className: clsx(classes.root, className),
-    ownerState: rootProps,
-    style: {
-      transform: `translate3d(0, ${offsetTop}px, 0)`
-    }
-  }, other, {
-    ref: ref
-  }));
-});
-export { GridVirtualScrollerRenderZone };

package/modern/constants/cssVariables.d.ts

@@ -1,267 +0,0 @@
-declare const keys: {
-  readonly spacingUnit: "--DataGrid-t-spacing-unit";
-  readonly colors: {
-    readonly border: {
-      readonly base: "--DataGrid-t-color-border-base";
-    };
-    readonly foreground: {
-      readonly base: "--DataGrid-t-color-foreground-base";
-      readonly muted: "--DataGrid-t-color-foreground-muted";
-      readonly accent: "--DataGrid-t-color-foreground-accent";
-      readonly disabled: "--DataGrid-t-color-foreground-disabled";
-    };
-    readonly background: {
-      readonly base: "--DataGrid-t-color-background-base";
-      readonly overlay: "--DataGrid-t-color-background-overlay";
-      readonly backdrop: "--DataGrid-t-color-background-backdrop";
-    };
-    readonly interactive: {
-      readonly hover: "--DataGrid-t-color-interactive-hover";
-      readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-      readonly focus: "--DataGrid-t-color-interactive-focus";
-      readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-      readonly disabled: "--DataGrid-t-color-interactive-disabled";
-      readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-      readonly selected: "--DataGrid-t-color-interactive-selected";
-      readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
-    };
-  };
-  readonly header: {
-    readonly background: {
-      readonly base: "--DataGrid-t-header-background-base";
-    };
-  };
-  readonly cell: {
-    readonly background: {
-      readonly pinned: "--DataGrid-t-cell-background-pinned";
-    };
-  };
-  readonly radius: {
-    readonly base: "--DataGrid-t-radius-base";
-  };
-  readonly typography: {
-    readonly font: {
-      readonly body: "--DataGrid-t-typography-font-body";
-      readonly small: "--DataGrid-t-typography-font-small";
-      readonly large: "--DataGrid-t-typography-font-large";
-    };
-    readonly fontFamily: {
-      readonly base: "--DataGrid-t-typography-font-family-base";
-    };
-    readonly fontWeight: {
-      readonly light: "--DataGrid-t-typography-font-weight-light";
-      readonly regular: "--DataGrid-t-typography-font-weight-regular";
-      readonly medium: "--DataGrid-t-typography-font-weight-medium";
-      readonly bold: "--DataGrid-t-typography-font-weight-bold";
-    };
-  };
-  readonly transitions: {
-    readonly easing: {
-      readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-      readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-      readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
-    };
-    readonly duration: {
-      readonly short: "--DataGrid-t-transition-duration-short";
-      readonly base: "--DataGrid-t-transition-duration-base";
-      readonly long: "--DataGrid-t-transition-duration-long";
-    };
-  };
-  readonly shadows: {
-    readonly base: "--DataGrid-t-shadow-base";
-    readonly overlay: "--DataGrid-t-shadow-overlay";
-  };
-  readonly zIndex: {
-    readonly panel: "--DataGrid-t-z-index-panel";
-    readonly menu: "--DataGrid-t-z-index-menu";
-  };
-};
-export type GridCSSVariablesInterface = { [E in CreateObjectEntries<typeof keys> as E['value']]: string | number };
-type Entry = {
-  key: string;
-  value: unknown;
-};
-type EmptyEntry<TValue> = {
-  key: '';
-  value: TValue;
-};
-type CreateObjectEntries<TValue, TValueInitial = TValue> = TValue extends object ? { [TKey in keyof TValue]-?: TKey extends string ? OmitItself<TValue[TKey], TValueInitial> extends infer TNestedValue ? TNestedValue extends Entry ? {
-  key: `${TKey}.${TNestedValue['key']}`;
-  value: TNestedValue['value'];
-} : never : never : never }[keyof TValue] : EmptyEntry<TValue>;
-type OmitItself<TValue, TValueInitial> = TValue extends TValueInitial ? EmptyEntry<TValue> : CreateObjectEntries<TValue, TValueInitial>;
-export declare const vars: {
-  spacingUnit: "--DataGrid-t-spacing-unit";
-  colors: {
-    readonly border: {
-      readonly base: "--DataGrid-t-color-border-base";
-    };
-    readonly foreground: {
-      readonly base: "--DataGrid-t-color-foreground-base";
-      readonly muted: "--DataGrid-t-color-foreground-muted";
-      readonly accent: "--DataGrid-t-color-foreground-accent";
-      readonly disabled: "--DataGrid-t-color-foreground-disabled";
-    };
-    readonly background: {
-      readonly base: "--DataGrid-t-color-background-base";
-      readonly overlay: "--DataGrid-t-color-background-overlay";
-      readonly backdrop: "--DataGrid-t-color-background-backdrop";
-    };
-    readonly interactive: {
-      readonly hover: "--DataGrid-t-color-interactive-hover";
-      readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-      readonly focus: "--DataGrid-t-color-interactive-focus";
-      readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-      readonly disabled: "--DataGrid-t-color-interactive-disabled";
-      readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-      readonly selected: "--DataGrid-t-color-interactive-selected";
-      readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
-    };
-  };
-  header: {
-    readonly background: {
-      readonly base: "--DataGrid-t-header-background-base";
-    };
-  };
-  cell: {
-    readonly background: {
-      readonly pinned: "--DataGrid-t-cell-background-pinned";
-    };
-  };
-  radius: {
-    readonly base: "--DataGrid-t-radius-base";
-  };
-  typography: {
-    readonly font: {
-      readonly body: "--DataGrid-t-typography-font-body";
-      readonly small: "--DataGrid-t-typography-font-small";
-      readonly large: "--DataGrid-t-typography-font-large";
-    };
-    readonly fontFamily: {
-      readonly base: "--DataGrid-t-typography-font-family-base";
-    };
-    readonly fontWeight: {
-      readonly light: "--DataGrid-t-typography-font-weight-light";
-      readonly regular: "--DataGrid-t-typography-font-weight-regular";
-      readonly medium: "--DataGrid-t-typography-font-weight-medium";
-      readonly bold: "--DataGrid-t-typography-font-weight-bold";
-    };
-  };
-  transitions: {
-    readonly easing: {
-      readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-      readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-      readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
-    };
-    readonly duration: {
-      readonly short: "--DataGrid-t-transition-duration-short";
-      readonly base: "--DataGrid-t-transition-duration-base";
-      readonly long: "--DataGrid-t-transition-duration-long";
-    };
-  };
-  shadows: {
-    readonly base: "--DataGrid-t-shadow-base";
-    readonly overlay: "--DataGrid-t-shadow-overlay";
-  };
-  zIndex: {
-    readonly panel: "--DataGrid-t-z-index-panel";
-    readonly menu: "--DataGrid-t-z-index-menu";
-  };
-  breakpoints: {
-    values: {
-      xs: number;
-      sm: number;
-      md: number;
-      lg: number;
-      xl: number;
-    };
-    up: (key: any) => string;
-  };
-  spacing: typeof spacing;
-  transition: typeof transition;
-  keys: {
-    readonly spacingUnit: "--DataGrid-t-spacing-unit";
-    readonly colors: {
-      readonly border: {
-        readonly base: "--DataGrid-t-color-border-base";
-      };
-      readonly foreground: {
-        readonly base: "--DataGrid-t-color-foreground-base";
-        readonly muted: "--DataGrid-t-color-foreground-muted";
-        readonly accent: "--DataGrid-t-color-foreground-accent";
-        readonly disabled: "--DataGrid-t-color-foreground-disabled";
-      };
-      readonly background: {
-        readonly base: "--DataGrid-t-color-background-base";
-        readonly overlay: "--DataGrid-t-color-background-overlay";
-        readonly backdrop: "--DataGrid-t-color-background-backdrop";
-      };
-      readonly interactive: {
-        readonly hover: "--DataGrid-t-color-interactive-hover";
-        readonly hoverOpacity: "--DataGrid-t-color-interactive-hover-opacity";
-        readonly focus: "--DataGrid-t-color-interactive-focus";
-        readonly focusOpacity: "--DataGrid-t-color-interactive-focus-opacity";
-        readonly disabled: "--DataGrid-t-color-interactive-disabled";
-        readonly disabledOpacity: "--DataGrid-t-color-interactive-disabled-opacity";
-        readonly selected: "--DataGrid-t-color-interactive-selected";
-        readonly selectedOpacity: "--DataGrid-t-color-interactive-selected-opacity";
-      };
-    };
-    readonly header: {
-      readonly background: {
-        readonly base: "--DataGrid-t-header-background-base";
-      };
-    };
-    readonly cell: {
-      readonly background: {
-        readonly pinned: "--DataGrid-t-cell-background-pinned";
-      };
-    };
-    readonly radius: {
-      readonly base: "--DataGrid-t-radius-base";
-    };
-    readonly typography: {
-      readonly font: {
-        readonly body: "--DataGrid-t-typography-font-body";
-        readonly small: "--DataGrid-t-typography-font-small";
-        readonly large: "--DataGrid-t-typography-font-large";
-      };
-      readonly fontFamily: {
-        readonly base: "--DataGrid-t-typography-font-family-base";
-      };
-      readonly fontWeight: {
-        readonly light: "--DataGrid-t-typography-font-weight-light";
-        readonly regular: "--DataGrid-t-typography-font-weight-regular";
-        readonly medium: "--DataGrid-t-typography-font-weight-medium";
-        readonly bold: "--DataGrid-t-typography-font-weight-bold";
-      };
-    };
-    readonly transitions: {
-      readonly easing: {
-        readonly easeIn: "--DataGrid-t-transition-easing-ease-in";
-        readonly easeOut: "--DataGrid-t-transition-easing-ease-out";
-        readonly easeInOut: "--DataGrid-t-transition-easing-ease-in-out";
-      };
-      readonly duration: {
-        readonly short: "--DataGrid-t-transition-duration-short";
-        readonly base: "--DataGrid-t-transition-duration-base";
-        readonly long: "--DataGrid-t-transition-duration-long";
-      };
-    };
-    readonly shadows: {
-      readonly base: "--DataGrid-t-shadow-base";
-      readonly overlay: "--DataGrid-t-shadow-overlay";
-    };
-    readonly zIndex: {
-      readonly panel: "--DataGrid-t-z-index-panel";
-      readonly menu: "--DataGrid-t-z-index-menu";
-    };
-  };
-};
-declare function spacing(a?: number, b?: number, c?: number, d?: number): string;
-declare function transition(props: string[], options?: {
-  duration?: string;
-  easing?: string;
-  delay?: number;
-}): string;
-export {};

package/modern/constants/cssVariables.js

@@ -1,152 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-// NOTE: Breakpoints can't come from the theme because we need access to them at
-// initialization time and media-queries can't use CSS variables. For users with
-// custom breakpoints, we might want to provide a way to configure them globally
-// instead of through the theme.
-const breakpoints = {
-  values: {
-    xs: 0,
-    // phone
-    sm: 600,
-    // tablet
-    md: 900,
-    // small laptop
-    lg: 1200,
-    // desktop
-    xl: 1536 // large screen
-  },
-  up: key => {
-    const values = breakpoints.values;
-    const value = typeof values[key] === 'number' ? values[key] : key;
-    return `@media (min-width:${value}px)`;
-  }
-};
-const keys = {
-  spacingUnit: '--DataGrid-t-spacing-unit',
-  /* Variables */
-  colors: {
-    border: {
-      base: '--DataGrid-t-color-border-base'
-    },
-    foreground: {
-      base: '--DataGrid-t-color-foreground-base',
-      muted: '--DataGrid-t-color-foreground-muted',
-      accent: '--DataGrid-t-color-foreground-accent',
-      disabled: '--DataGrid-t-color-foreground-disabled'
-    },
-    background: {
-      base: '--DataGrid-t-color-background-base',
-      overlay: '--DataGrid-t-color-background-overlay',
-      backdrop: '--DataGrid-t-color-background-backdrop'
-    },
-    interactive: {
-      hover: '--DataGrid-t-color-interactive-hover',
-      hoverOpacity: '--DataGrid-t-color-interactive-hover-opacity',
-      focus: '--DataGrid-t-color-interactive-focus',
-      focusOpacity: '--DataGrid-t-color-interactive-focus-opacity',
-      disabled: '--DataGrid-t-color-interactive-disabled',
-      disabledOpacity: '--DataGrid-t-color-interactive-disabled-opacity',
-      selected: '--DataGrid-t-color-interactive-selected',
-      selectedOpacity: '--DataGrid-t-color-interactive-selected-opacity'
-    }
-  },
-  header: {
-    background: {
-      base: '--DataGrid-t-header-background-base'
-    }
-  },
-  cell: {
-    background: {
-      pinned: '--DataGrid-t-cell-background-pinned'
-    }
-  },
-  radius: {
-    base: '--DataGrid-t-radius-base'
-  },
-  typography: {
-    font: {
-      body: '--DataGrid-t-typography-font-body',
-      small: '--DataGrid-t-typography-font-small',
-      large: '--DataGrid-t-typography-font-large'
-    },
-    fontFamily: {
-      base: '--DataGrid-t-typography-font-family-base'
-    },
-    fontWeight: {
-      light: '--DataGrid-t-typography-font-weight-light',
-      regular: '--DataGrid-t-typography-font-weight-regular',
-      medium: '--DataGrid-t-typography-font-weight-medium',
-      bold: '--DataGrid-t-typography-font-weight-bold'
-    }
-  },
-  transitions: {
-    easing: {
-      easeIn: '--DataGrid-t-transition-easing-ease-in',
-      easeOut: '--DataGrid-t-transition-easing-ease-out',
-      easeInOut: '--DataGrid-t-transition-easing-ease-in-out'
-    },
-    duration: {
-      short: '--DataGrid-t-transition-duration-short',
-      base: '--DataGrid-t-transition-duration-base',
-      long: '--DataGrid-t-transition-duration-long'
-    }
-  },
-  shadows: {
-    base: '--DataGrid-t-shadow-base',
-    overlay: '--DataGrid-t-shadow-overlay'
-  },
-  zIndex: {
-    panel: '--DataGrid-t-z-index-panel',
-    menu: '--DataGrid-t-z-index-menu'
-  }
-};
-const values = wrap(keys);
-export const vars = _extends({
-  breakpoints,
-  spacing,
-  transition,
-  keys
-}, values);
-function spacing(a, b, c, d) {
-  /* eslint-disable prefer-template */
-  if (a === undefined) {
-    return spacingString(1);
-  }
-  if (b === undefined) {
-    return spacingString(a);
-  }
-  if (c === undefined) {
-    return spacingString(a) + ' ' + spacingString(b);
-  }
-  if (d === undefined) {
-    return spacingString(a) + ' ' + spacingString(b) + ' ' + spacingString(c);
-  }
-  return spacingString(a) + ' ' + spacingString(b) + ' ' + spacingString(c) + ' ' + spacingString(d);
-  /* eslint-enable prefer-template */
-}
-function spacingString(value) {
-  if (value === 0) {
-    return '0';
-  }
-  return `calc(var(--DataGrid-t-spacing-unit) * ${value})`;
-}
-function transition(props, options) {
-  const {
-    duration = vars.transitions.duration.base,
-    easing = vars.transitions.easing.easeInOut,
-    delay = 0
-  } = options ?? {};
-  return props.map(prop => `${prop} ${duration} ${easing} ${delay}ms`).join(', ');
-}
-function wrap(input) {
-  if (typeof input === 'string') {
-    return `var(${input})`;
-  }
-  const result = {};
-  for (const key in input) {
-    if (Object.hasOwn(input, key)) {
-      result[key] = wrap(input[key]);
-    }
-  }
-  return result;
-}

package/modern/constants/dataGridPropsDefaultValues.d.ts

@@ -1,5 +0,0 @@
-import type { DataGridPropsWithDefaultValues } from '../models/props/DataGridProps';
-/**
- * The default values of `DataGridPropsWithDefaultValues` to inject in the props of DataGrid.
- */
-export declare const DATA_GRID_PROPS_DEFAULT_VALUES: DataGridPropsWithDefaultValues;

package/modern/constants/dataGridPropsDefaultValues.js

@@ -1,59 +0,0 @@
-import { GridEditModes } from "../models/gridEditRowModel.js";
-/**
- * The default values of `DataGridPropsWithDefaultValues` to inject in the props of DataGrid.
- */
-export const DATA_GRID_PROPS_DEFAULT_VALUES = {
-  autoHeight: false,
-  autoPageSize: false,
-  autosizeOnMount: false,
-  checkboxSelection: false,
-  checkboxSelectionVisibleOnly: false,
-  clipboardCopyCellDelimiter: '\t',
-  columnBufferPx: 150,
-  columnHeaderHeight: 56,
-  disableAutosize: false,
-  disableColumnFilter: false,
-  disableColumnMenu: false,
-  disableColumnReorder: false,
-  disableColumnResize: false,
-  disableColumnSelector: false,
-  disableColumnSorting: false,
-  disableDensitySelector: false,
-  disableEval: false,
-  disableMultipleColumnsFiltering: false,
-  disableMultipleColumnsSorting: false,
-  disableMultipleRowSelection: false,
-  disableRowSelectionOnClick: false,
-  disableVirtualization: false,
-  editMode: GridEditModes.Cell,
-  filterDebounceMs: 150,
-  filterMode: 'client',
-  hideFooter: false,
-  hideFooterPagination: false,
-  hideFooterRowCount: false,
-  hideFooterSelectedRowCount: false,
-  ignoreDiacritics: false,
-  ignoreValueFormatterDuringExport: false,
-  keepColumnPositionIfDraggedOutside: false,
-  keepNonExistentRowsSelected: false,
-  loading: false,
-  logger: console,
-  logLevel: process.env.NODE_ENV === 'production' ? 'error' : 'warn',
-  pageSizeOptions: [25, 50, 100],
-  pagination: false,
-  paginationMode: 'client',
-  resizeThrottleMs: 60,
-  rowBufferPx: 150,
-  rowHeight: 52,
-  rows: [],
-  rowSelection: true,
-  rowSpacingType: 'margin',
-  rowSpanning: false,
-  showCellVerticalBorder: false,
-  showColumnVerticalBorder: false,
-  showToolbar: false,
-  sortingMode: 'client',
-  sortingOrder: ['asc', 'desc', null],
-  throttleRowsMs: 0,
-  virtualizeColumnsWithAutoRowHeight: false
-};

package/modern/constants/defaultGridSlotsComponents.d.ts

@@ -1,2 +0,0 @@
-import { GridSlotsComponent } from "../models/index.js";
-export declare const DATA_GRID_DEFAULT_SLOTS_COMPONENTS: GridSlotsComponent;

package/modern/constants/defaultGridSlotsComponents.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { GridSkeletonCell, GridColumnsPanel, GridFilterPanel, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPanel, GridRow, GridColumnHeaderFilterIconButton, GridRowCount, GridColumnsManagement, GridColumnHeaderSortIcon, GridNoColumnsOverlay } from "../components/index.js";
-import { GridCell } from "../components/cell/GridCell.js";
-import { GridColumnHeaders } from "../components/GridColumnHeaders.js";
-import { GridColumnMenu } from "../components/menu/columnMenu/GridColumnMenu.js";
-import { GridDetailPanels } from "../components/GridDetailPanels.js";
-import { GridPinnedRows } from "../components/GridPinnedRows.js";
-import { GridNoResultsOverlay } from "../components/GridNoResultsOverlay.js";
-import materialSlots from "../material/index.js";
-import { GridBottomContainer } from "../components/virtualization/GridBottomContainer.js";
-import { GridToolbar } from "../components/toolbarV8/GridToolbar.js";
-
-// TODO: camelCase these key. It's a private helper now.
-// Remove then need to call `uncapitalizeObjectKeys`.
-export const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends({}, materialSlots, {
-  cell: GridCell,
-  skeletonCell: GridSkeletonCell,
-  columnHeaderFilterIconButton: GridColumnHeaderFilterIconButton,
-  columnHeaderSortIcon: GridColumnHeaderSortIcon,
-  columnMenu: GridColumnMenu,
-  columnHeaders: GridColumnHeaders,
-  detailPanels: GridDetailPanels,
-  bottomContainer: GridBottomContainer,
-  footer: GridFooter,
-  footerRowCount: GridRowCount,
-  toolbar: GridToolbar,
-  pinnedRows: GridPinnedRows,
-  loadingOverlay: GridLoadingOverlay,
-  noResultsOverlay: GridNoResultsOverlay,
-  noRowsOverlay: GridNoRowsOverlay,
-  noColumnsOverlay: GridNoColumnsOverlay,
-  pagination: GridPagination,
-  filterPanel: GridFilterPanel,
-  columnsPanel: GridColumnsPanel,
-  columnsManagement: GridColumnsManagement,
-  panel: GridPanel,
-  row: GridRow
-});

package/modern/constants/envConstants.d.ts

@@ -1 +0,0 @@
-export declare const GRID_EXPERIMENTAL_ENABLED = false;