@pagamio/frontend-commons-lib 0.8.298 → 0.8.300

package/lib/form-engine/FormEngine.js

@@ -74,7 +74,7 @@ const FormEngine = ({ fields, onSubmit, initialValues, layout = 'vertical', isNo
     }, [allFields, persistenceKey, saveFormData]);
     // Expose form control methods via ref
     useEffect(() => {
-        if (formRef) {
+        if (formRef && 'current' in formRef) {
             formRef.current = {
                 reset: () => reset(getEffectiveInitialValues()),
                 setValue: (name, value) => setValue(name, value),

package/lib/form-engine/components/inputs/time-input/TimeInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { InputProps } from '../../../types';
-declare const TimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default TimeInput;

package/lib/form-engine/components/inputs/time-input/TimeInput.js

@@ -1,17 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TimePicker } from '@mantine/dates';
+import { TimeInput as MantineTimeInput } from '@mantine/dates';
 import React from 'react';
 const TimeInput = React.forwardRef(({ field, error, ...props }, ref) => {
     const { value, onChange, onBlur, name } = props;
-    const handleChange = (newValue) => {
+    const handleChange = (event) => {
         if (onChange) {
-            const syntheticEvent = {
-                target: { value: newValue, name: name || field.name },
-                currentTarget: { value: newValue, name: name || field.name },
-            };
-            onChange(syntheticEvent);
+            onChange(event);
         }
     };
-    return (_jsx(TimePicker, { ref: ref, label: field.label, value: value ? String(value) : '', onChange: handleChange, onBlur: onBlur, name: name || field.name, error: error?.message, disabled: field.disabled, withDropdown: true, minutesStep: 5, clearable: true }));
+    return (_jsx(MantineTimeInput, { ref: ref, label: field.label, value: value ? String(value) : '', onChange: handleChange, onBlur: onBlur, name: name || field.name, error: error?.message, disabled: field.disabled }));
 });
 export default TimeInput;

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

@@ -122,17 +122,13 @@ const formatUrlString = (value) => {
 };
 const formatNumberValue = (value, columnKey) => {
     if (columnKey && (columnKey.toLowerCase().includes('amount') || columnKey.toLowerCase().includes('price'))) {
-        // Format as currency with proper symbol
-        // Replace non-breaking spaces (U+00A0) with regular spaces to prevent
-        // encoding corruption when CSV is opened in Excel with non-UTF-8 encoding
-        return new Intl.NumberFormat('en-ZA', {
-            style: 'currency',
-            currency: 'ZAR',
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2,
-        })
-            .format(value)
-            .replace(/\u00A0/g, ' ');
+        // Format as currency with R symbol and en-US number formatting
+        // Uses period for decimal and comma for thousands: R 1,121.00
+        return ('R ' +
+            new Intl.NumberFormat('en-US', {
+                minimumFractionDigits: 2,
+                maximumFractionDigits: 2,
+            }).format(value));
     }
     return value.toString();
 };

package/lib/pagamio-table/data-table/types.d.ts

@@ -160,7 +160,7 @@ export interface PagamioTableProps<T extends Record<string, any>> {
     positionActionsColumn?: 'first' | 'last';
     renderTopToolbarCustomActions?: MRT_TableOptions<T>['renderTopToolbarCustomActions'];
     renderBottomToolbarCustomActions?: MRT_TableOptions<T>['renderBottomToolbarCustomActions'];
-    layoutMode?: 'semantic' | 'grid' | 'grid-no-grow';
+    layoutMode?: 'semantic' | 'grid';
     defaultColumn?: Partial<MRT_ColumnDef<T>>;
     mantineTableOptions?: Partial<MRT_TableOptions<T>>;
 }

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.298",
+  "version": "0.8.300",
   "publishConfig": {
     "access": "public",
     "provenance": false