@mui/x-data-grid 6.0.0-beta.4 → 6.0.0

package/locales/csCZ.js

@@ -28,17 +28,15 @@ const csCZGrid = {
     return `${count} ${pluralForm}`;
   },
   // Quick filter toolbar field
-  // toolbarQuickFilterPlaceholder: 'Search…',
-  // toolbarQuickFilterLabel: 'Search',
-  // toolbarQuickFilterDeleteIconLabel: 'Clear',
-
+  toolbarQuickFilterPlaceholder: 'Vyhledávat…',
+  toolbarQuickFilterLabel: 'Vyhledat',
+  toolbarQuickFilterDeleteIconLabel: 'Vymazat',
   // Export selector toolbar button text
   toolbarExport: 'Export',
   toolbarExportLabel: 'Export',
   toolbarExportCSV: 'Stáhnout jako CSV',
   toolbarExportPrint: 'Vytisknout',
-  // toolbarExportExcel: 'Download as Excel',
-
+  toolbarExportExcel: 'Stáhnout jako Excel',
   // Columns panel text
   columnsPanelTextFieldLabel: 'Najít sloupec',
   columnsPanelTextFieldPlaceholder: 'Název sloupce',
@@ -47,8 +45,9 @@ const csCZGrid = {
   columnsPanelHideAllButton: 'Skrýt vše',
   // Filter panel text
   filterPanelAddFilter: 'Přidat filtr',
+  filterPanelRemoveAll: 'Odstranit vše',
   filterPanelDeleteIconLabel: 'Odstranit',
-  // filterPanelLogicOperator: 'Logic operator',
+  filterPanelLogicOperator: 'Logický operátor',
   filterPanelOperator: 'Operátory',
   filterPanelOperatorAnd: 'A',
   filterPanelOperatorOr: 'Nebo',
@@ -68,8 +67,7 @@ const csCZGrid = {
   filterOperatorOnOrBefore: 'je na nebo dříve',
   filterOperatorIsEmpty: 'je prázdný',
   filterOperatorIsNotEmpty: 'není prázdný',
-  // filterOperatorIsAnyOf: 'is any of',
-
+  filterOperatorIsAnyOf: 'je jeden z',
   // Filter values text
   filterValueAny: 'jakýkoliv',
   filterValueTrue: 'ano',
@@ -77,7 +75,7 @@ const csCZGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Zobrazit sloupce',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Spravovat sloupce',
   columnMenuFilter: 'Filtr',
   columnMenuHideColumn: 'Skrýt',
   columnMenuUnsort: 'Zrušit filtry',
@@ -116,11 +114,10 @@ const csCZGrid = {
   },
   // Checkbox selection text
   checkboxSelectionHeaderName: 'Výběr řádku',
-  // checkboxSelectionSelectAllRows: 'Select all rows',
-  // checkboxSelectionUnselectAllRows: 'Unselect all rows',
-  // checkboxSelectionSelectRow: 'Select row',
-  // checkboxSelectionUnselectRow: 'Unselect row',
-
+  checkboxSelectionSelectAllRows: 'Označit všechny řádky',
+  checkboxSelectionUnselectAllRows: 'Odznačit všechny řádky',
+  checkboxSelectionSelectRow: 'Označit řádek',
+  checkboxSelectionUnselectRow: 'Odznačit řádek',
   // Boolean cell text
   booleanCellTrueLabel: 'ano',
   booleanCellFalseLabel: 'ne',
@@ -136,24 +133,20 @@ const csCZGrid = {
   treeDataCollapse: 'skrýt potomky',
   // Grouping columns
   groupingColumnHeaderName: 'Skupina',
-  groupColumn: name => `Zoskupit podle ${name}`,
-  unGroupColumn: name => `Přestat zoskupovat podle ${name}`
-
+  groupColumn: name => `Zeskupit podle ${name}`,
+  unGroupColumn: name => `Přestat zeskupovat podle ${name}`,
   // Master/detail
-  // detailPanelToggle: 'Detail panel toggle',
-  // expandDetailPanel: 'Expand',
-  // collapseDetailPanel: 'Collapse',
-
+  detailPanelToggle: 'Přepnout detail panelu',
+  expandDetailPanel: 'Rozbalit',
+  collapseDetailPanel: 'Sbalit',
   // Row reordering text
-  // rowReorderingHeaderName: 'Row reordering',
-
+  rowReorderingHeaderName: 'Přeuspořádávání řádků',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Seskupování',
+  aggregationFunctionLabelSum: 'součet',
+  aggregationFunctionLabelAvg: 'průměr',
+  aggregationFunctionLabelMin: 'min',
+  aggregationFunctionLabelMax: 'max',
+  aggregationFunctionLabelSize: 'počet'
 };
-
 export const csCZ = getGridLocalization(csCZGrid, csCZCore);

package/locales/daDK.js

@@ -39,6 +39,7 @@ const daDKGrid = {
   columnsPanelHideAllButton: 'Skjul alle',
   // Filter panel text
   filterPanelAddFilter: 'Tilføj filter',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Slet',
   filterPanelLogicOperator: 'Logisk operator',
   filterPanelOperator: 'Operatorer',

package/locales/deDE.js

@@ -37,6 +37,7 @@ const deDEGrid = {
   columnsPanelHideAllButton: 'Verberge alle',
   // Filter panel text
   filterPanelAddFilter: 'Filter hinzufügen',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Löschen',
   filterPanelLogicOperator: 'Logische Operatoren',
   filterPanelOperator: 'Operatoren',

package/locales/elGR.js

@@ -38,6 +38,7 @@ const elGRGrid = {
   columnsPanelHideAllButton: 'Απόκρυψη όλων',
   // Filter panel text
   filterPanelAddFilter: 'Προσθήκη φίλτρου',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Διαγραφή',
   // filterPanelLogicOperator: 'Logic operator',
   filterPanelOperator: 'Τελεστές',

package/locales/esES.js

@@ -32,11 +32,12 @@ const esESGrid = {
   // Columns panel text
   columnsPanelTextFieldLabel: 'Columna de búsqueda',
   columnsPanelTextFieldPlaceholder: 'Título de columna',
-  columnsPanelDragIconLabel: 'Reorder columna',
+  columnsPanelDragIconLabel: 'Reordenar columna',
   columnsPanelShowAllButton: 'Mostrar todo',
   columnsPanelHideAllButton: 'Ocultar todo',
   // Filter panel text
   filterPanelAddFilter: 'Agregar filtro',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Borrar',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operadores',

package/locales/faIR.js

@@ -37,6 +37,7 @@ const faIRGrid = {
   columnsPanelHideAllButton: 'مخفی همه',
   // Filter panel text
   filterPanelAddFilter: 'افزودن فیلتر',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'حذف',
   filterPanelLogicOperator: 'عملگر منطقی',
   filterPanelOperator: 'عملگرها',

package/locales/fiFI.js

@@ -37,6 +37,7 @@ const fiFIGrid = {
   columnsPanelHideAllButton: 'Piilota kaikki',
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Poista',
   filterPanelLogicOperator: 'Logiikkaoperaattori',
   filterPanelOperator: 'Operaattorit',

package/locales/frFR.js

@@ -37,6 +37,7 @@ const frFRGrid = {
   columnsPanelHideAllButton: 'Tout cacher',
   // Filter panel text
   filterPanelAddFilter: 'Ajouter un filtre',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Supprimer',
   filterPanelLogicOperator: 'Opérateur logique',
   filterPanelOperator: 'Opérateur',

package/locales/heIL.js

@@ -37,6 +37,7 @@ const heILGrid = {
   columnsPanelHideAllButton: 'הסתר הכל',
   // Filter panel text
   filterPanelAddFilter: 'הוסף מסנן',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'מחק',
   filterPanelLogicOperator: 'אופרטור לוגי',
   filterPanelOperator: 'אופרטור',

package/locales/huHU.js

@@ -39,6 +39,7 @@ const huHUGrid = {
   columnsPanelHideAllButton: 'Összes elrejtése',
   // Filter panel text
   filterPanelAddFilter: 'Szűrő hozzáadása',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Törlés',
   filterPanelLogicOperator: 'Logikai operátor',
   filterPanelOperator: 'Operátorok',

package/locales/itIT.js

@@ -37,6 +37,7 @@ const itITGrid = {
   columnsPanelHideAllButton: 'Nascondi tutto',
   // Filter panel text
   filterPanelAddFilter: 'Aggiungi un filtro',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Rimuovi',
   filterPanelLogicOperator: 'Operatore logico',
   filterPanelOperator: 'Operatori',

package/locales/jaJP.js

@@ -37,6 +37,7 @@ const jaJPGrid = {
   columnsPanelHideAllButton: 'すべて非表示',
   // Filter panel text
   filterPanelAddFilter: 'フィルター追加',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: '削除',
   filterPanelLogicOperator: '論理演算子',
   filterPanelOperator: '演算子',

package/locales/koKR.js

@@ -37,6 +37,7 @@ const koKRGrid = {
   columnsPanelHideAllButton: '모두 숨기기',
   // Filter panel text
   filterPanelAddFilter: '필터 추가',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: '삭제',
   filterPanelLogicOperator: '논리 연산자',
   filterPanelOperator: '연산자',

package/locales/nbNO.js

@@ -37,6 +37,7 @@ const nbNOGrid = {
   columnsPanelHideAllButton: 'Skjul alle',
   // Filter panel text
   filterPanelAddFilter: 'Legg til filter',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Slett',
   filterPanelLogicOperator: 'Logisk operator',
   filterPanelOperator: 'Operatører',

package/locales/nlNL.js

@@ -37,6 +37,7 @@ const nlNLGrid = {
   columnsPanelHideAllButton: 'Alles verbergen',
   // Filter panel text
   filterPanelAddFilter: 'Filter toevoegen',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Verwijderen',
   filterPanelLogicOperator: 'Logische operator',
   filterPanelOperator: 'Operatoren',

package/locales/plPL.js

@@ -37,6 +37,7 @@ const plPLGrid = {
   columnsPanelHideAllButton: 'Ukryj wszystko',
   // Filter panel text
   filterPanelAddFilter: 'Dodaj filtr',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Usuń',
   filterPanelLogicOperator: 'Operator logiczny',
   filterPanelOperator: 'Operator',

package/locales/ptBR.js

@@ -37,6 +37,7 @@ const ptBRGrid = {
   columnsPanelHideAllButton: 'Ocultar todas',
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Excluir',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operador',

package/locales/roRO.js

@@ -37,6 +37,7 @@ const roROGrid = {
   columnsPanelHideAllButton: 'Ascunde tot',
   // Filter panel text
   filterPanelAddFilter: 'Adăugare filtru',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Ștergere',
   filterPanelLogicOperator: 'Operatori logici',
   filterPanelOperator: 'Operatori',

package/locales/ruRU.js

@@ -46,6 +46,7 @@ const ruRUGrid = {
   columnsPanelHideAllButton: 'Скрыть все',
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Удалить',
   filterPanelLogicOperator: 'Логические операторы',
   filterPanelOperator: 'Операторы',

package/locales/skSK.js

@@ -45,6 +45,7 @@ const skSKGrid = {
   columnsPanelHideAllButton: 'Skryť všetko',
   // Filter panel text
   filterPanelAddFilter: 'Pridať filter',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Odstrániť',
   filterPanelLogicOperator: 'Logický operátor',
   filterPanelOperator: 'Operátory',

package/locales/svSE.js

@@ -37,6 +37,7 @@ const svSEGrid = {
   columnsPanelHideAllButton: 'Dölj alla',
   // Filter panel text
   filterPanelAddFilter: 'Lägg till filter',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Ta bort',
   filterPanelLogicOperator: 'Logisk operatör',
   filterPanelOperator: 'Operatör',

package/locales/trTR.js

@@ -37,6 +37,7 @@ const trTRGrid = {
   columnsPanelHideAllButton: 'Hepsini gizle',
   // Filter panel text
   filterPanelAddFilter: 'Filtre Ekle',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Kaldır',
   filterPanelLogicOperator: 'Mantıksal operatörler',
   filterPanelOperator: 'Operatör',

package/locales/ukUA.js

@@ -51,6 +51,7 @@ const ukUAGrid = {
   columnsPanelHideAllButton: 'Приховати всі',
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Видалити',
   filterPanelLogicOperator: 'Логічна функція',
   filterPanelOperator: 'Оператори',

package/locales/urPK.js

@@ -37,6 +37,7 @@ const urPKGrid = {
   columnsPanelHideAllButton: 'سارے چھپائیں',
   // Filter panel text
   filterPanelAddFilter: 'نیا فلٹر',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'ختم کریں',
   filterPanelLogicOperator: 'لاجک آپریٹر',
   filterPanelOperator: 'آپریٹر',

package/locales/viVN.js

@@ -37,6 +37,7 @@ const viVNGrid = {
   columnsPanelHideAllButton: 'Ẩn tất cả',
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: 'Xóa',
   filterPanelLogicOperator: 'Toán tử logic',
   filterPanelOperator: 'Toán tử',

package/locales/zhCN.js

@@ -37,6 +37,7 @@ const zhCNGrid = {
   columnsPanelHideAllButton: '隐藏所有',
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: '删除',
   filterPanelLogicOperator: '逻辑操作器',
   filterPanelOperator: '操作器',

package/locales/zhTW.js

@@ -37,6 +37,7 @@ const zhTWGrid = {
   columnsPanelHideAllButton: '隱藏所有',
   // Filter panel text
   filterPanelAddFilter: '增加篩選器',
+  // filterPanelRemoveAll: 'Remove all',
   filterPanelDeleteIconLabel: '刪除',
   filterPanelLogicOperator: '邏輯運算子',
   filterPanelOperator: '運算子',

package/material/components/MUISelectOption.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GridSlotsComponentsProps } from '../../models/gridSlotsComponentsProps';
+export default function MUISelectOption({ native, ...props }: NonNullable<GridSlotsComponentsProps['baseSelectOption']>): JSX.Element;

package/material/components/MUISelectOption.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["native"];
+import * as React from 'react';
+import MUIMenuItem from '@mui/material/MenuItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function MUISelectOption(_ref) {
+  let {
+      native
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  if (native) {
+    return /*#__PURE__*/_jsx("option", _extends({}, props));
+  }
+  return /*#__PURE__*/_jsx(MUIMenuItem, _extends({}, props));
+}

package/{components/columnHeaders → material/icons}/GridColumnUnsortedIcon.js

@@ -11,6 +11,6 @@ export const GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColum
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const rootProps = useGridRootProps();
   const [nextSortDirection] = sortingOrder;
-  const Icon = nextSortDirection === 'asc' ? rootProps.components.ColumnSortedAscendingIcon : rootProps.components.ColumnSortedDescendingIcon;
+  const Icon = nextSortDirection === 'asc' ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
   return Icon ? /*#__PURE__*/_jsx(Icon, _extends({}, other)) : null;
 });

package/{components → material}/icons/index.d.ts

@@ -76,3 +76,9 @@ export declare const GridViewColumnIcon: import("@mui/material/OverridableCompon
 export declare const GridClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
     muiName: string;
 };
+export declare const GridDeleteIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export declare const GridDeleteForeverIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};

package/{components → material}/icons/index.js

@@ -80,4 +80,10 @@ export const GridViewColumnIcon = createSvgIcon( /*#__PURE__*/_jsx("g", {
 }), 'ViewColumn');
 export const GridClearIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-}), 'Clear');
+}), 'Clear');
+export const GridDeleteIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+}), 'Delete');
+export const GridDeleteForeverIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
+}), 'Delete');

package/material/index.d.ts

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import MUICheckbox from '@mui/material/Checkbox';
+import MUITextField from '@mui/material/TextField';
+import MUISwitch from '@mui/material/Switch';
+import MUITooltip from '@mui/material/Tooltip';
+import MUISelectOption from './components/MUISelectOption';
+declare const materialSlots: {
+    BaseCheckbox: typeof MUICheckbox;
+    BaseTextField: typeof MUITextField;
+    BaseFormControl: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/FormControl").FormControlTypeMap<{}, "div">>;
+    BaseSelect: (<T>(props: import("@mui/material/Select").SelectProps<T>) => JSX.Element) & {
+        muiName: string;
+    };
+    BaseSwitch: typeof MUISwitch;
+    BaseButton: import("@mui/material").ExtendButtonBase<import("@mui/material/Button").ButtonTypeMap<{}, "button">>;
+    BaseIconButton: import("@mui/material").ExtendButtonBase<import("@mui/material/IconButton").IconButtonTypeMap<{}, "button">>;
+    BaseTooltip: typeof MUITooltip;
+    BasePopper: import("react").ForwardRefExoticComponent<Pick<import("@mui/material/Popper").PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & import("react").RefAttributes<HTMLDivElement>>;
+    BaseInputLabel: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/InputLabel").InputLabelTypeMap<{}, "label">>;
+    BaseSelectOption: typeof MUISelectOption;
+    BooleanCellTrueIcon: import("react").JSXElementConstructor<any>;
+    BooleanCellFalseIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuIcon: import("react").JSXElementConstructor<any>;
+    OpenFilterButtonIcon: import("react").JSXElementConstructor<any>;
+    ColumnFilteredIcon: import("react").JSXElementConstructor<any>;
+    ColumnSelectorIcon: import("react").JSXElementConstructor<any>;
+    ColumnUnsortedIcon: import("react").JSXElementConstructor<any> | null;
+    ColumnSortedAscendingIcon: import("react").JSXElementConstructor<any> | null;
+    ColumnSortedDescendingIcon: import("react").JSXElementConstructor<any> | null;
+    ColumnResizeIcon: import("react").JSXElementConstructor<any>;
+    DensityCompactIcon: import("react").JSXElementConstructor<any>;
+    DensityStandardIcon: import("react").JSXElementConstructor<any>;
+    DensityComfortableIcon: import("react").JSXElementConstructor<any>;
+    ExportIcon: import("react").JSXElementConstructor<any>;
+    MoreActionsIcon: import("react").JSXElementConstructor<any>;
+    TreeDataExpandIcon: import("react").JSXElementConstructor<any>;
+    TreeDataCollapseIcon: import("react").JSXElementConstructor<any>;
+    GroupingCriteriaExpandIcon: import("react").JSXElementConstructor<any>;
+    GroupingCriteriaCollapseIcon: import("react").JSXElementConstructor<any>;
+    DetailPanelExpandIcon: import("react").JSXElementConstructor<any>;
+    DetailPanelCollapseIcon: import("react").JSXElementConstructor<any>;
+    FilterPanelAddIcon: import("react").JSXElementConstructor<any>;
+    FilterPanelDeleteIcon: import("react").JSXElementConstructor<any>;
+    FilterPanelRemoveAllIcon: import("react").JSXElementConstructor<any>;
+    RowReorderIcon: import("react").JSXElementConstructor<any>;
+    QuickFilterIcon: import("react").JSXElementConstructor<any>;
+    QuickFilterClearIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuHideIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuSortAscendingIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuSortDescendingIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuFilterIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuManageColumnsIcon: import("react").JSXElementConstructor<any>;
+    ColumnMenuClearIcon: import("react").JSXElementConstructor<any>;
+    LoadIcon: import("react").JSXElementConstructor<any>;
+    ColumnReorderIcon: import("react").JSXElementConstructor<any>;
+};
+export default materialSlots;

package/material/index.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import MUICheckbox from '@mui/material/Checkbox';
+import MUITextField from '@mui/material/TextField';
+import MUIFormControl from '@mui/material/FormControl';
+import MUISelect from '@mui/material/Select';
+import MUISwitch from '@mui/material/Switch';
+import MUIButton from '@mui/material/Button';
+import MUIIconButton from '@mui/material/IconButton';
+import MUITooltip from '@mui/material/Tooltip';
+import MUIPopper from '@mui/material/Popper';
+import MUIInputLabel from '@mui/material/InputLabel';
+import { GridColumnUnsortedIcon } from './icons/GridColumnUnsortedIcon';
+import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSaveAltIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon } from './icons';
+import MUISelectOption from './components/MUISelectOption';
+const iconSlots = {
+  BooleanCellTrueIcon: GridCheckIcon,
+  BooleanCellFalseIcon: GridCloseIcon,
+  ColumnMenuIcon: GridTripleDotsVerticalIcon,
+  OpenFilterButtonIcon: GridFilterListIcon,
+  FilterPanelDeleteIcon: GridCloseIcon,
+  ColumnFilteredIcon: GridFilterAltIcon,
+  ColumnSelectorIcon: GridColumnIcon,
+  ColumnUnsortedIcon: GridColumnUnsortedIcon,
+  ColumnSortedAscendingIcon: GridArrowUpwardIcon,
+  ColumnSortedDescendingIcon: GridArrowDownwardIcon,
+  ColumnResizeIcon: GridSeparatorIcon,
+  DensityCompactIcon: GridViewHeadlineIcon,
+  DensityStandardIcon: GridTableRowsIcon,
+  DensityComfortableIcon: GridViewStreamIcon,
+  ExportIcon: GridSaveAltIcon,
+  MoreActionsIcon: GridMoreVertIcon,
+  TreeDataCollapseIcon: GridExpandMoreIcon,
+  TreeDataExpandIcon: GridKeyboardArrowRight,
+  GroupingCriteriaCollapseIcon: GridExpandMoreIcon,
+  GroupingCriteriaExpandIcon: GridKeyboardArrowRight,
+  DetailPanelExpandIcon: GridAddIcon,
+  DetailPanelCollapseIcon: GridRemoveIcon,
+  RowReorderIcon: GridDragIcon,
+  QuickFilterIcon: GridSearchIcon,
+  QuickFilterClearIcon: GridCloseIcon,
+  ColumnMenuHideIcon: GridVisibilityOffIcon,
+  ColumnMenuSortAscendingIcon: GridArrowUpwardIcon,
+  ColumnMenuSortDescendingIcon: GridArrowDownwardIcon,
+  ColumnMenuFilterIcon: GridFilterAltIcon,
+  ColumnMenuManageColumnsIcon: GridViewColumnIcon,
+  ColumnMenuClearIcon: GridClearIcon,
+  LoadIcon: GridLoadIcon,
+  FilterPanelAddIcon: GridAddIcon,
+  FilterPanelRemoveAllIcon: GridDeleteForeverIcon,
+  ColumnReorderIcon: GridDragIcon
+};
+const materialSlots = _extends({}, iconSlots, {
+  BaseCheckbox: MUICheckbox,
+  BaseTextField: MUITextField,
+  BaseFormControl: MUIFormControl,
+  BaseSelect: MUISelect,
+  BaseSwitch: MUISwitch,
+  BaseButton: MUIButton,
+  BaseIconButton: MUIIconButton,
+  BaseTooltip: MUITooltip,
+  BasePopper: MUIPopper,
+  BaseInputLabel: MUIInputLabel,
+  BaseSelectOption: MUISelectOption
+});
+export default materialSlots;

package/material/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/material/index.js",
+  "types": "./index.d.ts"
+}

package/models/api/gridLocaleTextApi.d.ts

@@ -32,6 +32,7 @@ export interface GridLocaleText {
     columnsPanelShowAllButton: React.ReactNode;
     columnsPanelHideAllButton: React.ReactNode;
     filterPanelAddFilter: React.ReactNode;
+    filterPanelRemoveAll: React.ReactNode;
     filterPanelDeleteIconLabel: string;
     filterPanelLogicOperator: string;
     filterPanelOperator: React.ReactNode;

package/models/colDef/gridColDef.d.ts

@@ -19,7 +19,7 @@ export type GridAlignment = 'left' | 'right' | 'center';
 export type ValueOptions = string | number | {
     value: any;
     label: string;
-};
+} | Record<string, any>;
 /**
  * Value that can be used as a key for grouping rows
  */
@@ -225,6 +225,8 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
 }
 /**
  * Column Definition interface used for columns with the `actions` type.
+ * @demos
+ *   - [Special column properties](/x/react-data-grid/column-definition/#special-properties)
  */
 export interface GridActionsColDef<R extends GridValidRowModel = any, V = any, F = V> extends GridBaseColDef<R, V, F> {
     /**
@@ -241,6 +243,8 @@ export interface GridActionsColDef<R extends GridValidRowModel = any, V = any, F
 }
 /**
  * Column Definition interface used for columns with the `singleSelect` type.
+ * @demos
+ *   - [Special column properties](/x/react-data-grid/column-definition/#special-properties)
  */
 export interface GridSingleSelectColDef<R extends GridValidRowModel = any, V = any, F = V> extends GridBaseColDef<R, V, F> {
     /**
@@ -252,9 +256,23 @@ export interface GridSingleSelectColDef<R extends GridValidRowModel = any, V = a
      * To be used in combination with `type: 'singleSelect'`. This is an array (or a function returning an array) of the possible cell values and labels.
      */
     valueOptions?: Array<ValueOptions> | ((params: GridValueOptionsParams<R>) => Array<ValueOptions>);
+    /**
+     * Used to determine the label displayed for a given value option.
+     * @param {ValueOptions} value The current value option.
+     * @returns {string} The text to be displayed.
+     */
+    getOptionLabel?: (value: ValueOptions) => string;
+    /**
+     * Used to determine the value used for a value option.
+     * @param {ValueOptions} value The current value option.
+     * @returns {string} The value to be used.
+     */
+    getOptionValue?: (value: ValueOptions) => any;
 }
 /**
  * Column Definition interface.
+ * @demos
+ *   - [Column definition](/x/react-data-grid/column-definition/)
  */
 export type GridColDef<R extends GridValidRowModel = any, V = any, F = V> = GridBaseColDef<R, V, F> | GridActionsColDef<R, V, F> | GridSingleSelectColDef<R, V, F>;
 export type GridColTypeDef<V = any, F = V> = Omit<GridBaseColDef<any, V, F>, 'field'> & {

package/models/gridExport.d.ts

@@ -48,6 +48,8 @@ export interface GridCsvGetRowsToExportParams<Api extends GridApiCommon = GridAp
 }
 /**
  * The options to apply on the CSV export.
+ * @demos
+ *   - [CSV export](/x/react-data-grid/export/#csv-export)
  */
 export interface GridCsvExportOptions extends GridFileExportOptions {
     /**
@@ -80,6 +82,8 @@ export interface GridCsvExportOptions extends GridFileExportOptions {
 }
 /**
  * The options to apply on the Print export.
+ * @demos
+ *   - [Print export](/x/react-data-grid/export/#print-export)
  */
 export interface GridPrintExportOptions extends GridExportOptions {
     /**