mobigrid-module 1.1.35 → 1.1.36

package/README.md

@@ -177,6 +177,29 @@ Defines the table columns.
     - `"ACTIONS_BUTTONS"`: Special column for action buttons.
 - **`scroll`**: If true, limits height and adds scrollbar for long content.
 
+### Extra Metrics Configuration (`extra`)
+
+Aggregates the API returns alongside the rows, under an `EXTRA` array in the
+response (`{ "DATA": [...], "EXTRA": [{ "sumamounts": 50502 }], "PAGESNUM": 2379 }`).
+The first `EXTRA` object is read; each configured metric is displayed as a badge
+next to the row count in the page header.
+
+```json
+"extra": [
+  {
+    "title": "Volume",
+    "key": "sumamounts",
+    "type": "money",
+    "currency": "DH"
+  }
+]
+```
+
+- **`key`**: The key in the `EXTRA` object. Keys missing from the response are skipped.
+- **`title`**: (Optional) Shown as the badge tooltip.
+- **`type`**: `"money"` and `"number"` are grouped by thousands (`50502` -> `50 502`);
+  `"money"` appends `currency`. Anything else is displayed as-is.
+
 ### Actions Configuration
 
 For columns with `key: "ACTIONS_BUTTONS"`, you can define an `actions` array.

package/dist/components/Layout/PageHeader.d.ts

@@ -6,10 +6,17 @@ interface PageHeaderProps {
     setFilters: (filters: any) => void;
     onSearch: () => void;
     count: number;
+    extra?: Record<string, any> | null;
+    extraConfig?: Array<{
+        title?: string;
+        key: string;
+        type?: string;
+        currency?: string;
+    }>;
     isLoading: boolean;
     setCurrentPage: (page: number) => void;
     handleOptionsSearch: (filter: any, search: string) => void;
     optionsLoading: boolean;
 }
-export declare function PageHeader({ title, filters, setFilters, configFilters, onSearch, count, isLoading, setCurrentPage, handleOptionsSearch, optionsLoading, }: PageHeaderProps): React.JSX.Element;
+export declare function PageHeader({ title, filters, setFilters, configFilters, onSearch, count, extra, extraConfig, isLoading, setCurrentPage, handleOptionsSearch, optionsLoading, }: PageHeaderProps): React.JSX.Element;
 export {};