chore: sync inital pagination tablev2

lerna.json

@@ -2,7 +2,7 @@
     "packages": ["packages/*"],
     "npmClient": "yarn",
     "useWorkspaces": true,
-    "version": "0.11.9",
+    "version": "0.12.0-alpha.10",
     "command": {
         "version": {
             "message": "chore(release): publish %s"

packages/apsara-icons/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@goto-company/icons",
-    "version": "0.11.9",
+    "version": "0.12.0-alpha.10",
     "description": "Apsara icons",
     "scripts": {
         "build": "node scripts/build.js",

packages/apsara-ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@goto-company/apsara",
-    "version": "0.11.9",
+    "version": "0.12.0-alpha.10",
     "description": "A list of base components for apsara",
     "author": "Praveen Yadav <[email protected]>",
     "license": "Apache-2.0",

packages/apsara-ui/src/DiffTimeline/DiffTimeline.tsx

@@ -80,6 +80,7 @@ const DiffTable = ({ diff }: any) => {
 
 const DiffTimelineBlock = ({ timelineBlockData }: any) => {
     const [isActive, setIsActive] = useState(false);
+    const { withTag = true } = timelineBlockData;
     return (
         <li className="apsara-timeline-item diff-timeline__block" color="black">
             <div className="apsara-timeline-item-tail"></div>
@@ -95,7 +96,9 @@ const DiffTimelineBlock = ({ timelineBlockData }: any) => {
                     {timelineBlockData.user && (
                         <React.Fragment>
                             <span className="diff-timeline__details-dot" />
-                            <span className="diff-timeline__details-text">{`by @${timelineBlockData.user}`}</span>
+                            <span className="diff-timeline__details-text">{`by ${withTag ? "@" : ""}${
+                                timelineBlockData.user
+                            }`}</span>
                         </React.Fragment>
                     )}
                 </div>
@@ -108,11 +111,11 @@ const DiffTimelineBlock = ({ timelineBlockData }: any) => {
                             </span>
                         </CollapsibleHeader>
                         <CollapsibleContent>
-                            {timelineBlockData.renderDiff ?
+                            {timelineBlockData.renderDiff ? (
                                 timelineBlockData.renderDiff()
-                                :
-                                <DiffTable diff={timelineBlockData.diff} />}
-
+                            ) : (
+                                <DiffTable diff={timelineBlockData.diff} />
+                            )}
                         </CollapsibleContent>
                     </Collapsible.Root>
                 )}

packages/apsara-ui/src/TableV2/Table.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { StyledTable, PaginationWrapper, TableWrapper, EmptyHeader, EmptyText } from "./Table.styles";
 import {
     createColumnHelper,
@@ -77,6 +77,10 @@ function Table({
         pageSize: initialPageSize,
     });
 
+    useEffect(() => {
+        setPagination({ pageIndex: initialPageIndex, pageSize: initialPageSize });
+    }, [initialPageIndex, initialPageSize]);
+
     const fetchDataOptions = {
         pageIndex,
         pageSize,