@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-6PBNFLM7.js

@@ -1,95 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/ChartLegend.tsx
-var ChartLegend = ({
-  items,
-  position = "bottom",
-  markerSize = 10,
-  gap = 8,
-  interactive = false,
-  className,
-  onItemClick,
-  onItemHover,
-  onItemLeave
-}) => {
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      "flex flex-wrap",
-      position === "right" || position === "left" ? "flex-col gap-2" : "flex-row gap-3",
-      className
-    ),
-    [position, className]
-  );
-  const handleClick = react.useCallback(
-    (item) => {
-      if (!interactive) return;
-      onItemClick?.(item.index, item);
-    },
-    [interactive, onItemClick]
-  );
-  const handleHover = react.useCallback(
-    (item) => {
-      if (!interactive) return;
-      onItemHover?.(item.index, item);
-    },
-    [interactive, onItemHover]
-  );
-  const handleLeave = react.useCallback(() => {
-    if (!interactive) return;
-    onItemLeave?.();
-  }, [interactive, onItemLeave]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: containerClasses,
-      role: "list",
-      "aria-label": "Chart legend",
-      "data-chart-legend": "true",
-      children: items.map((item) => {
-        const ItemComponent = interactive ? "button" : "div";
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          ItemComponent,
-          {
-            type: interactive ? "button" : void 0,
-            className: tigercatCore.classNames(
-              "flex items-center gap-2 text-sm",
-              "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] transition-colors" : "cursor-default",
-              item.active === false ? "opacity-50" : void 0
-            ),
-            role: "listitem",
-            "data-legend-item": "true",
-            onClick: interactive ? () => handleClick(item) : void 0,
-            onMouseEnter: interactive ? () => handleHover(item) : void 0,
-            onMouseLeave: interactive ? handleLeave : void 0,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "inline-block rounded-full shrink-0",
-                  style: {
-                    width: `${markerSize}px`,
-                    height: `${markerSize}px`,
-                    backgroundColor: item.color
-                  },
-                  "aria-hidden": "true",
-                  "data-legend-marker": "true"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginRight: `${gap}px` }, children: item.label })
-            ]
-          },
-          `legend-${item.index}`
-        );
-      })
-    }
-  );
-};
-var ChartLegend_default = ChartLegend;
-
-exports.ChartLegend = ChartLegend;
-exports.ChartLegend_default = ChartLegend_default;

package/dist/chunk-72ZRDBXN.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Container.tsx
-var Container = ({
-  maxWidth = false,
-  center = true,
-  padding = true,
-  children,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const containerClasses = tigercatCore.getContainerClasses({
-    maxWidth,
-    center,
-    padding,
-    className
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, className: containerClasses, children });
-};
-
-exports.Container = Container;

package/dist/chunk-7YLVAZJQ.mjs

@@ -1,47 +0,0 @@
-import { classNames, getSegmentedOptionClasses, getSegmentedContainerClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/Segmented.tsx
-var Segmented = ({
-  value,
-  options = [],
-  disabled = false,
-  size = "md",
-  block = false,
-  className,
-  onChange
-}) => {
-  function handleSelect(opt) {
-    if (opt.disabled || disabled) return;
-    if (opt.value === value) return;
-    onChange?.(opt.value);
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(getSegmentedContainerClasses(size, block), className),
-      role: "radiogroup",
-      children: options.map((opt) => {
-        const selected = opt.value === value;
-        const isDisabled = !!opt.disabled || disabled;
-        return /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: classNames(
-              getSegmentedOptionClasses(size, selected, isDisabled),
-              block ? "flex-1 text-center" : ""
-            ),
-            role: "radio",
-            "aria-checked": selected,
-            "aria-disabled": isDisabled,
-            onClick: () => handleSelect(opt),
-            children: /* @__PURE__ */ jsx("span", { children: opt.label })
-          },
-          opt.value
-        );
-      })
-    }
-  );
-};
-
-export { Segmented };

package/dist/chunk-A3PYG3D6.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var chunkIBYIPXIO_js = require('./chunk-IBYIPXIO.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var MenuItem = ({
-  itemKey,
-  disabled = false,
-  icon,
-  className,
-  children,
-  level = 0,
-  collapsed: collapsedOverride
-}) => {
-  const menuContext = chunkIBYIPXIO_js.useMenuContext();
-  if (!menuContext) {
-    console.warn("MenuItem must be used within Menu component");
-  }
-  const isSelected = !!menuContext && tigercatCore.isKeySelected(itemKey, menuContext.selectedKeys);
-  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
-  const itemClasses = tigercatCore.classNames(
-    menuContext ? tigercatCore.getMenuItemClasses(isSelected, disabled, menuContext.theme, effectiveCollapsed) : "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200",
-    className
-  );
-  const indentStyle = menuContext && menuContext.mode === "inline" && level > 0 ? tigercatCore.getMenuItemIndent(level, menuContext.inlineIndent) : {};
-  const handleClick = react.useCallback(() => {
-    if (!disabled && menuContext) {
-      menuContext.handleSelect(itemKey);
-    }
-  }, [disabled, menuContext, itemKey]);
-  const handleKeyDown = react.useCallback(
-    (event) => {
-      if (!menuContext) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleClick();
-      }
-    },
-    [menuContext, handleClick]
-  );
-  const renderIcon = () => {
-    if (!icon) return null;
-    if (typeof icon === "string") {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.menuItemIconClasses, children: icon });
-  };
-  const renderLabel = () => {
-    if (!effectiveCollapsed) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children });
-    if (!icon) {
-      const text = String(children || "");
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-center", children: text.charAt(0).toUpperCase() });
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      className: itemClasses,
-      style: indentStyle,
-      role: "menuitem",
-      "data-tiger-menuitem": "true",
-      "data-tiger-selected": isSelected ? "true" : "false",
-      "aria-current": isSelected ? "page" : void 0,
-      "aria-disabled": disabled ? "true" : void 0,
-      disabled,
-      tabIndex: -1,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      children: [
-        renderIcon(),
-        renderLabel()
-      ]
-    }
-  ) });
-};
-
-exports.MenuItem = MenuItem;

package/dist/chunk-AGR3FM3V.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var chunkKNBNE74O_js = require('./chunk-KNBNE74O.js');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var ImageGroupContext = react.createContext(null);
-var ImageGroup = ({
-  preview = true,
-  onPreviewVisibleChange,
-  children,
-  className
-}) => {
-  const [previewVisible, setPreviewVisible] = react.useState(false);
-  const [previewIndex, setPreviewIndex] = react.useState(0);
-  const imagesRef = react.useRef([]);
-  const register = react.useCallback((src) => {
-    const idx = imagesRef.current.length;
-    imagesRef.current = [...imagesRef.current, src];
-    return idx;
-  }, []);
-  const unregister = react.useCallback((src) => {
-    imagesRef.current = imagesRef.current.filter((s) => s !== src);
-  }, []);
-  const openPreview = react.useCallback(
-    (index) => {
-      if (!preview) return;
-      setPreviewIndex(index);
-      setPreviewVisible(true);
-      onPreviewVisibleChange?.(true);
-    },
-    [preview, onPreviewVisibleChange]
-  );
-  const contextValue = react.useMemo(
-    () => ({ register, unregister, openPreview }),
-    [register, unregister, openPreview]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ImageGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className || "tiger-image-group", role: "group", children: [
-    children,
-    preview && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkKNBNE74O_js.ImagePreview,
-      {
-        open: previewVisible,
-        images: imagesRef.current,
-        currentIndex: previewIndex,
-        onOpenChange: (val) => {
-          setPreviewVisible(val);
-          if (!val) onPreviewVisibleChange?.(false);
-        },
-        onCurrentIndexChange: setPreviewIndex
-      }
-    )
-  ] }) });
-};
-
-exports.ImageGroup = ImageGroup;
-exports.ImageGroupContext = ImageGroupContext;

package/dist/chunk-AHF6JE43.js

@@ -1,144 +0,0 @@
-'use strict';
-
-var chunkCKFE2B36_js = require('./chunk-CKFE2B36.js');
-var chunkU3JOBIDU_js = require('./chunk-U3JOBIDU.js');
-var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var CropUpload = ({
-  accept = "image/*",
-  disabled = false,
-  maxSize,
-  cropperProps,
-  modalTitle = "\u88C1\u526A\u56FE\u7247",
-  modalWidth: _modalWidth = 520,
-  className,
-  children,
-  onCropComplete,
-  onError
-}) => {
-  const fileInputRef = react.useRef(null);
-  const cropperRef = react.useRef(null);
-  const [modalVisible, setModalVisible] = react.useState(false);
-  const [imageSrc, setImageSrc] = react.useState("");
-  const [cropping, setCropping] = react.useState(false);
-  const handleTriggerClick = react.useCallback(() => {
-    if (disabled) return;
-    fileInputRef.current?.click();
-  }, [disabled]);
-  const handleFileChange = react.useCallback(
-    (e) => {
-      const file = e.target.files?.[0];
-      if (!file) return;
-      if (maxSize && file.size > maxSize) {
-        onError?.(new Error(`File size exceeds maximum of ${maxSize} bytes`));
-        e.target.value = "";
-        return;
-      }
-      const reader = new FileReader();
-      reader.onload = (ev) => {
-        setImageSrc(ev.target?.result);
-        setModalVisible(true);
-      };
-      reader.readAsDataURL(file);
-      e.target.value = "";
-    },
-    [maxSize, onError]
-  );
-  const handleConfirm = react.useCallback(async () => {
-    if (!cropperRef.current) return;
-    setCropping(true);
-    try {
-      const result = await cropperRef.current.getCropResult();
-      onCropComplete?.(result);
-      setModalVisible(false);
-    } catch (err) {
-      onError?.(err);
-    } finally {
-      setCropping(false);
-    }
-  }, [onCropComplete, onError]);
-  const handleCancel = react.useCallback(() => {
-    setModalVisible(false);
-    setImageSrc("");
-  }, []);
-  const triggerClasses = react.useMemo(
-    () => tigercatCore.classNames(disabled ? tigercatCore.cropUploadTriggerDisabledClasses : tigercatCore.cropUploadTriggerClasses, className),
-    [disabled, className]
-  );
-  const handleKeyDown = react.useCallback(
-    (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        handleTriggerClick();
-      }
-    },
-    [handleTriggerClick]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tiger-crop-upload inline-block", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        style: { display: "none" },
-        onChange: handleFileChange
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: triggerClasses,
-        onClick: handleTriggerClick,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-label": "Select image to crop and upload",
-        "aria-disabled": disabled ? "true" : void 0,
-        onKeyDown: handleKeyDown,
-        children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: "w-5 h-5",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: tigercatCore.uploadPlusIconPath
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u9009\u62E9\u56FE\u7247" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCKFE2B36_js.Modal,
-      {
-        open: modalVisible,
-        size: "lg",
-        title: modalTitle,
-        closable: true,
-        maskClosable: false,
-        onClose: handleCancel,
-        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBCNKTT5C_js.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
-        ] }),
-        children: imageSrc && /* @__PURE__ */ jsxRuntime.jsx(chunkU3JOBIDU_js.ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
-      }
-    )
-  ] });
-};
-
-exports.CropUpload = CropUpload;

package/dist/chunk-AJQPGAYL.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var chunkZYPEO2KY_js = require('./chunk-ZYPEO2KY.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-
-function usePopup(options) {
-  const {
-    open,
-    defaultOpen = false,
-    disabled = false,
-    trigger = "click",
-    placement = "top",
-    offset = 8,
-    multiTrigger = true,
-    onOpenChange
-  } = options;
-  const isControlled = open !== void 0;
-  const [internalVisible, setInternalVisible] = react.useState(defaultOpen);
-  const currentVisible = isControlled ? open : internalVisible;
-  const containerRef = react.useRef(null);
-  const triggerRef = react.useRef(null);
-  const floatingRef = react.useRef(null);
-  const {
-    x,
-    y,
-    placement: actualPlacement
-  } = chunkZYPEO2KY_js.useFloating({
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: currentVisible,
-    placement,
-    offset
-  });
-  const setVisible = react.useCallback(
-    (next) => {
-      if (disabled && next) return;
-      if (!isControlled) setInternalVisible(next);
-      onOpenChange?.(next);
-    },
-    [disabled, isControlled, onOpenChange]
-  );
-  const handleToggle = react.useCallback(() => {
-    if (!disabled) setVisible(!currentVisible);
-  }, [disabled, currentVisible, setVisible]);
-  const handleShow = react.useCallback(() => {
-    if (!disabled) setVisible(true);
-  }, [disabled, setVisible]);
-  const handleHide = react.useCallback(() => {
-    if (!disabled) setVisible(false);
-  }, [disabled, setVisible]);
-  const effectiveTrigger = multiTrigger ? trigger : "click";
-  chunkZYPEO2KY_js.useClickOutside({
-    enabled: currentVisible && effectiveTrigger === "click",
-    refs: [containerRef],
-    onOutsideClick: () => setVisible(false),
-    defer: true
-  });
-  chunkZYPEO2KY_js.useEscapeKey({
-    enabled: currentVisible && effectiveTrigger !== "manual",
-    onEscape: () => setVisible(false)
-  });
-  const floatingStyles = react.useMemo(
-    () => ({
-      position: "absolute",
-      left: x,
-      top: y,
-      transformOrigin: tigercatCore.getTransformOrigin(actualPlacement),
-      zIndex: 1e3
-    }),
-    [x, y, actualPlacement]
-  );
-  const triggerHandlers = react.useMemo(() => {
-    if (!multiTrigger) {
-      return { onClick: handleToggle };
-    }
-    return tigercatCore.buildTriggerHandlerMap(
-      effectiveTrigger,
-      { toggle: handleToggle, show: handleShow, hide: handleHide },
-      "react"
-    );
-  }, [multiTrigger, effectiveTrigger, handleToggle, handleShow, handleHide]);
-  return {
-    currentVisible,
-    setVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    x,
-    y,
-    actualPlacement,
-    floatingStyles,
-    triggerHandlers
-  };
-}
-
-exports.usePopup = usePopup;

package/dist/chunk-AQ72JVUG.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var chunkXLVEI7GS_js = require('./chunk-XLVEI7GS.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Col = ({
-  span = 24,
-  offset = 0,
-  order,
-  flex,
-  children,
-  className,
-  style,
-  ...divProps
-}) => {
-  const { gutter } = react.useContext(chunkXLVEI7GS_js.RowContext);
-  const isFlexSpanMode = flex !== void 0 && span === 0;
-  const colClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      isFlexSpanMode ? "" : tigercatCore.getSpanClasses(span),
-      tigercatCore.getOffsetClasses(offset),
-      tigercatCore.getOrderClasses(order),
-      tigercatCore.getFlexClasses(flex),
-      className
-    ),
-    [isFlexSpanMode, span, offset, order, flex, className]
-  );
-  const mergedStyle = react.useMemo(
-    () => ({
-      ...tigercatCore.getGutterStyles(gutter || 0).colStyle,
-      ...tigercatCore.getColMergedStyleVars(isFlexSpanMode ? void 0 : span, offset, order, flex),
-      ...style
-    }),
-    [gutter, isFlexSpanMode, span, offset, order, flex, style]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: colClasses, style: mergedStyle, ...divProps, children });
-};
-
-exports.Col = Col;

package/dist/chunk-ASALMHFI.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/ButtonGroup.tsx
-var ButtonGroupContext = react.createContext(null);
-function useButtonGroupContext() {
-  return react.useContext(ButtonGroupContext);
-}
-var ButtonGroup = ({
-  size,
-  vertical = false,
-  className,
-  children,
-  ...rest
-}) => {
-  const contextValue = react.useMemo(() => ({ size }), [size]);
-  const groupClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.buttonGroupBaseClasses,
-      vertical ? tigercatCore.buttonGroupVerticalClasses : tigercatCore.buttonGroupHorizontalClasses,
-      vertical ? tigercatCore.buttonGroupItemVerticalClasses : tigercatCore.buttonGroupItemClasses,
-      className
-    ),
-    [vertical, className]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ButtonGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: groupClasses, role: "group", children }) });
-};
-
-exports.ButtonGroup = ButtonGroup;
-exports.ButtonGroupContext = ButtonGroupContext;
-exports.useButtonGroupContext = useButtonGroupContext;