@creative-web-solution/front-library 7.1.42 → 7.1.43

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 7.1.43
+
+* [Validator]: Add max file size validation
+
 ## 7.1.42
 
 * [Popin]: Add popin element in callback function param

package/Modules/Validator/MaxFileSize.ts

@@ -0,0 +1,30 @@
+import { addValidator } from './index';
+
+/**
+ * File size validation
+ */
+addValidator( 'maxfilesize', '[data-max-file-size]', ( $input, value, isLiveValidation ) => {
+    if (!($input as HTMLInputElement).files?.length) {
+        return Promise.resolve({
+            $input,
+            value,
+            "isValid": true,
+            "label": "maxfilesize",
+            isLiveValidation
+        });
+    }
+
+    const size = ($input as HTMLInputElement).files![0].size;
+    const maxSize = Number($input.getAttribute('data-max-file-size') ?? "0");
+    console.log({size, maxSize})
+    return Promise.resolve({
+        $input,
+        value,
+        "isValid": ($input as HTMLInputElement).files?.length === 0 ||
+                    size <= 0 ||
+                    maxSize <= 0 ||
+                    size <= maxSize,
+        "label": "maxfilesize",
+        isLiveValidation
+    });
+} );

package/README.md

@@ -1,6 +1,6 @@
 # Front Library
 
-@version: 7.1.42
+@version: 7.1.43
 
 
 ## Use

package/package.json

@@ -2,7 +2,7 @@
   "name": "@creative-web-solution/front-library",
   "title": "Frontend library",
   "description": "Frontend functions and modules",
-  "version": "7.1.42",
+  "version": "7.1.43",
   "homepage": "https://github.com/creative-web-solution/front-library",
   "author": "Creative Web Solution <contact@cws-studio.com> (https://www.cws-studio.com)",
   "keywords": [],