next-helios-fe 1.4.39 → 1.4.41

package/package.json

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

package/src/components/table/index.tsx

@@ -112,15 +112,17 @@ export const Table: TableComponentProps = ({
     if (checkbox?.checked) {
       setSelected(checkbox?.checked);
     }
-  }, [checkbox]);
+  }, [checkbox?.checked]);
 
   useEffect(() => {
-    checkbox?.onChange &&
-      checkbox.onChange({
-        target: {
-          checked: selected,
-        },
-      });
+    if (selected && selected.length !== 0) {
+      checkbox?.onChange &&
+        checkbox.onChange({
+          target: {
+            checked: selected,
+          },
+        });
+    }
   }, [selected]);
 
   useEffect(() => {
@@ -391,7 +393,7 @@ export const Table: TableComponentProps = ({
       return (
         <tr key={item.id}>
           {checkbox && (
-            <td className="sticky left-0 w-8 px-4 py-1 bg-secondary-bg">
+            <td className="sticky left-0 w-8 px-4 py-1.5 bg-secondary-bg">
               <Form.Checkbox
                 options={{ disableHover: true }}
                 checked={
@@ -399,7 +401,7 @@ export const Table: TableComponentProps = ({
                     ? true
                     : false
                 }
-                onClick={() => {
+                onClick={(e) => {
                   if (
                     selected.find((selectedItem) => selectedItem.id === item.id)
                   ) {
@@ -412,7 +414,7 @@ export const Table: TableComponentProps = ({
             </td>
           )}
           {!options?.hideNumberColumn && (
-            <td className="sticky left-0 px-4 py-1 bg-secondary-bg text-center">
+            <td className="sticky left-0 px-4 py-1.5 bg-secondary-bg text-center">
               {(page - 1) * maxRow + index + 1}
             </td>
           )}
@@ -423,7 +425,7 @@ export const Table: TableComponentProps = ({
                 return (
                   <td
                     key={headerItem.key}
-                    className="px-4 py-1 bg-secondary-bg whitespace-nowrap"
+                    className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
                   >
                     {headerItem.render(item)}
                   </td>
@@ -432,7 +434,7 @@ export const Table: TableComponentProps = ({
                 return (
                   <td
                     key={headerItem.key}
-                    className="px-4 py-1 bg-secondary-bg whitespace-nowrap"
+                    className="px-4 py-1.5 bg-secondary-bg whitespace-nowrap"
                   >
                     {item[headerItem.key as keyof typeof item]}
                   </td>
@@ -440,7 +442,7 @@ export const Table: TableComponentProps = ({
               }
             })}
           {actionColumn && (
-            <td className="sticky right-0 px-4 py-1 bg-secondary-bg text-center">
+            <td className="sticky right-0 px-4 py-1.5 bg-secondary-bg text-center">
               {actionColumn(item)}
             </td>
           )}