fix: view filter and group by types

packages/core/src/components/Collection/FilterControl.tsx

@@ -57,7 +57,7 @@ const FilterControl = ({
         }}
       >
         {viewFilters.map(viewFilter => {
-          const checked = filter[viewFilter.id]?.active ?? false;
+          const checked = Boolean(viewFilter.id && filter[viewFilter?.id]?.active) ?? false;
           const labelId = `filter-list-label-${viewFilter.label}`;
           return (
             <MenuItem

packages/core/src/interface.ts

@@ -692,14 +692,14 @@ export type Field<EF extends BaseField = UnknownField> =
   | EF;
 
 export interface ViewFilter {
-  id: string;
+  id?: string;
   label: string;
   field: string;
   pattern: string;
 }
 
 export interface ViewGroup {
-  id: string;
+  id?: string;
   label: string;
   field: string;
   pattern?: string;

packages/core/src/reducers/entries.ts

@@ -405,6 +405,10 @@ function entries(
       const payload = action.payload;
       const { collection, filter: viewFilter } = payload;
 
+      if (!viewFilter.id) {
+        return state;
+      }
+
       const filter = {
         ...state.filter,
       };
@@ -434,6 +438,10 @@ function entries(
       const payload = action.payload;
       const { collection, filter: viewFilter } = payload;
 
+      if (!viewFilter.id) {
+        return state;
+      }
+
       const filter = {
         ...state.filter,
       };
@@ -468,6 +476,10 @@ function entries(
       const payload = action.payload;
       const { collection, group: groupBy } = payload;
 
+      if (!groupBy.id) {
+        return state;
+      }
+
       const group = {
         ...state.group,
       };
@@ -494,6 +506,10 @@ function entries(
       const payload = action.payload;
       const { collection, group: groupBy } = payload;
 
+      if (!groupBy.id) {
+        return state;
+      }
+
       const group = {
         ...state.group,
       };