next-helios-fe 1.6.18 → 1.6.20

package/package.json

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

package/src/components/content-container/modal/index.tsx

@@ -54,12 +54,11 @@ export const Modal: React.FC<ModalProps> = ({
 
   return (
     typeof document !== "undefined" &&
+    open &&
     ReactDom.createPortal(
       <div
         id={id}
-        className={`absolute top-0 left-0 w-dvw h-dvh z-40 bg-black/30 backdrop-blur-sm ${
-          !open && "hidden"
-        }`}
+        className="absolute top-0 left-0 w-dvw h-dvh z-40 bg-black/30 backdrop-blur-sm"
       >
         <div className="flex justify-center items-center w-full h-full">
           <div

package/src/components/table/index.tsx

@@ -56,14 +56,12 @@ interface TableProps {
       id: number | string;
       [key: string]: any;
     }[];
-    onChange?: (e: {
-      target: {
-        checked: {
-          id: number | string;
-          [key: string]: any;
-        }[];
-      };
-    }) => void;
+    onChange?: (
+      checked: {
+        id: number | string;
+        [key: string]: any;
+      }[]
+    ) => void;
   };
   actionColumn?: (e: any) => React.ReactNode;
 }
@@ -115,17 +113,6 @@ export const Table: TableComponentProps = ({
     }
   }, [checkbox?.checked]);
 
-  useEffect(() => {
-    if (selected && selected?.length !== 0) {
-      checkbox?.onChange &&
-        checkbox?.onChange({
-          target: {
-            checked: selected,
-          },
-        });
-    }
-  }, [selected]);
-
   useEffect(() => {
     const tempExcludedColumn = header.filter((item) => item.defaultHide);
 
@@ -414,9 +401,21 @@ export const Table: TableComponentProps = ({
                 if (
                   selected?.find((selectedItem) => selectedItem.id === item.id)
                 ) {
-                  setSelected(selected?.filter((prev) => prev.id !== item.id));
+                  if (checkbox?.onChange) {
+                    checkbox?.onChange(
+                      selected?.filter((prev) => prev.id !== item.id)
+                    );
+                  } else {
+                    setSelected(
+                      selected?.filter((prev) => prev.id !== item.id)
+                    );
+                  }
                 } else {
-                  setSelected((prev) => [...prev, item]);
+                  if (checkbox?.onChange) {
+                    checkbox?.onChange([...selected, item]);
+                  } else {
+                    setSelected((prev) => [...prev, item]);
+                  }
                 }
               }}
             />
@@ -606,15 +605,29 @@ export const Table: TableComponentProps = ({
                             });
                           })?.length === filteredData?.length
                         ) {
-                          setSelected((prev) => {
-                            return prev.filter((prevItem) => {
-                              return !filteredData?.find((filteredItem) => {
-                                return filteredItem.id === prevItem.id;
+                          if (checkbox?.onChange) {
+                            checkbox?.onChange(
+                              selected?.filter((prev) => {
+                                return !filteredData?.find((filteredItem) => {
+                                  return filteredItem.id === prev.id;
+                                });
+                              })
+                            );
+                          } else {
+                            setSelected((prev) => {
+                              return prev.filter((prevItem) => {
+                                return !filteredData?.find((filteredItem) => {
+                                  return filteredItem.id === prevItem.id;
+                                });
                               });
                             });
-                          });
+                          }
                         } else {
-                          setSelected((prev) => [...prev, ...filteredData]);
+                          if (checkbox?.onChange) {
+                            checkbox?.onChange([...selected, ...filteredData]);
+                          } else {
+                            setSelected((prev) => [...prev, ...filteredData]);
+                          }
                         }
                       }}
                     />