next-helios-fe 1.7.12 → 1.7.14

package/package.json

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

package/src/components/table/index.tsx

@@ -43,6 +43,7 @@ interface TableProps {
       customTool?: {
         icon: string;
         variant: "primary" | "secondary" | "success" | "warning" | "danger";
+        show?: boolean;
         onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
       }[];
     };
@@ -63,6 +64,7 @@ interface TableProps {
       }[]
     ) => void;
   };
+  loading?: boolean;
   actionColumn?: (e?: any) => React.ReactNode;
 }
 
@@ -76,6 +78,7 @@ export const Table: TableComponentProps = ({
   data,
   options,
   checkbox,
+  loading,
   actionColumn,
 }) => {
   const paginationRef = useRef<HTMLDivElement>(null);
@@ -495,18 +498,20 @@ export const Table: TableComponentProps = ({
                     ? "bg-danger hover:bg-danger-dark"
                     : "bg-primary hover:bg-primary-dark";
 
-                return (
-                  <button
-                    key={index}
-                    type="button"
-                    className={`p-1.5 rounded-full text-white ${variant}`}
-                    onClick={(e) => {
-                      item.onClick && item.onClick(e);
-                    }}
-                  >
-                    <Icon icon={item.icon} className="text-2xl" />
-                  </button>
-                );
+                if (item.show !== false) {
+                  return (
+                    <button
+                      key={index}
+                      type="button"
+                      className={`p-1.5 rounded-full text-white ${variant}`}
+                      onClick={(e) => {
+                        item.onClick && item.onClick(e);
+                      }}
+                    >
+                      <Icon icon={item.icon} className="text-2xl" />
+                    </button>
+                  );
+                }
               })}
             {options?.toolbar?.addData?.show !== false && (
               <button
@@ -706,12 +711,19 @@ export const Table: TableComponentProps = ({
             </tr>
           </thead>
           <tbody className="divide-y">
-            {filteredData && filteredData.length !== 0 && dataArr}
+            {!loading && filteredData && filteredData.length !== 0 && dataArr}
           </tbody>
         </table>
-        {(!filteredData || filteredData.length === 0) && (
+        {(loading || !filteredData || filteredData.length === 0) && (
           <div className="flex justify-center items-center px-4 py-1.5 h-full bg-secondary-bg text-center whitespace-nowrap">
-            <span>No data found</span>
+            {loading ? (
+              <Icon
+                icon="mingcute:loading-fill"
+                className="text-3xl text-primary animate-spin"
+              />
+            ) : (
+              <span>No data found</span>
+            )}
           </div>
         )}
       </div>