@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/chunk-2RBHQBSG.js

@@ -1,164 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkANBNSUSRjs = require('./chunk-ANBNSUSR.js');
-
-
-var _chunkFI53LYZ6js = require('./chunk-FI53LYZ6.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-// src/components/CropUpload.tsx
-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.call(void 0, null);
-  const cropperRef = _react.useRef.call(void 0, null);
-  const [modalVisible, setModalVisible] = _react.useState.call(void 0, false);
-  const [imageSrc, setImageSrc] = _react.useState.call(void 0, "");
-  const [cropping, setCropping] = _react.useState.call(void 0, false);
-  const handleTriggerClick = _react.useCallback.call(void 0, () => {
-    if (disabled) return;
-    _optionalChain([fileInputRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
-  }, [disabled]);
-  const handleFileChange = _react.useCallback.call(void 0, 
-    (e) => {
-      const file = _optionalChain([e, 'access', _4 => _4.target, 'access', _5 => _5.files, 'optionalAccess', _6 => _6[0]]);
-      if (!file) return;
-      const sizeError = _tigercatcore.validateUploadFile.call(void 0, file, maxSize);
-      if (sizeError) {
-        _optionalChain([onError, 'optionalCall', _7 => _7(sizeError)]);
-        e.target.value = "";
-        return;
-      }
-      _tigercatcore.readFileAsDataUrl.call(void 0, file).then((url) => {
-        setImageSrc(url);
-        setModalVisible(true);
-      }).catch((err) => _optionalChain([onError, 'optionalCall', _8 => _8(err)]));
-      e.target.value = "";
-    },
-    [maxSize, onError]
-  );
-  const handleConfirm = _react.useCallback.call(void 0, async () => {
-    if (!cropperRef.current) return;
-    setCropping(true);
-    try {
-      const result = await _tigercatcore.getCropperResult.call(void 0, 
-        cropperRef.current
-      );
-      if (result) {
-        _optionalChain([onCropComplete, 'optionalCall', _9 => _9(result)]);
-        setModalVisible(false);
-      }
-    } catch (err) {
-      _optionalChain([onError, 'optionalCall', _10 => _10(err)]);
-    } finally {
-      setCropping(false);
-    }
-  }, [onCropComplete, onError]);
-  const handleCancel = _react.useCallback.call(void 0, () => {
-    setModalVisible(false);
-    setImageSrc("");
-  }, []);
-  const triggerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, disabled ? _tigercatcore.cropUploadTriggerDisabledClasses : _tigercatcore.cropUploadTriggerClasses, className),
-    [disabled, className]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e) => {
-      if (_tigercatcore.isActivationKey.call(void 0, e)) {
-        e.preventDefault();
-        handleTriggerClick();
-      }
-    },
-    [handleTriggerClick]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tiger-crop-upload inline-block", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        style: { display: "none" },
-        onChange: handleFileChange
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "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.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "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.call(void 0, 
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: _tigercatcore.uploadPlusIconPath
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\u9009\u62E9\u56FE\u7247" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkANBNSUSRjs.Modal,
-      {
-        open: modalVisible,
-        size: "lg",
-        title: modalTitle,
-        className: "tiger-crop-upload-modal",
-        closable: true,
-        maskClosable: false,
-        onClose: handleCancel,
-        footer: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: "\u53D6\u6D88" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: "\u786E\u8BA4\u88C1\u526A" })
-        ] }),
-        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFI53LYZ6js.ImageCropper, { ref: cropperRef, src: imageSrc, ...cropperProps })
-      }
-    )
-  ] });
-};
-
-
-
-exports.CropUpload = CropUpload;

package/dist/chunk-2WDCWFOM.js

@@ -1,246 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-
-
-var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-// src/components/Dropdown.tsx
-
-
-
-
-
-
-
-
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var DropdownContext = _react.createContext.call(void 0, null);
-var DropdownMenu = ({
-  className,
-  style,
-  children,
-  role,
-  ...divProps
-}) => {
-  const menuClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getDropdownMenuClasses.call(void 0, ), className);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: menuClasses, style, role: _nullishCoalesce(role, () => ( "menu")), ...divProps, children });
-};
-var Dropdown = ({
-  trigger = "hover",
-  placement: initialPlacement = "bottom-start",
-  offset = 4,
-  disabled = false,
-  open: controlledOpen,
-  defaultOpen = false,
-  closeOnClick = true,
-  showArrow = true,
-  portal = true,
-  className,
-  style,
-  onOpenChange,
-  children,
-  renderTrigger,
-  ...divProps
-}) => {
-  const [internalVisible, setInternalVisible] = _react.useState.call(void 0, defaultOpen);
-  const visible = controlledOpen !== void 0 ? controlledOpen : internalVisible;
-  const containerRef = _react.useRef.call(void 0, null);
-  const triggerRef = _react.useRef.call(void 0, null);
-  const floatingRef = _react.useRef.call(void 0, null);
-  const hoverTimerRef = _react.useRef.call(void 0, null);
-  const previousActiveElementRef = _react.useRef.call(void 0, null);
-  const reactId = _react.useId.call(void 0, );
-  const menuId = _react.useMemo.call(void 0, () => `tiger-dropdown-menu-${reactId}`, [reactId]);
-  _react.useEffect.call(void 0, () => {
-    _tigercatcore.injectDropdownStyles.call(void 0, );
-  }, []);
-  const setVisible = _react.useCallback.call(void 0, 
-    (newVisible) => {
-      if (disabled && newVisible) return;
-      if (newVisible && !visible) {
-        previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
-      }
-      if (controlledOpen === void 0) {
-        setInternalVisible(newVisible);
-      }
-      _optionalChain([onOpenChange, 'optionalCall', _ => _(newVisible)]);
-      if (newVisible) {
-        requestAnimationFrame(() => {
-          if (floatingRef.current) {
-            _tigercatcore.focusFirstMenuItem.call(void 0, floatingRef.current);
-          }
-        });
-      } else {
-        _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
-        previousActiveElementRef.current = null;
-      }
-    },
-    [disabled, visible, controlledOpen, onOpenChange]
-  );
-  const handleItemClick = _react.useCallback.call(void 0, () => {
-    if (closeOnClick) {
-      setVisible(false);
-    }
-  }, [closeOnClick, setVisible]);
-  const handleMouseEnter = _react.useCallback.call(void 0, () => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(true);
-    }, 100);
-  }, [trigger, setVisible]);
-  const handleMouseLeave = _react.useCallback.call(void 0, () => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(false);
-    }, 150);
-  }, [trigger, setVisible]);
-  const handleClick = _react.useCallback.call(void 0, () => {
-    if (trigger !== "click") return;
-    setVisible(!visible);
-  }, [trigger, visible, setVisible]);
-  const handleMenuKeyDown = _react.useCallback.call(void 0, (event) => {
-    if (floatingRef.current) {
-      _tigercatcore.handleMenuNavigation.call(void 0, floatingRef.current, event.nativeEvent);
-    }
-  }, []);
-  _chunkSTTQ5LXXjs.useClickOutside.call(void 0, {
-    enabled: trigger === "click" && visible,
-    refs: [containerRef, floatingRef],
-    onOutsideClick: () => setVisible(false)
-  });
-  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, {
-    enabled: visible,
-    onEscape: () => setVisible(false)
-  });
-  const { x, y, placement } = _chunkSTTQ5LXXjs.useFloating.call(void 0, {
-    referenceRef: triggerRef,
-    floatingRef,
-    enabled: visible,
-    placement: initialPlacement,
-    offset
-  });
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      if (hoverTimerRef.current) {
-        clearTimeout(hoverTimerRef.current);
-      }
-    };
-  }, []);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getDropdownContainerClasses.call(void 0, ), "tiger-dropdown-container", className),
-    [className]
-  );
-  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getDropdownTriggerClasses.call(void 0, disabled), [disabled]);
-  const menuWrapperClasses = _tigercatcore.classNames.call(void 0, "absolute", _tigercatcore.DROPDOWN_ENTER_CLASS);
-  const menuWrapperStyles = _react.useMemo.call(void 0, 
-    () => ({
-      position: "absolute",
-      left: x,
-      top: y,
-      zIndex: _tigercatcore.FLOATING_OVERLAY_Z_INDEX,
-      transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, placement)
-    }),
-    [x, y, placement]
-  );
-  const contextValue = _react.useMemo.call(void 0, 
-    () => ({ closeOnClick, handleItemClick }),
-    [closeOnClick, handleItemClick]
-  );
-  const childrenArray = _react2.default.Children.toArray(children);
-  let triggerElement = renderTrigger ? renderTrigger({ open: visible }) : null;
-  let menuElement = null;
-  childrenArray.forEach((child) => {
-    if (!_react2.default.isValidElement(child)) {
-      if (!renderTrigger && triggerElement == null) triggerElement = child;
-      return;
-    }
-    if (child.type === DropdownMenu) {
-      menuElement = child;
-      return;
-    }
-    if (!renderTrigger && triggerElement == null) {
-      triggerElement = child;
-    }
-  });
-  const chevronNode = showArrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: _tigercatcore.getDropdownChevronClasses.call(void 0, visible),
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: _tigercatcore.DROPDOWN_CHEVRON_PATH })
-    }
-  ) : null;
-  const menuWrapperNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: floatingRef,
-      className: menuWrapperClasses,
-      style: menuWrapperStyles,
-      hidden: !visible,
-      "data-tiger-dropdown-menu": "",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onKeyDown: handleMenuKeyDown,
-      children: menuElement && _react2.default.isValidElement(menuElement) ? _react2.default.cloneElement(menuElement, {
-        id: menuId
-      }) : menuElement
-    }
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        onClick: handleClick,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        "aria-haspopup": "menu",
-        "aria-expanded": visible,
-        "aria-controls": visible ? menuId : void 0,
-        "data-state": visible ? "open" : "closed",
-        children: [
-          triggerElement,
-          chevronNode
-        ]
-      }
-    ),
-    portal ? _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, menuWrapperNode) : menuWrapperNode
-  ] }) });
-};
-
-
-
-
-
-exports.DropdownContext = DropdownContext; exports.DropdownMenu = DropdownMenu; exports.Dropdown = Dropdown;

package/dist/chunk-3E76U2RG.js

@@ -1,149 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/CodeEditor.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CodeEditor = ({
-  value: controlledValue,
-  defaultValue = "",
-  language = "plain",
-  theme = "light",
-  readOnly = false,
-  lineNumbers = true,
-  tabSize = 2,
-  placeholder,
-  wordWrap = false,
-  minLines = 3,
-  maxLines = 0,
-  disabled = false,
-  className,
-  style,
-  onChange,
-  highlighter
-}) => {
-  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
-  const textareaRef = _react.useRef.call(void 0, null);
-  const code = controlledValue !== void 0 ? controlledValue : internalValue;
-  const lines = _react.useMemo.call(void 0, () => code.split("\n"), [code]);
-  const lineCount = _react.useMemo.call(void 0, () => _tigercatcore.countLines.call(void 0, code), [code]);
-  const lineNums = _react.useMemo.call(void 0, () => _tigercatcore.generateLineNumbers.call(void 0, lineCount), [lineCount]);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getCodeEditorContainerClasses.call(void 0, theme, disabled, className),
-    [theme, disabled, className]
-  );
-  const containerStyle = _react.useMemo.call(void 0, () => {
-    const lineHeight = 1.625;
-    const s = { ...style };
-    if (minLines > 0) s.minHeight = `${minLines * lineHeight + 1.5}rem`;
-    if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
-    return s;
-  }, [minLines, maxLines, style]);
-  const handleInput = _react.useCallback.call(void 0, 
-    (e) => {
-      const val = e.target.value;
-      setInternalValue(val);
-      _optionalChain([onChange, 'optionalCall', _ => _(val)]);
-    },
-    [onChange]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e) => {
-      if (e.key === "Tab") {
-        e.preventDefault();
-        const ta = textareaRef.current;
-        if (!ta) return;
-        const result = _tigercatcore.handleTabKey.call(void 0, ta.value, ta.selectionStart, ta.selectionEnd, tabSize);
-        setInternalValue(result.value);
-        _optionalChain([onChange, 'optionalCall', _2 => _2(result.value)]);
-        requestAnimationFrame(() => {
-          ta.selectionStart = result.selectionStart;
-          ta.selectionEnd = result.selectionStart;
-        });
-      }
-    },
-    [tabSize, onChange]
-  );
-  const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
-  const renderToken = (token, idx) => {
-    const cls = _tigercatcore.getTokenClasses.call(void 0, token.type, theme);
-    return cls ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: token.value }, idx);
-  };
-  const renderLine = (line, lineIndex) => {
-    if (_optionalChain([highlighter, 'optionalAccess', _3 => _3.highlightLine])) {
-      const html = highlighter.highlightLine(line, language, theme) || (line === "" ? "\n" : "");
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "min-h-[1.625rem]",
-          dangerouslySetInnerHTML: { __html: html }
-        },
-        lineIndex
-      );
-    }
-    const tokens = _tigercatcore.tokenizeLine.call(void 0, line, language);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-[1.625rem]", children: [
-      tokens.map(renderToken),
-      line === "" ? "\n" : null
-    ] }, lineIndex);
-  };
-  const blockHtml = highlighter && !highlighter.highlightLine && highlighter.highlightCode ? highlighter.highlightCode(code, language, theme) : null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: containerClasses,
-      style: containerStyle,
-      "data-language": language,
-      "data-theme": theme,
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full", children: [
-        lineNumbers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLineNumberClasses.call(void 0, theme), "aria-hidden": "true", children: lineNums.map((n) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[1.625rem]", children: n }, n)) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex-1 overflow-auto", children: [
-          blockHtml !== null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass),
-              "aria-hidden": "true",
-              dangerouslySetInnerHTML: { __html: blockHtml }
-            }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorHighlightClasses, wrapClass), "aria-hidden": "true", children: lines.map(renderLine) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "textarea",
-            {
-              ref: textareaRef,
-              className: _tigercatcore.classNames.call(void 0, _tigercatcore.codeEditorTextareaClasses, wrapClass),
-              value: code,
-              onChange: handleInput,
-              onKeyDown: handleKeyDown,
-              readOnly: readOnly || disabled,
-              disabled,
-              placeholder,
-              spellCheck: false,
-              autoCapitalize: "off",
-              autoComplete: "off",
-              autoCorrect: "off",
-              "data-gramm": "false",
-              "aria-label": "Code editor",
-              role: "textbox",
-              "aria-multiline": true
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-};
-var CodeEditor_default = CodeEditor;
-
-
-
-
-exports.CodeEditor = CodeEditor; exports.CodeEditor_default = CodeEditor_default;