@pagamio/frontend-commons-lib 0.8.266 → 0.8.267

package/lib/components/index.d.ts

@@ -1,4 +1,8 @@
 export * from './icons';
 export * from './layout';
 export * from './ui';
+export { default as ImageUploader } from './ui/ImageUploader';
+export type { ImageUploaderProps } from './ui/ImageUploader';
+export { default as UploadField } from './ui/UploadField';
+export type { UploadProps } from './ui/UploadField';
 export * from './sidebar-v2';

package/lib/components/index.js

@@ -1,5 +1,8 @@
 export * from './icons';
 export * from './layout';
 export * from './ui';
+// Image Upload Components
+export { default as ImageUploader } from './ui/ImageUploader';
+export { default as UploadField } from './ui/UploadField';
 // V2 Sidebar (shadcn-style, opt-in)
 export * from './sidebar-v2';

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

@@ -7,6 +7,7 @@ type UploadProps = {
     disabled?: boolean;
     hideUploadButton?: boolean;
     allowedFileTypes?: string[];
+    maxFileSize?: number;
     helperText?: string;
     value?: never;
 };

package/lib/components/ui/UploadField.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useState } from 'react';
 import { Button, Icon } from '../../components';
-const UploadField = forwardRef(({ onChange, id, type = 'file', hideUploadButton = false, className = '', disabled = false, allowedFileTypes, helperText, value, // Explicitly exclude value prop becuase it's not allowed for security reasons.
+const UploadField = forwardRef(({ onChange, id, type = 'file', hideUploadButton = false, className = '', disabled = false, allowedFileTypes, maxFileSize, helperText, value, // Explicitly exclude value prop becuase it's not allowed for security reasons.
 ...props }, ref) => {
     const [fileName, setFileName] = useState(null);
     const [key, setKey] = useState(0);
@@ -21,6 +21,13 @@ const UploadField = forwardRef(({ onChange, id, type = 'file', hideUploadButton
                     return;
                 }
             }
+            if (maxFileSize && file.size > maxFileSize) {
+                setError(`File too large. Max size: ${Math.round(maxFileSize / 1024 / 1024)}MB`);
+                setFileName(null);
+                onChange(null);
+                setKey((prev) => prev + 1);
+                return;
+            }
             setFileName(file.name);
             onChange(file);
         }

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