next-helios-fe 1.8.85 → 1.8.86

package/package.json

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

package/src/components/table/index.tsx

@@ -158,14 +158,6 @@ export const Table: TableComponentProps = ({
       });
   }, [data]);
 
-  const handleExportData = (dataTitle: string, data: any[]) => {
-    const fileName = `${dataTitle}_${dayjs().format("YYYY-MM-DD_HH-mm-ss")}`;
-    const worksheet = xlsx.utils.json_to_sheet(data);
-    const workbook = xlsx.utils.book_new();
-    xlsx.utils.book_append_sheet(workbook, worksheet, "Data");
-    xlsx.writeFile(workbook, fileName + ".xlsx");
-  };
-
   useEffect(() => {
     if (page === 1) {
       paginationRef.current?.scrollTo({
@@ -173,14 +165,28 @@ export const Table: TableComponentProps = ({
         behavior: "smooth",
       });
     } else {
-      document.getElementById(`pagination-page-${page - 1}`)?.scrollIntoView({
+      paginationRef.current?.scrollTo({
+        left: Array.from({ length: page - 2 })
+          .map((_, index) => {
+            return (
+              (document.getElementById(`pagination-page-${index}`)
+                ?.offsetWidth || 0) + 8
+            );
+          })
+          .reduce((acc, cur) => acc + cur, 0),
         behavior: "smooth",
-        block: "nearest",
-        inline: "center",
       });
     }
   }, [page]);
 
+  const handleExportData = (dataTitle: string, data: any[]) => {
+    const fileName = `${dataTitle}_${dayjs().format("YYYY-MM-DD_HH-mm-ss")}`;
+    const worksheet = xlsx.utils.json_to_sheet(data);
+    const workbook = xlsx.utils.book_new();
+    xlsx.utils.book_append_sheet(workbook, worksheet, "Data");
+    xlsx.writeFile(workbook, fileName + ".xlsx");
+  };
+
   const filteredData = useMemo(() => {
     const tempData = data
       ?.filter((item) => {
@@ -921,7 +927,7 @@ export const Table: TableComponentProps = ({
                     key={index}
                     id={`pagination-page-${index}`}
                     type="button"
-                    className="flex h-9 min-w-9 select-none items-center justify-center rounded-md border hover:bg-secondary-light disabled:bg-primary-transparent disabled:text-primary"
+                    className="flex items-center justify-center h-9 min-w-9 px-4 border rounded-md select-none hover:bg-secondary-light disabled:bg-primary-transparent disabled:text-primary"
                     disabled={page === index + 1}
                     onClick={() => {
                       setPage(index + 1);