@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-HCKV7ONR.js

@@ -1,343 +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,
-    loading = false,
-    children,
-    onSubmit,
-    onValidate,
-    onChange,
-    className,
-    fieldDependencies,
-    undoable = false,
-    maxHistorySize = 50,
-    ...props
-  }, ref) => {
-    const [errors, setErrors] = React.useState([]);
-    const [formValues, setFormValues] = React.useState(model);
-    const fieldRulesRef = React__default.default.useRef({});
-    const formValuesRef = React__default.default.useRef(model);
-    const errorsByField = React.useMemo(() => tigercatCore.createFormErrorMap(errors), [errors]);
-    const [historyState, setHistoryState] = React.useState(() => tigercatCore.createFormHistory(model, maxHistorySize));
-    React__default.default.useEffect(() => {
-      setFormValues(model);
-    }, [model]);
-    formValuesRef.current = 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 resolveFieldRules = React.useCallback(
-      (fieldName, rulesOverride) => {
-        return rulesOverride ?? fieldRulesRef.current[fieldName] ?? rules?.[fieldName];
-      },
-      [rules]
-    );
-    const runFieldValidation = React.useCallback(
-      async (fieldName, rulesOverride, trigger) => {
-        const fieldRules = resolveFieldRules(fieldName, rulesOverride);
-        if (!fieldRules) {
-          return null;
-        }
-        const currentValues = formValuesRef.current;
-        const value = tigercatCore.getValueByPath(currentValues, fieldName);
-        return tigercatCore.validateField(fieldName, value, fieldRules, currentValues, trigger);
-      },
-      [resolveFieldRules]
-    );
-    const validateField = React.useCallback(
-      async (fieldName, rulesOverride, trigger) => {
-        const fieldRules = resolveFieldRules(fieldName, rulesOverride);
-        if (fieldRules) {
-          const error = await runFieldValidation(fieldName, rulesOverride, trigger);
-          setErrors((prevErrors) => {
-            const existing = prevErrors.find((e) => e.field === fieldName);
-            const existingMessage = existing?.message ?? null;
-            if (!error && !existingMessage) return prevErrors;
-            if (error && error === existingMessage) return prevErrors;
-            const filtered = prevErrors.filter((e) => e.field !== fieldName);
-            if (error) {
-              return [...filtered, { field: fieldName, message: error }];
-            }
-            return filtered;
-          });
-          onValidate?.(fieldName, !error, error);
-        }
-        if (fieldDependencies) {
-          const dependents = tigercatCore.getDependentFields(fieldName, fieldDependencies);
-          for (const dep of dependents) {
-            await validateField(dep);
-          }
-        }
-      },
-      [resolveFieldRules, runFieldValidation, onValidate, fieldDependencies]
-    );
-    const runValidation = React.useCallback(async () => {
-      const effectiveRules = getEffectiveRules();
-      if (!effectiveRules) {
-        setErrors([]);
-        return { valid: true, errors: [] };
-      }
-      const result = await tigercatCore.validateForm(formValuesRef.current, effectiveRules);
-      setErrors(result.errors);
-      return result;
-    }, [getEffectiveRules]);
-    const validate = React.useCallback(async () => {
-      const result = await runValidation();
-      return result.valid;
-    }, [runValidation]);
-    const validateFields = React.useCallback(
-      async (fieldNames) => {
-        if (!fieldNames || fieldNames.length === 0) {
-          return true;
-        }
-        const nextErrors = [];
-        const fieldSet = new Set(fieldNames);
-        for (const fieldName of fieldNames) {
-          const fieldRules = resolveFieldRules(fieldName);
-          if (!fieldRules) {
-            onValidate?.(fieldName, true, null);
-            continue;
-          }
-          const error = await runFieldValidation(fieldName);
-          if (error) {
-            nextErrors.push({ field: fieldName, message: error });
-          }
-          onValidate?.(fieldName, !error, error);
-        }
-        setErrors((prevErrors) => {
-          const filtered = prevErrors.filter((entry) => !fieldSet.has(entry.field));
-          return [...filtered, ...nextErrors];
-        });
-        return nextErrors.length === 0;
-      },
-      [resolveFieldRules, runFieldValidation, onValidate]
-    );
-    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 addField = React.useCallback(
-      (fieldName, defaultValue) => {
-        if (!fieldName) return;
-        setFormValues((prev) => {
-          const next = { ...prev, [fieldName]: defaultValue ?? null };
-          onChange?.(next);
-          return next;
-        });
-      },
-      [onChange]
-    );
-    const removeField = React.useCallback(
-      (fieldName) => {
-        if (!fieldName) return;
-        setFormValues((prev) => {
-          const { [fieldName]: _, ...next } = prev;
-          onChange?.(next);
-          return next;
-        });
-        clearValidate(fieldName);
-      },
-      [onChange, 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 snapshotHistory = React.useCallback(() => {
-      if (!undoable) return;
-      setHistoryState((prev) => tigercatCore.pushFormHistory(prev, formValuesRef.current));
-    }, [undoable]);
-    const undo = React.useCallback(() => {
-      if (!undoable) return;
-      setHistoryState((prev) => {
-        const result = tigercatCore.undoFormHistory(prev);
-        if (result) {
-          setFormValues(result.present);
-          formValuesRef.current = result.present;
-          onChange?.(result.present);
-          return result;
-        }
-        return prev;
-      });
-    }, [undoable, onChange]);
-    const redo = React.useCallback(() => {
-      if (!undoable) return;
-      setHistoryState((prev) => {
-        const result = tigercatCore.redoFormHistory(prev);
-        if (result) {
-          setFormValues(result.present);
-          formValuesRef.current = result.present;
-          onChange?.(result.present);
-          return result;
-        }
-        return prev;
-      });
-    }, [undoable, onChange]);
-    const handleSubmit = React.useCallback(
-      async (event) => {
-        event.preventDefault();
-        if (loading) return;
-        const result = await runValidation();
-        onSubmit?.({ ...result, values: formValuesRef.current });
-      },
-      [runValidation, onSubmit, loading]
-    );
-    React.useImperativeHandle(
-      ref,
-      () => ({
-        validate,
-        validateFields,
-        validateField,
-        clearValidate,
-        resetFields,
-        addField,
-        removeField,
-        undo,
-        redo,
-        snapshotHistory,
-        canUndo: tigercatCore.canUndo(historyState),
-        canRedo: tigercatCore.canRedo(historyState)
-      }),
-      [
-        validate,
-        validateFields,
-        validateField,
-        clearValidate,
-        resetFields,
-        addField,
-        removeField,
-        undo,
-        redo,
-        snapshotHistory,
-        historyState
-      ]
-    );
-    const contextValue = React.useMemo(
-      () => ({
-        model: formValues,
-        rules,
-        labelWidth,
-        labelPosition,
-        labelAlign,
-        size,
-        inlineMessage,
-        showRequiredAsterisk,
-        disabled,
-        loading,
-        errors,
-        errorsByField,
-        registerFieldRules,
-        validateField,
-        clearValidate,
-        updateValue
-      }),
-      [
-        formValues,
-        rules,
-        labelWidth,
-        labelPosition,
-        labelAlign,
-        size,
-        inlineMessage,
-        showRequiredAsterisk,
-        disabled,
-        loading,
-        errors,
-        errorsByField,
-        registerFieldRules,
-        validateField,
-        clearValidate,
-        updateValue
-      ]
-    );
-    const formClasses = tigercatCore.classNames(
-      "tiger-form",
-      `tiger-form--label-${labelPosition}`,
-      disabled && "tiger-form--disabled",
-      loading && "tiger-form--loading",
-      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-ITLA7OLQ.js

@@ -1,192 +0,0 @@
-'use strict';
-
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.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 CloseIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: "w-5 h-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: tigercatCore.closeIconViewBox,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        strokeLinecap: tigercatCore.closeIconPathStrokeLinecap,
-        strokeLinejoin: tigercatCore.closeIconPathStrokeLinejoin,
-        strokeWidth: tigercatCore.closeIconPathStrokeWidth,
-        d: tigercatCore.closeIconPathD
-      }
-    )
-  }
-);
-var Drawer = ({
-  open = false,
-  placement = "right",
-  size = "md",
-  width,
-  title,
-  header,
-  closable = true,
-  mask = true,
-  maskClosable = true,
-  zIndex = 1e3,
-  className,
-  bodyClassName,
-  destroyOnClose = false,
-  onClose,
-  onAfterEnter,
-  onAfterLeave,
-  closeAriaLabel,
-  locale,
-  children,
-  footer,
-  style,
-  ...rest
-}) => {
-  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(open);
-  React.useEffect(() => {
-    if (open) setHasBeenOpened(true);
-  }, [open]);
-  const shouldRender = destroyOnClose ? open : hasBeenOpened;
-  const handleClose = React.useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-  const handleMaskClick = React.useCallback(
-    (event) => {
-      if (tigercatCore.shouldCloseOnMaskClick(event, maskClosable)) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
-  chunkPGBKMW4Q_js.useEscapeKey({ enabled: open, onEscape: handleClose });
-  chunkPGBKMW4Q_js.useBodyScrollLock({ enabled: open });
-  const previousVisible = React.useRef(false);
-  React.useEffect(() => {
-    if (open === previousVisible.current) return;
-    previousVisible.current = open;
-    const timer = window.setTimeout(() => {
-      if (open) {
-        onAfterEnter?.();
-      } else {
-        onAfterLeave?.();
-      }
-    }, tigercatCore.ANIMATION_DURATION_MS);
-    return () => window.clearTimeout(timer);
-  }, [open, onAfterEnter, onAfterLeave]);
-  const reactId = React.useId();
-  const drawerId = React.useMemo(() => `tiger-drawer-${reactId}`, [reactId]);
-  const titleId = `${drawerId}-title`;
-  const {
-    ["aria-labelledby"]: _ariaLabelledby,
-    role: _role,
-    tabIndex: _tabIndex,
-    ...dialogDivProps
-  } = rest;
-  const ariaLabelledby = rest["aria-labelledby"] ?? (title || header ? titleId : void 0);
-  const dialogRef = React.useRef(null);
-  const closeButtonRef = React.useRef(null);
-  const previousActiveElementRef = React.useRef(null);
-  const resolvedCloseAriaLabel = tigercatCore.resolveLocaleText(
-    "Close drawer",
-    closeAriaLabel,
-    locale?.drawer?.closeAriaLabel,
-    locale?.common?.closeText
-  );
-  React.useEffect(() => {
-    if (open) {
-      previousActiveElementRef.current = tigercatCore.captureActiveElement();
-      const timer = window.setTimeout(() => {
-        tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
-      }, 0);
-      return () => window.clearTimeout(timer);
-    }
-    tigercatCore.restoreFocus(previousActiveElementRef.current);
-  }, [open]);
-  chunkPGBKMW4Q_js.useFocusTrap({ enabled: open, containerRef: dialogRef });
-  const containerClasses = tigercatCore.classNames(tigercatCore.getDrawerContainerClasses(), !open && "pointer-events-none");
-  const maskClasses = tigercatCore.getDrawerMaskClasses(open);
-  const panelClasses = tigercatCore.classNames(
-    tigercatCore.getDrawerPanelClasses(placement, open, size),
-    "flex flex-col",
-    className
-  );
-  const headerClasses = tigercatCore.getDrawerHeaderClasses();
-  const bodyClasses = tigercatCore.getDrawerBodyClasses(bodyClassName);
-  const footerClasses = tigercatCore.getDrawerFooterClasses();
-  const closeButtonClasses = tigercatCore.getDrawerCloseButtonClasses();
-  const titleClasses = tigercatCore.getDrawerTitleClasses();
-  if (!shouldRender) {
-    return null;
-  }
-  const drawerContent = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: containerClasses,
-      style: { zIndex },
-      hidden: !open,
-      "aria-hidden": !open ? "true" : void 0,
-      "data-tiger-drawer-root": "",
-      children: [
-        mask && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: maskClasses,
-            onClick: handleMaskClick,
-            "aria-hidden": "true",
-            "data-tiger-drawer-mask": ""
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: panelClasses,
-            style: {
-              ...style,
-              ...width ? {
-                [placement === "left" || placement === "right" ? "width" : "height"]: typeof width === "number" ? `${width}px` : width
-              } : void 0
-            },
-            ...dialogDivProps,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": ariaLabelledby,
-            tabIndex: -1,
-            ref: dialogRef,
-            "data-tiger-drawer": "",
-            children: [
-              (title || header || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerClasses, children: [
-                (title || header) && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: titleClasses, id: titleId, children: header || title }),
-                closable && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: closeButtonClasses,
-                    onClick: handleClose,
-                    "aria-label": resolvedCloseAriaLabel,
-                    ref: closeButtonRef,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
-                  }
-                )
-              ] }),
-              children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodyClasses, children }),
-              footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: footerClasses, children: footer })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return chunkPGBKMW4Q_js.renderBodyPortal(drawerContent);
-};
-
-exports.Drawer = Drawer;