@pagamio/frontend-commons-lib 0.8.329 → 0.8.331

package/lib/pagamio-table/data-table/index.js

@@ -238,6 +238,9 @@ const PagamioTable = ({ columns, data, isLoading = false, isFetching = false, ro
             // visible underneath so the table doesn't blank, but the overlay makes
             // the loading state unambiguous on slower connections.
             showLoadingOverlay: isFetching,
+            // MRT defaults showProgressBars based on its own fetch heuristics — turn
+            // it off explicitly so only the overlay above renders during refetch.
+            showProgressBars: false,
             pagination: paginationState,
             sorting: sortingState,
             expanded,

package/lib/pagamio-table/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './functionHelper';
+export * from './withSyntheticId';

package/lib/pagamio-table/utils/index.js

@@ -1 +1,2 @@
 export * from './functionHelper';
+export * from './withSyntheticId';

package/lib/pagamio-table/utils/withSyntheticId.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Mirror a row's primary-key field into a top-level `id` so the row
+ * satisfies `BaseEntity` (and MRT's row keying) when the underlying entity
+ * has a composite PK or a non-`id`-named PK (e.g. `customerId`, `orderId`).
+ *
+ * Usage in a usePagamioTable queryFn:
+ *
+ *   queryFn: async (params) => {
+ *     const res = await getThings(params);
+ *     return { ...res, data: withSyntheticId(res.data, 'customerId') };
+ *   }
+ *
+ * The synthesized `id` is purely for the table layer — it never goes back
+ * to the server.
+ */
+export declare const withSyntheticId: <T extends Record<string, unknown>, K extends keyof T>(rows: T[], key: K) => Array<T & {
+    id: T[K];
+}>;

package/lib/pagamio-table/utils/withSyntheticId.js

@@ -0,0 +1,16 @@
+/**
+ * Mirror a row's primary-key field into a top-level `id` so the row
+ * satisfies `BaseEntity` (and MRT's row keying) when the underlying entity
+ * has a composite PK or a non-`id`-named PK (e.g. `customerId`, `orderId`).
+ *
+ * Usage in a usePagamioTable queryFn:
+ *
+ *   queryFn: async (params) => {
+ *     const res = await getThings(params);
+ *     return { ...res, data: withSyntheticId(res.data, 'customerId') };
+ *   }
+ *
+ * The synthesized `id` is purely for the table layer — it never goes back
+ * to the server.
+ */
+export const withSyntheticId = (rows, key) => rows.map((row) => ({ ...row, id: row[key] }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.329",
+  "version": "0.8.331",
   "publishConfig": {
     "access": "public",
     "provenance": false