next-helios-fe 1.0.0 → 1.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "next-helios-fe",
-  "version": "1.0.0",
-  "description": "",
+  "version": "1.0.2",
+  "description": "fix export data bug in table component",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/components/table/index.tsx

@@ -1,14 +1,18 @@
 "use client";
 import React, { useState, useEffect, useMemo } from "react";
 import { Icon } from "@iconify/react";
-import { Form, Button, Dropdown } from "../../components";
 import { exportToExcel } from "react-json-to-excel";
 import dayjs from "dayjs";
+import { Form, Button, Dropdown } from "../../components";
 import { Action, type ActionProps } from "./action";
 
 interface TableProps {
   title?: string;
-  header: { title: string; key: string }[];
+  header: {
+    title: string;
+    key: string;
+    render?: (item: any) => React.ReactNode;
+  }[];
   data: any[];
   options?: {
     hideToolbar?: boolean;
@@ -190,14 +194,25 @@ export const Table: TableComponentProps = ({
           {header
             ?.filter((headerItem) => !excluded.includes(headerItem.key))
             ?.map((headerItem) => {
-              return (
-                <td
-                  key={headerItem.key}
-                  className="px-4 py-1 border-b bg-secondary-bg whitespace-nowrap"
-                >
-                  {item[headerItem.key as keyof typeof item]}
-                </td>
-              );
+              if (headerItem?.render) {
+                return (
+                  <td
+                    key={headerItem.key}
+                    className="px-4 py-1 border-b bg-secondary-bg whitespace-nowrap"
+                  >
+                    {headerItem.render(item)}
+                  </td>
+                );
+              } else {
+                return (
+                  <td
+                    key={headerItem.key}
+                    className="px-4 py-1 border-b bg-secondary-bg whitespace-nowrap"
+                  >
+                    {item[headerItem.key as keyof typeof item]}
+                  </td>
+                );
+              }
             })}
           {actions && (
             <td className="px-4 py-1 border-b bg-secondary-bg text-center">
@@ -259,7 +274,7 @@ export const Table: TableComponentProps = ({
               options={{ variant: "primary", width: "fit" }}
               onClick={() => {
                 exportToExcel(
-                  data,
+                  filteredData,
                   `${title}-data_${dayjs().format("YYYY-MM-DD_HH-mm-ss")}`
                 );
               }}