@expcat/tigercat-core 1.2.30 → 1.2.33

package/dist/{table-export-D7_CDqY7.d.cts → table-export-DDANRyCp.d.cts}

@@ -1,4 +1,169 @@
-import { a as TigerLocaleInput } from './locale-9-B-d0mp.cjs';
+import { a as TigerLocaleInput } from './locale-Cvl0yrRV.cjs';
+
+/**
+ * Pagination component types and interfaces
+ */
+
+/**
+ * Pagination size type
+ */
+type PaginationSize = 'small' | 'medium' | 'large';
+/**
+ * Pagination alignment type
+ */
+type PaginationAlign = 'left' | 'center' | 'right';
+/**
+ * Page size option type
+ */
+interface PaginationPageSizeOption {
+    value: number;
+    label?: string;
+}
+type PaginationPageSizeOptionItem = number | PaginationPageSizeOption;
+/**
+ * Quick jumper validation scheduling strategy.
+ */
+interface PaginationQuickJumperValidationOptions {
+    /**
+     * Debounce delay before validation is scheduled during idle time.
+     * @default 120
+     */
+    delay?: number;
+    /**
+     * Maximum time to wait for requestIdleCallback before running validation.
+     * @default 250
+     */
+    timeout?: number;
+}
+/**
+ * Base pagination props interface
+ */
+interface PaginationProps {
+    /**
+     * Current page number (1-indexed)
+     * @default 1
+     */
+    current?: number;
+    /**
+     * Default current page (for uncontrolled mode)
+     * @default 1
+     */
+    defaultCurrent?: number;
+    /**
+     * Total number of items
+     * @default 0
+     */
+    total?: number;
+    /**
+     * Number of items per page
+     * @default 10
+     */
+    pageSize?: number;
+    /**
+     * Default page size (for uncontrolled mode)
+     * @default 10
+     */
+    defaultPageSize?: number;
+    /**
+     * Available page size options
+     * @default [10, 20, 50, 100]
+     */
+    pageSizeOptions?: PaginationPageSizeOptionItem[];
+    /**
+     * Whether to show quick jumper (input for page number)
+     * @default false
+     */
+    showQuickJumper?: boolean;
+    /**
+     * Quick jumper delayed validation timing.
+     */
+    quickJumperValidation?: PaginationQuickJumperValidationOptions;
+    /**
+     * Whether to show page size selector
+     * @default false
+     */
+    showSizeChanger?: boolean;
+    /**
+     * Whether to show total count
+     * @default true
+     */
+    showTotal?: boolean;
+    /**
+     * Custom total text renderer
+     * @param total - Total number of items
+     * @param range - Current page range [start, end]
+     * @returns Custom text to display
+     */
+    totalText?: (total: number, range: [number, number]) => string;
+    /**
+     * Simple mode - only show prev/next buttons
+     * @default false
+     */
+    simple?: boolean;
+    /**
+     * Size of pagination
+     * @default 'medium'
+     */
+    size?: PaginationSize;
+    /**
+     * Alignment of pagination
+     * @default 'center'
+     */
+    align?: PaginationAlign;
+    /**
+     * Whether pagination is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether to hide pagination on single page
+     * @default false
+     */
+    hideOnSinglePage?: boolean;
+    /**
+     * Whether to show fewer page buttons around current page
+     * @default false
+     */
+    showLessItems?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Custom styles
+     */
+    style?: Record<string, string | number>;
+    /**
+     * Locale configuration. Accepts a sync locale, promise, or lazy loader.
+     */
+    locale?: TigerLocaleInput;
+}
+/**
+ * Page change event info
+ */
+interface PageChangeInfo {
+    /**
+     * New current page
+     */
+    current: number;
+    /**
+     * Current page size
+     */
+    pageSize: number;
+}
+/**
+ * Page size change event info
+ */
+interface PageSizeChangeInfo {
+    /**
+     * Current page (might be adjusted)
+     */
+    current: number;
+    /**
+     * New page size
+     */
+    pageSize: number;
+}
 
 /**
  * Table component types and interfaces
@@ -10,6 +175,7 @@ import { a as TigerLocaleInput } from './locale-9-B-d0mp.cjs';
 type TableSize = 'sm' | 'md' | 'lg';
 type TableExportFormat = 'csv' | 'excel';
 type TableResponsiveMode = 'card' | 'scroll';
+type TableFixedPosition = 'left' | 'right';
 /**
  * Sort direction
  */
@@ -31,6 +197,24 @@ interface SortState {
  * Column alignment
  */
 type ColumnAlign = 'left' | 'center' | 'right';
+interface TableFixedHeaderClassNameContext<T = Record<string, unknown>> {
+    view: 'table' | 'virtual-table';
+    column: TableColumn<T>;
+    fixed: TableFixedPosition;
+    stickyHeader: boolean;
+}
+interface TableFixedCellClassNameContext<T = Record<string, unknown>> {
+    view: 'table' | 'virtual-table';
+    column: TableColumn<T>;
+    fixed: TableFixedPosition;
+    record: T;
+    rowIndex: number;
+    striped: boolean;
+    selected: boolean;
+    hoverable: boolean;
+}
+type TableFixedHeaderClassName<T = Record<string, unknown>> = string | ((context: TableFixedHeaderClassNameContext<T>) => string | undefined | null | false);
+type TableFixedCellClassName<T = Record<string, unknown>> = string | ((context: TableFixedCellClassNameContext<T>) => string | undefined | null | false);
 /**
  * Filter type
  */
@@ -119,7 +303,7 @@ interface TableColumn<T = Record<string, unknown>> {
      * Whether column is fixed
      * @default false
      */
-    fixed?: 'left' | 'right' | false;
+    fixed?: TableFixedPosition | false;
     /**
      * Custom render function for cell content
      * Framework-specific implementations will handle this differently
@@ -133,10 +317,18 @@ interface TableColumn<T = Record<string, unknown>> {
      * CSS class for column cells
      */
     className?: string;
+    /**
+     * CSS class for fixed column cells, or a resolver based on row state.
+     */
+    fixedClassName?: TableFixedCellClassName<T>;
     /**
      * CSS class for header cell
      */
     headerClassName?: string;
+    /**
+     * CSS class for fixed column header cells, or a resolver for sticky header state.
+     */
+    fixedHeaderClassName?: TableFixedHeaderClassName<T>;
 }
 /**
  * Pagination configuration
@@ -172,7 +364,7 @@ interface PaginationConfig {
      * Available page size options
      * @default [10, 20, 50, 100]
      */
-    pageSizeOptions?: number[];
+    pageSizeOptions?: PaginationPageSizeOptionItem[];
     /**
      * Whether to show page size selector
      * @default true
@@ -510,4 +702,4 @@ declare function downloadTableExport(content: string, filename?: string, format?
  */
 declare const tableExportButtonClasses = "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] bg-[var(--tiger-surface,#ffffff)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors";
 
-export { type ColumnAlign as C, type ExpandableConfig as E, type FilterOption as F, type PaginationConfig as P, type RowSelectionConfig as R, type SortDirection as S, type TableResponsiveMode as T, type TableColumn as a, type TableSize as b, type TableProps as c, type FilterRule as d, type ColumnFilter as e, type SortState as f, exportTableToCsv as g, exportTableToExcel as h, downloadCsv as i, downloadExcel as j, exportTableData as k, downloadTableExport as l, type TableExportFormat as m, type FilterType as n, tableExportButtonClasses as t };
+export { type PageChangeInfo as A, type PageSizeChangeInfo as B, type ColumnAlign as C, type ExpandableConfig as E, type FilterOption as F, type PaginationQuickJumperValidationOptions as P, type RowSelectionConfig as R, type SortDirection as S, type TableResponsiveMode as T, type TableColumn as a, type TableFixedPosition as b, type TableSize as c, type PaginationAlign as d, type PaginationSize as e, type TableProps as f, type PaginationConfig as g, type FilterRule as h, type ColumnFilter as i, type SortState as j, exportTableToCsv as k, exportTableToExcel as l, downloadCsv as m, downloadExcel as n, exportTableData as o, downloadTableExport as p, type TableExportFormat as q, type TableFixedHeaderClassNameContext as r, type TableFixedCellClassNameContext as s, tableExportButtonClasses as t, type TableFixedHeaderClassName as u, type TableFixedCellClassName as v, type FilterType as w, type PaginationPageSizeOption as x, type PaginationPageSizeOptionItem as y, type PaginationProps as z };

package/dist/utils/table-export.d.cts

@@ -1,3 +1,3 @@
-export { i as downloadCsv, j as downloadExcel, l as downloadTableExport, k as exportTableData, g as exportTableToCsv, h as exportTableToExcel, t as tableExportButtonClasses } from '../table-export-D7_CDqY7.cjs';
-import '../locale-9-B-d0mp.cjs';
+export { m as downloadCsv, n as downloadExcel, p as downloadTableExport, o as exportTableData, k as exportTableToCsv, l as exportTableToExcel, t as tableExportButtonClasses } from '../table-export-DDANRyCp.cjs';
+import '../locale-Cvl0yrRV.cjs';
 import '../datepicker-DXzS_8l8.cjs';

package/dist/utils/table-export.d.ts

@@ -1,3 +1,3 @@
-export { i as downloadCsv, j as downloadExcel, l as downloadTableExport, k as exportTableData, g as exportTableToCsv, h as exportTableToExcel, t as tableExportButtonClasses } from '../table-export-C-BAknOZ.js';
-import '../locale-Bc3zz2b0.js';
+export { m as downloadCsv, n as downloadExcel, p as downloadTableExport, o as exportTableData, k as exportTableToCsv, l as exportTableToExcel, t as tableExportButtonClasses } from '../table-export-C4Yqu5JI.js';
+import '../locale-B_WkH8fG.js';
 import '../datepicker-DXzS_8l8.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-core",
-  "version": "1.2.30",
+  "version": "1.2.33",
   "type": "module",
   "description": "Core utilities for Tigercat UI library",
   "license": "MIT",

package/tokens/figma-variables.json

@@ -1973,6 +1973,18 @@
           "value": "16px",
           "reference": "primitive/font/size/base"
         },
+        {
+          "name": "component/table/bg",
+          "type": "COLOR",
+          "cssVariable": "--tiger-component-table-bg",
+          "value": {
+            "r": 0.9803921568627451,
+            "g": 0.9803921568627451,
+            "b": 0.9803921568627451,
+            "a": 1
+          },
+          "reference": "semantic/color/bg-surface"
+        },
         {
           "name": "component/table/header-bg",
           "type": "COLOR",

package/tokens/tailwind-tokens.js

@@ -109,9 +109,12 @@ module.exports = {
   boxShadow: {
     'tiger-xs': '0 1px 2px 0 rgba(0,0,0,0.05)',
     'tiger-sm': '0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)',
-    'tiger-md': '0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)',
-    'tiger-lg': '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)',
-    'tiger-xl': '0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)'
+    'tiger-md':
+      '0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)',
+    'tiger-lg':
+      '0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)',
+    'tiger-xl':
+      '0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)'
   },
   fontFamily: {
     'tiger-base': [

package/tokens/tokens.css

@@ -89,14 +89,17 @@
   --tiger-primitive-radius-xl: 12px;
   --tiger-primitive-radius-full: 9999px;
   --tiger-primitive-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  --tiger-primitive-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  --tiger-primitive-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --tiger-primitive-shadow-sm:
+    0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --tiger-primitive-shadow-md:
+    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   --tiger-primitive-shadow-lg:
     0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   --tiger-primitive-shadow-xl:
     0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   --tiger-primitive-font-family-base:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, sans-serif;
   --tiger-primitive-font-family-mono:
     'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
   --tiger-primitive-font-size-xs: 12px;
@@ -221,7 +224,8 @@
   --tiger-component-drawer-width-xl: 680px;
   --tiger-component-card-border-radius: 12px;
   --tiger-component-card-padding: 24px;
-  --tiger-component-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --tiger-component-card-shadow:
+    0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   --tiger-component-card-border-color: #e5e5e5;
   --tiger-component-badge-font-size: 12px;
   --tiger-component-badge-font-weight: 500;
@@ -235,6 +239,7 @@
   --tiger-component-avatar-font-size-sm: 12px;
   --tiger-component-avatar-font-size-md: 14px;
   --tiger-component-avatar-font-size-lg: 16px;
+  --tiger-component-table-bg: #fafafa;
   --tiger-component-table-header-bg: #fafafa;
   --tiger-component-table-header-font-weight: 600;
   --tiger-component-table-cell-padding-x: 16px;
@@ -403,12 +408,17 @@
   --tiger-radius-xl: 12px;
   --tiger-radius-full: 9999px;
   --tiger-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  --tiger-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  --tiger-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-  --tiger-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-  --tiger-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --tiger-shadow-sm:
+    0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --tiger-shadow-md:
+    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --tiger-shadow-lg:
+    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --tiger-shadow-xl:
+    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   --tiger-font-family-base:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    Arial, sans-serif;
   --tiger-font-family-mono:
     'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
   --tiger-font-size-xs: 12px;
@@ -508,7 +518,8 @@
   --tiger-select-option-padding-x: 16px;
   --tiger-modal-border-radius: 12px;
   --tiger-modal-padding: 24px;
-  --tiger-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --tiger-modal-shadow:
+    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   --tiger-modal-header-font-size: 18px;
   --tiger-modal-header-font-weight: 600;
   --tiger-modal-overlay-bg: rgba(0, 0, 0, 0.45);
@@ -517,7 +528,8 @@
   --tiger-modal-width-lg: 680px;
   --tiger-modal-width-xl: 860px;
   --tiger-drawer-padding: 24px;
-  --tiger-drawer-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --tiger-drawer-shadow:
+    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   --tiger-drawer-header-font-size: 18px;
   --tiger-drawer-header-font-weight: 600;
   --tiger-drawer-overlay-bg: rgba(0, 0, 0, 0.45);
@@ -527,7 +539,8 @@
   --tiger-drawer-width-xl: 680px;
   --tiger-card-border-radius: 12px;
   --tiger-card-padding: 24px;
-  --tiger-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  --tiger-card-shadow:
+    0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   --tiger-card-border-color: #e5e5e5;
   --tiger-badge-font-size: 12px;
   --tiger-badge-font-weight: 500;
@@ -541,6 +554,7 @@
   --tiger-avatar-font-size-sm: 12px;
   --tiger-avatar-font-size-md: 14px;
   --tiger-avatar-font-size-lg: 16px;
+  --tiger-table-bg: #fafafa;
   --tiger-table-header-bg: #fafafa;
   --tiger-table-header-font-weight: 600;
   --tiger-table-cell-padding-x: 16px;
@@ -556,7 +570,8 @@
   --tiger-tooltip-padding-x: 8px;
   --tiger-tooltip-padding-y: 4px;
   --tiger-tooltip-border-radius: 8px;
-  --tiger-tooltip-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --tiger-tooltip-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   --tiger-tooltip-max-width: 280px;
   --tiger-alert-border-radius: 8px;
   --tiger-alert-padding-x: 16px;
@@ -602,7 +617,8 @@
   --tiger-dropdown-item-height: 36px;
   --tiger-dropdown-item-padding-x: 16px;
   --tiger-dropdown-border-radius: 12px;
-  --tiger-dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --tiger-dropdown-shadow:
+    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   --tiger-menu-item-height: 40px;
   --tiger-menu-item-padding-x: 16px;
   --tiger-menu-group-title-padding: 8px;
@@ -617,7 +633,8 @@
   --tiger-notification-title-font-weight: 500;
   --tiger-popover-padding: 16px;
   --tiger-popover-border-radius: 12px;
-  --tiger-popover-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --tiger-popover-shadow:
+    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   --tiger-popover-max-width: 320px;
 
   /* Legacy variables (backward-compat with pre-0.5.0) */

package/tokens/tokens.json

@@ -283,6 +283,7 @@
       "font-size-lg": "primitive.font.size.base"
     },
     "table": {
+      "bg": "semantic.color.bg-surface",
       "header-bg": "semantic.color.bg-surface",
       "header-font-weight": "primitive.font.weight.semibold",
       "cell-padding-x": "primitive.space.lg",