@mui/x-data-grid 7.0.0-alpha.9 → 7.0.0-beta.0

package/locales/huHU.js

@@ -29,12 +29,11 @@ const huHUGrid = {
   toolbarExportCSV: 'Mentés CSV fájlként',
   toolbarExportPrint: 'Nyomtatás',
   toolbarExportExcel: 'Mentés Excel fájlként',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Oszlop keresése',
-  columnsPanelTextFieldPlaceholder: 'Oszlop neve',
-  columnsPanelDragIconLabel: 'Oszlop átrendezése',
-  columnsPanelShowAllButton: 'Összes megjelenítése',
-  columnsPanelHideAllButton: 'Összes elrejtése',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Szűrő hozzáadása',
   filterPanelRemoveAll: 'Összes törlése',

package/locales/itIT.js

@@ -29,12 +29,11 @@ const itITGrid = {
   toolbarExportCSV: 'Esporta in CSV',
   toolbarExportPrint: 'Stampa',
   toolbarExportExcel: 'Scarica come Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Cerca colonna',
-  columnsPanelTextFieldPlaceholder: 'Titolo della colonna',
-  columnsPanelDragIconLabel: 'Riordina la colonna',
-  columnsPanelShowAllButton: 'Mostra tutto',
-  columnsPanelHideAllButton: 'Nascondi tutto',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Aggiungi un filtro',
   filterPanelRemoveAll: 'Rimuovi filtri',

package/locales/jaJP.js

@@ -29,12 +29,11 @@ const jaJPGrid = {
   toolbarExportCSV: 'CSVダウンロード',
   toolbarExportPrint: '印刷',
   toolbarExportExcel: 'Excelダウンロード',
-  // Columns panel text
-  columnsPanelTextFieldLabel: '列検索',
-  columnsPanelTextFieldPlaceholder: '検索クエリを入力…',
-  columnsPanelDragIconLabel: '列並べ替え',
-  columnsPanelShowAllButton: 'すべて表示',
-  columnsPanelHideAllButton: 'すべて非表示',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'フィルター追加',
   filterPanelRemoveAll: 'すべて削除',

package/locales/koKR.js

@@ -29,12 +29,11 @@ const koKRGrid = {
   toolbarExportCSV: 'CSV로 내보내기',
   toolbarExportPrint: '프린트',
   toolbarExportExcel: 'Excel로 내보내기',
-  // Columns panel text
-  columnsPanelTextFieldLabel: '열 검색',
-  columnsPanelTextFieldPlaceholder: '열 이름',
-  columnsPanelDragIconLabel: '열 정렬',
-  columnsPanelShowAllButton: '모두 보기',
-  columnsPanelHideAllButton: '모두 숨기기',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: '필터 추가',
   // filterPanelRemoveAll: 'Remove all',

package/locales/nbNO.js

@@ -29,12 +29,11 @@ const nbNOGrid = {
   toolbarExportCSV: 'Last ned som CSV',
   toolbarExportPrint: 'Skriv ut',
   toolbarExportExcel: 'Last ned som Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Finn kolonne',
-  columnsPanelTextFieldPlaceholder: 'Kolonne tittel',
-  columnsPanelDragIconLabel: 'Reorganiser kolonne',
-  columnsPanelShowAllButton: 'Vis alle',
-  columnsPanelHideAllButton: 'Skjul alle',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Legg til filter',
   filterPanelRemoveAll: 'Fjern alle',

package/locales/nlNL.js

@@ -29,12 +29,11 @@ const nlNLGrid = {
   toolbarExportCSV: 'Exporteer naar CSV',
   toolbarExportPrint: 'Print',
   toolbarExportExcel: 'Downloaden als Excel-bestand',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Zoek kolom',
-  columnsPanelTextFieldPlaceholder: 'Kolomtitel',
-  columnsPanelDragIconLabel: 'Kolom herschikken',
-  columnsPanelShowAllButton: 'Alles tonen',
-  columnsPanelHideAllButton: 'Alles verbergen',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Filter toevoegen',
   filterPanelRemoveAll: 'Alles verwijderen',

package/locales/plPL.js

@@ -29,12 +29,11 @@ const plPLGrid = {
   toolbarExportCSV: 'Pobierz jako plik CSV',
   toolbarExportPrint: 'Drukuj',
   toolbarExportExcel: 'Pobierz jako plik Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Znajdź kolumnę',
-  columnsPanelTextFieldPlaceholder: 'Tytuł kolumny',
-  columnsPanelDragIconLabel: 'Zmień kolejność kolumn',
-  columnsPanelShowAllButton: 'Pokaż wszystko',
-  columnsPanelHideAllButton: 'Ukryj wszystko',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Dodaj filtr',
   filterPanelRemoveAll: 'Usuń wszystkie',

package/locales/ptBR.js

@@ -29,12 +29,11 @@ const ptBRGrid = {
   toolbarExportCSV: 'Baixar como CSV',
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Baixar como Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Localizar coluna',
-  columnsPanelTextFieldPlaceholder: 'Título da coluna',
-  columnsPanelDragIconLabel: 'Reordenar Coluna',
-  columnsPanelShowAllButton: 'Mostrar todas',
-  columnsPanelHideAllButton: 'Ocultar todas',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
   filterPanelRemoveAll: 'Remover todos',

package/locales/ptPT.js

@@ -29,12 +29,11 @@ const ptPTGrid = {
   toolbarExportCSV: 'Baixar como CSV',
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Baixe como Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Encontrar coluna',
-  columnsPanelTextFieldPlaceholder: 'Título da coluna',
-  columnsPanelDragIconLabel: 'Reordenar coluna',
-  columnsPanelShowAllButton: 'Mostre tudo',
-  columnsPanelHideAllButton: 'Esconda tudo',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
   filterPanelRemoveAll: 'Deletar tudo',

package/locales/roRO.js

@@ -29,12 +29,11 @@ const roROGrid = {
   toolbarExportCSV: 'Download în format CSV',
   toolbarExportPrint: 'Printare',
   toolbarExportExcel: 'Download în format Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Găsește coloana',
-  columnsPanelTextFieldPlaceholder: 'Titlu coloană',
-  columnsPanelDragIconLabel: 'Resortare coloană',
-  columnsPanelShowAllButton: 'Afișează tot',
-  columnsPanelHideAllButton: 'Ascunde tot',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Adăugare filtru',
   filterPanelRemoveAll: 'Șterge tot',

package/locales/ruRU.js

@@ -38,12 +38,11 @@ const ruRUGrid = {
   toolbarExportCSV: 'Скачать в формате CSV',
   toolbarExportPrint: 'Печать',
   toolbarExportExcel: 'Скачать в формате Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Найти столбец',
-  columnsPanelTextFieldPlaceholder: 'Заголовок столбца',
-  columnsPanelDragIconLabel: 'Изменить порядок столбца',
-  columnsPanelShowAllButton: 'Показать все',
-  columnsPanelHideAllButton: 'Скрыть все',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
   filterPanelRemoveAll: 'Очистить фильтр',

package/locales/skSK.js

@@ -37,12 +37,11 @@ const skSKGrid = {
   toolbarExportCSV: 'Stiahnuť ako CSV',
   toolbarExportPrint: 'Vytlačiť',
   toolbarExportExcel: 'Stiahnuť ako Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Nájsť stĺpec',
-  columnsPanelTextFieldPlaceholder: 'Názov stĺpca',
-  columnsPanelDragIconLabel: 'Usporiadť stĺpce',
-  columnsPanelShowAllButton: 'Zobraziť všetko',
-  columnsPanelHideAllButton: 'Skryť všetko',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Pridať filter',
   filterPanelRemoveAll: 'Odstrániť všetky',

package/locales/svSE.js

@@ -29,12 +29,11 @@ const svSEGrid = {
   toolbarExportCSV: 'Ladda ner som CSV',
   toolbarExportPrint: 'Skriv ut',
   toolbarExportExcel: 'Ladda ner som Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Hitta kolumn',
-  columnsPanelTextFieldPlaceholder: 'Kolumntitel',
-  columnsPanelDragIconLabel: 'Ordna om kolumnen',
-  columnsPanelShowAllButton: 'Visa alla',
-  columnsPanelHideAllButton: 'Dölj alla',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Lägg till filter',
   filterPanelRemoveAll: 'Ta bort alla',

package/locales/trTR.js

@@ -29,12 +29,11 @@ const trTRGrid = {
   toolbarExportCSV: 'CSV olarak aktar',
   toolbarExportPrint: 'Yazdır',
   toolbarExportExcel: 'Excel olarak aktar',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Sütun ara',
-  columnsPanelTextFieldPlaceholder: 'Sütun adı',
-  columnsPanelDragIconLabel: 'Sütunları yeniden sırala',
-  columnsPanelShowAllButton: 'Hepsini göster',
-  columnsPanelHideAllButton: 'Hepsini gizle',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Filtre Ekle',
   filterPanelRemoveAll: 'Hepsini kaldır',

package/locales/ukUA.js

@@ -43,12 +43,11 @@ const ukUAGrid = {
   toolbarExportCSV: 'Завантажити у форматі CSV',
   toolbarExportPrint: 'Друк',
   toolbarExportExcel: 'Завантажити у форматі Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Знайти стовпець',
-  columnsPanelTextFieldPlaceholder: 'Заголовок стовпця',
-  columnsPanelDragIconLabel: 'Змінити порядок стовпця',
-  columnsPanelShowAllButton: 'Показати всі',
-  columnsPanelHideAllButton: 'Приховати всі',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
   filterPanelRemoveAll: 'Видалити всі',

package/locales/urPK.js

@@ -29,12 +29,11 @@ const urPKGrid = {
   toolbarExportCSV: 'CSV کے طور پر ڈاوٴنلوڈ کریں',
   toolbarExportPrint: 'پرنٹ کریں',
   toolbarExportExcel: 'ایکسل کے طور پر ڈاوٴنلوڈ کریں',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'کالم کو تلاش کریں',
-  columnsPanelTextFieldPlaceholder: 'کالم کا عنوان',
-  columnsPanelDragIconLabel: 'کالم کی ترتیب تبدیل کریں',
-  columnsPanelShowAllButton: 'سارے دکھائیں',
-  columnsPanelHideAllButton: 'سارے چھپائیں',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'نیا فلٹر',
   filterPanelRemoveAll: 'سارے ختم کریں',

package/locales/viVN.js

@@ -29,12 +29,11 @@ const viVNGrid = {
   toolbarExportCSV: 'Xuất CSV',
   toolbarExportPrint: 'In',
   toolbarExportExcel: 'Xuất Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: 'Tìm kiếm',
-  columnsPanelTextFieldPlaceholder: 'Tiêu đề cột',
-  columnsPanelDragIconLabel: 'Sắp xếp',
-  columnsPanelShowAllButton: 'Hiện tất cả',
-  columnsPanelHideAllButton: 'Ẩn tất cả',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: 'Thêm bộ lọc',
   filterPanelRemoveAll: 'Xóa tất cả',

package/locales/zhCN.js

@@ -29,12 +29,11 @@ const zhCNGrid = {
   toolbarExportCSV: '导出至CSV',
   toolbarExportPrint: '打印',
   toolbarExportExcel: '导出至Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: '搜索列',
-  columnsPanelTextFieldPlaceholder: '列名',
-  columnsPanelDragIconLabel: '重排序列',
-  columnsPanelShowAllButton: '显示所有',
-  columnsPanelHideAllButton: '隐藏所有',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: '添加筛选器',
   filterPanelRemoveAll: '清除全部',

package/locales/zhHK.js

@@ -29,12 +29,11 @@ const zhHKGrid = {
   toolbarExportCSV: '下載為 CSV',
   toolbarExportPrint: '列印',
   toolbarExportExcel: '下載為 Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: '查找欄目',
-  columnsPanelTextFieldPlaceholder: '欄目標題',
-  columnsPanelDragIconLabel: '重新排序列',
-  columnsPanelShowAllButton: '顯示所有',
-  columnsPanelHideAllButton: '全部藏起來',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: '新增過濾器',
   filterPanelRemoveAll: '移除所有',

package/locales/zhTW.js

@@ -29,12 +29,11 @@ const zhTWGrid = {
   toolbarExportCSV: '匯出 CSV',
   toolbarExportPrint: '列印',
   toolbarExportExcel: '匯出 Excel',
-  // Columns panel text
-  columnsPanelTextFieldLabel: '欄位搜尋',
-  columnsPanelTextFieldPlaceholder: '欄位名稱',
-  columnsPanelDragIconLabel: '排序欄位',
-  columnsPanelShowAllButton: '顯示所有',
-  columnsPanelHideAllButton: '隱藏所有',
+  // Columns management text
+  // columnsManagementSearchTitle: 'Search',
+  // columnsManagementNoColumns: 'No columns',
+  // columnsManagementShowHideAllText: 'Show/Hide All',
+
   // Filter panel text
   filterPanelAddFilter: '增加篩選器',
   filterPanelRemoveAll: '清除所有',

package/models/api/gridLocaleTextApi.d.ts

@@ -27,11 +27,9 @@ export interface GridLocaleText {
     toolbarExportCSV: React.ReactNode;
     toolbarExportPrint: React.ReactNode;
     toolbarExportExcel: string;
-    columnsPanelTextFieldLabel: string;
-    columnsPanelTextFieldPlaceholder: string;
-    columnsPanelDragIconLabel: string;
-    columnsPanelShowAllButton: React.ReactNode;
-    columnsPanelHideAllButton: React.ReactNode;
+    columnsManagementSearchTitle: React.ReactNode;
+    columnsManagementNoColumns: React.ReactNode;
+    columnsManagementShowHideAllText: React.ReactNode;
     filterPanelAddFilter: React.ReactNode;
     filterPanelRemoveAll: React.ReactNode;
     filterPanelDeleteIconLabel: string;

package/models/colDef/gridColType.d.ts

@@ -1,2 +1,11 @@
-export type GridNativeColTypes = 'string' | 'number' | 'date' | 'dateTime' | 'boolean' | 'singleSelect' | 'actions' | 'custom';
-export type GridColType = GridNativeColTypes;
+export interface GridColumnTypes {
+    string: 'string';
+    number: 'number';
+    date: 'date';
+    dateTime: 'dateTime';
+    boolean: 'boolean';
+    singleSelect: 'singleSelect';
+    actions: 'actions';
+    custom: 'custom';
+}
+export type GridColType = GridColumnTypes[keyof GridColumnTypes];

package/models/gridSlotsComponent.d.ts

@@ -160,6 +160,11 @@ export interface GridSlotsComponent extends GridBaseSlots, GridIconSlotsComponen
      * @default GridColumnsPanel
      */
     columnsPanel: React.JSXElementConstructor<any>;
+    /**
+     * Component used inside Grid Columns panel to manage columns.
+     * @default GridColumnsManagement
+     */
+    columnsManagement: React.JSXElementConstructor<any>;
     /**
      * Panel component wrapping the filters and columns panels.
      * @default GridPanel

package/models/gridSlotsComponentsProps.d.ts

@@ -21,6 +21,7 @@ import { GridOverlayProps } from '../components/containers/GridOverlay';
 import { GridPanelProps } from '../components/panel/GridPanel';
 import type { GridRowProps } from '../components/GridRow';
 import type { GridCellProps } from '../components/cell/GridCell';
+import type { GridColumnsManagementProps } from '../components/columnsManagement/GridColumnsManagement';
 import type { GridRowCountProps } from '../components';
 export interface BaseCheckboxPropsOverrides {
 }
@@ -56,6 +57,8 @@ export interface ColumnMenuPropsOverrides {
 }
 export interface ColumnsPanelPropsOverrides {
 }
+export interface ColumnsManagementPropsOverrides {
+}
 export interface FilterPanelPropsOverrides {
 }
 export interface FooterPropsOverrides {
@@ -99,6 +102,7 @@ export interface GridSlotsComponentsProps {
     columnHeaderFilterIconButton?: SlotProps<ColumnHeaderFilterIconButtonProps, ColumnHeaderFilterIconButtonPropsOverrides>;
     columnMenu?: SlotProps<GridColumnMenuProps, ColumnMenuPropsOverrides>;
     columnsPanel?: SlotProps<GridColumnsPanelProps, ColumnsPanelPropsOverrides>;
+    columnsManagement?: SlotProps<GridColumnsManagementProps, ColumnsManagementPropsOverrides>;
     filterPanel?: SlotProps<GridFilterPanelProps, FilterPanelPropsOverrides>;
     footer?: SlotProps<GridFooterContainerProps, FooterPropsOverrides>;
     footerRowCount?: SlotProps<GridRowCountProps, FooterRowCountOverrides>;

package/modern/components/GridRow.js

@@ -433,106 +433,7 @@ process.env.NODE_ENV !== "production" ? GridRow.propTypes = {
   onDoubleClick: PropTypes.func,
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
-  pinnedColumns: PropTypes.shape({
-    left: PropTypes.arrayOf(PropTypes.shape({
-      align: PropTypes.oneOf(['center', 'left', 'right']),
-      cellClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-      colSpan: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-      computedWidth: PropTypes.number.isRequired,
-      description: PropTypes.string,
-      disableColumnMenu: PropTypes.bool,
-      disableExport: PropTypes.bool,
-      disableReorder: PropTypes.bool,
-      editable: PropTypes.bool,
-      field: PropTypes.string.isRequired,
-      filterable: PropTypes.bool,
-      filterOperators: PropTypes.arrayOf(PropTypes.shape({
-        getApplyFilterFn: PropTypes.func.isRequired,
-        getValueAsString: PropTypes.func,
-        headerLabel: PropTypes.string,
-        InputComponent: PropTypes.elementType,
-        InputComponentProps: PropTypes.object,
-        label: PropTypes.string,
-        requiresFilterValue: PropTypes.bool,
-        value: PropTypes.string.isRequired
-      })),
-      flex: PropTypes.number,
-      getApplyQuickFilterFn: PropTypes.func,
-      groupable: PropTypes.bool,
-      hasBeenResized: PropTypes.bool,
-      headerAlign: PropTypes.oneOf(['center', 'left', 'right']),
-      headerClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-      headerName: PropTypes.string,
-      hideable: PropTypes.bool,
-      hideSortIcons: PropTypes.bool,
-      maxWidth: PropTypes.number,
-      minWidth: PropTypes.number,
-      pinnable: PropTypes.bool,
-      preProcessEditCellProps: PropTypes.func,
-      renderCell: PropTypes.func,
-      renderEditCell: PropTypes.func,
-      renderHeader: PropTypes.func,
-      resizable: PropTypes.bool,
-      sortable: PropTypes.bool,
-      sortComparator: PropTypes.func,
-      sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
-      type: PropTypes.oneOf(['actions', 'boolean', 'custom', 'date', 'dateTime', 'number', 'singleSelect', 'string']),
-      valueFormatter: PropTypes.func,
-      valueGetter: PropTypes.func,
-      valueParser: PropTypes.func,
-      valueSetter: PropTypes.func,
-      width: PropTypes.number
-    })).isRequired,
-    right: PropTypes.arrayOf(PropTypes.shape({
-      align: PropTypes.oneOf(['center', 'left', 'right']),
-      cellClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-      colSpan: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),
-      computedWidth: PropTypes.number.isRequired,
-      description: PropTypes.string,
-      disableColumnMenu: PropTypes.bool,
-      disableExport: PropTypes.bool,
-      disableReorder: PropTypes.bool,
-      editable: PropTypes.bool,
-      field: PropTypes.string.isRequired,
-      filterable: PropTypes.bool,
-      filterOperators: PropTypes.arrayOf(PropTypes.shape({
-        getApplyFilterFn: PropTypes.func.isRequired,
-        getValueAsString: PropTypes.func,
-        headerLabel: PropTypes.string,
-        InputComponent: PropTypes.elementType,
-        InputComponentProps: PropTypes.object,
-        label: PropTypes.string,
-        requiresFilterValue: PropTypes.bool,
-        value: PropTypes.string.isRequired
-      })),
-      flex: PropTypes.number,
-      getApplyQuickFilterFn: PropTypes.func,
-      groupable: PropTypes.bool,
-      hasBeenResized: PropTypes.bool,
-      headerAlign: PropTypes.oneOf(['center', 'left', 'right']),
-      headerClassName: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-      headerName: PropTypes.string,
-      hideable: PropTypes.bool,
-      hideSortIcons: PropTypes.bool,
-      maxWidth: PropTypes.number,
-      minWidth: PropTypes.number,
-      pinnable: PropTypes.bool,
-      preProcessEditCellProps: PropTypes.func,
-      renderCell: PropTypes.func,
-      renderEditCell: PropTypes.func,
-      renderHeader: PropTypes.func,
-      resizable: PropTypes.bool,
-      sortable: PropTypes.bool,
-      sortComparator: PropTypes.func,
-      sortingOrder: PropTypes.arrayOf(PropTypes.oneOf(['asc', 'desc'])),
-      type: PropTypes.oneOf(['actions', 'boolean', 'custom', 'date', 'dateTime', 'number', 'singleSelect', 'string']),
-      valueFormatter: PropTypes.func,
-      valueGetter: PropTypes.func,
-      valueParser: PropTypes.func,
-      valueSetter: PropTypes.func,
-      width: PropTypes.number
-    })).isRequired
-  }).isRequired,
+  pinnedColumns: PropTypes.object.isRequired,
   renderedColumns: PropTypes.arrayOf(PropTypes.object).isRequired,
   row: PropTypes.object,
   rowHeight: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number]).isRequired,