@expcat/tigercat-react 2.0.0-preview.5 → 2.0.0-rc.1

package/dist/{chunk-AGTXDHQJ.mjs → chunk-HHIW7V7B.mjs}

@@ -14,7 +14,6 @@ import {
   formatPaginationTotal,
   getPaginationContainerClasses,
   getPaginationButtonBaseClasses,
-  getPaginationButtonActiveClasses,
   getPaginationEllipsisClasses,
   getQuickJumperInputClasses,
   getPageSizeSelectorClasses,
@@ -31,7 +30,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 +43,7 @@ var Pagination = ({
   showTotal = true,
   totalText,
   simple = false,
+  pageIndicatorText,
   size = "medium",
   align = "center",
   disabled = false,
@@ -134,9 +134,6 @@ var Pagination = ({
         setInternalCurrent(newPage);
       }
       onPageSizeChange?.(newPage, newPageSize);
-      if (newPage !== validatedCurrentPage) {
-        onChange?.(newPage, newPageSize);
-      }
     },
     [
       disabled,
@@ -144,8 +141,7 @@ var Pagination = ({
       validatedCurrentPage,
       controlledPageSize,
       controlledCurrent,
-      onPageSizeChange,
-      onChange
+      onPageSizeChange
     ]
   );
   const handleQuickJumperSubmit = useCallback(() => {
@@ -210,12 +206,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) => {
@@ -238,10 +239,7 @@ var Pagination = ({
             "button",
             {
               type: "button",
-              className: classNames(
-                getPaginationButtonBaseClasses(size),
-                isActive && getPaginationButtonActiveClasses()
-              ),
+              className: getPaginationButtonBaseClasses(size, isActive),
               disabled,
               onClick: () => handlePageChange(pageNum),
               "aria-label": formatPageAriaLabel(labels.pageAriaLabel, pageNum, localeCode),

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

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

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

@@ -4,6 +4,9 @@ import {
 import {
   Radio
 } from "./chunk-IIWUQK2P.mjs";
+import {
+  Pagination
+} from "./chunk-HHIW7V7B.mjs";
 import {
   Empty
 } from "./chunk-W7BC4I2Y.mjs";
@@ -940,100 +943,69 @@ 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);
-          })
-        }
-      ),
-      /* @__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
-          }
-        )
-      ] })
-    ] })
-  ] });
+  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) => ctx.handlePageChange(page),
+      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,
@@ -1269,7 +1241,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,
@@ -1295,7 +1267,7 @@ function Table({
             children: exportFormat === "excel" ? tableLabels.exportExcelText : tableLabels.exportCsvText
           }
         ) }),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs4(
           "table",
           {
             ref: tableRef,
@@ -1358,7 +1330,7 @@ function Table({
             ]
           }
         ),
-        responsiveMode === "card" && /* @__PURE__ */ jsxs5(
+        responsiveMode === "card" && /* @__PURE__ */ jsxs4(
           "div",
           {
             className: getTableResponsiveCardListClasses(cardBreakpoint),
@@ -1424,7 +1396,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,
                     {
@@ -1474,7 +1446,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) => {
@@ -1482,8 +1454,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(
@@ -1514,7 +1486,7 @@ function Table({
                                 );
                               }
                               if (gridInfo.labelPosition === "top") {
-                                return /* @__PURE__ */ jsxs5(
+                                return /* @__PURE__ */ jsxs4(
                                   "div",
                                   {
                                     className: classNames3(
@@ -1547,7 +1519,7 @@ function Table({
                                   column.key
                                 );
                               }
-                              return /* @__PURE__ */ jsxs5(
+                              return /* @__PURE__ */ jsxs4(
                                 "div",
                                 {
                                   className: classNames3(
@@ -1583,8 +1555,8 @@ function Table({
                             }) })
                           ] });
                         }
-                        return /* @__PURE__ */ jsxs5(Fragment, { children: [
-                          titleColumn && /* @__PURE__ */ jsxs5(
+                        return /* @__PURE__ */ jsxs4(Fragment, { children: [
+                          titleColumn && /* @__PURE__ */ jsxs4(
                             "div",
                             {
                               className: classNames3(
@@ -1598,7 +1570,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))
@@ -1613,7 +1585,7 @@ function Table({
             ]
           }
         ),
-        loading && /* @__PURE__ */ jsxs5(
+        loading && /* @__PURE__ */ jsxs4(
           "div",
           {
             className: tableLoadingOverlayClasses,

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-YLUSOQKR.mjs → chunk-POP3TS4Q.mjs}

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

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

@@ -1,3 +1,6 @@
+import {
+  Pagination
+} from "./chunk-HHIW7V7B.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
@@ -283,60 +281,34 @@ var List = ({
     if (pagination === false || !paginationInfo) {
       return null;
     }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
+    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))
-          }
-        ),
-        /* @__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
-            }
-          )
-        ] })
-      ] })
-    ] });
+        simple,
+        showQuickJumper,
+        showSizeChanger: paginationConfig.showSizeChanger !== false,
+        showTotal: paginationConfig.showTotal !== false,
+        totalText,
+        pageIndicatorText,
+        pageSizeOptions: paginationConfig.pageSizeOptions || [10, 20, 50, 100],
+        locale: mergedLocale,
+        onChange: (page) => handlePageChange(page),
+        onPageSizeChange: (_page, pageSize) => handlePageSizeChange(pageSize)
+      }
+    ) });
   };
   return /* @__PURE__ */ jsxs("div", { className: listWrapperClasses, children: [
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [

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-HT7XNBI7.mjs";
-import "../chunk-UKDPTEJI.mjs";
+} from "../chunk-K6GJMKJR.mjs";
+import "../chunk-N6JNLJIN.mjs";
 import "../chunk-PAN256RW.mjs";
+import "../chunk-QWUDJC6K.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";
-import "../chunk-QWUDJC6K.mjs";
+import "../chunk-HHIW7V7B.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-N3ESPSVN.mjs";
+} from "../chunk-QJE3MZBO.mjs";
+import "../chunk-HHIW7V7B.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-YLUSOQKR.mjs";
+} from "../chunk-POP3TS4Q.mjs";
 import "../chunk-Z3CRHC5F.mjs";
-import "../chunk-N3ESPSVN.mjs";
+import "../chunk-QJE3MZBO.mjs";
+import "../chunk-HHIW7V7B.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";

package/dist/components/Pagination.d.mts

@@ -3,7 +3,13 @@ import { PaginationProps as PaginationProps$1, TigerLocaleInput } from '@expcat/
 
 interface PaginationProps extends Omit<PaginationProps$1, 'style'>, Omit<React__default.HTMLAttributes<HTMLElement>, 'onChange'> {
     style?: React__default.CSSProperties;
+    /** Fired on page navigation (page button, prev/next, quick jumper). */
     onChange?: (current: number, pageSize: number) => void;
+    /**
+     * Fired when the page size changes. `current` is the resulting page after the
+     * new size is applied (clamped when the previous page fell out of range).
+     * A size change does not additionally fire `onChange`.
+     */
     onPageSizeChange?: (current: number, pageSize: number) => void;
     /**
      * Locale configuration for i18n support

package/dist/components/Pagination.mjs

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

package/dist/components/Table.mjs

@@ -1,9 +1,10 @@
 import {
   Table
-} from "../chunk-UKDPTEJI.mjs";
+} from "../chunk-N6JNLJIN.mjs";
 import "../chunk-PAN256RW.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";
+import "../chunk-HHIW7V7B.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.5";
+declare const version = "2.0.0-rc.1";
 
 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,
@@ -1067,13 +1072,6 @@ export {
   getSignatureCanvasDataUrl,
   getSignatureCanvasWrapClasses,
   getSignaturePoint,
-  getSimplePaginationButtonClasses,
-  getSimplePaginationButtonsWrapperClasses,
-  getSimplePaginationContainerClasses,
-  getSimplePaginationControlsClasses,
-  getSimplePaginationPageIndicatorClasses,
-  getSimplePaginationSelectClasses,
-  getSimplePaginationTotalClasses,
   getSizeTextClasses,
   getSkeletonClasses,
   getSkeletonDimensions,
@@ -1655,6 +1653,7 @@ export {
   resolveMotionDuration,
   resolveMotionEasing,
   resolveMultiSeriesTooltipContent,
+  resolvePaginationDisplayMode,
   resolvePanGesture,
   resolvePinchScale,
   resolveResponsiveChartSize,
@@ -2067,6 +2066,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.5",
+  "version": "2.0.0-rc.1",
   "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.5"
+    "@expcat/tigercat-core": "2.0.0-rc.1"
   },
   "devDependencies": {
     "@types/node": "^22.20.0",