@pagamio/frontend-commons-lib 0.8.299 → 0.8.301

package/lib/components/ui/Modal.d.ts

@@ -12,6 +12,8 @@ export interface ModalProps extends Omit<FlowbiteModalProps, 'theme' | 'title'>
     onClose: () => void;
     /** Specify the size of the modal */
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
+    /** Whether clicking outside the modal closes it. Defaults to false. */
+    dismissible?: boolean;
     /** Button for the primary action */
     primaryButton?: {
         /** Text to display on the button */

package/lib/components/ui/Modal.js

@@ -25,7 +25,7 @@ import Button from './Button';
  * </Modal>
  * ```
  */
-const Modal = ({ title, children, isOpen, onClose, size = 'md', primaryButton, secondaryButton, headerContent, footerContent, className, ...rest }) => {
-    return (_jsxs(FlowbiteModal, { show: isOpen, onClose: onClose, size: size, dismissible: true, className: cn('max-h-[90vh] mt-16 md:mt-0 md:max-h-full', className), ...rest, children: [(title ?? headerContent) && _jsx(FlowbiteModalHeader, { children: headerContent ?? title }), _jsx(FlowbiteModalBody, { children: _jsx("div", { className: "space-y-4", children: children }) }), (primaryButton || secondaryButton || footerContent) && (_jsx(FlowbiteModalFooter, { children: footerContent ?? (_jsxs("div", { className: "flex w-full justify-end gap-2", children: [secondaryButton && (_jsx(Button, { onClick: secondaryButton.onClick, variant: secondaryButton.variant ?? 'outline-primary', disabled: secondaryButton.loading ?? secondaryButton.disabled, className: secondaryButton.variant, children: secondaryButton.label })), primaryButton && (_jsx(Button, { onClick: primaryButton.onClick, variant: primaryButton.variant ?? 'primary', disabled: primaryButton.loading ?? primaryButton.disabled, className: primaryButton.variant, children: primaryButton.label }))] })) }))] }));
+const Modal = ({ title, children, isOpen, onClose, size = 'md', dismissible = false, primaryButton, secondaryButton, headerContent, footerContent, className, ...rest }) => {
+    return (_jsxs(FlowbiteModal, { show: isOpen, onClose: onClose, size: size, dismissible: dismissible, className: cn('max-h-[90vh] mt-16 md:mt-0 md:max-h-full', className), ...rest, children: [(title ?? headerContent) && _jsx(FlowbiteModalHeader, { children: headerContent ?? title }), _jsx(FlowbiteModalBody, { children: _jsx("div", { className: "space-y-4", children: children }) }), (primaryButton || secondaryButton || footerContent) && (_jsx(FlowbiteModalFooter, { children: footerContent ?? (_jsxs("div", { className: "flex w-full justify-end gap-2", children: [secondaryButton && (_jsx(Button, { onClick: secondaryButton.onClick, variant: secondaryButton.variant ?? 'outline-primary', disabled: secondaryButton.loading ?? secondaryButton.disabled, className: secondaryButton.variant, children: secondaryButton.label })), primaryButton && (_jsx(Button, { onClick: primaryButton.onClick, variant: primaryButton.variant ?? 'primary', disabled: primaryButton.loading ?? primaryButton.disabled, className: primaryButton.variant, children: primaryButton.label }))] })) }))] }));
 };
 export default Modal;

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