@expcat/tigercat-react 0.0.65 → 0.0.67

package/dist/chunk-AG6GVQ5O.js

@@ -1,271 +0,0 @@
-'use strict';
-
-var chunkFQ6UHRAO_js = require('./chunk-FQ6UHRAO.js');
-var chunkFAKTU64M_js = require('./chunk-FAKTU64M.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: tigercatCore.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__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-var List = ({
-  dataSource = [],
-  size = "md",
-  bordered = "divided",
-  loading = false,
-  emptyText = "No data",
-  split = true,
-  itemLayout = "horizontal",
-  header,
-  footer,
-  pagination = false,
-  grid,
-  rowKey = "key",
-  hoverable = false,
-  renderItem,
-  onItemClick,
-  onPageChange,
-  className,
-  ...divProps
-}) => {
-  const [currentPage, setCurrentPage] = react.useState(
-    pagination && typeof pagination === "object" ? pagination.current || 1 : 1
-  );
-  const [currentPageSize, setCurrentPageSize] = react.useState(
-    pagination && typeof pagination === "object" ? pagination.pageSize || 10 : 10
-  );
-  const paginatedData = react.useMemo(() => {
-    if (pagination === false) {
-      return dataSource;
-    }
-    return tigercatCore.paginateData(dataSource, currentPage, currentPageSize);
-  }, [dataSource, currentPage, currentPageSize, pagination]);
-  const paginationInfo = react.useMemo(() => {
-    if (pagination === false) {
-      return null;
-    }
-    const total = dataSource.length;
-    return tigercatCore.calculatePagination(total, currentPage, currentPageSize);
-  }, [dataSource.length, currentPage, currentPageSize, pagination]);
-  const listClasses = react.useMemo(() => {
-    return tigercatCore.classNames(tigercatCore.getListClasses(bordered), tigercatCore.listSizeClasses[size], className);
-  }, [bordered, size, className]);
-  const gridClasses = react.useMemo(() => {
-    if (!grid) return "";
-    return tigercatCore.classNames(
-      tigercatCore.listGridContainerClasses,
-      tigercatCore.getGridColumnClasses(grid.column, grid.xs, grid.sm, grid.md, grid.lg, grid.xl, grid.xxl)
-    );
-  }, [grid]);
-  const handlePageChange = (page) => {
-    setCurrentPage(page);
-    onPageChange?.({ current: page, pageSize: currentPageSize });
-  };
-  const handlePageSizeChange = (pageSize) => {
-    setCurrentPageSize(pageSize);
-    setCurrentPage(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__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, false), children: header });
-  };
-  const renderListFooter = () => {
-    if (!footer) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getListHeaderFooterClasses(size, true), children: footer });
-  };
-  const renderDefaultListItem = (item, _index) => {
-    const itemContent = [];
-    const metaContent = [];
-    if (item.avatar) {
-      metaContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemAvatarClasses, children: typeof item.avatar === "string" ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemTitleClasses, children: item.title }, "title")
-      );
-    }
-    if (item.description) {
-      contentChildren.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemDescriptionClasses, children: item.description }, "description")
-      );
-    }
-    if (contentChildren.length > 0) {
-      metaContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemContentClasses, children: contentChildren }, "content")
-      );
-    }
-    if (metaContent.length > 0) {
-      itemContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemMetaClasses, children: metaContent }, "meta")
-      );
-    }
-    if (item.extra) {
-      itemContent.push(
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listItemExtraClasses, children: item.extra }, "extra")
-      );
-    }
-    return itemContent;
-  };
-  const renderListItem = (item, index) => {
-    const key = getItemKey(item, index);
-    const itemClasses = tigercatCore.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__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: tigercatCore.classNames(itemClasses, clickable && "cursor-pointer"),
-        role: "listitem",
-        tabIndex: clickable ? 0 : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: renderItem ? renderItem(item, index) : renderDefaultListItem(item)
-      },
-      key
-    );
-  };
-  const renderListItems = () => {
-    if (loading) {
-      return null;
-    }
-    if (paginatedData.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listEmptyStateClasses, role: "status", "aria-live": "polite", children: emptyText });
-    }
-    const items = paginatedData.map((item, index) => renderListItem(item, index));
-    if (grid) {
-      const gutter = grid.gutter;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: gridClasses,
-          style: gutter ? { gap: `${gutter}px` } : void 0,
-          children: items
-        }
-      );
-    }
-    return items;
-  };
-  const renderPagination = () => {
-    if (pagination === false || !paginationInfo) {
-      return null;
-    }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = dataSource.length;
-    const paginationConfig = pagination;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.listPaginationContainerClasses, children: [
-      paginationConfig.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-[var(--tiger-text,#111827)]", children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} items` }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkFQ6UHRAO_js.Select,
-          {
-            size: "sm",
-            value: currentPageSize,
-            onChange: (value) => {
-              if (value == null) return;
-              const nextSize = typeof value === "number" ? value : Number(value);
-              if (!Number.isFinite(nextSize)) return;
-              handlePageSizeChange(nextSize);
-            },
-            options: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size2) => ({
-              label: `${size2} / page`,
-              value: size2
-            }))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFAKTU64M_js.Button,
-            {
-              size: "sm",
-              variant: "outline",
-              disabled: !hasPrev,
-              onClick: () => handlePageChange(currentPage - 1),
-              className: tigercatCore.classNames(
-                !hasPrev && "cursor-not-allowed",
-                hasPrev && "hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-              ),
-              children: "Previous"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-3 py-1 text-sm text-[var(--tiger-text,#111827)]", children: [
-            "Page ",
-            currentPage,
-            " of ",
-            totalPages
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFAKTU64M_js.Button,
-            {
-              size: "sm",
-              variant: "outline",
-              disabled: !hasNext,
-              onClick: () => handlePageChange(currentPage + 1),
-              className: tigercatCore.classNames(
-                !hasNext && "cursor-not-allowed",
-                hasNext && "hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-              ),
-              children: "Next"
-            }
-          )
-        ] })
-      ] })
-    ] });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.listWrapperClasses, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { ...divProps, className: listClasses, role: "list", "aria-busy": loading || void 0, children: [
-        renderListHeader(),
-        renderListItems(),
-        renderListFooter()
-      ] }),
-      loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.listLoadingOverlayClasses, role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {}) })
-    ] }),
-    renderPagination()
-  ] });
-};
-
-exports.List = List;

package/dist/chunk-AQ6DHCP6.js

@@ -1,53 +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/Icon.tsx
-var Icon = ({
-  size = "md",
-  color = "currentColor",
-  className,
-  children,
-  ...props
-}) => {
-  const iconStyle = { ...props.style, color };
-  const iconClasses = tigercatCore.classNames(tigercatCore.iconWrapperClasses, className);
-  const ariaLabel = props["aria-label"];
-  const ariaLabelledBy = props["aria-labelledby"];
-  const isDecorative = ariaLabel == null && ariaLabelledBy == null && props.role == null;
-  const processedChildren = React__default.default.Children.map(children, (child) => {
-    if (!React__default.default.isValidElement(child) || child.type !== "svg") {
-      return child;
-    }
-    const svgProps = child.props;
-    return React__default.default.cloneElement(child, {
-      ...svgProps,
-      className: tigercatCore.classNames(tigercatCore.iconSvgBaseClasses, tigercatCore.iconSizeClasses[size], svgProps.className),
-      xmlns: svgProps.xmlns ?? "http://www.w3.org/2000/svg",
-      viewBox: svgProps.viewBox ?? "0 0 24 24",
-      fill: svgProps.fill ?? "none",
-      stroke: svgProps.stroke ?? "currentColor",
-      strokeWidth: svgProps.strokeWidth ?? 2,
-      strokeLinecap: svgProps.strokeLinecap ?? "round",
-      strokeLinejoin: svgProps.strokeLinejoin ?? "round"
-    });
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      ...props,
-      className: iconClasses,
-      style: iconStyle,
-      ...isDecorative ? { "aria-hidden": true } : { role: props.role ?? "img" },
-      children: processedChildren
-    }
-  );
-};
-
-exports.Icon = Icon;

package/dist/chunk-AQQRWISY.js

@@ -1,184 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/StepsItem.tsx
-var StepsContext = React.createContext(null);
-function useStepsContext() {
-  return React.useContext(StepsContext);
-}
-var Steps = ({
-  current = 0,
-  status = "process",
-  direction = "horizontal",
-  size = "default",
-  simple = false,
-  clickable = false,
-  className,
-  style,
-  onChange,
-  children,
-  ...props
-}) => {
-  const containerClasses = tigercatCore.classNames(tigercatCore.getStepsContainerClasses(direction), className);
-  const handleStepClick = (index) => {
-    if (!clickable) {
-      return;
-    }
-    onChange?.(index);
-  };
-  const contextValue = {
-    current,
-    status,
-    direction,
-    size,
-    simple,
-    clickable,
-    handleStepClick: clickable ? handleStepClick : void 0
-  };
-  const totalCount = React__default.default.Children.count(children);
-  const stepsWithProps = React__default.default.Children.map(children, (child, index) => {
-    if (React__default.default.isValidElement(child) && child.type === StepsItem) {
-      return React__default.default.cloneElement(child, {
-        stepIndex: index,
-        isLast: index === totalCount - 1
-      });
-    }
-    return child;
-  });
-  const mergedStyle = {
-    ...style ?? {}
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(StepsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: containerClasses, style: mergedStyle, children: stepsWithProps }) });
-};
-var StepsItem = ({
-  title,
-  description,
-  icon,
-  status: customStatus,
-  disabled = false,
-  stepIndex = 0,
-  isLast = false,
-  className,
-  style,
-  ...props
-}) => {
-  const stepsContext = useStepsContext() || {
-    current: 0,
-    status: "process",
-    direction: "horizontal",
-    size: "default",
-    simple: false,
-    clickable: false
-  };
-  const stepStatus = tigercatCore.calculateStepStatus(
-    stepIndex,
-    stepsContext.current,
-    stepsContext.status,
-    customStatus
-  );
-  const isClickable = !!stepsContext.handleStepClick && !disabled;
-  const itemClasses = tigercatCore.classNames(
-    tigercatCore.getStepItemClasses(stepsContext.direction, isLast, stepsContext.simple),
-    className
-  );
-  const iconClasses = tigercatCore.getStepIconClasses(stepStatus, stepsContext.size, stepsContext.simple, !!icon);
-  const tailClasses = tigercatCore.getStepTailClasses(stepsContext.direction, stepStatus, isLast);
-  const contentClasses = tigercatCore.getStepContentClasses(stepsContext.direction, stepsContext.simple);
-  const titleClasses = tigercatCore.getStepTitleClasses(stepStatus, stepsContext.size, isClickable);
-  const descriptionClasses = tigercatCore.getStepDescriptionClasses(stepStatus, stepsContext.size);
-  const handleClick = (event) => {
-    if (!isClickable) {
-      return;
-    }
-    stepsContext.handleStepClick?.(stepIndex);
-  };
-  const renderIcon = () => {
-    if (icon) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: icon });
-    }
-    if (stepStatus === "finish") {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          className: tigercatCore.stepFinishIconSvgClasses,
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: tigercatCore.stepFinishIconViewBox,
-          "aria-hidden": "true",
-          focusable: "false",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              strokeLinecap: tigercatCore.stepFinishIconPathStrokeLinecap,
-              strokeLinejoin: tigercatCore.stepFinishIconPathStrokeLinejoin,
-              strokeWidth: tigercatCore.stepFinishIconPathStrokeWidth,
-              d: tigercatCore.stepFinishIconPathD
-            }
-          )
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, children: stepIndex + 1 });
-  };
-  const renderContent = () => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClasses, children: [
-      stepsContext.clickable ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: titleClasses,
-          onClick: handleClick,
-          disabled: !isClickable,
-          "aria-disabled": disabled || void 0,
-          children: title
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClasses, children: title }),
-      !stepsContext.simple && description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClasses, children: description })
-    ] });
-  };
-  if (stepsContext.direction === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "li",
-      {
-        ...props,
-        className: itemClasses,
-        style,
-        "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-        "aria-disabled": disabled || void 0,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-            renderIcon(),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailClasses })
-          ] }),
-          renderContent()
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "li",
-    {
-      ...props,
-      className: itemClasses,
-      style,
-      "aria-current": stepIndex === stepsContext.current ? "step" : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        renderIcon(),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailClasses }),
-        renderContent()
-      ]
-    }
-  );
-};
-
-exports.Steps = Steps;
-exports.StepsItem = StepsItem;
-exports.useStepsContext = useStepsContext;