@expcat/tigercat-react 2.1.2 → 2.1.3

package/dist/chunk-Y6UH3EKE.mjs

@@ -1,328 +0,0 @@
-import {
-  Pagination
-} from "./chunk-M6ZPTGBV.mjs";
-import {
-  VirtualList
-} from "./chunk-Y5X3G2LD.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/List.tsx
-import React, { useMemo, useState } from "react";
-import {
-  classNames,
-  resolveLocaleText,
-  mergeTigerLocale,
-  getListClasses,
-  getListItemClasses,
-  getListHeaderFooterClasses,
-  getGridColumnClasses,
-  paginateData,
-  calculatePagination,
-  listWrapperClasses,
-  listSizeClasses,
-  listEmptyStateClasses,
-  listLoadingOverlayClasses,
-  listItemMetaClasses,
-  listItemAvatarClasses,
-  listItemContentClasses,
-  listItemTitleClasses,
-  listItemDescriptionClasses,
-  listItemExtraClasses,
-  listGridContainerClasses,
-  getSpinnerSVG,
-  getLoadingOverlaySpinnerClasses,
-  getBuiltInPaginationContainerClasses,
-  resolvePaginationDisplayMode,
-  getPaginationLabels,
-  formatPaginationTotal,
-  formatPaginationPageIndicator
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var spinnerSvg = getSpinnerSVG("spinner");
-var LoadingSpinner = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: getLoadingOverlaySpinnerClasses(),
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    children: spinnerSvg.elements.map((el, index) => {
-      if (el.type === "circle") return /* @__PURE__ */ jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsx("path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-var List = ({
-  dataSource = [],
-  size = "md",
-  bordered = "divided",
-  loading = false,
-  emptyText,
-  locale,
-  split = true,
-  itemLayout = "horizontal",
-  header,
-  footer,
-  pagination = false,
-  grid,
-  virtual = false,
-  virtualHeight = 400,
-  virtualItemHeight = 40,
-  virtualOverscan = 5,
-  rowKey = "key",
-  hoverable = false,
-  renderItem,
-  onItemClick,
-  onPageChange,
-  className,
-  draggable: isDraggable = false,
-  onReorder,
-  ...divProps
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  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 [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, isRemotePagination]);
-  const paginationTotal = isRemotePagination ? paginationCfg?.total ?? dataSource.length : dataSource.length;
-  const paginationInfo = useMemo(() => {
-    if (pagination === false) {
-      return null;
-    }
-    return calculatePagination(paginationTotal, currentPage, currentPageSize);
-  }, [paginationTotal, currentPage, currentPageSize, pagination]);
-  const listClasses = useMemo(() => {
-    return classNames(getListClasses(bordered), listSizeClasses[size], className);
-  }, [bordered, size, className]);
-  const gridClasses = useMemo(() => {
-    if (!grid) return "";
-    return classNames(
-      listGridContainerClasses,
-      getGridColumnClasses(grid.column, grid.xs, grid.sm, grid.md, grid.lg, grid.xl, grid.xxl)
-    );
-  }, [grid]);
-  const handlePageChange = (page) => {
-    setInternalCurrentPage(page);
-    onPageChange?.({ current: page, pageSize: currentPageSize });
-  };
-  const handlePageSizeChange = (pageSize) => {
-    setInternalCurrentPageSize(pageSize);
-    setInternalCurrentPage(1);
-    onPageChange?.({ current: 1, pageSize });
-  };
-  const handleItemClick = (item, index) => {
-    onItemClick?.(item, index);
-  };
-  const getItemKey = (item, index) => {
-    if (typeof rowKey === "function") {
-      return rowKey(item, index);
-    }
-    return item[rowKey] || index;
-  };
-  const renderListHeader = () => {
-    if (!header) return null;
-    return /* @__PURE__ */ jsx("div", { className: getListHeaderFooterClasses(size, false), children: header });
-  };
-  const renderListFooter = () => {
-    if (!footer) return null;
-    return /* @__PURE__ */ jsx("div", { className: getListHeaderFooterClasses(size, true), children: footer });
-  };
-  const renderDefaultListItem = (item, _index) => {
-    const itemContent = [];
-    const metaContent = [];
-    if (item.avatar) {
-      metaContent.push(
-        /* @__PURE__ */ jsx("div", { className: listItemAvatarClasses, children: typeof item.avatar === "string" ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: item.avatar,
-            alt: item.title || "Avatar",
-            className: "w-10 h-10 rounded-full object-cover"
-          }
-        ) : item.avatar }, "avatar")
-      );
-    }
-    const contentChildren = [];
-    if (item.title) {
-      contentChildren.push(
-        /* @__PURE__ */ jsx("div", { className: listItemTitleClasses, children: item.title }, "title")
-      );
-    }
-    if (item.description) {
-      contentChildren.push(
-        /* @__PURE__ */ jsx("div", { className: listItemDescriptionClasses, children: item.description }, "description")
-      );
-    }
-    if (contentChildren.length > 0) {
-      metaContent.push(
-        /* @__PURE__ */ jsx("div", { className: listItemContentClasses, children: contentChildren }, "content")
-      );
-    }
-    if (metaContent.length > 0) {
-      itemContent.push(
-        /* @__PURE__ */ jsx("div", { className: listItemMetaClasses, children: metaContent }, "meta")
-      );
-    }
-    if (item.extra) {
-      itemContent.push(
-        /* @__PURE__ */ jsx("div", { className: listItemExtraClasses, children: item.extra }, "extra")
-      );
-    }
-    return itemContent;
-  };
-  const renderListItem = (item, index) => {
-    const key = getItemKey(item, index);
-    const itemClasses = getListItemClasses(
-      size,
-      itemLayout,
-      split && bordered === "divided" && !grid,
-      hoverable
-    );
-    const clickable = typeof onItemClick === "function";
-    const handleClick = clickable ? () => handleItemClick(item, index) : void 0;
-    const handleKeyDown = clickable ? (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        handleItemClick(item, index);
-      }
-    } : void 0;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classNames(
-          itemClasses,
-          clickable && "cursor-pointer",
-          isDraggable && "cursor-grab"
-        ),
-        role: "listitem",
-        tabIndex: clickable ? 0 : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        draggable: isDraggable || void 0,
-        onDragStart: isDraggable ? () => {
-          dragIndexRef.current = index;
-        } : void 0,
-        onDragOver: isDraggable ? (e) => e.preventDefault() : void 0,
-        onDrop: isDraggable ? () => {
-          const from = dragIndexRef.current;
-          if (from === null || from === index) {
-            dragIndexRef.current = null;
-            return;
-          }
-          dragIndexRef.current = null;
-          const items = [...dataSource];
-          const [moved] = items.splice(from, 1);
-          items.splice(index, 0, moved);
-          onReorder?.(items, from, index);
-        } : void 0,
-        onDragEnd: isDraggable ? () => {
-          dragIndexRef.current = null;
-        } : void 0,
-        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item, index)
-      },
-      key
-    );
-  };
-  const renderListItems = () => {
-    if (loading) {
-      return null;
-    }
-    if (paginatedData.length === 0) {
-      return /* @__PURE__ */ jsx("div", { className: listEmptyStateClasses, role: "status", "aria-live": "polite", children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) });
-    }
-    const items = paginatedData.map((item, index) => renderListItem(item, index));
-    if (grid) {
-      const gutter = grid.gutter;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: gridClasses,
-          style: gutter ? { gap: `${gutter}px` } : void 0,
-          children: items
-        }
-      );
-    }
-    if (virtual) {
-      return /* @__PURE__ */ jsx(
-        VirtualList,
-        {
-          itemCount: paginatedData.length,
-          itemHeight: virtualItemHeight,
-          height: virtualHeight,
-          overscan: virtualOverscan,
-          renderItem: ({ index }) => renderListItem(paginatedData[index], index)
-        }
-      );
-    }
-    return items;
-  };
-  const renderPagination = () => {
-    if (pagination === false || !paginationInfo) {
-      return null;
-    }
-    const { totalPages } = paginationInfo;
-    const total = paginationTotal;
-    const paginationConfig = pagination;
-    const paginationLabels = getPaginationLabels(mergedLocale);
-    const localeCode = mergedLocale?.locale;
-    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,
-        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: [
-      /* @__PURE__ */ jsxs("div", { ...divProps, className: listClasses, role: "list", "aria-busy": loading || void 0, children: [
-        renderListHeader(),
-        renderListItems(),
-        renderListFooter()
-      ] }),
-      loading && /* @__PURE__ */ jsx("div", { className: listLoadingOverlayClasses, role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) })
-    ] }),
-    renderPagination()
-  ] });
-};
-
-export {
-  List
-};

package/dist/chunk-YN5ZIWCE.mjs

@@ -1,19 +0,0 @@
-// src/components/Content.tsx
-import {
-  classNames,
-  getLayoutContentClasses
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var Content = ({
-  className,
-  padding = true,
-  children,
-  ...props
-}) => {
-  const contentClasses = classNames(getLayoutContentClasses(padding), className);
-  return /* @__PURE__ */ jsx("main", { className: contentClasses, ...props, children });
-};
-
-export {
-  Content
-};

package/dist/chunk-YORCCCQX.mjs

@@ -1,83 +0,0 @@
-// src/components/ChartTooltip.tsx
-import { useRef, useEffect, useState, useMemo } from "react";
-import { createPortal } from "react-dom";
-import {
-  classNames,
-  getChartTooltipTransform,
-  isBrowser,
-  resolveChartTooltipPosition
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var ChartTooltip = ({
-  content,
-  open = false,
-  x = 0,
-  y = 0,
-  className
-}) => {
-  const tooltipRef = useRef(null);
-  const [adjustedPosition, setAdjustedPosition] = useState({ x, y });
-  useEffect(() => {
-    if (!open) return;
-    const initialPosition = resolveChartTooltipPosition({
-      x,
-      y,
-      rect: { width: 0, height: 0 },
-      viewport: {
-        width: typeof window === "undefined" ? 0 : window.innerWidth,
-        height: typeof window === "undefined" ? 0 : window.innerHeight
-      }
-    });
-    const frameHandle = requestAnimationFrame(() => {
-      if (!tooltipRef.current) return;
-      const rect = tooltipRef.current.getBoundingClientRect();
-      setAdjustedPosition(
-        resolveChartTooltipPosition({
-          x,
-          y,
-          rect,
-          viewport: { width: window.innerWidth, height: window.innerHeight }
-        })
-      );
-    });
-    setAdjustedPosition(initialPosition);
-    return () => cancelAnimationFrame(frameHandle);
-  }, [x, y, open]);
-  const tooltipClasses = useMemo(
-    () => classNames(
-      "fixed left-0 top-0 z-[9999] pointer-events-none will-change-transform",
-      "px-3 py-2 rounded-[var(--tiger-radius-md,0.375rem)] shadow-[var(--tiger-shadow-glass,0_10px_15px_-3px_rgb(0_0_0_/_0.1),0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
-      "bg-[color:var(--tiger-bg-elevated,#1f2937)]",
-      "text-[color:var(--tiger-text-inverse,#f9fafb)]",
-      "text-sm whitespace-nowrap",
-      "transition-opacity duration-150",
-      open ? "opacity-100" : "opacity-0",
-      className
-    ),
-    [open, className]
-  );
-  if (!content) return null;
-  const tooltip = /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: tooltipRef,
-      className: tooltipClasses,
-      style: {
-        transform: getChartTooltipTransform(adjustedPosition)
-      },
-      role: "tooltip",
-      "data-chart-tooltip": "true",
-      children: content
-    }
-  );
-  if (isBrowser()) {
-    return createPortal(tooltip, document.body);
-  }
-  return null;
-};
-var ChartTooltip_default = ChartTooltip;
-
-export {
-  ChartTooltip,
-  ChartTooltip_default
-};

package/dist/chunk-YSIXURBW.mjs

@@ -1,116 +0,0 @@
-import {
-  createGlobalTigerLocaleHandle
-} from "./chunk-TGXBCKOU.mjs";
-
-// src/components/ConfigProvider.tsx
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import {
-  mergeTigerLocale,
-  isLazyTigerLocale,
-  getImmediateTigerLocale,
-  resolveTigerLocale,
-  getLocaleDirection,
-  ThemeManager
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var TigerConfigContext = React.createContext({});
-var ConfigProvider = ({
-  locale,
-  direction,
-  theme,
-  colorScheme,
-  children
-}) => {
-  const parent = useContext(TigerConfigContext);
-  const globalLocaleHandleRef = useRef(null);
-  const isLazy = isLazyTigerLocale(locale);
-  const immediateLocale = isLazy ? void 0 : getImmediateTigerLocale(locale);
-  const [resolvedLocale, setResolvedLocale] = useState(
-    immediateLocale
-  );
-  const [localeLoading, setLocaleLoading] = useState(isLazy);
-  useEffect(() => {
-    if (!isLazyTigerLocale(locale)) {
-      setResolvedLocale(getImmediateTigerLocale(locale));
-      setLocaleLoading(false);
-      return;
-    }
-    let cancelled = false;
-    setLocaleLoading(true);
-    resolveTigerLocale(locale).then(
-      (result) => {
-        if (!cancelled) {
-          setResolvedLocale(result);
-          setLocaleLoading(false);
-        }
-      },
-      () => {
-        if (!cancelled) {
-          setLocaleLoading(false);
-        }
-      }
-    );
-    return () => {
-      cancelled = true;
-    };
-  }, [locale]);
-  const value = useMemo(() => {
-    return {
-      locale: mergeTigerLocale(parent.locale, resolvedLocale),
-      localeLoading: localeLoading || parent.localeLoading,
-      direction: direction ?? resolvedLocale?.direction ?? parent.direction ?? (resolvedLocale?.locale ? getLocaleDirection(resolvedLocale) : void 0),
-      theme: theme ?? parent.theme,
-      colorScheme: colorScheme ?? parent.colorScheme
-    };
-  }, [
-    parent.locale,
-    resolvedLocale,
-    localeLoading,
-    parent.localeLoading,
-    direction,
-    parent.direction,
-    theme,
-    parent.theme,
-    colorScheme,
-    parent.colorScheme
-  ]);
-  useEffect(() => {
-    if (value.theme) ThemeManager.setTheme(value.theme);
-  }, [value.theme]);
-  useEffect(() => {
-    if (value.colorScheme) ThemeManager.setColorScheme(value.colorScheme);
-  }, [value.colorScheme]);
-  useEffect(() => {
-    globalLocaleHandleRef.current = createGlobalTigerLocaleHandle(value.locale);
-    return () => {
-      globalLocaleHandleRef.current?.dispose();
-      globalLocaleHandleRef.current = null;
-    };
-  }, []);
-  useEffect(() => {
-    globalLocaleHandleRef.current?.update(value.locale);
-  }, [value.locale]);
-  useEffect(() => {
-    if (!value.direction || typeof document === "undefined") return;
-    const root = document.documentElement;
-    const previousDir = root.getAttribute("dir");
-    const previousDataDir = root.getAttribute("data-tiger-dir");
-    root.setAttribute("dir", value.direction);
-    root.setAttribute("data-tiger-dir", value.direction);
-    return () => {
-      if (previousDir === null) root.removeAttribute("dir");
-      else root.setAttribute("dir", previousDir);
-      if (previousDataDir === null) root.removeAttribute("data-tiger-dir");
-      else root.setAttribute("data-tiger-dir", previousDataDir);
-    };
-  }, [value.direction]);
-  return /* @__PURE__ */ jsx(TigerConfigContext.Provider, { value, children });
-};
-function useTigerConfig() {
-  return useContext(TigerConfigContext);
-}
-
-export {
-  ConfigProvider,
-  useTigerConfig
-};