@redsift/table 11.10.0-muiv6 → 11.11.0-muiv5

package/index.d.ts

@@ -2,8 +2,8 @@ import * as _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipl
 import * as _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleValue from '@mui/x-data-grid/components/panel/filterPanel/GridFilterInputMultipleValue';
 import * as _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect from '@mui/x-data-grid/components/panel/filterPanel/GridFilterInputSingleSelect';
 import * as _mui_x_data_grid_pro from '@mui/x-data-grid-pro';
-import { GridColumnTypesRecord, GridFilterItem, GridCellParams, GridFilterOperator, GridFilterInputValue, GridFilterInputSingleSelect, GridFilterInputMultipleValue, GridFilterInputMultipleSingleSelect, DataGridProProps, GridFilterModel, GridPaginationModel, GridSortModel, GridSortItem, GridColumnVisibilityModel, GridPinnedColumns, GridSlotsComponent, GridRowSelectionModel, GridApiPro as GridApiPro$1, GridRowParams, GridToolbarExportProps, GridToolbarFilterButtonProps, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
-export { GridAlignment, GridColDef, GridFilterItem, GridFilterModel, getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators } from '@mui/x-data-grid-pro';
+import { GridNativeColTypes, GridColumnTypesRecord, GridFilterItem, GridCellParams, GridFilterOperator, GridFilterInputValue, GridFilterInputSingleSelect, GridFilterInputMultipleValue, GridFilterInputMultipleSingleSelect, DataGridProProps, GridFilterModel, GridSortModel, GridSortItem, GridColumnVisibilityModel, GridPinnedColumns, GridSlotsComponent, GridSelectionModel, GridRowParams, GridToolbarExportProps, GridToolbarFilterButtonProps, GridToolbarColumnsButton, GridToolbarDensitySelector } from '@mui/x-data-grid-pro';
+export { GridAlignment, GridColDef, GridColumns, GridFilterItem, GridFilterModel, GridSelectionModel, getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators } from '@mui/x-data-grid-pro';
 import { GridInitialStatePro } from '@mui/x-data-grid-pro/models/gridStatePro';
 import React, { ReactNode, ComponentProps, MutableRefObject, RefObject } from 'react';
 import { TablePaginationProps } from '@mui/material';
@@ -13,80 +13,80 @@ import { GridApiPro } from '@mui/x-data-grid-pro/models/gridApiPro';
 declare const DETAIL_PANEL_TOGGLE_COL_DEF: _mui_x_data_grid_pro.GridColDef<any, any, any>;
 
 declare const getRsStringColumnType: () => {
-    type: string;
+    extendType: GridNativeColTypes;
     filterOperators: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
 };
 declare const getRsNumberColumnType: () => {
-    type: string;
+    extendType: GridNativeColTypes;
     filterOperators: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
 };
 declare const getRsSingleSelectColumnType: () => {
-    type: string;
+    extendType: GridNativeColTypes;
     filterOperators: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleValue.GridFilterInputMultipleValue;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
 };
 declare const getRsSingleSelectWithShortOperatorListColumnType: () => {
-    type: string;
+    extendType: GridNativeColTypes;
     filterOperators: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
 };
 declare const getRsMultipleSelectColumnType: () => {
-    type: string;
+    extendType: GridNativeColTypes;
     filterOperators: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
 };
 declare const getRsMultipleSelectWithShortOperatorListColumnType: () => {
-    type: string;
+    extendType: GridNativeColTypes;
     filterOperators: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
 };
-declare const customColumnTypes: Partial<GridColumnTypesRecord>;
+declare const customColumnTypes: GridColumnTypesRecord;
 
 declare const IS_BETWEEN: {
     label: string;
     value: string;
-    getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams<any, any>) => boolean) | null;
+    getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams) => boolean) | null;
     InputComponent: (props: any) => JSX.Element;
 };
 
@@ -251,12 +251,6 @@ declare const IS_NOT_ANY_OF: {
     getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams) => boolean) | null;
     InputComponent: typeof GridFilterInputMultipleValue;
 };
-declare const IS_NOT_ANY_OF_WITH_SELECT: {
-    InputComponent: typeof GridFilterInputMultipleSingleSelect;
-    label: string;
-    value: string;
-    getApplyFilterFn: (filterItem: GridFilterItem) => ((params: GridCellParams) => boolean) | null;
-};
 
 declare const STARTS_WITH_ANY_OF: {
     label: string;
@@ -273,8 +267,8 @@ declare const operatorList: {
     string: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
     number: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
     boolean: _mui_x_data_grid_pro.GridFilterOperator<any, boolean | null, any>[];
-    date: _mui_x_data_grid_pro.GridFilterOperator<any, Date, any>[];
-    dateTime: _mui_x_data_grid_pro.GridFilterOperator<any, Date, any>[];
+    date: _mui_x_data_grid_pro.GridFilterOperator<any, string | Date, any>[];
+    dateTime: _mui_x_data_grid_pro.GridFilterOperator<any, string | Date, any>[];
     singleSelect: _mui_x_data_grid_pro.GridFilterOperator<any, any, any>[];
     rsString: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
     rsNumber: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
@@ -282,50 +276,50 @@ declare const operatorList: {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleValue.GridFilterInputMultipleValue;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
     rsSingleSelectWithShortOperatorList: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
     rsMultipleSelect: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
     rsMultipleSelectWithShortOperatorList: ({
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputSingleSelect.GridFilterInputSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     } | {
         InputComponent: typeof _mui_x_data_grid_components_panel_filterPanel_GridFilterInputMultipleSingleSelect.GridFilterInputMultipleSingleSelect;
         label: string;
         value: string;
-        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, unknown, unknown, _mui_x_data_grid_pro.GridTreeNode>) => boolean) | null;
+        getApplyFilterFn: (filterItem: _mui_x_data_grid_pro.GridFilterItem) => ((params: _mui_x_data_grid_pro.GridCellParams<any, any, any>) => boolean) | null;
     })[];
     rsStringArray: _mui_x_data_grid_pro.GridFilterOperator<any, string | number | null, any>[];
 };
@@ -397,18 +391,55 @@ declare const StatefulDataGrid: Comp<StatefulDataGridProps, HTMLDivElement>;
 interface ExtendedGridFilterModel extends GridFilterModel {
     quickFilterValues?: string[];
 }
-interface ExtendedGridPaginationModel extends GridPaginationModel {
+interface ExtendedGridPaginationModel {
+    page: number;
+    pageSize: number;
     direction?: 'next' | 'back';
 }
 
-type OperatorValue = string | string[];
+type OperatorValue = string | string[] | undefined;
+/**
+ * Converts internal bracket notation to display-friendly dot notation.
+ *
+ * Display format (CloudFront-safe, no brackets):
+ * - `field[operator]=value` → `field.operator=value` (value URL-encoded if needed)
+ * - `field[isAnyOf]=list[a,b,c]` → `field.isAnyOf=a,b,c` (comma-separated, values URL-encoded)
+ * - `_sortColumn=[field,desc]` → `_sortColumn=field.desc`
+ * - `_pagination=[0,25,next]` → `_pagination=0.25.next`
+ * - `_pinnedColumnsLeft=[a,b,c]` → `_pinnedColumnsLeft=a,b,c` (comma-separated)
+ * - `_columnVisibility=[a,b,c]` → `_columnVisibility=a,b,c` (comma-separated)
+ */
+declare const convertToDisplayFormat: (search: string) => string;
+/**
+ * Converts display-friendly dot notation back to internal bracket notation.
+ *
+ * Internal format (server-side compatible):
+ * - `field.operator=value` → `_field[operator,type]=value`
+ * - `field.isAnyOf=a,b,c` → `_field[isAnyOf,type]=list[a,b,c]`
+ * - `_sortColumn=field.desc` → `_sortColumn=[field,desc]`
+ * - `_pagination=0.25.next` → `_pagination=[0,25,next]`
+ * - `_pinnedColumnsLeft=a,b,c` → `_pinnedColumnsLeft=[a,b,c]`
+ * - `_columnVisibility=a,b,c` → `_columnVisibility=[a,b,c]`
+ */
+declare const convertFromDisplayFormat: (search: string, columns: DataGridProps['columns']) => string;
+/**
+ * Detects if search string is in display format and converts it to internal format.
+ */
+declare const getDecodedSearchFromUrl: (search: string, columns: DataGridProps['columns']) => string;
+/**
+ * Builds a display-format query string from internal format.
+ */
+declare const buildQueryParamsString: (search: string) => string;
+/**
+ * Compares two search strings for equality, ignoring parameter order.
+ * This prevents infinite update loops when the same parameters appear in different order.
+ */
+declare const areSearchStringsEqual: (search1: string, search2: string) => boolean;
 declare const decodeValue: (value: string) => OperatorValue;
-declare const encodeValue: (value: string | undefined) => string;
+declare const encodeValue: (value: string | string[] | undefined) => string;
 declare const urlSearchParamsToString: (searchParams: URLSearchParams) => string;
 declare const numberOperatorEncoder: Record<string, string>;
 declare const numberOperatorDecoder: Record<string, string>;
-declare const isOperatorValueValid: (field: string, operator: OperatorValue, columns: DataGridProps['columns']) => boolean;
-declare const isValueValid: (value: OperatorValue, field: string, columns: DataGridProps['columns'], operator: OperatorValue) => boolean;
 /** FILTERS */
 declare const getFilterModelFromString: (searchString: string, columns: DataGridProps['columns']) => ExtendedGridFilterModel | 'invalid';
 declare const getSearchParamsFromFilterModel: (filterModel: ExtendedGridFilterModel) => URLSearchParams;
@@ -419,8 +450,8 @@ declare const getSearchParamsFromSorting: (sorting: GridSortItem[]) => URLSearch
 declare const getPaginationFromString: (searchString: string) => ExtendedGridPaginationModel | 'invalid';
 declare const getSearchParamsFromPagination: (pagination: ExtendedGridPaginationModel) => URLSearchParams;
 /** COLUMN VISIBILITY */
-declare const getColumnVisibilityFromString: (searchString: string, columns: DataGridProps['columns']) => GridColumnVisibilityModel | 'invalid';
 declare const getSearchParamsFromColumnVisibility: (columnVisibility: GridColumnVisibilityModel, columns: DataGridProps['columns']) => URLSearchParams;
+declare const getColumnVisibilityFromString: (notParsed: string, tableColumns: DataGridProps['columns']) => GridColumnVisibilityModel | 'invalid';
 declare const getPinnedColumnsFromString: (notParsed: string, tableColumns: DataGridProps['columns']) => PinnedColumns | 'invalid';
 declare const getSearchParamsFromPinnedColumns: (pinnedColumns: GridPinnedColumns) => URLSearchParams;
 declare const getSearchParamsFromTab: (search: string) => URLSearchParams;
@@ -482,12 +513,12 @@ declare const BasePopper: React.JSXElementConstructor<any>;
 declare const BaseTextField: React.JSXElementConstructor<any>;
 
 interface CompletionResponseItem {
-    field: string;
-    operator: string;
+    columnField: string;
+    operatorValue: string;
     value?: string;
 }
 type CompletionResponse = {
-    logicOperator: 'and' | 'or';
+    linkOperator: 'and' | 'or';
     items: CompletionResponseItem[];
 };
 interface LocaleText {
@@ -533,9 +564,11 @@ type ControlledPaginationProps = {
     displayPagination?: boolean;
     selectionStatus: SelectionStatus;
     apiRef: MutableRefObject<GridApiPro>;
-    paginationModel: GridPaginationModel;
-    onPaginationModelChange: (model: GridPaginationModel) => void;
-    pageSizeOptions?: number[];
+    page: number;
+    onPageChange: (page: number) => void;
+    pageSize: number;
+    onPageSizeChange: (pageSize: number) => void;
+    rowsPerPageOptions?: number[];
     isRowSelectable?: DataGridProps['isRowSelectable'];
     paginationProps?: DataGridProps['paginationProps'];
 };
@@ -546,14 +579,16 @@ type ServerSideControlledPaginationProps = {
     displayRowsPerPage?: boolean;
     displayPagination?: boolean;
     selectionStatus: SelectionStatus;
-    paginationModel: GridPaginationModel;
-    onPaginationModelChange: (model: GridPaginationModel) => void;
-    pageSizeOptions?: number[];
+    page: number;
+    onPageChange: (page: number) => void;
+    pageSize: number;
+    onPageSizeChange: (pageSize: number) => void;
+    rowsPerPageOptions?: number[];
     paginationProps?: DataGridProps['paginationProps'];
     rowCount: number;
     loading?: boolean;
 };
-declare const onServerSideSelectionStatusChange: (newSelectionModel: GridRowSelectionModel, apiRef: React.MutableRefObject<GridApiPro$1>, selectionStatus: React.MutableRefObject<SelectionStatus>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined, page: number, pageSize: number) => void;
+declare const onServerSideSelectionStatusChange: (newSelectionModel: GridSelectionModel, apiRef: React.MutableRefObject<GridApiPro>, selectionStatus: React.MutableRefObject<SelectionStatus>, isRowSelectable: ((params: GridRowParams<any>) => boolean) | undefined, page: number, pageSize: number) => void;
 declare const ServerSideControlledPagination: React.FC<ServerSideControlledPaginationProps>;
 
 interface TextCellProps extends ComponentProps<'div'> {
@@ -643,13 +678,15 @@ type ToolbarWrapperProps = {
     selectionStatus: React.MutableRefObject<SelectionStatus>;
     apiRef: DataGridProps['apiRef'];
     isRowSelectable: DataGridProps['isRowSelectable'];
-    paginationModel: DataGridProps['paginationModel'];
-    onPaginationModelChange: DataGridProps['onPaginationModelChange'];
-    pageSizeOptions: DataGridProps['pageSizeOptions'];
+    page: DataGridProps['page'];
+    onPageChange: DataGridProps['onPageChange'];
+    pageSize: DataGridProps['pageSize'];
+    onPageSizeChange: DataGridProps['onPageSizeChange'];
+    rowsPerPageOptions: DataGridProps['rowsPerPageOptions'];
     paginationProps: DataGridProps['paginationProps'];
     paginationMode?: DataGridProps['paginationMode'];
     rowCount?: DataGridProps['rowCount'];
 };
 declare const ToolbarWrapper: React.FC<ToolbarWrapperProps>;
 
-export { BaseButton, BaseCheckbox, BaseIcon, BasePopper, BaseTextField, CATEGORIES, CONTAINS_ANY_OF, CONTAINS_ANY_OF_I, Category, CompletionResponse, ControlledPagination, ControlledPaginationProps, DEFAULT_OPERATORS, DETAIL_PANEL_TOGGLE_COL_DEF, DIMENSION_MODEL_KEY, DOES_NOT_CONTAIN, DOES_NOT_EQUAL, DOES_NOT_HAVE, DOES_NOT_HAVE_ANY_OF, DOES_NOT_HAVE_ANY_OF_WITH_SELECT, DOES_NOT_HAVE_WITH_SELECT, DataGrid, DataGridModel, DataGridProps, ENDS_WITH_ANY_OF, FILTER_MODEL_KEY, FILTER_SEARCH_KEY, FilterConfig, GridToolbarFilterSemanticField, GridToolbarFilterSemanticFieldProps, HAS, HAS_ANY_OF, HAS_ANY_OF_WITH_SELECT, HAS_ONLY, HAS_ONLY_WITH_SELECT, HAS_WITH_SELECT, IS, IS_ANY_OF, IS_ANY_OF_I, IS_ANY_OF_I_WITH_SELECT, IS_ANY_OF_WITH_SELECT, IS_BETWEEN, IS_NOT, IS_NOT_ANY_OF, IS_NOT_ANY_OF_WITH_SELECT, IS_NOT_WITH_SELECT, IS_WITH_SELECT, PAGINATION_MODEL_KEY, PINNED_COLUMNS, PinnedColumns, SORT_MODEL_KEY, STARTS_WITH_ANY_OF, SelectionStatus, ServerSideControlledPagination, ServerSideControlledPaginationProps, StatefulDataGrid, StatefulDataGridProps, StyledDataGridProps, TextCell, Toolbar, ToolbarWrapper, ToolbarWrapperProps, VISIBILITY_MODEL_KEY, areFilterModelsEquivalent, buildStorageKey, clearPreviousVersionStorage, customColumnTypes, decodeValue, encodeValue, getColumnVisibilityFromString, getCompletion, getFilterModelFromString, getFinalSearch, getGridNumericOperators, getGridStringArrayOperators, getGridStringArrayOperatorsWithSelect, getGridStringArrayOperatorsWithSelectOnStringArrayColumns, getGridStringOperators, getModelsParsedOrUpdateLocalStorage, getPaginationFromString, getPinnedColumnsFromString, getRsMultipleSelectColumnType, getRsMultipleSelectWithShortOperatorListColumnType, getRsNumberColumnType, getRsSingleSelectColumnType, getRsSingleSelectWithShortOperatorListColumnType, getRsStringColumnType, getSearchParamsFromColumnVisibility, getSearchParamsFromFilterModel, getSearchParamsFromPagination, getSearchParamsFromPinnedColumns, getSearchParamsFromSorting, getSearchParamsFromTab, getSortingFromString, isOperatorValueValid, isValueValid, muiIconToDSIcon, numberOperatorDecoder, numberOperatorEncoder, onServerSideSelectionStatusChange, operatorList, updateUrl, urlSearchParamsToString };
+export { BaseButton, BaseCheckbox, BaseIcon, BasePopper, BaseTextField, CATEGORIES, CONTAINS_ANY_OF, CONTAINS_ANY_OF_I, Category, CompletionResponse, ControlledPagination, ControlledPaginationProps, DEFAULT_OPERATORS, DETAIL_PANEL_TOGGLE_COL_DEF, DIMENSION_MODEL_KEY, DOES_NOT_CONTAIN, DOES_NOT_EQUAL, DOES_NOT_HAVE, DOES_NOT_HAVE_ANY_OF, DOES_NOT_HAVE_ANY_OF_WITH_SELECT, DOES_NOT_HAVE_WITH_SELECT, DataGrid, DataGridModel, DataGridProps, ENDS_WITH_ANY_OF, FILTER_MODEL_KEY, FILTER_SEARCH_KEY, FilterConfig, GridToolbarFilterSemanticField, GridToolbarFilterSemanticFieldProps, HAS, HAS_ANY_OF, HAS_ANY_OF_WITH_SELECT, HAS_ONLY, HAS_ONLY_WITH_SELECT, HAS_WITH_SELECT, IS, IS_ANY_OF, IS_ANY_OF_I, IS_ANY_OF_I_WITH_SELECT, IS_ANY_OF_WITH_SELECT, IS_BETWEEN, IS_NOT, IS_NOT_ANY_OF, IS_NOT_WITH_SELECT, IS_WITH_SELECT, PAGINATION_MODEL_KEY, PINNED_COLUMNS, PinnedColumns, SORT_MODEL_KEY, STARTS_WITH_ANY_OF, SelectionStatus, ServerSideControlledPagination, ServerSideControlledPaginationProps, StatefulDataGrid, StatefulDataGridProps, StyledDataGridProps, TextCell, Toolbar, ToolbarWrapper, ToolbarWrapperProps, VISIBILITY_MODEL_KEY, areFilterModelsEquivalent, areSearchStringsEqual, buildQueryParamsString, buildStorageKey, clearPreviousVersionStorage, convertFromDisplayFormat, convertToDisplayFormat, customColumnTypes, decodeValue, encodeValue, getColumnVisibilityFromString, getCompletion, getDecodedSearchFromUrl, getFilterModelFromString, getFinalSearch, getGridNumericOperators, getGridStringArrayOperators, getGridStringArrayOperatorsWithSelect, getGridStringArrayOperatorsWithSelectOnStringArrayColumns, getGridStringOperators, getModelsParsedOrUpdateLocalStorage, getPaginationFromString, getPinnedColumnsFromString, getRsMultipleSelectColumnType, getRsMultipleSelectWithShortOperatorListColumnType, getRsNumberColumnType, getRsSingleSelectColumnType, getRsSingleSelectWithShortOperatorListColumnType, getRsStringColumnType, getSearchParamsFromColumnVisibility, getSearchParamsFromFilterModel, getSearchParamsFromPagination, getSearchParamsFromPinnedColumns, getSearchParamsFromSorting, getSearchParamsFromTab, getSortingFromString, muiIconToDSIcon, numberOperatorDecoder, numberOperatorEncoder, onServerSideSelectionStatusChange, operatorList, updateUrl, urlSearchParamsToString };

package/index.js

@@ -1,6 +1,6 @@
-import { o as operatorList } from './_internal/StatefulDataGrid2.js';
-export { L as CATEGORIES, C as CONTAINS_ANY_OF, m as CONTAINS_ANY_OF_I, J as DIMENSION_MODEL_KEY, D as DOES_NOT_CONTAIN, a as DOES_NOT_EQUAL, b as DOES_NOT_HAVE, n as DOES_NOT_HAVE_ANY_OF, p as DOES_NOT_HAVE_ANY_OF_WITH_SELECT, c as DOES_NOT_HAVE_WITH_SELECT, E as ENDS_WITH_ANY_OF, F as FILTER_MODEL_KEY, K as FILTER_SEARCH_KEY, H as HAS, u as HAS_ANY_OF, v as HAS_ANY_OF_WITH_SELECT, e as HAS_ONLY, f as HAS_ONLY_WITH_SELECT, d as HAS_WITH_SELECT, h as IS, q as IS_ANY_OF, s as IS_ANY_OF_I, t as IS_ANY_OF_I_WITH_SELECT, r as IS_ANY_OF_WITH_SELECT, I as IS_BETWEEN, j as IS_NOT, w as IS_NOT_ANY_OF, x as IS_NOT_ANY_OF_WITH_SELECT, k as IS_NOT_WITH_SELECT, i as IS_WITH_SELECT, P as PAGINATION_MODEL_KEY, G as PINNED_COLUMNS, B as SORT_MODEL_KEY, S as STARTS_WITH_ANY_OF, ab as StatefulDataGrid, V as VISIBILITY_MODEL_KEY, aa as areFilterModelsEquivalent, M as buildStorageKey, N as clearPreviousVersionStorage, O as decodeValue, Q as encodeValue, a2 as getColumnVisibilityFromString, Y as getFilterModelFromString, a7 as getFinalSearch, g as getGridNumericOperators, y as getGridStringArrayOperators, z as getGridStringArrayOperatorsWithSelect, A as getGridStringArrayOperatorsWithSelectOnStringArrayColumns, l as getGridStringOperators, a8 as getModelsParsedOrUpdateLocalStorage, a0 as getPaginationFromString, a4 as getPinnedColumnsFromString, a3 as getSearchParamsFromColumnVisibility, Z as getSearchParamsFromFilterModel, a1 as getSearchParamsFromPagination, a5 as getSearchParamsFromPinnedColumns, $ as getSearchParamsFromSorting, a6 as getSearchParamsFromTab, _ as getSortingFromString, W as isOperatorValueValid, X as isValueValid, U as numberOperatorDecoder, T as numberOperatorEncoder, o as operatorList, a9 as updateUrl, R as urlSearchParamsToString } from './_internal/StatefulDataGrid2.js';
+export { C as CONTAINS_ANY_OF, u as CONTAINS_ANY_OF_I, D as DOES_NOT_CONTAIN, i as DOES_NOT_EQUAL, j as DOES_NOT_HAVE, v as DOES_NOT_HAVE_ANY_OF, w as DOES_NOT_HAVE_ANY_OF_WITH_SELECT, k as DOES_NOT_HAVE_WITH_SELECT, E as ENDS_WITH_ANY_OF, H as HAS, B as HAS_ANY_OF, F as HAS_ANY_OF_WITH_SELECT, m as HAS_ONLY, n as HAS_ONLY_WITH_SELECT, l as HAS_WITH_SELECT, p as IS, x as IS_ANY_OF, z as IS_ANY_OF_I, A as IS_ANY_OF_I_WITH_SELECT, y as IS_ANY_OF_WITH_SELECT, I as IS_BETWEEN, r as IS_NOT, G as IS_NOT_ANY_OF, s as IS_NOT_WITH_SELECT, q as IS_WITH_SELECT, S as STARTS_WITH_ANY_OF, f as customColumnTypes, h as getGridNumericOperators, J as getGridStringArrayOperators, K as getGridStringArrayOperatorsWithSelect, L as getGridStringArrayOperatorsWithSelectOnStringArrayColumns, t as getGridStringOperators, d as getRsMultipleSelectColumnType, e as getRsMultipleSelectWithShortOperatorListColumnType, a as getRsNumberColumnType, b as getRsSingleSelectColumnType, c as getRsSingleSelectWithShortOperatorListColumnType, g as getRsStringColumnType, o as operatorList } from './_internal/useControlledDatagridState.js';
 export { D as DEFAULT_OPERATORS, G as GridToolbarFilterSemanticField, g as getCompletion } from './_internal/GridToolbarFilterSemanticField2.js';
+export { C as CATEGORIES, D as DIMENSION_MODEL_KEY, F as FILTER_MODEL_KEY, b as FILTER_SEARCH_KEY, P as PAGINATION_MODEL_KEY, a as PINNED_COLUMNS, S as SORT_MODEL_KEY, G as StatefulDataGrid, V as VISIBILITY_MODEL_KEY, E as areFilterModelsEquivalent, i as areSearchStringsEqual, h as buildQueryParamsString, c as buildStorageKey, d as clearPreviousVersionStorage, f as convertFromDisplayFormat, e as convertToDisplayFormat, j as decodeValue, k as encodeValue, v as getColumnVisibilityFromString, g as getDecodedSearchFromUrl, m as getFilterModelFromString, z as getFinalSearch, A as getModelsParsedOrUpdateLocalStorage, r as getPaginationFromString, w as getPinnedColumnsFromString, t as getSearchParamsFromColumnVisibility, o as getSearchParamsFromFilterModel, s as getSearchParamsFromPagination, x as getSearchParamsFromPinnedColumns, q as getSearchParamsFromSorting, y as getSearchParamsFromTab, p as getSortingFromString, l as numberOperatorDecoder, n as numberOperatorEncoder, B as updateUrl, u as urlSearchParamsToString } from './_internal/StatefulDataGrid2.js';
 import { GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from '@mui/x-data-grid-pro';
 export { getGridBooleanOperators, getGridDateOperators, getGridSingleSelectOperators } from '@mui/x-data-grid-pro';
 export { B as BaseButton, a as BaseCheckbox, b as BaseIcon, c as BasePopper, m as muiIconToDSIcon } from './_internal/BasePopper.js';
@@ -15,50 +15,5 @@ export { T as ToolbarWrapper } from './_internal/ToolbarWrapper2.js';
 const DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;
 DETAIL_PANEL_TOGGLE_COL_DEF.type = 'actions';
 
-const getRsStringColumnType = () => {
-  return {
-    type: 'string',
-    filterOperators: operatorList.rsString
-  };
-};
-const getRsNumberColumnType = () => {
-  return {
-    type: 'number',
-    filterOperators: operatorList.rsNumber
-  };
-};
-const getRsSingleSelectColumnType = () => {
-  return {
-    type: 'singleSelect',
-    filterOperators: operatorList.rsSingleSelect
-  };
-};
-const getRsSingleSelectWithShortOperatorListColumnType = () => {
-  return {
-    type: 'singleSelect',
-    filterOperators: operatorList.rsSingleSelectWithShortOperatorList
-  };
-};
-const getRsMultipleSelectColumnType = () => {
-  return {
-    type: 'singleSelect',
-    filterOperators: operatorList.rsMultipleSelect
-  };
-};
-const getRsMultipleSelectWithShortOperatorListColumnType = () => {
-  return {
-    type: 'singleSelect',
-    filterOperators: operatorList.rsMultipleSelectWithShortOperatorList
-  };
-};
-const customColumnTypes = {
-  rsString: getRsStringColumnType(),
-  rsNumber: getRsNumberColumnType(),
-  rsSingleSelect: getRsSingleSelectColumnType(),
-  rsSingleSelectWithShortOperatorList: getRsSingleSelectWithShortOperatorListColumnType(),
-  rsMultipleSelect: getRsMultipleSelectColumnType(),
-  rsMultipleSelectWithShortOperatorList: getRsMultipleSelectWithShortOperatorListColumnType()
-};
-
-export { DETAIL_PANEL_TOGGLE_COL_DEF, customColumnTypes, getRsMultipleSelectColumnType, getRsMultipleSelectWithShortOperatorListColumnType, getRsNumberColumnType, getRsSingleSelectColumnType, getRsSingleSelectWithShortOperatorListColumnType, getRsStringColumnType };
+export { DETAIL_PANEL_TOGGLE_COL_DEF };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/columns/detailPanelToggleColDef.ts","../src/utils/columnTypes/index.ts"],"sourcesContent":["import { GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from '@mui/x-data-grid-pro';\n\n// Don't use a spread operator there or it will break the build due to MUI internal components\nconst DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;\nDETAIL_PANEL_TOGGLE_COL_DEF.type = 'actions';\n\nexport { DETAIL_PANEL_TOGGLE_COL_DEF };\n","import { GridColumnTypesRecord } from '@mui/x-data-grid-pro';\nimport { operatorList } from '../operators';\n\nexport const getRsStringColumnType = () => {\n  return {\n    type: 'string',\n    filterOperators: operatorList.rsString,\n  };\n};\n\nexport const getRsNumberColumnType = () => {\n  return {\n    type: 'number',\n    filterOperators: operatorList.rsNumber,\n  };\n};\n\nexport const getRsSingleSelectColumnType = () => {\n  return {\n    type: 'singleSelect',\n    filterOperators: operatorList.rsSingleSelect,\n  };\n};\n\nexport const getRsSingleSelectWithShortOperatorListColumnType = () => {\n  return {\n    type: 'singleSelect',\n    filterOperators: operatorList.rsSingleSelectWithShortOperatorList,\n  };\n};\n\nexport const getRsMultipleSelectColumnType = () => {\n  return {\n    type: 'singleSelect',\n    filterOperators: operatorList.rsMultipleSelect,\n  };\n};\n\nexport const getRsMultipleSelectWithShortOperatorListColumnType = () => {\n  return {\n    type: 'singleSelect',\n    filterOperators: operatorList.rsMultipleSelectWithShortOperatorList,\n  };\n};\n\nexport const customColumnTypes: Partial<GridColumnTypesRecord> = {\n  rsString: getRsStringColumnType(),\n  rsNumber: getRsNumberColumnType(),\n  rsSingleSelect: getRsSingleSelectColumnType(),\n  rsSingleSelectWithShortOperatorList: getRsSingleSelectWithShortOperatorListColumnType(),\n  rsMultipleSelect: getRsMultipleSelectColumnType(),\n  rsMultipleSelectWithShortOperatorList: getRsMultipleSelectWithShortOperatorListColumnType(),\n};\n"],"names":["DETAIL_PANEL_TOGGLE_COL_DEF","GRID_DETAIL_PANEL_TOGGLE_COL_DEF","type","getRsStringColumnType","filterOperators","operatorList","rsString","getRsNumberColumnType","rsNumber","getRsSingleSelectColumnType","rsSingleSelect","getRsSingleSelectWithShortOperatorListColumnType","rsSingleSelectWithShortOperatorList","getRsMultipleSelectColumnType","rsMultipleSelect","getRsMultipleSelectWithShortOperatorListColumnType","rsMultipleSelectWithShortOperatorList","customColumnTypes"],"mappings":";;;;;;;;;;;;;AAEA;AACMA,MAAAA,2BAA2B,GAAGC,iCAAgC;AACpED,2BAA2B,CAACE,IAAI,GAAG,SAAS;;ACD/BC,MAAAA,qBAAqB,GAAGA,MAAM;EACzC,OAAO;AACLD,IAAAA,IAAI,EAAE,QAAQ;IACdE,eAAe,EAAEC,YAAY,CAACC,QAAAA;GAC/B,CAAA;AACH,EAAC;AAEYC,MAAAA,qBAAqB,GAAGA,MAAM;EACzC,OAAO;AACLL,IAAAA,IAAI,EAAE,QAAQ;IACdE,eAAe,EAAEC,YAAY,CAACG,QAAAA;GAC/B,CAAA;AACH,EAAC;AAEYC,MAAAA,2BAA2B,GAAGA,MAAM;EAC/C,OAAO;AACLP,IAAAA,IAAI,EAAE,cAAc;IACpBE,eAAe,EAAEC,YAAY,CAACK,cAAAA;GAC/B,CAAA;AACH,EAAC;AAEYC,MAAAA,gDAAgD,GAAGA,MAAM;EACpE,OAAO;AACLT,IAAAA,IAAI,EAAE,cAAc;IACpBE,eAAe,EAAEC,YAAY,CAACO,mCAAAA;GAC/B,CAAA;AACH,EAAC;AAEYC,MAAAA,6BAA6B,GAAGA,MAAM;EACjD,OAAO;AACLX,IAAAA,IAAI,EAAE,cAAc;IACpBE,eAAe,EAAEC,YAAY,CAACS,gBAAAA;GAC/B,CAAA;AACH,EAAC;AAEYC,MAAAA,kDAAkD,GAAGA,MAAM;EACtE,OAAO;AACLb,IAAAA,IAAI,EAAE,cAAc;IACpBE,eAAe,EAAEC,YAAY,CAACW,qCAAAA;GAC/B,CAAA;AACH,EAAC;AAEM,MAAMC,iBAAiD,GAAG;EAC/DX,QAAQ,EAAEH,qBAAqB,EAAE;EACjCK,QAAQ,EAAED,qBAAqB,EAAE;EACjCG,cAAc,EAAED,2BAA2B,EAAE;EAC7CG,mCAAmC,EAAED,gDAAgD,EAAE;EACvFG,gBAAgB,EAAED,6BAA6B,EAAE;EACjDG,qCAAqC,EAAED,kDAAkD,EAAC;AAC5F;;;;"}
+{"version":3,"file":"index.js","sources":["../src/utils/columns/detailPanelToggleColDef.ts"],"sourcesContent":["import { GRID_DETAIL_PANEL_TOGGLE_COL_DEF } from '@mui/x-data-grid-pro';\n\n// Don't use a spread operator there or it will break the build due to MUI internal components\nconst DETAIL_PANEL_TOGGLE_COL_DEF = GRID_DETAIL_PANEL_TOGGLE_COL_DEF;\nDETAIL_PANEL_TOGGLE_COL_DEF.type = 'actions';\n\nexport { DETAIL_PANEL_TOGGLE_COL_DEF };\n"],"names":["DETAIL_PANEL_TOGGLE_COL_DEF","GRID_DETAIL_PANEL_TOGGLE_COL_DEF","type"],"mappings":";;;;;;;;;;;;;AAEA;AACMA,MAAAA,2BAA2B,GAAGC,iCAAgC;AACpED,2BAA2B,CAACE,IAAI,GAAG,SAAS;;;;"}

package/package.json

@@ -30,7 +30,7 @@
     "test": "yarn test:unit && yarn test:storybook"
   },
   "types": "types.d.ts",
-  "version": "11.10.0-muiv6",
+  "version": "11.11.0-muiv5",
   "dependencies": {
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
@@ -50,7 +50,7 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.17.12",
     "@babel/preset-typescript": "^7.16.7",
-    "@mui/x-data-grid-pro": "^6.18.0",
+    "@mui/x-data-grid-pro": "^5.17.17",
     "@mui/x-license-pro": "^6.6.0",
     "@rollup/plugin-babel": "^6.0.2",
     "@rollup/plugin-commonjs": "^24.0.0",
@@ -85,12 +85,12 @@
     "ts-jest": "^28.0.3"
   },
   "peerDependencies": {
-    "@mui/x-data-grid-pro": ">=6",
-    "@redsift/design-system": "^11.10.0-0",
-    "@redsift/icons": "^11.10.0-0",
+    "@mui/x-data-grid-pro": ">=5.10.0",
+    "@redsift/design-system": "^11.11.0-0",
+    "@redsift/icons": "^11.11.0-0",
     "react": ">=17",
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "0806b902451fd01d904909da86b514deaa89c2d7"
+  "gitHead": "0716dc6dc4b6924b71e4cda8d31cf063ca6ae036"
 }