MUI props rename, onChangePage => onPageChange

Signed-off-by: ruiyi.jiang <ruiyi.jiang@zilliz.com>

client/src/components/grid/Grid.tsx

@@ -71,7 +71,7 @@ const userStyle = makeStyles(theme => ({
  * @param rowCount required. totoal data count for pagination
  * @param rowsPerPage per page for pagination, default is 10
  * @param primaryKey required. The unique column for your data. use for checkbox and render key.
- * @param onChangePage handle page change
+ * @param onPageChange handle page change
  * @param labelDisplayedRows Custom pagination label function, return string;
  * @param page current page for pagination
  * @param showToolbar control toolbar display. default is false
@@ -106,7 +106,7 @@ const AttuGrid: FC<AttuGridType> = props => {
     primaryKey = 'id',
     showToolbar = false,
     toolbarConfigs = [],
-    onChangePage = (
+    onPageChange = (
       e: MouseEvent<HTMLButtonElement> | null,
       nextPageNum: number
     ) => {
@@ -238,7 +238,7 @@ const AttuGrid: FC<AttuGridType> = props => {
             labelDisplayedRows={labelDisplayedRows || defaultLabelRows}
             rowsPerPage={rowsPerPage}
             rowsPerPageOptions={[]}
-            onChangePage={onChangePage}
+            onPageChange={onPageChange}
             className={classes.pagenation}
             ActionsComponent={TablePaginationActions}
           />

client/src/components/grid/TablePaginationActions.tsx

@@ -39,7 +39,7 @@ const useStyles = makeStyles((theme: Theme) =>
 
 const TablePaginationActions = (props: TablePaginationActionsProps) => {
   const classes = useStyles();
-  const { count, page, rowsPerPage, onChangePage } = props;
+  const { count, page, rowsPerPage, onPageChange } = props;
 
   // i18n
   const { t: commonTrans } = useTranslation();
@@ -48,13 +48,13 @@ const TablePaginationActions = (props: TablePaginationActionsProps) => {
   const handleBackButtonClick = (
     event: React.MouseEvent<HTMLButtonElement>
   ) => {
-    onChangePage(event, page - 1);
+    onPageChange(event, page - 1);
   };
 
   const handleNextButtonClick = (
     event: React.MouseEvent<HTMLButtonElement>
   ) => {
-    onChangePage(event, page + 1);
+    onPageChange(event, page + 1);
   };
 
   return (

client/src/components/grid/Types.ts

@@ -124,7 +124,7 @@ export type AttuGridType = ToolBarType & {
   // used to dynamic set page size by table container and row height
   setRowsPerPage?: (size: number) => void;
   primaryKey: string;
-  onChangePage?: (e: any, nextPageNum: number) => void;
+  onPageChange?: (e: any, nextPageNum: number) => void;
   labelDisplayedRows?: (obj: LabelDisplayedRowsArgs) => React.ReactNode;
   page?: number;
   showToolbar?: boolean;
@@ -170,7 +170,7 @@ export type TablePaginationActionsProps = {
   count: number;
   page: number;
   rowsPerPage: number;
-  onChangePage: (
+  onPageChange: (
     event: React.MouseEvent<HTMLButtonElement>,
     newPage: number
   ) => void;

client/src/pages/collections/Collections.tsx

@@ -506,7 +506,7 @@ const Collections = () => {
           selected={selectedCollections}
           setSelected={handleSelectChange}
           page={currentPage}
-          onChangePage={handlePageChange}
+          onPageChange={handlePageChange}
           rowsPerPage={pageSize}
           setRowsPerPage={handlePageSize}
           isLoading={loading}

client/src/pages/database/Database.tsx

@@ -132,7 +132,7 @@ const Database = () => {
         selected={selectedDatabase}
         setSelected={handleSelectChange}
         // page={currentPage}
-        // onChangePage={handlePageChange}
+        // onPageChange={handlePageChange}
         // rowsPerPage={pageSize}
         // setRowsPerPage={handlePageSize}
         // isLoading={loading}

client/src/pages/partitions/Partitions.tsx

@@ -325,7 +325,7 @@ const Partitions: FC<{
         selected={selectedPartitions}
         setSelected={handleSelectChange}
         page={currentPage}
-        onChangePage={handlePageChange}
+        onPageChange={handlePageChange}
         rowsPerPage={pageSize}
         setRowsPerPage={handlePageSize}
         isLoading={loading}

client/src/pages/preview/Preview.tsx

@@ -145,7 +145,7 @@ const Preview: FC<{
         rows={result}
         rowCount={total}
         page={currentPage}
-        onChangePage={handlePageChange}
+        onPageChange={handlePageChange}
         rowsPerPage={pageSize}
         setRowsPerPage={handlePageSize}
       />

client/src/pages/query/Query.tsx

@@ -276,7 +276,7 @@ const Query: FC<{
           selected={selectedData}
           setSelected={handleSelectChange}
           page={currentPage}
-          onChangePage={handlePageChange}
+          onPageChange={handlePageChange}
           rowsPerPage={pageSize}
           setRowsPerPage={handlePageSize}
           orderBy={orderBy}

client/src/pages/schema/Schema.tsx

@@ -282,7 +282,7 @@ const Schema: FC<{
         primaryKey="_fieldId"
         showHoverStyle={false}
         page={currentPage}
-        onChangePage={handlePageChange}
+        onPageChange={handlePageChange}
         rowsPerPage={pageSize}
         setRowsPerPage={handlePageSize}
         isLoading={loading}

client/src/pages/search/VectorSearch.tsx

@@ -555,7 +555,7 @@ const VectorSearch = () => {
           rowCount={total}
           primaryKey="rank"
           page={currentPage}
-          onChangePage={handlePageChange}
+          onPageChange={handlePageChange}
           rowsPerPage={pageSize}
           setRowsPerPage={handlePageSize}
           openCheckBox={false}

client/src/pages/user/Roles.tsx

@@ -196,7 +196,7 @@ const Roles = () => {
         selected={selectedRole}
         setSelected={handleSelectChange}
         // page={currentPage}
-        // onChangePage={handlePageChange}
+        // onPageChange={handlePageChange}
         // rowsPerPage={pageSize}
         // setRowsPerPage={handlePageSize}
         // isLoading={loading}

client/src/pages/user/User.tsx

@@ -242,7 +242,7 @@ const Users = () => {
         selected={selectedUser}
         setSelected={handleSelectChange}
         // page={currentPage}
-        // onChangePage={handlePageChange}
+        // onPageChange={handlePageChange}
         // rowsPerPage={pageSize}
         // setRowsPerPage={handlePageSize}
         // isLoading={loading}