@expcat/tigercat-react 2.0.0-preview.4 → 2.0.0-preview.5

package/dist/{chunk-IPJLQSAF.mjs → chunk-HT7XNBI7.mjs}

@@ -1,6 +1,6 @@
 import {
   Table
-} from "./chunk-Z47SG5L5.mjs";
+} from "./chunk-UKDPTEJI.mjs";
 import {
   Select
 } from "./chunk-PAN256RW.mjs";

package/dist/{chunk-D4LASFVY.mjs → chunk-N3ESPSVN.mjs}

@@ -89,26 +89,31 @@ var List = ({
     () => mergeTigerLocale(config.locale, locale),
     [config.locale, locale]
   );
-  const [currentPage, setCurrentPage] = useState(
-    pagination && typeof pagination === "object" ? pagination.current || 1 : 1
-  );
+  const paginationCfg = pagination !== false && typeof pagination === "object" ? pagination : null;
+  const isRemotePagination = paginationCfg?.remote === true;
+  const [internalCurrentPage, setInternalCurrentPage] = useState(paginationCfg?.current || 1);
   const dragIndexRef = React.useRef(null);
-  const [currentPageSize, setCurrentPageSize] = useState(
-    pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
+  const [internalCurrentPageSize, setInternalCurrentPageSize] = useState(
+    paginationCfg?.pageSize || 10
   );
+  const currentPage = isRemotePagination ? paginationCfg?.current ?? internalCurrentPage : internalCurrentPage;
+  const currentPageSize = isRemotePagination ? paginationCfg?.pageSize ?? internalCurrentPageSize : internalCurrentPageSize;
   const paginatedData = useMemo(() => {
     if (pagination === false) {
       return dataSource;
     }
+    if (isRemotePagination) {
+      return dataSource;
+    }
     return paginateData(dataSource, currentPage, currentPageSize);
-  }, [dataSource, currentPage, currentPageSize, pagination]);
+  }, [dataSource, currentPage, currentPageSize, pagination, isRemotePagination]);
+  const paginationTotal = isRemotePagination ? paginationCfg?.total ?? dataSource.length : dataSource.length;
   const paginationInfo = useMemo(() => {
     if (pagination === false) {
       return null;
     }
-    const total = dataSource.length;
-    return calculatePagination(total, currentPage, currentPageSize);
-  }, [dataSource.length, currentPage, currentPageSize, pagination]);
+    return calculatePagination(paginationTotal, currentPage, currentPageSize);
+  }, [paginationTotal, currentPage, currentPageSize, pagination]);
   const listClasses = useMemo(() => {
     return classNames(getListClasses(bordered), listSizeClasses[size], className);
   }, [bordered, size, className]);
@@ -120,12 +125,12 @@ var List = ({
     );
   }, [grid]);
   const handlePageChange = (page) => {
-    setCurrentPage(page);
+    setInternalCurrentPage(page);
     onPageChange?.({ current: page, pageSize: currentPageSize });
   };
   const handlePageSizeChange = (pageSize) => {
-    setCurrentPageSize(pageSize);
-    setCurrentPage(1);
+    setInternalCurrentPageSize(pageSize);
+    setInternalCurrentPage(1);
     onPageChange?.({ current: 1, pageSize });
   };
   const handleItemClick = (item, index) => {
@@ -279,7 +284,7 @@ var List = ({
       return null;
     }
     const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = dataSource.length;
+    const total = paginationTotal;
     const paginationConfig = pagination;
     const paginationLabels = getPaginationLabels(mergedLocale);
     const localeCode = mergedLocale?.locale;

package/dist/{chunk-Z47SG5L5.mjs → chunk-UKDPTEJI.mjs}

@@ -297,8 +297,11 @@ function useTableState(input) {
     if (pagination === false) {
       return processedData;
     }
+    if (paginationConfig?.remote) {
+      return processedData;
+    }
     return paginateData(processedData, currentPage, currentPageSize);
-  }, [processedData, currentPage, currentPageSize, pagination]);
+  }, [processedData, currentPage, currentPageSize, pagination, paginationConfig?.remote]);
   const pageRowKeys = useMemo(
     () => createTableRowKeyCache(rowKey).getMany(paginatedData),
     [paginatedData, rowKey]

package/dist/{chunk-532RNNPH.mjs → chunk-YLUSOQKR.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-Z3CRHC5F.mjs";
 import {
   List
-} from "./chunk-D4LASFVY.mjs";
+} from "./chunk-N3ESPSVN.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";

package/dist/components/DataTableWithToolbar.mjs

@@ -1,8 +1,8 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-IPJLQSAF.mjs";
-import "../chunk-Z47SG5L5.mjs";
+} from "../chunk-HT7XNBI7.mjs";
+import "../chunk-UKDPTEJI.mjs";
 import "../chunk-PAN256RW.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";

package/dist/components/List.mjs

@@ -1,6 +1,6 @@
 import {
   List
-} from "../chunk-D4LASFVY.mjs";
+} from "../chunk-N3ESPSVN.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/NotificationCenter.mjs

@@ -1,9 +1,9 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-532RNNPH.mjs";
+} from "../chunk-YLUSOQKR.mjs";
 import "../chunk-Z3CRHC5F.mjs";
-import "../chunk-D4LASFVY.mjs";
+import "../chunk-N3ESPSVN.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";

package/dist/components/Table.mjs

@@ -1,6 +1,6 @@
 import {
   Table
-} from "../chunk-Z47SG5L5.mjs";
+} from "../chunk-UKDPTEJI.mjs";
 import "../chunk-PAN256RW.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";

package/dist/index.d.mts

@@ -149,6 +149,6 @@ import 'react';
  * React components for Tigercat UI library
  */
 
-declare const version = "2.0.0-preview.4";
+declare const version = "2.0.0-preview.5";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "2.0.0-preview.4",
+  "version": "2.0.0-preview.5",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -777,7 +777,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.0.0-preview.4"
+    "@expcat/tigercat-core": "2.0.0-preview.5"
   },
   "devDependencies": {
     "@types/node": "^22.20.0",