next-helios-fe 1.8.135 → 1.8.137

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.8.135",
+  "version": "1.8.137",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/form/input/file.tsx

@@ -51,9 +51,26 @@ export const File: React.FC<FileProps> = ({
   useEffect(() => {
     if (value) {
       setTempFile(value);
+
+      if (value[0]?.size > (options?.maxSizeInMb || 0) * (1024 * 1024)) {
+        inputRef.current?.setCustomValidity(
+          `Please select a file less than ${options?.maxSizeInMb} MB.`
+        );
+      } else {
+        inputRef.current?.setCustomValidity("");
+      }
+
       return;
     } else if (defaultValue) {
       setTempFile(defaultValue);
+
+      if (defaultValue[0]?.size > (options?.maxSizeInMb || 0) * (1024 * 1024)) {
+        inputRef.current?.setCustomValidity(
+          `Please select a file less than ${options?.maxSizeInMb} MB.`
+        );
+      } else {
+        inputRef.current?.setCustomValidity("");
+      }
       return;
     }
   }, [value, defaultValue]);
@@ -137,6 +154,7 @@ export const File: React.FC<FileProps> = ({
         ) : (
           <div className="relative flex-1 flex items-center h-full">
             <input
+              ref={inputRef}
               type="file"
               className={`w-full px-4 border-default border border-dashed rounded-md bg-secondary-bg text-transparent cursor-pointer file:hidden focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:cursor-default ${
                 options?.height === "full" ? "min-h-60 h-full" : "h-60"
@@ -214,9 +232,11 @@ export const File: React.FC<FileProps> = ({
                   >
                     {tempFile.length !== 0
                       ? `${
-                          tempFile[0]?.size < 1000000
-                            ? `${(tempFile[0]?.size / 1000).toFixed(2)} KB`
-                            : `${(tempFile[0]?.size / 1000000).toFixed(2)} MB`
+                          tempFile[0]?.size < 1024 * 1024
+                            ? `${(tempFile[0]?.size / 1024).toFixed(2)} KB`
+                            : `${(tempFile[0]?.size / (1024 * 1024)).toFixed(
+                                2
+                              )} MB`
                         }`
                       : `Maximum file size ${options?.maxSizeInMb} MB`}
                   </span>

package/src/components/table/index.tsx

@@ -660,7 +660,7 @@ export const Table: TableComponentProps = ({
     });
 
   const dataArr = (
-    options?.toolbar?.pagination?.show !== false
+    options?.toolbar?.pagination?.show !== false && !dynamicTable
       ? filteredData?.slice((page - 1) * maxRow, page * maxRow)
       : filteredData
   )?.map((item, index) => {