next-helios-fe 1.8.91 → 1.8.93

package/package.json

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

package/src/components/dialog/index.tsx

@@ -84,17 +84,25 @@ export const Dialog: React.FC<DialogProps> = ({
             <div className="flex justify-end gap-4">
               <button
                 type="button"
-                className={`disabled:text-disabled disabled:pointer-events-none ${actionVariant}`}
+                className={`flex gap-1 items-center disabled:text-disabled disabled:pointer-events-none ${actionVariant}`}
                 disabled={loading}
                 onClick={() => {
                   action.onClick && action.onClick();
                 }}
               >
-                {action.label}
+                {loading ? (
+                  <Icon
+                    icon="mingcute:loading-fill"
+                    className="animate-spin text-lg"
+                  />
+                ) : (
+                  action.label
+                )}
               </button>
               <button
                 type="button"
-                className="text-secondary hover:text-secondary-dark hover:underline"
+                className="text-secondary hover:text-secondary-dark hover:underline disabled:text-disabled disabled:pointer-events-none"
+                disabled={loading}
                 onClick={() => {
                   onClose && onClose();
                 }}

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

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import React, { useEffect, useRef } from "react";
 import { Tooltip } from "../../../components";
 import { Icon } from "@iconify/react";
 
@@ -11,6 +11,7 @@ export interface CheckboxProps
   };
   label?: string;
   description?: string;
+  indeterminate?: boolean;
   theme?: string;
 }
 
@@ -19,8 +20,15 @@ export const Checkbox: React.FC<CheckboxProps> = ({
   label,
   description,
   theme,
+  indeterminate,
   ...rest
 }) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    inputRef.current!.indeterminate = indeterminate ?? false;
+  }, [inputRef, indeterminate]);
+
   return (
     <label
       className={`group/checkbox flex items-center ${
@@ -36,8 +44,9 @@ export const Checkbox: React.FC<CheckboxProps> = ({
         } ${options?.variant === "switch" && "hidden"}`}
       >
         <input
+          ref={inputRef}
           type="checkbox"
-          className={`border-default border rounded bg-secondary-bg cursor-pointer checked:bg-primary focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:bg-secondary-light disabled:checked:bg-secondary-dark disabled:cursor-default ${
+          className={`border-default border rounded bg-secondary-bg cursor-pointer indeterminate:bg-primary indeterminate:hover:bg-primary checked:bg-primary focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:bg-secondary-light disabled:checked:bg-secondary-dark disabled:cursor-default ${
             theme && "border-0"
           }`}
           style={{ backgroundColor: theme }}

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

@@ -211,9 +211,11 @@ export const File: React.FC<FileProps> = ({
                   }`}
                 />
               </div>
-              <div className="flex flex-col gap-2 items-center">
+              <div className="flex flex-col gap-2 items-center w-full">
                 {tempFile.length !== 0 ? (
-                  <span>{tempFile[0]?.name}</span>
+                  <span className="w-full text-center truncate whitespace-nowrap">
+                    {tempFile[0]?.name}
+                  </span>
                 ) : (
                   <div className="flex gap-2 text-disabled">
                     <span className="underline underline-offset-2">
@@ -231,8 +233,8 @@ export const File: React.FC<FileProps> = ({
                     {tempFile.length !== 0
                       ? `${
                           tempFile[0]?.size < 1000000
-                            ? `${tempFile[0]?.size / 1000} KB`
-                            : `${tempFile[0]?.size / 1000000} MB`
+                            ? `${(tempFile[0]?.size / 1000).toFixed(2)} KB`
+                            : `${(tempFile[0]?.size / 1000000).toFixed(2)} MB`
                         }`
                       : `Maximum file size ${options?.maxSizeInMb} MB`}
                   </span>