@expcat/tigercat-react 0.0.65 → 0.0.67

package/dist/chunk-JW64IJP2.js

@@ -1,210 +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/Form.tsx
-var FormContext = React.createContext(null);
-var useFormContext = () => {
-  const context = React.useContext(FormContext);
-  return context;
-};
-var Form = React.forwardRef(
-  ({
-    model = {},
-    rules,
-    labelWidth,
-    labelPosition = "right",
-    labelAlign = "right",
-    size = "md",
-    inlineMessage = true,
-    showRequiredAsterisk = true,
-    disabled = false,
-    children,
-    onSubmit,
-    onValidate,
-    onChange,
-    className,
-    ...props
-  }, ref) => {
-    const [errors, setErrors] = React.useState([]);
-    const [formValues, setFormValues] = React.useState(model);
-    const fieldRulesRef = React__default.default.useRef({});
-    React__default.default.useEffect(() => {
-      setFormValues(model);
-    }, [model]);
-    const registerFieldRules = React.useCallback(
-      (fieldName, nextRules) => {
-        if (!fieldName) {
-          return;
-        }
-        if (!nextRules) {
-          delete fieldRulesRef.current[fieldName];
-          return;
-        }
-        fieldRulesRef.current[fieldName] = nextRules;
-      },
-      []
-    );
-    const getEffectiveRules = React.useCallback(() => {
-      const fromForm = rules ?? {};
-      const fromItems = fieldRulesRef.current;
-      const merged = { ...fromForm, ...fromItems };
-      return Object.keys(merged).length > 0 ? merged : void 0;
-    }, [rules]);
-    const validateField = React.useCallback(
-      async (fieldName, rulesOverride, trigger) => {
-        const fieldRules = rulesOverride ?? fieldRulesRef.current[fieldName] ?? rules?.[fieldName];
-        if (!fieldRules) {
-          return;
-        }
-        const value = tigercatCore.getValueByPath(formValues, fieldName);
-        const error = await tigercatCore.validateField(fieldName, value, fieldRules, formValues, trigger);
-        setErrors((prevErrors) => {
-          const filtered = prevErrors.filter((e) => e.field !== fieldName);
-          if (error) {
-            return [...filtered, { field: fieldName, message: error }];
-          }
-          return filtered;
-        });
-        onValidate?.(fieldName, !error, error);
-      },
-      [rules, formValues, onValidate]
-    );
-    const validate = React.useCallback(async () => {
-      const effectiveRules = getEffectiveRules();
-      if (!effectiveRules) {
-        setErrors([]);
-        return true;
-      }
-      const result = await tigercatCore.validateForm(formValues, effectiveRules);
-      setErrors(result.errors);
-      return result.valid;
-    }, [getEffectiveRules, formValues]);
-    const clearValidate = React.useCallback((fieldNames) => {
-      if (!fieldNames) {
-        setErrors([]);
-        return;
-      }
-      const fields = Array.isArray(fieldNames) ? fieldNames : [fieldNames];
-      setErrors((prevErrors) => prevErrors.filter((error) => !fields.includes(error.field)));
-    }, []);
-    const resetFields = React.useCallback(() => {
-      clearValidate();
-      setFormValues(model);
-    }, [model, clearValidate]);
-    const updateValue = React.useCallback(
-      (fieldName, value) => {
-        const setValueByPath = (target, path, nextValue) => {
-          if (!path.includes(".")) {
-            return { ...target, [path]: nextValue };
-          }
-          const segments = path.split(".").filter(Boolean);
-          if (segments.length === 0) {
-            return target;
-          }
-          const clone = { ...target };
-          let cursor = clone;
-          for (let i = 0; i < segments.length; i++) {
-            const key = segments[i];
-            const isLast = i === segments.length - 1;
-            if (isLast) {
-              cursor[key] = nextValue;
-              break;
-            }
-            const existing = cursor[key];
-            const next = existing && typeof existing === "object" && !Array.isArray(existing) ? { ...existing } : {};
-            cursor[key] = next;
-            cursor = next;
-          }
-          return clone;
-        };
-        setFormValues((prevValues) => {
-          const newValues = setValueByPath(prevValues, fieldName, value);
-          onChange?.(newValues);
-          return newValues;
-        });
-      },
-      [onChange]
-    );
-    const handleSubmit = React.useCallback(
-      async (event) => {
-        event.preventDefault();
-        const effectiveRules = getEffectiveRules();
-        if (!effectiveRules) {
-          setErrors([]);
-          onSubmit?.({ valid: true, values: formValues, errors: [] });
-          return;
-        }
-        const result = await tigercatCore.validateForm(formValues, effectiveRules);
-        setErrors(result.errors);
-        onSubmit?.({
-          valid: result.valid,
-          values: formValues,
-          errors: result.errors
-        });
-      },
-      [getEffectiveRules, formValues, onSubmit]
-    );
-    React.useImperativeHandle(
-      ref,
-      () => ({
-        validate,
-        validateField,
-        clearValidate,
-        resetFields
-      }),
-      [validate, validateField, clearValidate, resetFields]
-    );
-    const contextValue = React.useMemo(
-      () => ({
-        model: formValues,
-        rules,
-        labelWidth,
-        labelPosition,
-        labelAlign,
-        size,
-        inlineMessage,
-        showRequiredAsterisk,
-        disabled,
-        errors,
-        registerFieldRules,
-        validateField,
-        clearValidate,
-        updateValue
-      }),
-      [
-        formValues,
-        rules,
-        labelWidth,
-        labelPosition,
-        labelAlign,
-        size,
-        inlineMessage,
-        showRequiredAsterisk,
-        disabled,
-        errors,
-        registerFieldRules,
-        validateField,
-        clearValidate,
-        updateValue
-      ]
-    );
-    const formClasses = tigercatCore.classNames(
-      "tiger-form",
-      `tiger-form--label-${labelPosition}`,
-      disabled && "tiger-form--disabled",
-      className
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("form", { className: formClasses, onSubmit: handleSubmit, ...props, children }) });
-  }
-);
-Form.displayName = "TigerForm";
-
-exports.Form = Form;
-exports.useFormContext = useFormContext;

package/dist/chunk-KUCFT2OA.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var chunkEI2GHMQS_js = require('./chunk-EI2GHMQS.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(chunkEI2GHMQS_js.RowContext);
-  const { colStyle } = tigercatCore.getGutterStyles(gutter || 0);
-  const isFlexSpanMode = flex !== void 0 && span === 0;
-  const colStyleVars = tigercatCore.getColStyleVars(isFlexSpanMode ? void 0 : span, offset);
-  const colOrderVars = tigercatCore.getColOrderStyleVars(order);
-  const colFlexVar = flex === void 0 ? {} : {
-    "--tiger-col-flex": String(flex).replace(/_/g, " ")
-  };
-  const colClasses = tigercatCore.classNames(
-    isFlexSpanMode ? "" : tigercatCore.getSpanClasses(span),
-    tigercatCore.getOffsetClasses(offset),
-    tigercatCore.getOrderClasses(order),
-    tigercatCore.getFlexClasses(flex),
-    className
-  );
-  const mergedStyle = {
-    ...colStyle,
-    ...colStyleVars,
-    ...colOrderVars,
-    ...colFlexVar,
-    ...style
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: colClasses, style: mergedStyle, ...divProps, children });
-};
-
-exports.Col = Col;

package/dist/chunk-LNKI6HQ3.js

@@ -1,152 +0,0 @@
-'use strict';
-
-var chunkNEULKOYJ_js = require('./chunk-NEULKOYJ.js');
-var chunkEQWQXURG_js = require('./chunk-EQWQXURG.js');
-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);
-
-var DropdownContext = React.createContext(null);
-var Dropdown = ({
-  trigger = "hover",
-  placement = "bottom-start",
-  disabled = false,
-  visible: controlledVisible,
-  defaultVisible = false,
-  closeOnClick = true,
-  className,
-  style,
-  onVisibleChange,
-  children,
-  onKeyDown,
-  ...divProps
-}) => {
-  const [internalVisible, setInternalVisible] = React.useState(defaultVisible);
-  const visible = controlledVisible !== void 0 ? controlledVisible : internalVisible;
-  const containerRef = React.useRef(null);
-  const hoverTimerRef = React.useRef(null);
-  const setVisible = React.useCallback(
-    (newVisible) => {
-      if (disabled && newVisible) return;
-      if (controlledVisible === void 0) {
-        setInternalVisible(newVisible);
-      }
-      onVisibleChange?.(newVisible);
-    },
-    [disabled, controlledVisible, onVisibleChange]
-  );
-  const handleItemClick = React.useCallback(() => {
-    if (closeOnClick) {
-      setVisible(false);
-    }
-  }, [closeOnClick, setVisible]);
-  const handleMouseEnter = React.useCallback(() => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(true);
-    }, 100);
-  }, [trigger, setVisible]);
-  const handleMouseLeave = React.useCallback(() => {
-    if (trigger !== "hover") return;
-    if (hoverTimerRef.current) {
-      clearTimeout(hoverTimerRef.current);
-    }
-    hoverTimerRef.current = setTimeout(() => {
-      setVisible(false);
-    }, 150);
-  }, [trigger, setVisible]);
-  const handleClick = React.useCallback(() => {
-    if (trigger !== "click") return;
-    setVisible(!visible);
-  }, [trigger, visible, setVisible]);
-  chunkNEULKOYJ_js.useClickOutside({
-    enabled: trigger === "click" && visible,
-    refs: [containerRef],
-    onOutsideClick: () => setVisible(false)
-  });
-  chunkNEULKOYJ_js.useEscapeKey({
-    enabled: visible,
-    onEscape: () => setVisible(false)
-  });
-  React.useEffect(() => {
-    return () => {
-      if (hoverTimerRef.current) {
-        clearTimeout(hoverTimerRef.current);
-      }
-    };
-  }, []);
-  const containerClasses = tigercatCore.classNames(
-    tigercatCore.getDropdownContainerClasses(),
-    "tiger-dropdown-container",
-    className
-  );
-  const triggerClasses = tigercatCore.getDropdownTriggerClasses(disabled);
-  const menuWrapperClasses = tigercatCore.getDropdownMenuWrapperClasses(visible, placement);
-  const contextValue = {
-    closeOnClick,
-    handleItemClick
-  };
-  const childrenArray = React__default.default.Children.toArray(children);
-  let triggerElement = null;
-  let menuElement = null;
-  childrenArray.forEach((child) => {
-    if (!React__default.default.isValidElement(child)) {
-      if (triggerElement == null) triggerElement = child;
-      return;
-    }
-    if (child.type === chunkEQWQXURG_js.DropdownMenu) {
-      menuElement = child;
-      return;
-    }
-    if (triggerElement == null) {
-      triggerElement = child;
-    }
-  });
-  const handleContainerKeyDown = (event) => {
-    onKeyDown?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: containerClasses,
-      style,
-      onKeyDown: handleContainerKeyDown,
-      ...divProps,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: triggerClasses,
-            onClick: handleClick,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            "aria-haspopup": "menu",
-            "aria-expanded": visible,
-            children: triggerElement
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: menuWrapperClasses,
-            hidden: !visible,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: menuElement
-          }
-        )
-      ]
-    }
-  ) });
-};
-
-exports.Dropdown = Dropdown;
-exports.DropdownContext = DropdownContext;

package/dist/chunk-LXA2YBAO.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var chunk3WPKVV4N_js = require('./chunk-3WPKVV4N.js');
-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);
-
-function isComponentNamed(elementType, name) {
-  if (typeof elementType !== "function" && typeof elementType !== "object") return false;
-  const maybeFn = elementType;
-  return maybeFn.displayName === name || maybeFn.name === name;
-}
-var MenuItemGroup = ({
-  title,
-  className,
-  children,
-  level = 0
-}) => {
-  const enhancedChildren = React__default.default.Children.map(children, (child) => {
-    if (!React__default.default.isValidElement(child)) return child;
-    if (child.type === chunk3WPKVV4N_js.MenuItem || isComponentNamed(child.type, "SubMenu")) {
-      return React__default.default.cloneElement(child, {
-        level
-      });
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "list-none", children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.menuItemGroupTitleClasses, children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "group", className, children: enhancedChildren })
-  ] });
-};
-
-exports.MenuItemGroup = MenuItemGroup;

package/dist/chunk-MKWXJZ3T.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Link.tsx
-var Link = ({
-  variant = "primary",
-  size = "md",
-  disabled = false,
-  href,
-  target,
-  rel,
-  underline = true,
-  onClick,
-  onKeyDown,
-  tabIndex,
-  children,
-  className,
-  ...props
-}) => {
-  const linkClasses = react.useMemo(
-    () => tigercatCore.classNames(
-      tigercatCore.linkBaseClasses,
-      tigercatCore.getLinkVariantClasses(variant, void 0, { disabled }),
-      tigercatCore.linkSizeClasses[size],
-      underline && "hover:underline",
-      disabled && tigercatCore.linkDisabledClasses,
-      className
-    ),
-    [variant, size, underline, disabled, className]
-  );
-  const computedRel = react.useMemo(() => tigercatCore.getSecureRel(target, rel), [target, rel]);
-  const handleClick = react.useCallback(
-    (event) => {
-      if (disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      onClick?.(event);
-    },
-    [disabled, onClick]
-  );
-  const handleKeyDown = react.useCallback(
-    (event) => {
-      if (disabled && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      onKeyDown?.(event);
-    },
-    [disabled, onKeyDown]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      className: linkClasses,
-      href: disabled ? void 0 : href,
-      target,
-      rel: computedRel,
-      "aria-disabled": disabled || void 0,
-      tabIndex: disabled ? -1 : tabIndex,
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      ...props,
-      children
-    }
-  );
-};
-
-exports.Link = Link;

package/dist/chunk-NEULKOYJ.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/utils/overlay.ts
-function useClickOutside({
-  enabled,
-  refs,
-  onOutsideClick,
-  defer = false
-}) {
-  react.useEffect(() => {
-    if (!enabled) return;
-    const handler = (event) => {
-      const elements = refs.map((ref) => ref?.current);
-      if (tigercatCore.isEventOutside(event, elements)) {
-        onOutsideClick();
-      }
-    };
-    const attach = () => document.addEventListener("click", handler);
-    const detach = () => document.removeEventListener("click", handler);
-    if (!defer) {
-      attach();
-      return () => detach();
-    }
-    const timer = window.setTimeout(() => attach(), 0);
-    return () => {
-      window.clearTimeout(timer);
-      detach();
-    };
-  }, [enabled, refs, onOutsideClick, defer]);
-}
-function useEscapeKey({ enabled, onEscape }) {
-  react.useEffect(() => {
-    if (!enabled) return;
-    const handler = (event) => {
-      if (event.defaultPrevented) return;
-      if (!tigercatCore.isEscapeKey(event)) return;
-      onEscape();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [enabled, onEscape]);
-}
-
-exports.useClickOutside = useClickOutside;
-exports.useEscapeKey = useEscapeKey;

package/dist/chunk-NI2WNZRT.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Space.tsx
-var baseClasses = "inline-flex";
-var Space = ({
-  direction = "horizontal",
-  size = "md",
-  align = "start",
-  wrap = false,
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  const gapSize = tigercatCore.getSpaceGapSize(size);
-  const mergedStyle = gapSize.style ? { gap: gapSize.style, ...style } : style;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...props,
-      className: tigercatCore.classNames(
-        baseClasses,
-        tigercatCore.getSpaceDirectionClass(direction),
-        tigercatCore.getSpaceAlignClass(align),
-        gapSize.class,
-        wrap && "flex-wrap",
-        className
-      ),
-      style: mergedStyle,
-      children
-    }
-  );
-};
-
-exports.Space = Space;

package/dist/chunk-OFCKGWTS.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Content.tsx
-var Content = ({ className, children, ...props }) => {
-  const contentClasses = tigercatCore.classNames(tigercatCore.layoutContentClasses, className);
-  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: contentClasses, ...props, children });
-};
-
-exports.Content = Content;