next-helios-fe 1.8.89 → 1.8.91

package/package.json

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

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

@@ -62,7 +62,8 @@ export const File: React.FC<FileProps> = ({
         options?.height === "full" && "h-full"
       }`}
     >
-      {!options?.buttonOnly &&
+      {options?.variant !== "drag&drop" &&
+        !options?.buttonOnly &&
         (label ||
           (!options?.hideInputDetail &&
             (options?.maxSizeInMb || description))) && (
@@ -79,7 +80,7 @@ export const File: React.FC<FileProps> = ({
             )}
             {!options?.hideInputDetail && (
               <div className="flex-1 flex justify-end items-center gap-2">
-                {options?.variant !== "drag&drop" && options?.maxSizeInMb && (
+                {options?.maxSizeInMb && (
                   <span className="text-sm select-none">
                     {options?.maxSizeInMb} MB
                   </span>
@@ -221,19 +222,21 @@ export const File: React.FC<FileProps> = ({
                     <span>or drag and drop</span>
                   </div>
                 )}
-                <span
-                  className={`text-sm font-light ${
-                    tempFile.length !== 0 ? "" : "text-disabled"
-                  }`}
-                >
-                  {tempFile.length !== 0
-                    ? `${
-                        tempFile[0]?.size < 1000000
-                          ? `${tempFile[0]?.size / 1000} KB`
-                          : `${tempFile[0]?.size / 1000000} MB`
-                      }`
-                    : `Maximum file size ${options?.maxSizeInMb} MB`}
-                </span>
+                {options?.maxSizeInMb && (
+                  <span
+                    className={`text-sm font-light ${
+                      tempFile.length !== 0 ? "" : "text-disabled"
+                    }`}
+                  >
+                    {tempFile.length !== 0
+                      ? `${
+                          tempFile[0]?.size < 1000000
+                            ? `${tempFile[0]?.size / 1000} KB`
+                            : `${tempFile[0]?.size / 1000000} MB`
+                        }`
+                      : `Maximum file size ${options?.maxSizeInMb} MB`}
+                  </span>
+                )}
               </div>
             </div>
           </div>

package/src/components/form/other/phoneNumber.tsx

@@ -1561,12 +1561,13 @@ export const PhoneNumber: React.FC<PhoneNumberProps> = ({
           <div className="relative flex items-center cursor-pointer">
             <input
               type="text"
-              className={`max-w-24 w-min ps-4 pe-4 border-default border rounded-md bg-secondary-bg placeholder:duration-300 placeholder:translate-x-0 focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled disabled:cursor-default ${height} ${
+              className={`max-w-24 w-min ps-4 pe-4 border-default border rounded-md bg-secondary-bg cursor-pointer placeholder:duration-300 placeholder:translate-x-0 focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-1 focus:ring-primary focus:shadow focus:shadow-primary focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled disabled:cursor-default ${height} ${
                 openDropdown
                   ? "placeholder:translate-x-1 outline-none ring-1 ring-primary shadow shadow-primary border-primary-dark"
                   : "border-default placeholder:translate-x-0"
               }`}
               readOnly
+              tabIndex={-1}
               disabled={rest.disabled}
               value={`${
                 countryPhoneCode.find(