@redsift/table 11.0.0-alpha.3 → 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

@@ -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,6 +26205,10 @@ 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,
@@ -26284,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) => {
@@ -26306,6 +26309,7 @@ const StatefulDataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       initialState,
       isRowSelectable,
       license = process.env.MUI_LICENSE_KEY,
+      localStorageVersion,
       onFilterModelChange: propsOnFilterModelChange,
       rowSelectionModel: propsSelectionModel,
       onColumnWidthChange: propsOnColumnWidthChange,
@@ -26375,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(() => {