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

package/dist/{chunk-AGTXDHQJ.mjs → chunk-2DCKVGQ3.mjs}

@@ -31,7 +31,7 @@ import {
   resolveTigerLocale,
   mergeTigerLocale
 } from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var Pagination = ({
   current: controlledCurrent,
   defaultCurrent = 1,
@@ -44,6 +44,7 @@ var Pagination = ({
   showTotal = true,
   totalText,
   simple = false,
+  pageIndicatorText,
   size = "medium",
   align = "center",
   disabled = false,
@@ -210,12 +211,17 @@ var Pagination = ({
     )
   );
   if (simple) {
+    const indicatorText = pageIndicatorText ? pageIndicatorText(validatedCurrentPage, totalPages) : `${validatedCurrentPage} / ${totalPages}`;
     elements.push(
-      /* @__PURE__ */ jsxs("span", { className: classNames("mx-2", getSizeTextClasses(size)), children: [
-        validatedCurrentPage,
-        " / ",
-        totalPages
-      ] }, "current")
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classNames("mx-2", getSizeTextClasses(size)),
+          "aria-label": indicatorText,
+          children: indicatorText
+        },
+        "current"
+      )
     );
   } else {
     getPageNumbers(validatedCurrentPage, totalPages, showLessItems).forEach((pageNum, index) => {

package/dist/{chunk-D4LASFVY.mjs → chunk-2HNUN6OM.mjs}

@@ -1,3 +1,6 @@
+import {
+  Pagination
+} from "./chunk-2DCKVGQ3.mjs";
 import {
   VirtualList
 } from "./chunk-Y5X3G2LD.mjs";
@@ -30,13 +33,8 @@ import {
   listGridContainerClasses,
   getSpinnerSVG,
   getLoadingOverlaySpinnerClasses,
-  getSimplePaginationContainerClasses,
-  getSimplePaginationTotalClasses,
-  getSimplePaginationControlsClasses,
-  getSimplePaginationSelectClasses,
-  getSimplePaginationButtonClasses,
-  getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses,
+  getBuiltInPaginationContainerClasses,
+  resolvePaginationDisplayMode,
   getPaginationLabels,
   formatPaginationTotal,
   formatPaginationPageIndicator
@@ -89,26 +87,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 +123,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) => {
@@ -278,60 +281,38 @@ var List = ({
     if (pagination === false || !paginationInfo) {
       return null;
     }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = dataSource.length;
+    const { totalPages } = paginationInfo;
+    const total = paginationTotal;
     const paginationConfig = pagination;
     const paginationLabels = getPaginationLabels(mergedLocale);
     const localeCode = mergedLocale?.locale;
-    return /* @__PURE__ */ jsxs("div", { className: getSimplePaginationContainerClasses(), children: [
-      paginationConfig.showTotal !== false && /* @__PURE__ */ jsx("div", { className: getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : formatPaginationTotal(
-        paginationLabels.totalText,
+    const { simple, showQuickJumper } = resolvePaginationDisplayMode(totalPages, paginationConfig);
+    const totalText = paginationConfig.totalText ?? ((value, range) => formatPaginationTotal(paginationLabels.totalText, value, range, localeCode));
+    const pageIndicatorText = (current, pages) => formatPaginationPageIndicator(paginationLabels.pageIndicatorText, current, pages, localeCode);
+    return /* @__PURE__ */ jsx("div", { className: getBuiltInPaginationContainerClasses(), children: /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        size: "small",
+        align: "right",
+        current: currentPage,
+        pageSize: currentPageSize,
         total,
-        [startIndex, endIndex],
-        localeCode
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: getSimplePaginationControlsClasses(), children: [
-        paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsx(
-          "select",
-          {
-            className: getSimplePaginationSelectClasses(),
-            value: currentPageSize,
-            onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-            children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ jsxs("option", { value: size2, children: [
-              size2,
-              " ",
-              paginationLabels.itemsPerPageText
-            ] }, size2))
+        simple,
+        showQuickJumper,
+        showSizeChanger: paginationConfig.showSizeChanger !== false,
+        showTotal: paginationConfig.showTotal !== false,
+        totalText,
+        pageIndicatorText,
+        pageSizeOptions: paginationConfig.pageSizeOptions || [10, 20, 50, 100],
+        locale: mergedLocale,
+        onChange: (page, pageSize) => {
+          if (pageSize === currentPageSize) {
+            handlePageChange(page);
           }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: getSimplePaginationButtonsWrapperClasses(), children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: getSimplePaginationButtonClasses(!hasPrev),
-              disabled: !hasPrev,
-              onClick: () => handlePageChange(currentPage - 1),
-              children: paginationLabels.prevPageAriaLabel
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: getSimplePaginationPageIndicatorClasses(), children: formatPaginationPageIndicator(
-            paginationLabels.pageIndicatorText,
-            currentPage,
-            totalPages,
-            localeCode
-          ) }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: getSimplePaginationButtonClasses(!hasNext),
-              disabled: !hasNext,
-              onClick: () => handlePageChange(currentPage + 1),
-              children: paginationLabels.nextPageAriaLabel
-            }
-          )
-        ] })
-      ] })
-    ] });
+        },
+        onPageSizeChange: (_page, pageSize) => handlePageSizeChange(pageSize)
+      }
+    ) });
   };
   return /* @__PURE__ */ jsxs("div", { className: listWrapperClasses, children: [
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [

package/dist/chunk-OVE2ZUJJ.mjs

@@ -0,0 +1,98 @@
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu
+} from "./chunk-YI7NQWUV.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
+
+// src/components/DataExport.tsx
+import { useCallback, useMemo, useState } from "react";
+import {
+  classNames,
+  getDataExportLabels,
+  mergeTigerLocale,
+  tableExportButtonClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dataExportModulePromise = null;
+function loadDataExportModule() {
+  dataExportModulePromise ??= import("@expcat/tigercat-core/utils/data-export");
+  return dataExportModulePromise;
+}
+var DEFAULT_FORMATS = ["xlsx", "markdown"];
+var DataExport = ({
+  columns,
+  dataSource,
+  formats = DEFAULT_FORMATS,
+  fileName = "export",
+  sheetName,
+  cellFormatter,
+  disabled = false,
+  locale,
+  labels,
+  className,
+  onExport,
+  onError
+}) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const resolvedLabels = useMemo(
+    () => getDataExportLabels(mergedLocale, labels),
+    [mergedLocale, labels]
+  );
+  const [exporting, setExporting] = useState(false);
+  const handleExport = useCallback(
+    async (format) => {
+      if (disabled || exporting) return;
+      setExporting(true);
+      try {
+        const mod = await loadDataExportModule();
+        const content = mod.exportData(columns, dataSource, format, { sheetName, cellFormatter });
+        mod.downloadDataExport(content, fileName, format);
+        onExport?.(format);
+      } catch (error) {
+        onError?.(error);
+      } finally {
+        setExporting(false);
+      }
+    },
+    [columns, dataSource, sheetName, cellFormatter, fileName, disabled, exporting, onExport, onError]
+  );
+  const formatLabel = (format) => format === "xlsx" ? resolvedLabels.xlsxText : resolvedLabels.markdownText;
+  if (formats.length === 0) return null;
+  if (formats.length === 1) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: classNames(tableExportButtonClasses, className),
+        "aria-label": resolvedLabels.triggerAriaLabel,
+        disabled: disabled || exporting,
+        onClick: () => void handleExport(formats[0]),
+        children: exporting ? resolvedLabels.exportingText : formatLabel(formats[0])
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Dropdown, { trigger: "click", disabled: disabled || exporting, className, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: tableExportButtonClasses,
+        "aria-label": resolvedLabels.triggerAriaLabel,
+        disabled: disabled || exporting,
+        children: exporting ? resolvedLabels.exportingText : resolvedLabels.triggerText
+      }
+    ),
+    /* @__PURE__ */ jsx(DropdownMenu, { children: formats.map((format) => /* @__PURE__ */ jsx(DropdownItem, { onClick: () => void handleExport(format), children: formatLabel(format) }, format)) })
+  ] });
+};
+
+export {
+  DataExport
+};

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

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

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

@@ -4,6 +4,9 @@ import {
 import {
   Radio
 } from "./chunk-IIWUQK2P.mjs";
+import {
+  Pagination
+} from "./chunk-2DCKVGQ3.mjs";
 import {
   Empty
 } from "./chunk-W7BC4I2Y.mjs";
@@ -297,8 +300,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]
@@ -937,100 +943,73 @@ function renderSummaryRow(ctx, view) {
 
 // src/components/Table/render-pagination.tsx
 import {
-  formatIntlNumber,
-  formatPaginationTotal,
   formatPaginationPageIndicator,
+  formatPaginationTotal,
+  getBuiltInPaginationContainerClasses,
   getPaginationLabels,
-  getSimplePaginationContainerClasses,
-  getSimplePaginationTotalClasses,
-  getSimplePaginationControlsClasses,
-  getSimplePaginationSelectClasses,
-  getSimplePaginationButtonClasses,
-  getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationButtonsWrapperClasses
+  resolvePaginationDisplayMode
 } from "@expcat/tigercat-core";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function renderPagination(ctx, view) {
   const { pagination } = view;
   if (pagination === false || !ctx.paginationInfo) {
     return null;
   }
-  const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo;
+  const { totalPages } = ctx.paginationInfo;
   const paginationConfig = pagination;
   const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.length;
   const locale = view.disableI18n ? void 0 : view.locale;
   const labels = getPaginationLabels(locale);
   const localeCode = locale?.locale;
-  const finalTotalText = paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : formatPaginationTotal(labels.totalText, total, [startIndex, endIndex], localeCode);
-  const finalPrevText = paginationConfig.prevText || labels.prevPageAriaLabel;
-  const finalNextText = paginationConfig.nextText || labels.nextPageAriaLabel;
-  const finalPageIndicatorText = paginationConfig.pageIndicatorText ? paginationConfig.pageIndicatorText(ctx.currentPage, totalPages) : formatPaginationPageIndicator(
-    labels.pageIndicatorText,
-    ctx.currentPage,
-    totalPages,
-    localeCode
-  );
-  const finalPrevAriaLabel = view.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
-  const finalNextAriaLabel = view.disableI18n ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+  const { simple, showQuickJumper } = resolvePaginationDisplayMode(totalPages, paginationConfig);
+  const totalText = paginationConfig.totalText ?? ((value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode));
+  const pageIndicatorText = paginationConfig.pageIndicatorText ?? ((current, pages) => formatPaginationPageIndicator(labels.pageIndicatorText, current, pages, localeCode));
+  const overrides = view.disableI18n ? { ...labels } : {};
+  if (paginationConfig.prevText) overrides.prevPageAriaLabel = paginationConfig.prevText;
+  if (paginationConfig.nextText) overrides.nextPageAriaLabel = paginationConfig.nextText;
+  const labelsOverride = Object.keys(overrides).length > 0 ? overrides : void 0;
+  const pageSizeOptions = paginationConfig.pageSizeOptions ?? [
     10,
     20,
     50,
     100
   ];
-  return /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationContainerClasses(), children: [
-    paginationConfig.showTotal !== false && /* @__PURE__ */ jsx5("div", { className: getSimplePaginationTotalClasses(), children: finalTotalText }),
-    /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationControlsClasses(), children: [
-      paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsx5(
-        "select",
-        {
-          className: getSimplePaginationSelectClasses(),
-          value: ctx.currentPageSize,
-          "aria-label": labels.itemsPerPageText,
-          onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value)),
-          children: normalizedPageSizeOptions.map((option) => {
-            const value = typeof option === "number" ? option : option.value;
-            const label = typeof option === "number" ? `${formatIntlNumber(value, localeCode)} ${labels.itemsPerPageText}` : option.label ?? `${formatIntlNumber(value, localeCode)} ${labels.itemsPerPageText}`;
-            return /* @__PURE__ */ jsx5("option", { value, children: paginationConfig.pageSizeText ? paginationConfig.pageSizeText(value) : label }, value);
-          })
+  const pageSizeText = paginationConfig.pageSizeText;
+  const normalizedPageSizeOptions = pageSizeText ? pageSizeOptions.map((option) => {
+    if (typeof option === "number") {
+      return { value: option, label: pageSizeText(option) };
+    }
+    return { value: option.value, label: option.label ?? pageSizeText(option.value) };
+  }) : pageSizeOptions;
+  return /* @__PURE__ */ jsx5("div", { className: getBuiltInPaginationContainerClasses(), children: /* @__PURE__ */ jsx5(
+    Pagination,
+    {
+      size: "small",
+      align: "right",
+      current: ctx.currentPage,
+      pageSize: ctx.currentPageSize,
+      total,
+      simple,
+      showQuickJumper,
+      showSizeChanger: paginationConfig.showSizeChanger !== false,
+      showTotal: paginationConfig.showTotal !== false,
+      totalText,
+      pageIndicatorText,
+      pageSizeOptions: normalizedPageSizeOptions,
+      locale,
+      labels: labelsOverride,
+      onChange: (page, pageSize) => {
+        if (pageSize === ctx.currentPageSize) {
+          ctx.handlePageChange(page);
         }
-      ),
-      /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationButtonsWrapperClasses(), children: [
-        /* @__PURE__ */ jsx5(
-          "button",
-          {
-            className: getSimplePaginationButtonClasses(!hasPrev),
-            disabled: !hasPrev,
-            "aria-label": finalPrevAriaLabel,
-            onClick: () => ctx.handlePageChange(ctx.currentPage - 1),
-            children: finalPrevText
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: getSimplePaginationPageIndicatorClasses(),
-            "aria-label": finalPageIndicatorText,
-            children: finalPageIndicatorText
-          }
-        ),
-        /* @__PURE__ */ jsx5(
-          "button",
-          {
-            className: getSimplePaginationButtonClasses(!hasNext),
-            disabled: !hasNext,
-            "aria-label": finalNextAriaLabel,
-            onClick: () => ctx.handlePageChange(ctx.currentPage + 1),
-            children: finalNextText
-          }
-        )
-      ] })
-    ] })
-  ] });
+      },
+      onPageSizeChange: (_page, pageSize) => ctx.handlePageSizeChange(pageSize)
+    }
+  ) });
 }
 
 // src/components/Table.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function Table({
   columns,
   columnLockable = false,
@@ -1266,7 +1245,7 @@ function Table({
     controller.observe(wrapper, tableRef.current);
     return () => controller.disconnect();
   }, [ctx.displayColumns.length, ctx.paginatedData.length]);
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       ref: wrapperRef,
@@ -1292,7 +1271,7 @@ function Table({
             children: exportFormat === "excel" ? tableLabels.exportExcelText : tableLabels.exportCsvText
           }
         ) }),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs4(
           "table",
           {
             ref: tableRef,
@@ -1355,7 +1334,7 @@ function Table({
             ]
           }
         ),
-        responsiveMode === "card" && /* @__PURE__ */ jsxs5(
+        responsiveMode === "card" && /* @__PURE__ */ jsxs4(
           "div",
           {
             className: getTableResponsiveCardListClasses(cardBreakpoint),
@@ -1421,7 +1400,7 @@ function Table({
                 };
                 const customCard = renderCard?.(renderContext);
                 const resolvedCardClassName = typeof cardClassName === "function" ? cardClassName(record, index) : cardClassName;
-                const controlsNode = internalRowSelection?.showCheckbox !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+                const controlsNode = internalRowSelection?.showCheckbox !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ jsxs4(Fragment, { children: [
                   internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ jsx6("span", { onClick: (event) => event.stopPropagation(), children: internalRowSelection.type === "radio" ? /* @__PURE__ */ jsx6(
                     Radio,
                     {
@@ -1471,7 +1450,7 @@ function Table({
                       resolvedCardClassName
                     ),
                     onClick: () => ctx.handleRowClick(record, index, key),
-                    children: customCard !== void 0 && customCard !== null ? customCard : /* @__PURE__ */ jsxs5(Fragment, { children: [
+                    children: customCard !== void 0 && customCard !== null ? customCard : /* @__PURE__ */ jsxs4(Fragment, { children: [
                       (() => {
                         const { titleColumn, bodyColumns } = getCardColumns(ctx.displayColumns);
                         const renderCellContent = (column) => {
@@ -1479,8 +1458,8 @@ function Table({
                           return column.render ? column.render(record, index) : record[dataKey];
                         };
                         if (hasCustomCardLayout) {
-                          return /* @__PURE__ */ jsxs5(Fragment, { children: [
-                            titleColumn && /* @__PURE__ */ jsxs5(
+                          return /* @__PURE__ */ jsxs4(Fragment, { children: [
+                            titleColumn && /* @__PURE__ */ jsxs4(
                               "div",
                               {
                                 className: classNames3(
@@ -1511,7 +1490,7 @@ function Table({
                                 );
                               }
                               if (gridInfo.labelPosition === "top") {
-                                return /* @__PURE__ */ jsxs5(
+                                return /* @__PURE__ */ jsxs4(
                                   "div",
                                   {
                                     className: classNames3(
@@ -1544,7 +1523,7 @@ function Table({
                                   column.key
                                 );
                               }
-                              return /* @__PURE__ */ jsxs5(
+                              return /* @__PURE__ */ jsxs4(
                                 "div",
                                 {
                                   className: classNames3(
@@ -1580,8 +1559,8 @@ function Table({
                             }) })
                           ] });
                         }
-                        return /* @__PURE__ */ jsxs5(Fragment, { children: [
-                          titleColumn && /* @__PURE__ */ jsxs5(
+                        return /* @__PURE__ */ jsxs4(Fragment, { children: [
+                          titleColumn && /* @__PURE__ */ jsxs4(
                             "div",
                             {
                               className: classNames3(
@@ -1595,7 +1574,7 @@ function Table({
                             }
                           ),
                           (!titleColumn || cardSelectionPosition !== "title-inline") && controlsNode && /* @__PURE__ */ jsx6("div", { className: "mb-2 flex items-center gap-3", children: controlsNode }),
-                          bodyColumns.map((column) => /* @__PURE__ */ jsxs5("div", { className: tableResponsiveCardRowClasses, children: [
+                          bodyColumns.map((column) => /* @__PURE__ */ jsxs4("div", { className: tableResponsiveCardRowClasses, children: [
                             /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardLabelClasses, children: column.title }),
                             /* @__PURE__ */ jsx6("div", { className: tableResponsiveCardValueClasses, children: renderCellContent(column) })
                           ] }, column.key))
@@ -1610,7 +1589,7 @@ function Table({
             ]
           }
         ),
-        loading && /* @__PURE__ */ jsxs5(
+        loading && /* @__PURE__ */ jsxs4(
           "div",
           {
             className: tableLoadingOverlayClasses,

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

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

package/dist/components/DataExport.d.mts

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { DataExportProps as DataExportProps$1, TigerLocale, TigerLocaleDataExport, DataExportFormat } from '@expcat/tigercat-core';
+
+interface DataExportProps<T = Record<string, unknown>> extends DataExportProps$1<T> {
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale?: Partial<TigerLocale>;
+    /** UI labels for custom text. Takes precedence over locale and ConfigProvider text. */
+    labels?: Partial<TigerLocaleDataExport>;
+    className?: string;
+    /** Called after the download for the given format has been triggered */
+    onExport?: (format: DataExportFormat) => void;
+    /** Called when serialization or download fails */
+    onError?: (error: unknown) => void;
+}
+declare const DataExport: <T extends Record<string, unknown>>({ columns, dataSource, formats, fileName, sheetName, cellFormatter, disabled, locale, labels, className, onExport, onError }: DataExportProps<T>) => React__default.ReactElement | null;
+
+export { DataExport, type DataExportProps };

package/dist/components/DataExport.mjs

@@ -0,0 +1,10 @@
+import {
+  DataExport
+} from "../chunk-OVE2ZUJJ.mjs";
+import "../chunk-YI7NQWUV.mjs";
+import "../chunk-SEWNVIHH.mjs";
+import "../chunk-YSIXURBW.mjs";
+import "../chunk-TGXBCKOU.mjs";
+export {
+  DataExport
+};

package/dist/components/DataTableWithToolbar.mjs

@@ -1,12 +1,13 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-IPJLQSAF.mjs";
-import "../chunk-Z47SG5L5.mjs";
+} from "../chunk-RM2LACNK.mjs";
+import "../chunk-U3TW75H3.mjs";
 import "../chunk-PAN256RW.mjs";
+import "../chunk-QWUDJC6K.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";
-import "../chunk-QWUDJC6K.mjs";
+import "../chunk-2DCKVGQ3.mjs";
 import "../chunk-S7IB6YST.mjs";
 import "../chunk-F6WV53BS.mjs";
 import "../chunk-W7BC4I2Y.mjs";

package/dist/components/List.mjs

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

package/dist/components/NotificationCenter.mjs

@@ -1,9 +1,10 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-532RNNPH.mjs";
+} from "../chunk-VDI4T62S.mjs";
 import "../chunk-Z3CRHC5F.mjs";
-import "../chunk-D4LASFVY.mjs";
+import "../chunk-2HNUN6OM.mjs";
+import "../chunk-2DCKVGQ3.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";

package/dist/components/Pagination.mjs

@@ -1,7 +1,7 @@
 import {
   Pagination,
   Pagination_default
-} from "../chunk-AGTXDHQJ.mjs";
+} from "../chunk-2DCKVGQ3.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Table.mjs

@@ -1,9 +1,10 @@
 import {
   Table
-} from "../chunk-Z47SG5L5.mjs";
+} from "../chunk-U3TW75H3.mjs";
 import "../chunk-PAN256RW.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";
+import "../chunk-2DCKVGQ3.mjs";
 import "../chunk-W7BC4I2Y.mjs";
 import "../chunk-EPWAROC2.mjs";
 import "../chunk-OL3RXYMG.mjs";

package/dist/index.d.mts

@@ -39,6 +39,7 @@ export { DatePicker, DatePickerProps } from './components/DatePicker.mjs';
 export { TimePicker, TimePickerProps } from './components/TimePicker.mjs';
 export { Upload, UploadProps } from './components/Upload.mjs';
 export { Table } from './components/Table.mjs';
+export { DataExport, DataExportProps } from './components/DataExport.mjs';
 export { Tag, TagProps } from './components/Tag.mjs';
 export { Badge, BadgeProps } from './components/Badge.mjs';
 export { Card, CardProps } from './components/Card.mjs';
@@ -149,6 +150,6 @@ import 'react';
  * React components for Tigercat UI library
  */
 
-declare const version = "2.0.0-preview.4";
+declare const version = "2.0.0-preview.6";
 
 export { version };

package/dist/index.mjs

@@ -12,6 +12,7 @@ export {
   DEFAULT_CHART_COLORS,
   DEFAULT_CHART_LABELS,
   DEFAULT_CRON_EDITOR_LABELS,
+  DEFAULT_DATA_EXPORT_LABELS,
   DEFAULT_FILE_MANAGER_LABELS,
   DEFAULT_FORM_VALIDATION_LABELS,
   DEFAULT_FORM_WIZARD_LABELS,
@@ -60,6 +61,7 @@ export {
   MOTION_DURATION_TOKEN_VARS,
   MOTION_EASING_TOKEN_FALLBACKS,
   MOTION_EASING_TOKEN_VARS,
+  PAGINATION_FULL_MODE_PAGE_THRESHOLD,
   PIE_BASE_SHADOW,
   PIE_EMPHASIS_SHADOW,
   POPOVER_TEXT_CLASSES,
@@ -95,6 +97,7 @@ export {
   ZH_CN_CAROUSEL_LABELS,
   ZH_CN_CHART_LABELS,
   ZH_CN_CRON_EDITOR_LABELS,
+  ZH_CN_DATA_EXPORT_LABELS,
   ZH_CN_FILE_MANAGER_LABELS,
   ZH_CN_FORM_VALIDATION_LABELS,
   ZH_CN_FORM_WIZARD_LABELS,
@@ -710,6 +713,7 @@ export {
   getBreadcrumbItemClasses,
   getBreadcrumbLinkClasses,
   getBreadcrumbSeparatorClasses,
+  getBuiltInPaginationContainerClasses,
   getButtonGroupClasses,
   getButtonVariantClasses,
   getCalendarContainerClasses,
@@ -789,6 +793,7 @@ export {
   getCurrentActiveTourStep,
   getCurrentTime,
   getCyclicIndex,
+  getDataExportLabels,
   getDatePickerCalendarCellState,
   getDatePickerDayCellClasses,
   getDatePickerIconButtonClasses,
@@ -1655,6 +1660,7 @@ export {
   resolveMotionDuration,
   resolveMotionEasing,
   resolveMultiSeriesTooltipContent,
+  resolvePaginationDisplayMode,
   resolvePanGesture,
   resolvePinchScale,
   resolveResponsiveChartSize,
@@ -2067,6 +2073,7 @@ export { DatePicker } from './components/DatePicker.mjs';
 export { TimePicker } from './components/TimePicker.mjs';
 export { Upload } from './components/Upload.mjs';
 export { Table } from './components/Table.mjs';
+export { DataExport } from './components/DataExport.mjs';
 export { Tag } from './components/Tag.mjs';
 export { Badge } from './components/Badge.mjs';
 export { Card } from './components/Card.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "2.0.0-preview.4",
+  "version": "2.0.0-preview.6",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -244,6 +244,11 @@
       "import": "./dist/components/CropUpload.mjs",
       "default": "./dist/components/CropUpload.mjs"
     },
+    "./DataExport": {
+      "types": "./dist/components/DataExport.d.mts",
+      "import": "./dist/components/DataExport.mjs",
+      "default": "./dist/components/DataExport.mjs"
+    },
     "./DataTableWithToolbar": {
       "types": "./dist/components/DataTableWithToolbar.d.mts",
       "import": "./dist/components/DataTableWithToolbar.mjs",
@@ -777,7 +782,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.0.0-preview.4"
+    "@expcat/tigercat-core": "2.0.0-preview.6"
   },
   "devDependencies": {
     "@types/node": "^22.20.0",