@redsift/table 11.0.0-alpha.2 → 11.0.0-alpha.4

package/index.d.ts

@@ -156,6 +156,8 @@ interface StatefulDataGridProps extends DataGridProps {
     };
     /** Pinned custom columns. */
     pinnedCustomColumns?: Required<GridPinnedColumns>;
+    /** Local Storage version, to upgrade when we want to force a clean out. */
+    localStorageVersion?: number;
 }
 
 declare const StatefulDataGrid: Comp<StatefulDataGridProps, HTMLDivElement>;

package/index.js

@@ -18081,7 +18081,7 @@ const listOperators = ['containsAnyOf', 'endsWithAnyOf', 'isAnyOf', 'isNotAnyOf'
 const isValueValid = (value, field, columns, operator) => {
   var _column$type;
   // every field accepts undefined as value for default
-  if (value === undefined) {
+  if (value === undefined || value === '') {
     return true;
   }
 
@@ -18139,7 +18139,7 @@ const getFilterModelFromString = (searchString, columns) => {
   let logicOperator = GridLogicOperator.And;
   const searchParams = new URLSearchParams();
   for (const [key, value] of new URLSearchParams(searchString)) {
-    if (key.startsWith('_') && !['_logicOperator', '_sortColumn', '_pinnedColumnsLeft', '_pinnedColumnsRight', '_columnVisibility'].includes(key)) {
+    if (key.startsWith('_') && !['_logicOperator', '_sortColumn', '_pinnedColumnsLeft', '_pinnedColumnsRight', '_columnVisibility', '_pagination'].includes(key)) {
       searchParams.set(key, value);
     }
     if (key === '_logicOperator') {
@@ -26126,7 +26126,6 @@ const useTableStates = (id, version, customDefaults) => {
   };
 };
 
-const DATAGRID_VERSION = 1;
 const useStatefulTable = props => {
   const {
     // density = 'standard',
@@ -26143,7 +26142,7 @@ const useStatefulTable = props => {
       right: []
     },
     useRouter,
-    version = DATAGRID_VERSION
+    localStorageVersion = 1
   } = props;
   const {
     search,
@@ -26171,10 +26170,10 @@ const useStatefulTable = props => {
     setPinnedColumns,
     dimensionModel,
     setDimensionModel
-  } = useTableStates(id, version, customDefaults);
+  } = useTableStates(id, localStorageVersion, customDefaults);
 
   // clearing up old version keys, triggering only on first render
-  useEffect(() => clearPreviousVersionStorage(id, version), [id, version]);
+  useEffect(() => clearPreviousVersionStorage(id, localStorageVersion), [id, localStorageVersion]);
   const onColumnDimensionChange = useCallback(_ref => {
     let {
       newWidth,
@@ -26206,16 +26205,18 @@ const useStatefulTable = props => {
     column.width = dimensionModel[column.field] || column.width || 100;
     return column;
   }), [propsColumns, dimensionModel]);
+  /** Add resetPage method to apiRef. */
+  apiRef.current.resetPage = () => {
+    apiRef.current.setPage(0);
+  };
   return {
     apiRef,
     columns,
     onFilterModelChange: (model, details) => {
       const filterModel = _objectSpread2(_objectSpread2({}, model), {}, {
         items: model.items.map(item => {
-          if (!item.type) {
-            const column = apiRef.current.getColumn(item.field);
-            item.type = column.type || 'string';
-          }
+          const column = apiRef.current.getColumn(item.field);
+          item.type = column.type || 'string';
           return item;
         })
       });
@@ -26286,7 +26287,7 @@ const useStatefulTable = props => {
   };
 };
 
-const _excluded$1 = ["apiRef", "autoHeight", "className", "columns", "slots", "slotProps", "filterModel", "columnVisibilityModel", "pinnedColumns", "sortModel", "paginationModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "rowSelectionModel", "onColumnWidthChange", "onPaginationModelChange", "onRowSelectionModelChange", "onColumnVisibilityModelChange", "onPinnedColumnsChange", "onSortModelChange", "pagination", "paginationPlacement", "paginationProps", "pinnedCustomColumns", "rows", "pageSizeOptions", "sx", "theme", "useRouter", "paginationMode", "rowCount"];
+const _excluded$1 = ["apiRef", "autoHeight", "className", "columns", "slots", "slotProps", "filterModel", "columnVisibilityModel", "pinnedColumns", "sortModel", "paginationModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "localStorageVersion", "onFilterModelChange", "rowSelectionModel", "onColumnWidthChange", "onPaginationModelChange", "onRowSelectionModelChange", "onColumnVisibilityModelChange", "onPinnedColumnsChange", "onSortModelChange", "pagination", "paginationPlacement", "paginationProps", "pinnedCustomColumns", "rows", "pageSizeOptions", "sx", "theme", "useRouter", "paginationMode", "rowCount"];
 const COMPONENT_NAME$1 = 'DataGrid';
 const CLASSNAME$1 = 'redsift-datagrid';
 const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
@@ -26308,6 +26309,7 @@ const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       initialState,
       isRowSelectable,
       license = process.env.MUI_LICENSE_KEY,
+      localStorageVersion,
       onFilterModelChange: propsOnFilterModelChange,
       rowSelectionModel: propsSelectionModel,
       onColumnWidthChange: propsOnColumnWidthChange,
@@ -26377,7 +26379,8 @@ const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     onPinnedColumnsChange: controlledOnPinnedColumnsChange,
     onSortModelChange: controlledOnSortModelChange,
     pinnedCustomColumns,
-    useRouter: useRouter
+    useRouter: useRouter,
+    localStorageVersion
   });
   const [rowSelectionModel, setRowSelectionModel] = useState(propsSelectionModel !== null && propsSelectionModel !== void 0 ? propsSelectionModel : []);
   useEffect(() => {