next-helios-fe 1.1.37 → 1.1.39

package/package.json

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

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

@@ -11,6 +11,7 @@ interface TabProps {
   }[];
   options?: {
     variant?: "vertical" | "horizontal";
+    border?: boolean;
   };
 }
 
@@ -31,7 +32,7 @@ export const Tab: TabComponent = ({ children, tabs, options }) => {
         options?.variant !== "horizontal"
           ? "flex-col divide-y-1"
           : "flex-col lg:flex-row  divide-y-1 lg:divide-y-0 divide-x-0 lg:divide-x-1"
-      }`}
+      } ${options?.border && "border rounded-md"}`}
     >
       {options?.variant !== "horizontal" ? (
         <div className="flex overflow-auto [&::-webkit-scrollbar]:hidden">

package/src/components/table/index.tsx

@@ -41,7 +41,7 @@ interface TableProps {
       };
     };
     hideNumberColumn?: boolean;
-    enableBorder?: boolean;
+    border?: boolean;
     maxRow?: 10 | 20 | 50 | 100;
     height?: "full" | "fit" | "20" | "40" | "80";
   };
@@ -124,15 +124,13 @@ export const Table: TableComponentProps = ({
           .sort((a, b) => a.localeCompare(b))
           .filter((value, index, self) => self.indexOf(value) === index)
           .map((value) => {
-            setCategoryFilter((prev) => [...prev, value]);
+            if (!categoryFilter.includes(value)) {
+              setCategoryFilter((prev) => [...prev, value]);
+            }
           });
       });
   }, [header, data]);
 
-  useEffect(() => {
-    console.log("categoryFilter", categoryFilter);
-  }, [categoryFilter]);
-
   const filteredData = useMemo(() => {
     return data
       ?.filter((item) => {
@@ -393,7 +391,11 @@ export const Table: TableComponentProps = ({
         options?.toolbar?.filter?.show !== false ||
         options?.toolbar?.search?.show !== false ||
         options?.toolbar?.export?.show !== false) && (
-        <div className="flex justify-between items-center gap-4 w-full h-fit overflow-auto [&::-webkit-scrollbar]:hidden">
+        <div
+          className={`flex items-center gap-4 w-full h-fit overflow-auto [&::-webkit-scrollbar]:hidden ${
+            !title ? "justify-end" : "justify-between"
+          }`}
+        >
           {title && <span className="text-lg whitespace-nowrap">{title}</span>}
           <div className="flex items-center gap-4">
             {options?.toolbar?.addData?.show !== false && (
@@ -475,7 +477,7 @@ export const Table: TableComponentProps = ({
       )}
       <div
         className={`overflow-auto ${height} ${
-          options?.enableBorder && "border rounded-md"
+          options?.border && "border rounded-md"
         }`}
       >
         <table className="w-full text-sm overflow-x-auto">