fixes

react-openapi/components/EnhancedTable.tsx

@@ -61,7 +61,7 @@ export default function EnhancedTable({
   const isMobile = useMediaQuery(theme.breakpoints.down('md'));
   const navigate = useNavigate();
 
-  const isServer = config.mode !== "client";
+  const isServer = config.filterOptions?.mode !== "client";
   const [internalPaginationModel, setInternalPaginationModel] = React.useState<GridPaginationModel>({
     page: 0,
     pageSize: 10,

react-openapi/components/ResourceView.tsx

@@ -102,7 +102,7 @@ export default function ResourceView({ config, onNavigateToResource }: ResourceV
   const isView = !!id && !isEdit;
   const isList = !id && !isCreate;
 
-  const isServer = config.mode !== "client";
+  const isServer = config.filterOptions?.mode !== "client";
 
   const [paginationModel, setPaginationModel] = React.useState<GridPaginationModel>({
     page: 0,
@@ -170,11 +170,11 @@ export default function ResourceView({ config, onNavigateToResource }: ResourceV
     <Box>
       {isList ? (
         <Box>
-          {!isServer && config.filterableFields && config.filterableFields.length > 0 && (
+          {!isServer && config.filterOptions?.fields && config.filterOptions.fields.length > 0 && (
             <FilterBar
               fields={config.fields}
-              filterableFields={config.filterableFields!}
+              filterableFields={config.filterOptions.fields}
-              mode={config.mode}
+              mode={config.filterOptions?.mode || "server"}
               data={rawData}
               appliedValues={appliedFilters}
               onApply={setAppliedFilters}

react-openapi/types/config.ts

@@ -34,8 +34,10 @@ export interface ResourceConfig {
   fields: Record<string, ResourceField>;
   pagination?: boolean;
   hidden?: boolean;
-  mode: ResourceMode;
+  filterOptions?: {
-  filterableFields?: string[];
+    mode?: ResourceMode;
+    fields?: string[];
+  };
 }
 
 export interface AppConfig {

react-openapi/types/overrides.ts

@@ -14,6 +14,8 @@ export interface ResourceOverride {
   fields?: Record<string, FieldOverride>;
   pagination?: boolean;
   hidden?: boolean;
+  filterOptions?: {
     mode?: "server" | "client";
-  filterableFields?: string[];
+    fields?: string[];
+  };
 }

react-openapi/utils/openapi_loader.ts

@@ -154,6 +154,8 @@ export async function loadConfigFromOpenApi(baseUrl: string, configuration: Reco
 
     const resourceOverride = configuration[name] || {};
 
+    const fo = resourceOverride.filterOptions || {};
+
     resources.push({
       name,
       label: schema.title || label,
@@ -163,8 +165,10 @@ export async function loadConfigFromOpenApi(baseUrl: string, configuration: Reco
       fields,
       pagination: resourceOverride.pagination,
       hidden: resourceOverride.hidden,
-      mode: resourceOverride.mode || "server",
+      filterOptions: {
-      filterableFields: resourceOverride.filterableFields,
+        mode: fo.mode || "server",
+        fields: fo.fields,
+      },
     });
   }
 

src/openapi-config.ts

@@ -2,8 +2,10 @@ import { ResourceOverride } from "../react-openapi/types/overrides";
 
 export const configuration: Record<string, ResourceOverride> = {
   expenses: {
+    filterOptions: {
       mode: "client",
-    filterableFields: ["payee", "account", "tags", "occurred_at", "amount"],
+      fields: ["payee", "account", "tags", "occurred_at", "amount"],
+    },
     fields: {
       payee: {
         displayField: "name",