next-helios-fe 1.8.143 → 1.8.145

package/package.json

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

package/src/components/table/index.tsx

@@ -18,6 +18,8 @@ interface TableProps {
     defaultHide?: boolean;
     type?: "basic" | "category" | "date" | string;
     render?: (item: any) => React.ReactNode;
+    disableSort?: boolean;
+    disableSearch?: boolean;
   }[];
   data: {
     id?: number | string;
@@ -443,6 +445,7 @@ export const Table: TableComponentProps = ({
               <button
                 type="button"
                 className="group/header flex w-full items-center justify-between gap-4"
+                disabled={item.disableSort}
                 onClick={() => {
                   setSortBy((prev: any) => {
                     if (prev.column !== item.key) {
@@ -467,7 +470,7 @@ export const Table: TableComponentProps = ({
                       ? "arrow-down"
                       : "sort"
                   }`}
-                  className={`group-hover/header:visible ${
+                  className={`group-hover/header:visible group-disabled/header:hidden ${
                     item.key === sortBy.column ? "visible" : "invisible"
                   }`}
                 />
@@ -590,7 +593,9 @@ export const Table: TableComponentProps = ({
             {options?.toolbar?.columnSearch?.show !== false && (
               <div
                 className={`relative flex items-center ${
-                  item?.type === "category" && "invisible"
+                  item?.type === "category" || item.disableSort
+                    ? "invisible"
+                    : ""
                 }`}
               >
                 {item.type !== "date" && (
@@ -955,7 +960,7 @@ export const Table: TableComponentProps = ({
         </div>
       )}
       <div
-        className={`flex-1 flex flex-col overflow-auto ${height} ${
+        className={`flex flex-col overflow-auto ${height} ${
           options?.border && "rounded-md border"
         }`}
       >