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

package/dist/chunk-23XPDNCA.js

@@ -1,97 +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; }// src/components/ChartLegend.tsx
-var _react = require('react');
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ChartLegend = ({
-  items,
-  position = "bottom",
-  markerSize = 10,
-  gap = 8,
-  interactive = false,
-  className,
-  onItemClick,
-  onItemHover,
-  onItemLeave
-}) => {
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      "flex flex-wrap",
-      position === "right" || position === "left" ? "flex-col" : "flex-row",
-      className
-    ),
-    [position, className]
-  );
-  const handleClick = _react.useCallback.call(void 0, 
-    (item) => {
-      if (!interactive) return;
-      _optionalChain([onItemClick, 'optionalCall', _ => _(item.index, item)]);
-    },
-    [interactive, onItemClick]
-  );
-  const handleHover = _react.useCallback.call(void 0, 
-    (item) => {
-      if (!interactive) return;
-      _optionalChain([onItemHover, 'optionalCall', _2 => _2(item.index, item)]);
-    },
-    [interactive, onItemHover]
-  );
-  const handleLeave = _react.useCallback.call(void 0, () => {
-    if (!interactive) return;
-    _optionalChain([onItemLeave, 'optionalCall', _3 => _3()]);
-  }, [interactive, onItemLeave]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: containerClasses,
-      role: interactive ? "group" : "list",
-      "aria-label": "Chart legend",
-      style: { gap: `${gap}px` },
-      "data-chart-legend": "true",
-      children: items.map((item) => {
-        const ItemComponent = interactive ? "button" : "div";
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          ItemComponent,
-          {
-            type: interactive ? "button" : void 0,
-            className: _tigercatcore.classNames.call(void 0, 
-              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
-              "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
-              item.active === false ? "opacity-50" : void 0
-            ),
-            role: interactive ? void 0 : "listitem",
-            "aria-pressed": interactive ? item.active !== false : void 0,
-            "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.call(void 0, 
-                "span",
-                {
-                  className: "inline-block rounded-full shrink-0",
-                  style: {
-                    width: `${markerSize}px`,
-                    height: `${markerSize}px`,
-                    background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
-                    "--tiger-chart-legend-marker-color": item.color
-                  },
-                  "aria-hidden": "true",
-                  "data-legend-marker": "true"
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: item.label })
-            ]
-          },
-          `legend-${item.index}`
-        );
-      })
-    }
-  );
-};
-var ChartLegend_default = ChartLegend;
-
-
-
-
-exports.ChartLegend = ChartLegend; exports.ChartLegend_default = ChartLegend_default;

package/dist/chunk-24NDLFPK.js

@@ -1,468 +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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Form.tsx
-
-
-
-
-
-
-
-
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var FormContext = _react.createContext.call(void 0, null);
-var useFormContext = () => {
-  const context = _react.useContext.call(void 0, FormContext);
-  return context;
-};
-var Form = _react.forwardRef.call(void 0, 
-  ({
-    model = {},
-    rules,
-    labelWidth,
-    labelPosition = "right",
-    labelAlign,
-    size = "md",
-    inlineMessage = true,
-    showRequiredAsterisk = true,
-    disabled = false,
-    loading = false,
-    children,
-    onSubmit,
-    onValidate,
-    onChange,
-    className,
-    fieldDependencies,
-    conditions,
-    validateDebounce = 0,
-    undoable = false,
-    maxHistorySize = 50,
-    locale,
-    ...props
-  }, ref) => {
-    const resolvedLabelAlign = _nullishCoalesce(labelAlign, () => ( (labelPosition === "top" ? "left" : "right")));
-    const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-    const validationMessages = _react.useMemo.call(void 0, 
-      () => _tigercatcore.getFormValidationLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale)),
-      [config.locale, locale]
-    );
-    const [errors, setErrors] = _react.useState.call(void 0, []);
-    const fieldRulesRef = _react2.default.useRef({});
-    const fieldConditionsRef = _react2.default.useRef({});
-    const formValuesRef = _react2.default.useRef(model);
-    const initialValuesRef = _react2.default.useRef({ ...model });
-    const validationDebouncerRef = _react2.default.useRef(
-      _tigercatcore.createFormValidationDebouncer.call(void 0, { delay: validateDebounce })
-    );
-    const errorsByField = _react.useMemo.call(void 0, () => _tigercatcore.createFormErrorMap.call(void 0, errors), [errors]);
-    const [historyState, setHistoryState] = _react.useState.call(void 0, () => _tigercatcore.createFormHistory.call(void 0, model, maxHistorySize));
-    _react2.default.useEffect(() => {
-      validationDebouncerRef.current.cancel();
-      validationDebouncerRef.current = _tigercatcore.createFormValidationDebouncer.call(void 0, { delay: validateDebounce });
-      return () => validationDebouncerRef.current.cancel();
-    }, [validateDebounce]);
-    formValuesRef.current = model;
-    const registerFieldRules = _react.useCallback.call(void 0, 
-      (fieldName, nextRules) => {
-        if (!fieldName) {
-          return;
-        }
-        if (!nextRules) {
-          delete fieldRulesRef.current[fieldName];
-          return;
-        }
-        fieldRulesRef.current[fieldName] = nextRules;
-      },
-      []
-    );
-    const registerFieldCondition = _react.useCallback.call(void 0, 
-      (fieldName, condition) => {
-        if (!fieldName) {
-          return;
-        }
-        if (!condition) {
-          delete fieldConditionsRef.current[fieldName];
-          return;
-        }
-        fieldConditionsRef.current[fieldName] = condition;
-      },
-      []
-    );
-    const getEffectiveConditions = _react.useCallback.call(void 0, () => {
-      const merged = { ..._nullishCoalesce(conditions, () => ( {})), ...fieldConditionsRef.current };
-      return Object.keys(merged).length > 0 ? merged : void 0;
-    }, [conditions]);
-    const getMergedFieldCondition = _react.useCallback.call(void 0, 
-      (fieldName, conditionOverride) => {
-        const base = _optionalChain([getEffectiveConditions, 'call', _2 => _2(), 'optionalAccess', _3 => _3[fieldName]]);
-        return base || conditionOverride ? { ..._nullishCoalesce(base, () => ( {})), ..._nullishCoalesce(conditionOverride, () => ( {})) } : void 0;
-      },
-      [getEffectiveConditions]
-    );
-    const getFieldConditionState = _react.useCallback.call(void 0, 
-      (fieldName, conditionOverride) => {
-        return _tigercatcore.resolveFormFieldConditionState.call(void 0, 
-          formValuesRef.current,
-          getMergedFieldCondition(fieldName, conditionOverride)
-        );
-      },
-      [getMergedFieldCondition]
-    );
-    const getEffectiveRules = _react.useCallback.call(void 0, () => {
-      const fromForm = _nullishCoalesce(rules, () => ( {}));
-      const fromItems = fieldRulesRef.current;
-      const merged = { ...fromForm, ...fromItems };
-      const nextRules = Object.keys(merged).length > 0 ? merged : void 0;
-      return _tigercatcore.resolveConditionalFormRules.call(void 0, formValuesRef.current, nextRules, getEffectiveConditions());
-    }, [rules, getEffectiveConditions]);
-    const resolveFieldRules = _react.useCallback.call(void 0, 
-      (fieldName, rulesOverride) => {
-        const fieldRules = _nullishCoalesce(_nullishCoalesce(rulesOverride, () => ( fieldRulesRef.current[fieldName])), () => ( _optionalChain([rules, 'optionalAccess', _4 => _4[fieldName]])));
-        const resolved = _tigercatcore.resolveConditionalFormRules.call(void 0, 
-          formValuesRef.current,
-          fieldRules ? { [fieldName]: fieldRules } : void 0,
-          getEffectiveConditions()
-        );
-        return _optionalChain([resolved, 'optionalAccess', _5 => _5[fieldName]]);
-      },
-      [rules, getEffectiveConditions]
-    );
-    const getDependencyMap = _react.useCallback.call(void 0, () => {
-      const conditionDependencies = _tigercatcore.createFormConditionDependencies.call(void 0, getEffectiveConditions());
-      if (!fieldDependencies && conditionDependencies.size === 0) {
-        return void 0;
-      }
-      const merged = new Map(_nullishCoalesce(fieldDependencies, () => ( [])));
-      for (const [fieldName, dependencies] of conditionDependencies.entries()) {
-        const current = _nullishCoalesce(merged.get(fieldName), () => ( []));
-        merged.set(fieldName, Array.from(/* @__PURE__ */ new Set([...current, ...dependencies])));
-      }
-      return merged;
-    }, [fieldDependencies, getEffectiveConditions]);
-    const runFieldValidation = _react.useCallback.call(void 0, 
-      async (fieldName, rulesOverride, trigger) => {
-        const fieldRules = resolveFieldRules(fieldName, rulesOverride);
-        if (!fieldRules) {
-          return null;
-        }
-        const currentValues = formValuesRef.current;
-        const value = _tigercatcore.getValueByPath.call(void 0, currentValues, fieldName);
-        return _tigercatcore.validateField.call(void 0, 
-          fieldName,
-          value,
-          fieldRules,
-          currentValues,
-          trigger,
-          validationMessages
-        );
-      },
-      [resolveFieldRules, validationMessages]
-    );
-    const validateFieldNow = _react.useCallback.call(void 0, 
-      async (fieldName, rulesOverride, trigger) => {
-        const conditionState = getFieldConditionState(fieldName);
-        if (!conditionState.shown || conditionState.disabled) {
-          setErrors((prevErrors) => prevErrors.filter((error) => error.field !== fieldName));
-          _optionalChain([onValidate, 'optionalCall', _6 => _6(fieldName, true, null)]);
-          return;
-        }
-        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 = _nullishCoalesce(_optionalChain([existing, 'optionalAccess', _7 => _7.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;
-          });
-          _optionalChain([onValidate, 'optionalCall', _8 => _8(fieldName, !error, error)]);
-        }
-        const dependencyMap = getDependencyMap();
-        if (dependencyMap) {
-          const dependents = _tigercatcore.getDependentFields.call(void 0, fieldName, dependencyMap);
-          for (const dep of dependents) {
-            await validateFieldNow(dep);
-          }
-        }
-      },
-      [resolveFieldRules, runFieldValidation, onValidate, getFieldConditionState, getDependencyMap]
-    );
-    const validateField = _react.useCallback.call(void 0, 
-      async (fieldName, rulesOverride, trigger) => {
-        if (trigger === "change" && validateDebounce > 0) {
-          return validationDebouncerRef.current.schedule(
-            fieldName,
-            () => validateFieldNow(fieldName, rulesOverride, trigger)
-          );
-        }
-        validationDebouncerRef.current.cancel(fieldName);
-        return validateFieldNow(fieldName, rulesOverride, trigger);
-      },
-      [validateDebounce, validateFieldNow]
-    );
-    const runValidation = _react.useCallback.call(void 0, async () => {
-      validationDebouncerRef.current.cancel();
-      const effectiveRules = getEffectiveRules();
-      if (!effectiveRules) {
-        setErrors([]);
-        return { valid: true, errors: [] };
-      }
-      const result = await _tigercatcore.validateForm.call(void 0, formValuesRef.current, effectiveRules, validationMessages);
-      setErrors(result.errors);
-      return result;
-    }, [getEffectiveRules, validationMessages]);
-    const validate = _react.useCallback.call(void 0, async () => {
-      const result = await runValidation();
-      return result.valid;
-    }, [runValidation]);
-    const validateFields = _react.useCallback.call(void 0, 
-      async (fieldNames) => {
-        if (!fieldNames || fieldNames.length === 0) {
-          return true;
-        }
-        fieldNames.forEach((fieldName) => validationDebouncerRef.current.cancel(fieldName));
-        const nextErrors = [];
-        const fieldSet = new Set(fieldNames);
-        for (const fieldName of fieldNames) {
-          const fieldRules = resolveFieldRules(fieldName);
-          if (!fieldRules) {
-            _optionalChain([onValidate, 'optionalCall', _9 => _9(fieldName, true, null)]);
-            continue;
-          }
-          const error = await runFieldValidation(fieldName);
-          if (error) {
-            nextErrors.push({ field: fieldName, message: error });
-          }
-          _optionalChain([onValidate, 'optionalCall', _10 => _10(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.call(void 0, (fieldNames) => {
-      if (!fieldNames) {
-        validationDebouncerRef.current.cancel();
-        setErrors([]);
-        return;
-      }
-      const fields = Array.isArray(fieldNames) ? fieldNames : [fieldNames];
-      fields.forEach((fieldName) => validationDebouncerRef.current.cancel(fieldName));
-      setErrors((prevErrors) => prevErrors.filter((error) => !fields.includes(error.field)));
-    }, []);
-    const resetFields = _react.useCallback.call(void 0, () => {
-      clearValidate();
-      const next = { ...initialValuesRef.current };
-      formValuesRef.current = next;
-      _optionalChain([onChange, 'optionalCall', _11 => _11(next)]);
-      if (undoable) {
-        setHistoryState(_tigercatcore.createFormHistory.call(void 0, next, maxHistorySize));
-      }
-    }, [clearValidate, onChange, undoable, maxHistorySize]);
-    const addField = _react.useCallback.call(void 0, 
-      (fieldName, defaultValue) => {
-        if (!fieldName) return;
-        const next = { ...formValuesRef.current, [fieldName]: _nullishCoalesce(defaultValue, () => ( null)) };
-        formValuesRef.current = next;
-        _optionalChain([onChange, 'optionalCall', _12 => _12(next)]);
-      },
-      [onChange]
-    );
-    const removeField = _react.useCallback.call(void 0, 
-      (fieldName) => {
-        if (!fieldName) return;
-        const { [fieldName]: _, ...next } = formValuesRef.current;
-        formValuesRef.current = next;
-        _optionalChain([onChange, 'optionalCall', _13 => _13(next)]);
-        clearValidate(fieldName);
-      },
-      [onChange, clearValidate]
-    );
-    const updateValue = _react.useCallback.call(void 0, 
-      (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;
-        };
-        const newValues = setValueByPath(formValuesRef.current, fieldName, value);
-        formValuesRef.current = newValues;
-        _optionalChain([onChange, 'optionalCall', _14 => _14(newValues)]);
-      },
-      [onChange]
-    );
-    const snapshotHistory = _react.useCallback.call(void 0, () => {
-      if (!undoable) return;
-      setHistoryState((prev) => _tigercatcore.pushFormHistory.call(void 0, prev, formValuesRef.current));
-    }, [undoable]);
-    const undo = _react.useCallback.call(void 0, () => {
-      if (!undoable) return;
-      setHistoryState((prev) => {
-        const result = _tigercatcore.undoFormHistory.call(void 0, prev);
-        if (result) {
-          formValuesRef.current = result.present;
-          _optionalChain([onChange, 'optionalCall', _15 => _15(result.present)]);
-          return result;
-        }
-        return prev;
-      });
-    }, [undoable, onChange]);
-    const redo = _react.useCallback.call(void 0, () => {
-      if (!undoable) return;
-      setHistoryState((prev) => {
-        const result = _tigercatcore.redoFormHistory.call(void 0, prev);
-        if (result) {
-          formValuesRef.current = result.present;
-          _optionalChain([onChange, 'optionalCall', _16 => _16(result.present)]);
-          return result;
-        }
-        return prev;
-      });
-    }, [undoable, onChange]);
-    const handleSubmit = _react.useCallback.call(void 0, 
-      async (event) => {
-        event.preventDefault();
-        if (loading) return;
-        const result = await runValidation();
-        _optionalChain([onSubmit, 'optionalCall', _17 => _17({ ...result, values: formValuesRef.current })]);
-      },
-      [runValidation, onSubmit, loading]
-    );
-    _react.useImperativeHandle.call(void 0, 
-      ref,
-      () => ({
-        validate,
-        validateFields,
-        validateField,
-        clearValidate,
-        resetFields,
-        addField,
-        removeField,
-        undo,
-        redo,
-        snapshotHistory,
-        canUndo: _tigercatcore.canUndo.call(void 0, historyState),
-        canRedo: _tigercatcore.canRedo.call(void 0, historyState)
-      }),
-      [
-        validate,
-        validateFields,
-        validateField,
-        clearValidate,
-        resetFields,
-        addField,
-        removeField,
-        undo,
-        redo,
-        snapshotHistory,
-        historyState
-      ]
-    );
-    const contextValue = _react.useMemo.call(void 0, 
-      () => ({
-        model,
-        rules,
-        labelWidth,
-        labelPosition,
-        labelAlign: resolvedLabelAlign,
-        size,
-        inlineMessage,
-        showRequiredAsterisk,
-        disabled,
-        loading,
-        errors,
-        errorsByField,
-        registerFieldRules,
-        registerFieldCondition,
-        getFieldConditionState,
-        validateField,
-        clearValidate,
-        updateValue
-      }),
-      [
-        model,
-        rules,
-        labelWidth,
-        labelPosition,
-        resolvedLabelAlign,
-        size,
-        inlineMessage,
-        showRequiredAsterisk,
-        disabled,
-        loading,
-        errors,
-        errorsByField,
-        registerFieldRules,
-        registerFieldCondition,
-        getFieldConditionState,
-        validateField,
-        clearValidate,
-        updateValue
-      ]
-    );
-    const formClasses = _tigercatcore.classNames.call(void 0, 
-      "tiger-form",
-      `tiger-form--label-${labelPosition}`,
-      disabled && "tiger-form--disabled",
-      loading && "tiger-form--loading",
-      className
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "form", { className: formClasses, onSubmit: handleSubmit, ...props, children }) });
-  }
-);
-Form.displayName = "TigerForm";
-
-
-
-
-exports.useFormContext = useFormContext; exports.Form = Form;