@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-2N3CQT4X.js

@@ -1,126 +0,0 @@
-'use strict';
-
-var chunkQ2GPRAF4_js = require('./chunk-Q2GPRAF4.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var CollapsePanel = ({
-  panelKey,
-  header,
-  disabled = false,
-  showArrow = true,
-  className,
-  style,
-  extra,
-  children
-}) => {
-  const collapseContext = chunkQ2GPRAF4_js.useCollapseContext();
-  const contentRef = react.useRef(null);
-  const transitionControllerRef = react.useRef(null);
-  const initialContentStyleRef = react.useRef(tigercatCore.getInitialCollapseContentStyle(false));
-  if (!collapseContext) {
-    throw new Error("CollapsePanel must be used within a Collapse component");
-  }
-  const isActive = react.useMemo(() => {
-    return tigercatCore.isPanelActive(panelKey, collapseContext.activeKeys);
-  }, [panelKey, collapseContext.activeKeys]);
-  if (!transitionControllerRef.current) {
-    initialContentStyleRef.current = tigercatCore.getInitialCollapseContentStyle(isActive);
-  }
-  const panelClasses = react.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getCollapsePanelClasses(collapseContext.ghost, className));
-  }, [collapseContext.ghost, className]);
-  const headerClasses = react.useMemo(() => {
-    return tigercatCore.getCollapsePanelHeaderClasses(isActive, disabled);
-  }, [isActive, disabled]);
-  const iconClasses = react.useMemo(() => {
-    return tigercatCore.getCollapseIconClasses(isActive, collapseContext.expandIconPosition);
-  }, [isActive, collapseContext.expandIconPosition]);
-  const handleClick = react.useCallback(() => {
-    if (!disabled) {
-      collapseContext.handlePanelClick(panelKey);
-    }
-  }, [disabled, collapseContext.handlePanelClick, panelKey]);
-  const handleKeyDown = react.useCallback(
-    (event) => {
-      if (disabled) {
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        collapseContext.handlePanelClick(panelKey);
-      }
-    },
-    [disabled, collapseContext.handlePanelClick, panelKey]
-  );
-  react.useLayoutEffect(() => {
-    if (!contentRef.current) return void 0;
-    const controller = tigercatCore.createCollapseTransitionController(contentRef.current, {
-      expanded: isActive
-    });
-    transitionControllerRef.current = controller;
-    return () => {
-      transitionControllerRef.current = null;
-      controller.dispose();
-    };
-  }, []);
-  react.useLayoutEffect(() => {
-    transitionControllerRef.current?.update(isActive);
-  }, [isActive]);
-  const arrowIcon = /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: iconClasses,
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M6 12L10 8L6 4",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: panelClasses, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: headerClasses,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-expanded": isActive,
-        "aria-disabled": disabled,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: [
-          showArrow && collapseContext.expandIconPosition === "start" && arrowIcon,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.collapseHeaderTextClasses, children: header }),
-          extra && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: extra }),
-          showArrow && collapseContext.expandIconPosition === "end" && arrowIcon
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: contentRef,
-        "data-tiger-collapse-content": "",
-        className: tigercatCore.collapsePanelContentWrapperClasses,
-        style: initialContentStyleRef.current,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.collapsePanelContentBaseClasses, children })
-      }
-    )
-  ] });
-};
-var CollapsePanel_default = CollapsePanel;
-
-exports.CollapsePanel = CollapsePanel;
-exports.CollapsePanel_default = CollapsePanel_default;

package/dist/chunk-466OSPRM.js

@@ -1,293 +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,
-  quickJumperValidation,
-  className,
-  style,
-  onChange,
-  onPageSizeChange,
-  locale,
-  ...props
-}) => {
-  const { "aria-label": ariaLabelProp, ...navProps } = props;
-  const immediateLocale = react.useMemo(() => tigercatCore.getImmediateTigerLocale(locale), [locale]);
-  const [loadedLocale, setLoadedLocale] = react.useState(
-    immediateLocale
-  );
-  react.useEffect(() => {
-    let active = true;
-    setLoadedLocale(immediateLocale);
-    if (tigercatCore.isLazyTigerLocale(locale)) {
-      tigercatCore.resolveTigerLocale(locale).then((nextLocale) => {
-        if (active) setLoadedLocale(nextLocale);
-      }).catch(() => {
-        if (active) setLoadedLocale(immediateLocale);
-      });
-    }
-    return () => {
-      active = false;
-    };
-  }, [locale, immediateLocale]);
-  const resolvedLocale = tigercatCore.isLazyTigerLocale(locale) ? loadedLocale : immediateLocale;
-  const labels = react.useMemo(() => tigercatCore.getPaginationLabels(resolvedLocale), [resolvedLocale]);
-  const [internalCurrent, setInternalCurrent] = react.useState(defaultCurrent);
-  const [internalPageSize, setInternalPageSize] = react.useState(defaultPageSize);
-  const [quickJumperValue, setQuickJumperValue] = react.useState("");
-  const quickJumperValidationSchedulerRef = react.useRef(null);
-  if (quickJumperValidationSchedulerRef.current === null) {
-    quickJumperValidationSchedulerRef.current = tigercatCore.createPaginationIdleValidationScheduler(quickJumperValidation);
-  }
-  react.useEffect(() => {
-    quickJumperValidationSchedulerRef.current = tigercatCore.createPaginationIdleValidationScheduler(quickJumperValidation);
-    return () => {
-      quickJumperValidationSchedulerRef.current?.cancel();
-    };
-  }, [quickJumperValidation]);
-  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);
-  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(() => {
-    quickJumperValidationSchedulerRef.current?.cancel();
-    const page = tigercatCore.getPaginationJumperPage(quickJumperValue, totalPages);
-    if (page !== null) {
-      handlePageChange(page);
-    }
-    setQuickJumperValue("");
-  }, [quickJumperValue, totalPages, handlePageChange]);
-  const handleQuickJumperChange = react.useCallback(
-    (value) => {
-      setQuickJumperValue(value);
-      quickJumperValidationSchedulerRef.current?.schedule(() => {
-        setQuickJumperValue(tigercatCore.getValidatedPaginationJumperValue(value, totalPages));
-      });
-    },
-    [totalPages]
-  );
-  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) => handleQuickJumperChange(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")
-    );
-  }
-  if (hideOnSinglePage && totalPages <= 1) {
-    return null;
-  }
-  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;

package/dist/chunk-4MKMM2OI.js

@@ -1,112 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Rate.tsx
-var Rate = ({
-  value = 0,
-  count = 5,
-  allowHalf = false,
-  disabled = false,
-  size = "md",
-  allowClear = true,
-  character,
-  className,
-  onChange,
-  onHoverChange
-}) => {
-  const [hoverValue, setHoverValue] = react.useState(0);
-  const displayValue = hoverValue > 0 ? hoverValue : value;
-  const isChar = !!character;
-  function getStarValue(index, isHalf) {
-    return isHalf ? index + 0.5 : index + 1;
-  }
-  function handleClick(index, e) {
-    if (disabled) return;
-    const el = e.currentTarget;
-    const rect = el.getBoundingClientRect();
-    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-    const val = getStarValue(index, half);
-    const newVal = allowClear && val === value ? 0 : val;
-    onChange?.(newVal);
-  }
-  function handleMouseMove(index, e) {
-    if (disabled) return;
-    const el = e.currentTarget;
-    const rect = el.getBoundingClientRect();
-    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-    const val = getStarValue(index, half);
-    if (val !== hoverValue) {
-      setHoverValue(val);
-      onHoverChange?.(val);
-    }
-  }
-  function handleMouseLeave() {
-    if (disabled) return;
-    setHoverValue(0);
-    onHoverChange?.(0);
-  }
-  const starIcon = react.useMemo(
-    () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: tigercatCore.starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.starPathD }) }),
-    []
-  );
-  const stars = react.useMemo(() => {
-    const items = [];
-    for (let i = 0; i < count; i++) {
-      const full = displayValue >= i + 1;
-      const half = allowHalf && !full && displayValue >= i + 0.5;
-      const isHovering = hoverValue > 0;
-      const colorClass = full || half ? isHovering ? tigercatCore.rateHoverColor : tigercatCore.rateActiveColor : tigercatCore.rateInactiveColor;
-      const content = half ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.classNames("absolute inset-0", tigercatCore.rateInactiveColor), children: isChar ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: character }) : starIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: tigercatCore.classNames(
-              "absolute inset-0 overflow-hidden",
-              isHovering ? tigercatCore.rateHoverColor : tigercatCore.rateActiveColor
-            ),
-            style: { width: "50%" },
-            children: isChar ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: character }) : starIcon
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: colorClass, children: isChar ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: character }) : starIcon });
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: tigercatCore.getRateStarClasses(size, isChar, disabled),
-            role: "radio",
-            "aria-checked": full || half,
-            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
-            onClick: (e) => handleClick(i, e),
-            onMouseMove: (e) => handleMouseMove(i, e),
-            onMouseLeave: handleMouseLeave,
-            children: content
-          },
-          i
-        )
-      );
-    }
-    return items;
-  }, [
-    count,
-    displayValue,
-    hoverValue,
-    allowHalf,
-    disabled,
-    size,
-    character,
-    isChar,
-    value,
-    allowClear,
-    onChange,
-    onHoverChange,
-    starIcon
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
-};
-
-exports.Rate = Rate;