next-helios-fe 1.8.134 → 1.8.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.8.134",
+  "version": "1.8.136",
   "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

@@ -620,7 +620,8 @@ export const Table: TableComponentProps = ({
                   }}
                 />
                 {((item?.type === "date" &&
-                  dateFilter[item.key]?.length !== 0) ||
+                  dateFilter[item.key]?.[0] &&
+                  dateFilter[item.key]?.[1]) ||
                   filter?.find((filterItem) => filterItem.key === item.key)
                     ?.value) && (
                   <button
@@ -637,7 +638,8 @@ export const Table: TableComponentProps = ({
                         );
                       } else if (
                         item?.type === "date" &&
-                        dateFilter[item.key]?.length !== 0
+                        dateFilter[item.key]?.[0] &&
+                        dateFilter[item.key]?.[1]
                       ) {
                         const tempDateFilter = { ...dateFilter };