@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/types-mtq1tZJd.d.mts

@@ -0,0 +1,32 @@
+import { TableProps as TableProps$1, SortState } from '@expcat/tigercat-core';
+
+/**
+ * Public React Table prop interface — extends shared core contract with
+ * React-style event callbacks and className support.
+ */
+interface TableProps<T = Record<string, unknown>> extends TableProps$1<T> {
+    onChange?: (params: {
+        sort: SortState;
+        filters: Record<string, unknown>;
+        pagination: {
+            current: number;
+            pageSize: number;
+        } | null;
+    }) => void;
+    onRowClick?: (record: T, index: number) => void;
+    onSelectionChange?: (selectedKeys: (string | number)[]) => void;
+    onSortChange?: (sort: SortState) => void;
+    onFilterChange?: (filters: Record<string, unknown>) => void;
+    onPageChange?: (page: {
+        current: number;
+        pageSize: number;
+    }) => void;
+    onExpandChange?: (expandedKeys: (string | number)[], record: T, expanded: boolean) => void;
+    onCellChange?: (rowIndex: number, columnKey: string, newValue: string) => void;
+    onColumnOrderChange?: (columns: TableProps$1<T>['columns']) => void;
+    onRowOrderChange?: (rows: T[]) => void;
+    onExport?: (csv: string) => void;
+    className?: string;
+}
+
+export type { TableProps as T };

package/dist/types-mtq1tZJd.d.ts

@@ -0,0 +1,32 @@
+import { TableProps as TableProps$1, SortState } from '@expcat/tigercat-core';
+
+/**
+ * Public React Table prop interface — extends shared core contract with
+ * React-style event callbacks and className support.
+ */
+interface TableProps<T = Record<string, unknown>> extends TableProps$1<T> {
+    onChange?: (params: {
+        sort: SortState;
+        filters: Record<string, unknown>;
+        pagination: {
+            current: number;
+            pageSize: number;
+        } | null;
+    }) => void;
+    onRowClick?: (record: T, index: number) => void;
+    onSelectionChange?: (selectedKeys: (string | number)[]) => void;
+    onSortChange?: (sort: SortState) => void;
+    onFilterChange?: (filters: Record<string, unknown>) => void;
+    onPageChange?: (page: {
+        current: number;
+        pageSize: number;
+    }) => void;
+    onExpandChange?: (expandedKeys: (string | number)[], record: T, expanded: boolean) => void;
+    onCellChange?: (rowIndex: number, columnKey: string, newValue: string) => void;
+    onColumnOrderChange?: (columns: TableProps$1<T>['columns']) => void;
+    onRowOrderChange?: (rows: T[]) => void;
+    onExport?: (csv: string) => void;
+    className?: string;
+}
+
+export type { TableProps as T };

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "1.0.7",
+  "version": "1.2.0",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
   "repository": {
     "type": "git",
-    "url": "https://github.com/expcats/Tigercat.git",
+    "url": "https://github.com/expcat/Tigercat",
     "directory": "packages/react"
   },
   "homepage": "https://expcat.github.io/Tigercat/react/",
   "bugs": {
-    "url": "https://github.com/expcats/Tigercat/issues"
+    "url": "https://github.com/expcat/Tigercat/issues"
   },
   "keywords": [
     "tigercat",
@@ -22,7 +22,12 @@
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/chunk-*.mjs",
+    "./dist/chunk-*.js",
+    "./dist/components/*.mjs",
+    "./dist/components/*.js"
+  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.mts",
@@ -42,15 +47,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "1.0.7"
+    "@expcat/tigercat-core": "1.2.0"
   },
   "devDependencies": {
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.7",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.3"
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/dist/chunk-2GKTVAAB.js

@@ -1,114 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Loading.tsx
-var Loading = ({
-  variant = "spinner",
-  size = "md",
-  color = "primary",
-  text,
-  fullscreen = false,
-  delay = 0,
-  background = "rgba(255, 255, 255, 0.9)",
-  customColor,
-  className,
-  style,
-  ...props
-}) => {
-  react.useEffect(() => {
-    tigercatCore.injectLoadingAnimationStyles();
-  }, []);
-  const [visible, setVisible] = react.useState(delay <= 0);
-  react.useEffect(() => {
-    if (delay <= 0) {
-      setVisible(true);
-      return;
-    }
-    setVisible(false);
-    const timer = setTimeout(() => setVisible(true), delay);
-    return () => clearTimeout(timer);
-  }, [delay]);
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      fullscreen ? tigercatCore.loadingFullscreenBaseClasses : tigercatCore.loadingContainerBaseClasses,
-      className
-    ),
-    [fullscreen, className]
-  );
-  const mergedStyle = react.useMemo(
-    () => ({
-      ...customColor ? { color: customColor } : null,
-      ...fullscreen ? { backgroundColor: background } : null,
-      ...style
-    }),
-    [customColor, fullscreen, background, style]
-  );
-  const renderSpinner = () => {
-    const svg = tigercatCore.getSpinnerSVG(variant);
-    const spinnerClasses = tigercatCore.getLoadingClasses(variant, size, color, customColor);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        className: spinnerClasses,
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: svg.viewBox,
-        children: svg.elements.map((el, index) => {
-          if (el.type === "circle") {
-            return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-          } else if (el.type === "path") {
-            return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-          }
-          return null;
-        })
-      }
-    );
-  };
-  const renderDots = () => {
-    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotClasses(size, i, colorClass) }, i)) });
-  };
-  const renderBars = () => {
-    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarClasses(size, i, colorClass) }, i)) });
-  };
-  const renderIndicator = () => {
-    switch (variant) {
-      case "dots":
-        return renderDots();
-      case "bars":
-        return renderBars();
-      case "spinner":
-      case "ring":
-      case "pulse":
-      default:
-        return renderSpinner();
-    }
-  };
-  if (!visible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: containerClasses,
-      style: mergedStyle,
-      role: "status",
-      "aria-label": text || "Loading",
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...props,
-      children: [
-        renderIndicator(),
-        text && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingTextClasses(size, color, customColor), children: text })
-      ]
-    }
-  );
-};
-
-exports.Loading = Loading;

package/dist/chunk-2XOFRGY6.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/ConfigProvider.tsx
-var TigerConfigContext = React__default.default.createContext({});
-var ConfigProvider = ({
-  locale,
-  theme,
-  colorScheme,
-  children
-}) => {
-  const parent = React.useContext(TigerConfigContext);
-  const value = React.useMemo(() => {
-    return {
-      locale: tigercatCore.mergeTigerLocale(parent.locale, locale),
-      theme: theme ?? parent.theme,
-      colorScheme: colorScheme ?? parent.colorScheme
-    };
-  }, [parent.locale, locale, theme, parent.theme, colorScheme, parent.colorScheme]);
-  React.useEffect(() => {
-    if (value.theme) tigercatCore.ThemeManager.setTheme(value.theme);
-  }, [value.theme]);
-  React.useEffect(() => {
-    if (value.colorScheme) tigercatCore.ThemeManager.setColorScheme(value.colorScheme);
-  }, [value.colorScheme]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TigerConfigContext.Provider, { value, children });
-};
-function useTigerConfig() {
-  return React.useContext(TigerConfigContext);
-}
-
-exports.ConfigProvider = ConfigProvider;
-exports.useTigerConfig = useTigerConfig;

package/dist/chunk-3GW3UAKB.js

@@ -1,253 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Pagination.tsx
-var Pagination = ({
-  current: controlledCurrent,
-  defaultCurrent = 1,
-  total = 0,
-  pageSize: controlledPageSize,
-  defaultPageSize = 10,
-  pageSizeOptions = [10, 20, 50, 100],
-  showQuickJumper = false,
-  showSizeChanger = false,
-  showTotal = true,
-  totalText,
-  simple = false,
-  size = "medium",
-  align = "center",
-  disabled = false,
-  hideOnSinglePage = false,
-  showLessItems = false,
-  className,
-  style,
-  onChange,
-  onPageSizeChange,
-  locale,
-  ...props
-}) => {
-  const { "aria-label": ariaLabelProp, ...navProps } = props;
-  const labels = react.useMemo(() => tigercatCore.getPaginationLabels(locale), [locale]);
-  const [internalCurrent, setInternalCurrent] = react.useState(defaultCurrent);
-  const [internalPageSize, setInternalPageSize] = react.useState(defaultPageSize);
-  const [quickJumperValue, setQuickJumperValue] = react.useState("");
-  const currentPage = controlledCurrent !== void 0 ? controlledCurrent : internalCurrent;
-  const currentPageSize = controlledPageSize !== void 0 ? controlledPageSize : internalPageSize;
-  const totalPages = tigercatCore.getTotalPages(total, currentPageSize);
-  const validatedCurrentPage = tigercatCore.validateCurrentPage(currentPage, totalPages);
-  const pageRange = tigercatCore.getPageRange(validatedCurrentPage, currentPageSize, total);
-  if (hideOnSinglePage && totalPages <= 1) {
-    return null;
-  }
-  const handlePageChange = react.useCallback(
-    (page) => {
-      if (disabled) return;
-      if (page === validatedCurrentPage) return;
-      if (page < 1 || page > totalPages) return;
-      if (controlledCurrent === void 0) {
-        setInternalCurrent(page);
-      }
-      onChange?.(page, currentPageSize);
-    },
-    [disabled, validatedCurrentPage, totalPages, controlledCurrent, onChange, currentPageSize]
-  );
-  const handlePageSizeChange = react.useCallback(
-    (newPageSize) => {
-      if (disabled) return;
-      const newTotalPages = tigercatCore.getTotalPages(total, newPageSize);
-      let newPage = validatedCurrentPage;
-      if (newPage > newTotalPages) {
-        newPage = Math.max(1, newTotalPages);
-      }
-      if (controlledPageSize === void 0) {
-        setInternalPageSize(newPageSize);
-      }
-      if (controlledCurrent === void 0 && newPage !== validatedCurrentPage) {
-        setInternalCurrent(newPage);
-      }
-      onPageSizeChange?.(newPage, newPageSize);
-      if (newPage !== validatedCurrentPage) {
-        onChange?.(newPage, newPageSize);
-      }
-    },
-    [
-      disabled,
-      total,
-      validatedCurrentPage,
-      controlledPageSize,
-      controlledCurrent,
-      onPageSizeChange,
-      onChange
-    ]
-  );
-  const handleQuickJumperSubmit = react.useCallback(() => {
-    const page = parseInt(quickJumperValue, 10);
-    if (!isNaN(page)) {
-      handlePageChange(page);
-    }
-    setQuickJumperValue("");
-  }, [quickJumperValue, handlePageChange]);
-  const handleQuickJumperKeyPress = react.useCallback(
-    (event) => {
-      if (event.key === "Enter") {
-        handleQuickJumperSubmit();
-      }
-    },
-    [handleQuickJumperSubmit]
-  );
-  const normalizedPageSizeOptions = react.useMemo(() => {
-    return pageSizeOptions.map((option) => {
-      if (typeof option === "number") {
-        return {
-          value: option,
-          label: `${option} ${labels.itemsPerPageText}`
-        };
-      }
-      const label = option.label ?? `${option.value} ${labels.itemsPerPageText}`;
-      return { value: option.value, label };
-    });
-  }, [pageSizeOptions, labels.itemsPerPageText]);
-  const containerClasses = tigercatCore.getPaginationContainerClasses(align, className);
-  const prevDisabled = validatedCurrentPage <= 1 || disabled;
-  const nextDisabled = validatedCurrentPage >= totalPages || disabled;
-  const elements = [];
-  if (showTotal) {
-    const totalTextFn = totalText || tigercatCore.defaultTotalText;
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.getTotalTextClasses(size), children: totalTextFn(total, pageRange) }, "total")
-    );
-  }
-  elements.push(
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getPaginationButtonBaseClasses(size),
-        disabled: prevDisabled,
-        onClick: () => handlePageChange(validatedCurrentPage - 1),
-        "aria-label": labels.prevPageAriaLabel,
-        children: "\u2039"
-      },
-      "prev"
-    )
-  );
-  if (simple) {
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.classNames("mx-2", tigercatCore.getSizeTextClasses(size)), children: [
-        validatedCurrentPage,
-        " / ",
-        totalPages
-      ] }, "current")
-    );
-  } else {
-    tigercatCore.getPageNumbers(validatedCurrentPage, totalPages, showLessItems).forEach((pageNum, index) => {
-      if (pageNum === "...") {
-        elements.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: tigercatCore.getPaginationEllipsisClasses(size),
-              "aria-hidden": "true",
-              children: "..."
-            },
-            `ellipsis-${index}`
-          )
-        );
-      } else {
-        const isActive = pageNum === validatedCurrentPage;
-        elements.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: tigercatCore.classNames(
-                tigercatCore.getPaginationButtonBaseClasses(size),
-                isActive && tigercatCore.getPaginationButtonActiveClasses()
-              ),
-              disabled,
-              onClick: () => handlePageChange(pageNum),
-              "aria-label": tigercatCore.formatPageAriaLabel(labels.pageAriaLabel, pageNum),
-              "aria-current": isActive ? "page" : void 0,
-              children: String(pageNum)
-            },
-            `page-${pageNum}`
-          )
-        );
-      }
-    });
-  }
-  elements.push(
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: tigercatCore.getPaginationButtonBaseClasses(size),
-        disabled: nextDisabled,
-        onClick: () => handlePageChange(validatedCurrentPage + 1),
-        "aria-label": labels.nextPageAriaLabel,
-        children: "\u203A"
-      },
-      "next"
-    )
-  );
-  if (showSizeChanger) {
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "select",
-        {
-          className: tigercatCore.getPageSizeSelectorClasses(size),
-          disabled,
-          value: currentPageSize,
-          onChange: (e) => handlePageSizeChange(parseInt(e.target.value, 10)),
-          "aria-label": labels.itemsPerPageText,
-          children: normalizedPageSizeOptions.map((sizeOption) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: sizeOption.value, children: sizeOption.label }, sizeOption.value))
-        },
-        "size-changer"
-      )
-    );
-  }
-  if (showQuickJumper) {
-    const sizeText = tigercatCore.getSizeTextClasses(size);
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.classNames("ml-2", sizeText), children: labels.jumpToText }, "jumper-label-start")
-    );
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "number",
-          className: tigercatCore.classNames(tigercatCore.getQuickJumperInputClasses(size), "mx-2"),
-          disabled,
-          value: quickJumperValue,
-          onChange: (e) => setQuickJumperValue(e.target.value),
-          onKeyDown: handleQuickJumperKeyPress,
-          min: 1,
-          max: totalPages,
-          "aria-label": labels.jumpToText
-        },
-        "jumper-input"
-      )
-    );
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: sizeText, children: labels.pageText }, "jumper-label-end")
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "nav",
-    {
-      className: containerClasses,
-      ...navProps,
-      role: "navigation",
-      "aria-label": ariaLabelProp ?? "Pagination",
-      style,
-      children: elements
-    }
-  );
-};
-var Pagination_default = Pagination;
-
-exports.Pagination = Pagination;
-exports.Pagination_default = Pagination_default;