@1money/react-ui 1.16.0 → 1.17.0

package/lib/components/Form/style/Form.css

@@ -0,0 +1 @@
+.om-react-ui-form,.om-react-ui-form-root{--om-form-spacing-xs:4px;--om-form-spacing-sm:8px;--om-form-spacing-md:12px;--om-form-spacing-lg:16px;--om-form-control-height:44px;--om-form-font-size-base:14px;--om-form-line-height-base:20px;--om-form-font-size-help:12px;--om-form-line-height-help:18px;--om-form-opacity-disabled:0.6}.om-react-ui-form-root{width:100%}.om-react-ui-form-layout-horizontal .om-react-ui-form-item-root{display:flex;align-items:flex-start}.om-react-ui-form-layout-vertical .om-react-ui-form-item-root{display:flex;flex-direction:column}.om-react-ui-form-layout-inline{display:flex;flex-wrap:wrap;gap:var(--om-form-spacing-lg)}.om-react-ui-form-label-left .om-react-ui-form-item-label{text-align:left}.om-react-ui-form-item,.om-react-ui-form-item-root{--om-form-spacing-xs:4px;--om-form-spacing-sm:8px;--om-form-spacing-md:12px;--om-form-spacing-lg:16px;--om-form-control-height:44px;--om-form-font-size-base:14px;--om-form-line-height-base:20px;--om-form-font-size-help:12px;--om-form-line-height-help:18px;--om-form-opacity-disabled:0.6}.om-react-ui-form-item-root{width:100%;margin-bottom:var(--om-form-spacing-lg)}.om-react-ui-form-item-label{display:flex;flex:0 0 var(--om-form-label-width,25%);align-items:center;justify-content:flex-end;min-width:-moz-fit-content;min-width:fit-content;min-height:var(--om-form-control-height);padding-right:var(--om-form-spacing-md);color:#131313;font-size:var(--om-form-font-size-base);line-height:var(--om-form-line-height-base);white-space:nowrap;text-align:right}.om-react-ui-form-item-label-required:before{margin-right:var(--om-form-spacing-xs);color:#ae0000;content:"*"}.om-react-ui-form-item-colon{margin-left:var(--om-form-spacing-xs)}.om-react-ui-form-item-control{flex:1 1 auto;max-width:var(--om-form-wrapper-width,75%)}.om-react-ui-form-item-content{display:flex;flex-direction:column;gap:var(--om-form-spacing-sm)}.om-react-ui-form-item-content-disabled{opacity:var(--om-form-opacity-disabled)}.om-react-ui-form-item-help{color:#646465;font-size:var(--om-form-font-size-help);line-height:var(--om-form-line-height-help)}.om-react-ui-form-item-help-error{color:#ae0000}.om-react-ui-form-item-help-warning{color:#db8600}.om-react-ui-form-item-help-success{color:#1f5800}.om-react-ui-form-item-content-error{--om-form-item-status-color:#ae0000}.om-react-ui-form-item-content-warning{--om-form-item-status-color:#db8600}.om-react-ui-form-item-content-success{--om-form-item-status-color:#1f5800}.om-react-ui-form-item-content-validating{--om-form-item-status-color:#3d7cf5}.om-react-ui-form-item-extra{color:#9fa3a3;font-size:var(--om-form-font-size-help);line-height:var(--om-form-line-height-help)}.om-react-ui-form-layout-vertical .om-react-ui-form-item-label{flex:0 0 auto;justify-content:flex-start;min-width:0;min-height:auto;margin-bottom:var(--om-form-spacing-sm);padding-right:0;white-space:normal;text-align:left}.om-react-ui-form-layout-vertical .om-react-ui-form-item-control{max-width:100%}.om-react-ui-form-layout-inline .om-react-ui-form-item-root{width:auto;margin-bottom:0}

package/lib/components/Form/style/Form.scss

@@ -0,0 +1,167 @@
+@use '../../../variable.scss' as *;
+
+// Intentionally token-level SCSS (no global tag selectors): spacing/typography/
+// opacity values are centralized as component CSS variables for predictable BEM output.
+$component: 'form';
+$cls: #{$prefix}-#{$component};
+
+@mixin om-form-token-vars {
+  --om-form-spacing-xs: 4px;
+  --om-form-spacing-sm: 8px;
+  --om-form-spacing-md: 12px;
+  --om-form-spacing-lg: 16px;
+  --om-form-control-height: 44px;
+  --om-form-font-size-base: 14px;
+  --om-form-line-height-base: 20px;
+  --om-form-font-size-help: 12px;
+  --om-form-line-height-help: 18px;
+  --om-form-opacity-disabled: 0.6;
+}
+
+.#{$cls} {
+  @include om-form-token-vars;
+
+  &-root {
+    width: 100%;
+
+    @include om-form-token-vars;
+  }
+
+  &-layout-horizontal .#{$prefix}-form-item-root {
+    display: flex;
+    align-items: flex-start;
+  }
+
+  &-layout-vertical .#{$prefix}-form-item-root {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &-layout-inline {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--om-form-spacing-lg);
+  }
+
+  &-label-left .#{$prefix}-form-item-label {
+    text-align: left;
+  }
+}
+
+$item: 'form-item';
+$item-cls: #{$prefix}-#{$item};
+
+.#{$item-cls} {
+  @include om-form-token-vars;
+
+  &-root {
+    width: 100%;
+    margin-bottom: var(--om-form-spacing-lg);
+
+    @include om-form-token-vars;
+  }
+
+  &-label {
+    display: flex;
+    flex: 0 0 var(--om-form-label-width, 25%);
+    align-items: center;
+    justify-content: flex-end;
+    min-width: fit-content;
+    min-height: var(--om-form-control-height);
+    padding-right: var(--om-form-spacing-md);
+    color: $color-primary-black;
+    font-size: var(--om-form-font-size-base);
+    line-height: var(--om-form-line-height-base);
+    white-space: nowrap;
+    text-align: right;
+  }
+
+  &-label-required::before {
+    margin-right: var(--om-form-spacing-xs);
+    color: $color-negative;
+    content: '*';
+  }
+
+  &-colon {
+    margin-left: var(--om-form-spacing-xs);
+  }
+
+  &-control {
+    flex: 1 1 auto;
+    max-width: var(--om-form-wrapper-width, 75%);
+  }
+
+  &-content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--om-form-spacing-sm);
+  }
+
+  &-content-disabled {
+    opacity: var(--om-form-opacity-disabled);
+  }
+
+  &-help {
+    color: $color-grey-midnight;
+    font-size: var(--om-form-font-size-help);
+    line-height: var(--om-form-line-height-help);
+  }
+
+  &-help-error {
+    color: $color-negative;
+  }
+
+  &-help-warning {
+    color: $color-warning-dark;
+  }
+
+  &-help-success {
+    color: $color-success;
+  }
+
+  &-content-error {
+    --om-form-item-status-color: #{$color-negative};
+  }
+
+  &-content-warning {
+    --om-form-item-status-color: #{$color-warning-dark};
+  }
+
+  &-content-success {
+    --om-form-item-status-color: #{$color-success};
+  }
+
+  &-content-validating {
+    --om-form-item-status-color: #{$color-info};
+  }
+
+  &-extra {
+    color: $color-grey-dark;
+    font-size: var(--om-form-font-size-help);
+    line-height: var(--om-form-line-height-help);
+  }
+}
+
+.#{$prefix}-form-layout-vertical {
+  .#{$item-cls}-label {
+    flex: 0 0 auto;
+    justify-content: flex-start;
+    min-width: 0;
+    min-height: auto;
+    margin-bottom: var(--om-form-spacing-sm);
+    padding-right: 0;
+    white-space: normal;
+    text-align: left;
+  }
+
+  .#{$item-cls}-control {
+    max-width: 100%;
+  }
+}
+
+.#{$prefix}-form-layout-inline {
+  .#{$item-cls}-root {
+    width: auto;
+    margin-bottom: 0;
+  }
+}

package/lib/components/Form/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Form.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRm9ybS9zcmMvY29tcG9uZW50cy9Gb3JtL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Form/style/index.d.ts

@@ -0,0 +1 @@
+import './Form.scss';

package/lib/components/Form/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Form.scss");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvRm9ybS9zcmMvY29tcG9uZW50cy9Gb3JtL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Form/useFormItemContext.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from 'react';
+import type { FieldValues, UseFormReturn } from 'react-hook-form';
+interface FallbackFormProviderProps {
+    children: ReactNode;
+}
+/**
+ * Lazily creates form methods only when mounted.
+ *
+ * Use this provider when rendering form-aware components outside `<Form>`.
+ */
+export declare function FallbackFormProvider({ children }: FallbackFormProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<UseFormReturn<FieldValues> | null>>;
+/**
+ * Resolves form context for a `<FormItem>`.
+ *
+ * When rendered inside a `<Form>`, this hook uses the context-provided
+ * `react-hook-form` methods. Otherwise it reads methods from
+ * {@link FallbackFormProvider}, which creates a local `useForm()` instance.
+ *
+ * A development-only console warning is emitted (once per field name) when
+ * a `name` prop is set but no parent `<Form>` context is found.
+ *
+ * @template TFieldValues - The shape of the form values.
+ * @param name - The field name, used for the missing-context warning check.
+ * @returns An object with `ctx` (form context or `null`), `methods`, `control`, and `trigger`.
+ */
+export declare function useFormItemContext<TFieldValues extends FieldValues = FieldValues>(name?: string): {
+    ctx: import("./interface").FormContextValue | null;
+    methods: UseFormReturn<TFieldValues>;
+    control: import("react-hook-form").Control<TFieldValues, any, TFieldValues>;
+    trigger: import("react-hook-form").UseFormTrigger<TFieldValues>;
+};
+export {};

package/lib/components/Form/useFormItemContext.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FallbackFormProvider = FallbackFormProvider;
+exports.useFormItemContext = useFormItemContext;
+var _react = require("react");
+var _reactHookForm = require("react-hook-form");
+var _Form = require("./Form");
+var FallbackFormContext = /*#__PURE__*/(0, _react.createContext)(null);
+/**
+ * Lazily creates form methods only when mounted.
+ *
+ * Use this provider when rendering form-aware components outside `<Form>`.
+ */
+function FallbackFormProvider(_ref) {
+  var children = _ref.children;
+  var methods = (0, _reactHookForm.useForm)();
+  return /*#__PURE__*/(0, _react.createElement)(FallbackFormContext.Provider, {
+    value: methods
+  }, children);
+}
+/**
+ * Resolves form context for a `<FormItem>`.
+ *
+ * When rendered inside a `<Form>`, this hook uses the context-provided
+ * `react-hook-form` methods. Otherwise it reads methods from
+ * {@link FallbackFormProvider}, which creates a local `useForm()` instance.
+ *
+ * A development-only console warning is emitted (once per field name) when
+ * a `name` prop is set but no parent `<Form>` context is found.
+ *
+ * @template TFieldValues - The shape of the form values.
+ * @param name - The field name, used for the missing-context warning check.
+ * @returns An object with `ctx` (form context or `null`), `methods`, `control`, and `trigger`.
+ */
+function useFormItemContext(name) {
+  var _a;
+  var ctx = (0, _react.useContext)(_Form.FormContext);
+  var fallbackMethods = (0, _react.useContext)(FallbackFormContext);
+  var warnedRef = (0, _react.useRef)(new Set());
+  var methods = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.methods) !== null && _a !== void 0 ? _a : fallbackMethods;
+  if (!methods) {
+    throw new Error('[FormItem] No form control found. Wrap with <Form> or mount inside <FallbackFormProvider>.');
+  }
+  var control = methods.control;
+  var trigger = methods.trigger;
+  (0, _react.useEffect)(function () {
+    if (name && !(ctx === null || ctx === void 0 ? void 0 : ctx.methods) && !warnedRef.current.has(name)) {
+      warnedRef.current.add(name);
+      console.warn('[FormItem] `name` prop is set but no form control found. Wrap FormItem inside a <Form> component.');
+    }
+  }, [name, ctx === null || ctx === void 0 ? void 0 : ctx.methods]);
+  return {
+    ctx: ctx,
+    methods: methods,
+    control: control,
+    trigger: trigger
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybS91c2VGb3JtSXRlbUNvbnRleHQudHMiLCJjb21wb25lbnRzL0Zvcm0vdXNlRm9ybUl0ZW1Db250ZXh0LmpzIl0sIm5hbWVzIjpbIl9yZWFjdCIsInJlcXVpcmUiLCJfcmVhY3RIb29rRm9ybSIsIl9Gb3JtIiwiRmFsbGJhY2tGb3JtQ29udGV4dCIsImNyZWF0ZUNvbnRleHQiLCJGYWxsYmFja0Zvcm1Qcm92aWRlciIsIl9yZWYiLCJjaGlsZHJlbiIsIm1ldGhvZHMiLCJ1c2VGb3JtIiwiY3JlYXRlRWxlbWVudCIsIlByb3ZpZGVyIiwidmFsdWUiLCJ1c2VGb3JtSXRlbUNvbnRleHQiLCJuYW1lIiwiX2EiLCJjdHgiLCJ1c2VDb250ZXh0IiwiRm9ybUNvbnRleHQiLCJmYWxsYmFja01ldGhvZHMiLCJ3YXJuZWRSZWYiLCJ1c2VSZWYiLCJTZXQiLCJFcnJvciIsImNvbnRyb2wiLCJ0cmlnZ2VyIiwidXNlRWZmZWN0IiwiY3VycmVudCIsImhhcyIsImFkZCIsImNvbnNvbGUiLCJ3YXJuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsSUFBQUEsTUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsY0FBQSxHQUFBRCxPQUFBO0FBR0EsSUFBQUUsS0FBQSxHQUFBRixPQUFBO0FBRUEsSUFBTUcsbUJBQW1CLGdCQUFHLElBQUFDLG9CQUFhLEVBQW9DLElBQUksQ0FBQztBQU1sRjtBQ1BBO0FBQ0E7QUFDQTtBQUNBO0FEU00sU0FBVUMsb0JBQW9CQSxDQUFBQyxJQUFBLEVBQXdDO0VBQUEsSUFBckNDLFFBQVEsR0FBQUQsSUFBQSxDQUFSQyxRQUFRO0VBQzdDLElBQU1DLE9BQU8sR0FBRyxJQUFBQyxzQkFBTyxFQUFBLENBQWU7RUFDdEMsb0JBQU8sSUFBQUMsb0JBQWEsRUFBQ1AsbUJBQW1CLENBQUNRLFFBQVEsRUFBRTtJQUFFQyxLQUFLLEVBQUVKO0VBQU8sQ0FBRSxFQUFFRCxRQUFRLENBQUM7QUFDbEY7QUFFQTtBQ1JBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FEVU0sU0FBVU0sa0JBQWtCQSxDQUFpREMsSUFBYSxFQUFBO0VDUjVGLElBQUlDLEVBQUU7RURTUixJQUFNQyxHQUFHLEdBQUcsSUFBQUMsaUJBQVUsRUFBQ0MsaUJBQVcsQ0FBQztFQUNuQyxJQUFNQyxlQUFlLEdBQUcsSUFBQUYsaUJBQVUsRUFBQ2QsbUJBQW1CLENBQUM7RUFDdkQsSUFBTWlCLFNBQVMsR0FBRyxJQUFBQyxhQUFNLEVBQWMsSUFBSUMsR0FBRyxDQUFBLENBQUUsQ0FBQztFQUNoRCxJQUFNZCxPQUFPLEdBQUcsQ0FBQU8sRUFBQSxHQUFDQyxHQUFHLEtBQUEsSUFBQSxJQUFIQSxHQUFHLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQUhBLEdBQUcsQ0FBRVIsT0FBbUQsTUFBQSxJQUFBLElBQUFPLEVBQUEsS0FBQSxLQUFBLENBQUEsR0FBQUEsRUFBQSxHQUNuRUksZUFBc0Q7RUFFNUQsSUFBSSxDQUFDWCxPQUFPLEVBQUU7SUFDWixNQUFNLElBQUllLEtBQUssQ0FDYiw0RkFBNEYsQ0FDN0Y7RUFDSDtFQUVBLElBQU1DLE9BQU8sR0FBR2hCLE9BQU8sQ0FBQ2dCLE9BQU87RUFDL0IsSUFBTUMsT0FBTyxHQUFHakIsT0FBTyxDQUFDaUIsT0FBTztFQUUvQixJQUFBQyxnQkFBUyxFQUFDLFlBQUs7SUFDYixJQUFJWixJQUFJLElBQUksRUFBQ0UsR0FBRyxLQUFBLElBQUEsSUFBSEEsR0FBRyxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFIQSxHQUFHLENBQUVSLE9BQU8sQ0FBQSxJQUFJLENBQUNZLFNBQVMsQ0FBQ08sT0FBTyxDQUFDQyxHQUFHLENBQUNkLElBQUksQ0FBQyxFQUFFO01BQ3pETSxTQUFTLENBQUNPLE9BQU8sQ0FBQ0UsR0FBRyxDQUFDZixJQUFJLENBQUM7TUFDM0JnQixPQUFPLENBQUNDLElBQUksQ0FBQyxtR0FBbUcsQ0FBQztJQUNuSDtFQUNGLENBQUMsRUFBRSxDQUFDakIsSUFBSSxFQUFFRSxHQUFHLEtBQUEsSUFBQSxJQUFIQSxHQUFHLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQUhBLEdBQUcsQ0FBRVIsT0FBTyxDQUFDLENBQUM7RUFFeEIsT0FBTztJQUFFUSxHQUFHLEVBQUhBLEdBQUc7SUFBRVIsT0FBTyxFQUFQQSxPQUFPO0lBQUVnQixPQUFPLEVBQVBBLE9BQU87SUFBRUMsT0FBTyxFQUFQQTtFQUFPLENBQUU7QUFDM0MiLCJmaWxlIjoiY29tcG9uZW50cy9Gb3JtL3VzZUZvcm1JdGVtQ29udGV4dC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiaW1wb3J0IHsgY3JlYXRlQ29udGV4dCwgY3JlYXRlRWxlbWVudCwgdXNlQ29udGV4dCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VGb3JtIH0gZnJvbSAncmVhY3QtaG9vay1mb3JtJztcbmltcG9ydCB7IEZvcm1Db250ZXh0IH0gZnJvbSAnLi9Gb3JtJztcbmNvbnN0IEZhbGxiYWNrRm9ybUNvbnRleHQgPSBjcmVhdGVDb250ZXh0KG51bGwpO1xuLyoqXG4gKiBMYXppbHkgY3JlYXRlcyBmb3JtIG1ldGhvZHMgb25seSB3aGVuIG1vdW50ZWQuXG4gKlxuICogVXNlIHRoaXMgcHJvdmlkZXIgd2hlbiByZW5kZXJpbmcgZm9ybS1hd2FyZSBjb21wb25lbnRzIG91dHNpZGUgYDxGb3JtPmAuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBGYWxsYmFja0Zvcm1Qcm92aWRlcih7IGNoaWxkcmVuIH0pIHtcbiAgICBjb25zdCBtZXRob2RzID0gdXNlRm9ybSgpO1xuICAgIHJldHVybiBjcmVhdGVFbGVtZW50KEZhbGxiYWNrRm9ybUNvbnRleHQuUHJvdmlkZXIsIHsgdmFsdWU6IG1ldGhvZHMgfSwgY2hpbGRyZW4pO1xufVxuLyoqXG4gKiBSZXNvbHZlcyBmb3JtIGNvbnRleHQgZm9yIGEgYDxGb3JtSXRlbT5gLlxuICpcbiAqIFdoZW4gcmVuZGVyZWQgaW5zaWRlIGEgYDxGb3JtPmAsIHRoaXMgaG9vayB1c2VzIHRoZSBjb250ZXh0LXByb3ZpZGVkXG4gKiBgcmVhY3QtaG9vay1mb3JtYCBtZXRob2RzLiBPdGhlcndpc2UgaXQgcmVhZHMgbWV0aG9kcyBmcm9tXG4gKiB7QGxpbmsgRmFsbGJhY2tGb3JtUHJvdmlkZXJ9LCB3aGljaCBjcmVhdGVzIGEgbG9jYWwgYHVzZUZvcm0oKWAgaW5zdGFuY2UuXG4gKlxuICogQSBkZXZlbG9wbWVudC1vbmx5IGNvbnNvbGUgd2FybmluZyBpcyBlbWl0dGVkIChvbmNlIHBlciBmaWVsZCBuYW1lKSB3aGVuXG4gKiBhIGBuYW1lYCBwcm9wIGlzIHNldCBidXQgbm8gcGFyZW50IGA8Rm9ybT5gIGNvbnRleHQgaXMgZm91bmQuXG4gKlxuICogQHRlbXBsYXRlIFRGaWVsZFZhbHVlcyAtIFRoZSBzaGFwZSBvZiB0aGUgZm9ybSB2YWx1ZXMuXG4gKiBAcGFyYW0gbmFtZSAtIFRoZSBmaWVsZCBuYW1lLCB1c2VkIGZvciB0aGUgbWlzc2luZy1jb250ZXh0IHdhcm5pbmcgY2hlY2suXG4gKiBAcmV0dXJucyBBbiBvYmplY3Qgd2l0aCBgY3R4YCAoZm9ybSBjb250ZXh0IG9yIGBudWxsYCksIGBtZXRob2RzYCwgYGNvbnRyb2xgLCBhbmQgYHRyaWdnZXJgLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRm9ybUl0ZW1Db250ZXh0KG5hbWUpIHtcbiAgICB2YXIgX2E7XG4gICAgY29uc3QgY3R4ID0gdXNlQ29udGV4dChGb3JtQ29udGV4dCk7XG4gICAgY29uc3QgZmFsbGJhY2tNZXRob2RzID0gdXNlQ29udGV4dChGYWxsYmFja0Zvcm1Db250ZXh0KTtcbiAgICBjb25zdCB3YXJuZWRSZWYgPSB1c2VSZWYobmV3IFNldCgpKTtcbiAgICBjb25zdCBtZXRob2RzID0gKF9hID0gY3R4ID09PSBudWxsIHx8IGN0eCA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3R4Lm1ldGhvZHMpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGZhbGxiYWNrTWV0aG9kcztcbiAgICBpZiAoIW1ldGhvZHMpIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdbRm9ybUl0ZW1dIE5vIGZvcm0gY29udHJvbCBmb3VuZC4gV3JhcCB3aXRoIDxGb3JtPiBvciBtb3VudCBpbnNpZGUgPEZhbGxiYWNrRm9ybVByb3ZpZGVyPi4nKTtcbiAgICB9XG4gICAgY29uc3QgY29udHJvbCA9IG1ldGhvZHMuY29udHJvbDtcbiAgICBjb25zdCB0cmlnZ2VyID0gbWV0aG9kcy50cmlnZ2VyO1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChuYW1lICYmICEoY3R4ID09PSBudWxsIHx8IGN0eCA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3R4Lm1ldGhvZHMpICYmICF3YXJuZWRSZWYuY3VycmVudC5oYXMobmFtZSkpIHtcbiAgICAgICAgICAgIHdhcm5lZFJlZi5jdXJyZW50LmFkZChuYW1lKTtcbiAgICAgICAgICAgIGNvbnNvbGUud2FybignW0Zvcm1JdGVtXSBgbmFtZWAgcHJvcCBpcyBzZXQgYnV0IG5vIGZvcm0gY29udHJvbCBmb3VuZC4gV3JhcCBGb3JtSXRlbSBpbnNpZGUgYSA8Rm9ybT4gY29tcG9uZW50LicpO1xuICAgICAgICB9XG4gICAgfSwgW25hbWUsIGN0eCA9PT0gbnVsbCB8fCBjdHggPT09IHZvaWQgMCA/IHZvaWQgMCA6IGN0eC5tZXRob2RzXSk7XG4gICAgcmV0dXJuIHsgY3R4LCBtZXRob2RzLCBjb250cm9sLCB0cmlnZ2VyIH07XG59Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Form/useFormItemWatch.d.ts

@@ -0,0 +1,51 @@
+import type { Control, FieldPath, FieldValues, UseFormReturn } from 'react-hook-form';
+import type { FormItemProps } from './interface';
+/**
+ * Return type of {@link useFormItemWatch}.
+ *
+ * @template TFieldValues - The shape of the form values.
+ */
+interface UseFormItemWatchResult<TFieldValues extends FieldValues> {
+    /** Current snapshot of all form values. */
+    allValues: TFieldValues;
+    /** Watched dependency values (array when multiple, single value otherwise). */
+    depValues: unknown;
+    /** Whether the FormItem should render based on `shouldUpdate` evaluation. */
+    shouldRender: boolean;
+}
+/**
+ * Arguments for {@link useFormItemWatch}.
+ *
+ * @template TFieldValues - The shape of the form values.
+ */
+interface UseFormItemWatchArgs<TFieldValues extends FieldValues> {
+    /** The `react-hook-form` `Control` instance. */
+    control: Control<TFieldValues>;
+    /** The `react-hook-form` methods instance. */
+    methods: UseFormReturn<TFieldValues>;
+    /** Field paths that trigger re-validation when their values change. */
+    dependencies?: FormItemProps<TFieldValues>['dependencies'];
+    /** Additional field paths to watch for re-render. */
+    watchNames?: FormItemProps<TFieldValues>['watchNames'];
+    /** Controls when the FormItem re-renders. */
+    shouldUpdate?: FormItemProps<TFieldValues>['shouldUpdate'];
+    /** The field path for this FormItem. */
+    name?: FieldPath<TFieldValues>;
+}
+/**
+ * Consolidates the three `useWatch` subscriptions (dependencies, all values,
+ * and named watches) along with `allValues` derivation and `shouldRender`
+ * gating into a single hook.
+ *
+ * This hook manages:
+ * 1. Watching dependency fields for cross-field re-validation.
+ * 2. Watching all values when `shouldUpdate` requires a full-form comparison.
+ * 3. Watching named fields specified via `watchNames`.
+ * 4. Computing `shouldRender` based on the `shouldUpdate` prop.
+ *
+ * @template TFieldValues - The shape of the form values.
+ * @param args - {@link UseFormItemWatchArgs}
+ * @returns {@link UseFormItemWatchResult} containing current values and render gate.
+ */
+export declare function useFormItemWatch<TFieldValues extends FieldValues = FieldValues>({ control, methods, dependencies, watchNames, shouldUpdate, name, }: UseFormItemWatchArgs<TFieldValues>): UseFormItemWatchResult<TFieldValues>;
+export {};

package/lib/components/Form/useFormItemWatch.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormItemWatch = useFormItemWatch;
+var _react = require("react");
+var _reactHookForm = require("react-hook-form");
+var _usePrevious = _interopRequireDefault(require("../usePrevious"));
+// Module-level constant to avoid recreating empty array on each render.
+var EMPTY_NAMES = [];
+/**
+ * Consolidates the three `useWatch` subscriptions (dependencies, all values,
+ * and named watches) along with `allValues` derivation and `shouldRender`
+ * gating into a single hook.
+ *
+ * This hook manages:
+ * 1. Watching dependency fields for cross-field re-validation.
+ * 2. Watching all values when `shouldUpdate` requires a full-form comparison.
+ * 3. Watching named fields specified via `watchNames`.
+ * 4. Computing `shouldRender` based on the `shouldUpdate` prop.
+ *
+ * @template TFieldValues - The shape of the form values.
+ * @param args - {@link UseFormItemWatchArgs}
+ * @returns {@link UseFormItemWatchResult} containing current values and render gate.
+ */
+function useFormItemWatch(_ref) {
+  var control = _ref.control,
+    methods = _ref.methods,
+    dependencies = _ref.dependencies,
+    watchNames = _ref.watchNames,
+    shouldUpdate = _ref.shouldUpdate,
+    name = _ref.name;
+  var shouldWatchAllValues = shouldUpdate === true || typeof shouldUpdate === 'function';
+  var depNames = (dependencies === null || dependencies === void 0 ? void 0 : dependencies.length) ? dependencies : EMPTY_NAMES;
+  var shouldWatchDeps = !!(name && depNames.length);
+  var watchNamesList = (watchNames === null || watchNames === void 0 ? void 0 : watchNames.length) ? watchNames : EMPTY_NAMES;
+  var shouldWatchNames = !!(watchNames === null || watchNames === void 0 ? void 0 : watchNames.length);
+  var depValues = (0, _reactHookForm.useWatch)({
+    control: control,
+    name: depNames,
+    disabled: !shouldWatchDeps
+  });
+  var watchedAllValues = (0, _reactHookForm.useWatch)({
+    control: control,
+    disabled: !shouldWatchAllValues
+  });
+  var watchedNamesValues = (0, _reactHookForm.useWatch)({
+    control: control,
+    name: watchNamesList,
+    disabled: !shouldWatchNames
+  });
+  var allValues = (0, _react.useMemo)(function () {
+    var getValues = methods.getValues;
+    if (!getValues) return {};
+    if (shouldWatchAllValues) return watchedAllValues !== null && watchedAllValues !== void 0 ? watchedAllValues : getValues();
+    return getValues();
+  }, [methods, shouldWatchAllValues, watchedAllValues,
+  // Intentionally unused in useMemo body: this dependency forces `allValues`
+  // to recompute via methods.getValues() when watched names change while
+  // `shouldWatchAllValues` is false.
+  watchedNamesValues]);
+  var prevValues = (0, _usePrevious["default"])(allValues);
+  var shouldRender = (0, _react.useMemo)(function () {
+    if (!shouldUpdate || shouldUpdate === true) return true;
+    if (prevValues === undefined) return true;
+    return shouldUpdate(prevValues, allValues);
+  }, [allValues, prevValues, shouldUpdate]);
+  return {
+    allValues: allValues,
+    depValues: depValues,
+    shouldRender: shouldRender
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybS91c2VGb3JtSXRlbVdhdGNoLnRzIiwiY29tcG9uZW50cy9Gb3JtL3VzZUZvcm1JdGVtV2F0Y2guanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl9yZWFjdEhvb2tGb3JtIiwiX3VzZVByZXZpb3VzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIkVNUFRZX05BTUVTIiwidXNlRm9ybUl0ZW1XYXRjaCIsIl9yZWYiLCJjb250cm9sIiwibWV0aG9kcyIsImRlcGVuZGVuY2llcyIsIndhdGNoTmFtZXMiLCJzaG91bGRVcGRhdGUiLCJuYW1lIiwic2hvdWxkV2F0Y2hBbGxWYWx1ZXMiLCJkZXBOYW1lcyIsImxlbmd0aCIsInNob3VsZFdhdGNoRGVwcyIsIndhdGNoTmFtZXNMaXN0Iiwic2hvdWxkV2F0Y2hOYW1lcyIsImRlcFZhbHVlcyIsInVzZVdhdGNoIiwiZGlzYWJsZWQiLCJ3YXRjaGVkQWxsVmFsdWVzIiwid2F0Y2hlZE5hbWVzVmFsdWVzIiwiYWxsVmFsdWVzIiwidXNlTWVtbyIsImdldFZhbHVlcyIsInByZXZWYWx1ZXMiLCJ1c2VQcmV2aW91cyIsInNob3VsZFJlbmRlciIsInVuZGVmaW5lZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLGNBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFlBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQXNDQTtBQUNBLElBQU1JLFdBQVcsR0FBWSxFQUFFO0FBRS9CO0FDckNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUR1Q00sU0FBVUMsZ0JBQWdCQSxDQUFBQyxJQUFBLEVBT0s7RUFBQSxJQU5uQ0MsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87SUFDUEMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9BQU87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LCJpbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlV2F0Y2ggfSBmcm9tICdyZWFjdC1ob29rLWZvcm0nO1xuaW1wb3J0IHVzZVByZXZpb3VzIGZyb20gJy4uL3VzZVByZXZpb3VzJztcbi8vIE1vZHVsZS1sZXZlbCBjb25zdGFudCB0byBhdm9pZCByZWNyZWF0aW5nIGVtcHR5IGFycmF5IG9uIGVhY2ggcmVuZGVyLlxuY29uc3QgRU1QVFlfTkFNRVMgPSBbXTtcbi8qKlxuICogQ29uc29saWRhdGVzIHRoZSB0aHJlZSBgdXNlV2F0Y2hgIHN1YnNjcmlwdGlvbnMgKGRlcGVuZGVuY2llcywgYWxsIHZhbHVlcyxcbiAqIGFuZCBuYW1lZCB3YXRjaGVzKSBhbG9uZyB3aXRoIGBhbGxWYWx1ZXNgIGRlcml2YXRpb24gYW5kIGBzaG91bGRSZW5kZXJgXG4gKiBnYXRpbmcgaW50byBhIHNpbmdsZSBob29rLlxuICpcbiAqIFRoaXMgaG9vayBtYW5hZ2VzOlxuICogMS4gV2F0Y2hpbmcgZGVwZW5kZW5jeSBmaWVsZHMgZm9yIGNyb3NzLWZpZWxkIHJlLXZhbGlkYXRpb24uXG4gKiAyLiBXYXRjaGluZyBhbGwgdmFsdWVzIHdoZW4gYHNob3VsZFVwZGF0ZWAgcmVxdWlyZXMgYSBmdWxsLWZvcm0gY29tcGFyaXNvbi5cbiAqIDMuIFdhdGNoaW5nIG5hbWVkIGZpZWxkcyBzcGVjaWZpZWQgdmlhIGB3YXRjaE5hbWVzYC5cbiAqIDQuIENvbXB1dGluZyBgc2hvdWxkUmVuZGVyYCBiYXNlZCBvbiB0aGUgYHNob3VsZFVwZGF0ZWAgcHJvcC5cbiAqXG4gKiBAdGVtcGxhdGUgVEZpZWxkVmFsdWVzIC0gVGhlIHNoYXBlIG9mIHRoZSBmb3JtIHZhbHVlcy5cbiAqIEBwYXJhbSBhcmdzIC0ge0BsaW5rIFVzZUZvcm1JdGVtV2F0Y2hBcmdzfVxuICogQHJldHVybnMge0BsaW5rIFVzZUZvcm1JdGVtV2F0Y2hSZXN1bHR9IGNvbnRhaW5pbmcgY3VycmVudCB2YWx1ZXMgYW5kIHJlbmRlciBnYXRlLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRm9ybUl0ZW1XYXRjaCh7IGNvbnRyb2wsIG1ldGhvZHMsIGRlcGVuZGVuY2llcywgd2F0Y2hOYW1lcywgc2hvdWxkVXBkYXRlLCBuYW1lLCB9KSB7XG4gICAgY29uc3Qgc2hvdWxkV2F0Y2hBbGxWYWx1ZXMgPSBzaG91bGRVcGRhdGUgPT09IHRydWUgfHwgdHlwZW9mIHNob3VsZFVwZGF0ZSA9PT0gJ2Z1bmN0aW9uJztcbiAgICBjb25zdCBkZXBOYW1lcyA9ICgoZGVwZW5kZW5jaWVzID09PSBudWxsIHx8IGRlcGVuZGVuY2llcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGVwZW5kZW5jaWVzLmxlbmd0aCkgPyBkZXBlbmRlbmNpZXMgOiBFTVBUWV9OQU1FUyk7XG4gICAgY29uc3Qgc2hvdWxkV2F0Y2hEZXBzID0gISEobmFtZSAmJiBkZXBOYW1lcy5sZW5ndGgpO1xuICAgIGNvbnN0IHdhdGNoTmFtZXNMaXN0ID0gKCh3YXRjaE5hbWVzID09PSBudWxsIHx8IHdhdGNoTmFtZXMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHdhdGNoTmFtZXMubGVuZ3RoKSA/IHdhdGNoTmFtZXMgOiBFTVBUWV9OQU1FUyk7XG4gICAgY29uc3Qgc2hvdWxkV2F0Y2hOYW1lcyA9ICEhKHdhdGNoTmFtZXMgPT09IG51bGwgfHwgd2F0Y2hOYW1lcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogd2F0Y2hOYW1lcy5sZW5ndGgpO1xuICAgIGNvbnN0IGRlcFZhbHVlcyA9IHVzZVdhdGNoKHsgY29udHJvbCwgbmFtZTogZGVwTmFtZXMsIGRpc2FibGVkOiAhc2hvdWxkV2F0Y2hEZXBzIH0pO1xuICAgIGNvbnN0IHdhdGNoZWRBbGxWYWx1ZXMgPSB1c2VXYXRjaCh7IGNvbnRyb2wsIGRpc2FibGVkOiAhc2hvdWxkV2F0Y2hBbGxWYWx1ZXMgfSk7XG4gICAgY29uc3Qgd2F0Y2hlZE5hbWVzVmFsdWVzID0gdXNlV2F0Y2goe1xuICAgICAgICBjb250cm9sLFxuICAgICAgICBuYW1lOiB3YXRjaE5hbWVzTGlzdCxcbiAgICAgICAgZGlzYWJsZWQ6ICFzaG91bGRXYXRjaE5hbWVzLFxuICAgIH0pO1xuICAgIGNvbnN0IGFsbFZhbHVlcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBjb25zdCBnZXRWYWx1ZXMgPSBtZXRob2RzLmdldFZhbHVlcztcbiAgICAgICAgaWYgKCFnZXRWYWx1ZXMpXG4gICAgICAgICAgICByZXR1cm4ge307XG4gICAgICAgIGlmIChzaG91bGRXYXRjaEFsbFZhbHVlcylcbiAgICAgICAgICAgIHJldHVybiAod2F0Y2hlZEFsbFZhbHVlcyAhPT0gbnVsbCAmJiB3YXRjaGVkQWxsVmFsdWVzICE9PSB2b2lkIDAgPyB3YXRjaGVkQWxsVmFsdWVzIDogZ2V0VmFsdWVzKCkpO1xuICAgICAgICByZXR1cm4gZ2V0VmFsdWVzKCk7XG4gICAgfSwgW1xuICAgICAgICBtZXRob2RzLFxuICAgICAgICBzaG91bGRXYXRjaEFsbFZhbHVlcyxcbiAgICAgICAgd2F0Y2hlZEFsbFZhbHVlcyxcbiAgICAgICAgLy8gSW50ZW50aW9uYWxseSB1bnVzZWQgaW4gdXNlTWVtbyBib2R5OiB0aGlzIGRlcGVuZGVuY3kgZm9yY2VzIGBhbGxWYWx1ZXNgXG4gICAgICAgIC8vIHRvIHJlY29tcHV0ZSB2aWEgbWV0aG9kcy5nZXRWYWx1ZXMoKSB3aGVuIHdhdGNoZWQgbmFtZXMgY2hhbmdlIHdoaWxlXG4gICAgICAgIC8vIGBzaG91bGRXYXRjaEFsbFZhbHVlc2AgaXMgZmFsc2UuXG4gICAgICAgIHdhdGNoZWROYW1lc1ZhbHVlcyxcbiAgICBdKTtcbiAgICBjb25zdCBwcmV2VmFsdWVzID0gdXNlUHJldmlvdXMoYWxsVmFsdWVzKTtcbiAgICBjb25zdCBzaG91bGRSZW5kZXIgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgaWYgKCFzaG91bGRVcGRhdGUgfHwgc2hvdWxkVXBkYXRlID09PSB0cnVlKVxuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIGlmIChwcmV2VmFsdWVzID09PSB1bmRlZmluZWQpXG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgcmV0dXJuIHNob3VsZFVwZGF0ZShwcmV2VmFsdWVzLCBhbGxWYWx1ZXMpO1xuICAgIH0sIFthbGxWYWx1ZXMsIHByZXZWYWx1ZXMsIHNob3VsZFVwZGF0ZV0pO1xuICAgIHJldHVybiB7IGFsbFZhbHVlcywgZGVwVmFsdWVzLCBzaG91bGRSZW5kZXIgfTtcbn0iXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Form/useValidationTrigger.d.ts

@@ -0,0 +1,40 @@
+import type { FieldPath, FieldValues } from 'react-hook-form';
+import type { FormItemProps } from './interface';
+/**
+ * Arguments for {@link useValidationTrigger}.
+ *
+ * @template TFieldValues - The shape of the form values.
+ */
+interface UseValidationTriggerArgs<TFieldValues extends FieldValues> {
+    /** The field path to validate. When `undefined`, validation is skipped. */
+    name?: FieldPath<TFieldValues>;
+    /** The `trigger` function from `react-hook-form` for imperative validation. */
+    trigger: (name: FieldPath<TFieldValues>) => Promise<boolean>;
+    /** Event(s) that should trigger validation (`'onChange'`, `'onBlur'`, or both). */
+    validateTrigger?: FormItemProps<TFieldValues>['validateTrigger'];
+    /** Debounce delay in milliseconds for triggered validation. */
+    validateDebounce?: number;
+    /** Field paths whose changes should re-trigger this field's validation. */
+    dependencies?: FormItemProps<TFieldValues>['dependencies'];
+    /** Current watched dependency values used to detect changes. */
+    depValues: unknown;
+}
+/**
+ * Encapsulates validation trigger logic for a single form field.
+ *
+ * Responsibilities:
+ * - Normalizes the `validateTrigger` prop into an array of trigger modes.
+ * - Provides a `withTrigger` wrapper that composes event handlers (onChange/onBlur)
+ *   with conditional validation calls.
+ * - Applies optional debounce to validation triggers.
+ * - Re-validates the field when dependency values change (cross-field validation).
+ * - Cleans up debounce timers on unmount.
+ *
+ * @template TFieldValues - The shape of the form values.
+ * @param args - {@link UseValidationTriggerArgs}
+ * @returns An object containing the `withTrigger` function.
+ */
+export declare function useValidationTrigger<TFieldValues extends FieldValues = FieldValues>({ name, trigger, validateTrigger, validateDebounce, dependencies, depValues, }: UseValidationTriggerArgs<TFieldValues>): {
+    withTrigger: (mode: "onBlur" | "onChange", fn?: ((...args: unknown[]) => void) | undefined) => (...args: unknown[]) => void;
+};
+export {};

package/lib/components/Form/useValidationTrigger.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValidationTrigger = useValidationTrigger;
+var _react = require("react");
+var _useMemoizedFn = _interopRequireDefault(require("../useMemoizedFn"));
+var _constants = require("./constants");
+var _helper = require("./helper");
+/**
+ * Encapsulates validation trigger logic for a single form field.
+ *
+ * Responsibilities:
+ * - Normalizes the `validateTrigger` prop into an array of trigger modes.
+ * - Provides a `withTrigger` wrapper that composes event handlers (onChange/onBlur)
+ *   with conditional validation calls.
+ * - Applies optional debounce to validation triggers.
+ * - Re-validates the field when dependency values change (cross-field validation).
+ * - Cleans up debounce timers on unmount.
+ *
+ * @template TFieldValues - The shape of the form values.
+ * @param args - {@link UseValidationTriggerArgs}
+ * @returns An object containing the `withTrigger` function.
+ */
+function useValidationTrigger(_ref) {
+  var name = _ref.name,
+    trigger = _ref.trigger,
+    validateTrigger = _ref.validateTrigger,
+    validateDebounce = _ref.validateDebounce,
+    dependencies = _ref.dependencies,
+    depValues = _ref.depValues;
+  var triggerTimerRef = (0, _react.useRef)(null);
+  var prevDepValuesRef = (0, _react.useRef)(null);
+  var triggerModes = (0, _react.useMemo)(function () {
+    return (0, _helper.normalizeValidateTrigger)(validateTrigger);
+  }, [validateTrigger]);
+  var triggerValidation = (0, _useMemoizedFn["default"])(function () {
+    if (!name) return;
+    var run = function run() {
+      void trigger(name);
+    };
+    if (validateDebounce && validateDebounce > _constants.DEBOUNCE_MIN) {
+      if (triggerTimerRef.current) clearTimeout(triggerTimerRef.current);
+      triggerTimerRef.current = setTimeout(run, validateDebounce);
+      return;
+    }
+    run();
+  });
+  (0, _react.useEffect)(function () {
+    if (!name || !(dependencies === null || dependencies === void 0 ? void 0 : dependencies.length)) return;
+    var nextDeps = Array.isArray(depValues) ? depValues : [depValues];
+    var prevDeps = prevDepValuesRef.current;
+    if (!prevDeps) {
+      prevDepValuesRef.current = nextDeps;
+      return;
+    }
+    if ((0, _helper.shallowEqualArray)(prevDeps, nextDeps)) return;
+    prevDepValuesRef.current = nextDeps;
+    triggerValidation();
+  }, [depValues, dependencies === null || dependencies === void 0 ? void 0 : dependencies.length, name, triggerValidation]);
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (triggerTimerRef.current) clearTimeout(triggerTimerRef.current);
+    };
+  }, []);
+  var shouldTrigger = (0, _useMemoizedFn["default"])(function (mode) {
+    return triggerModes.includes(mode);
+  });
+  var withTrigger = (0, _useMemoizedFn["default"])(function (mode, fn) {
+    return function () {
+      fn === null || fn === void 0 ? void 0 : fn.apply(void 0, arguments);
+      if (name && shouldTrigger(mode)) triggerValidation();
+    };
+  });
+  return {
+    withTrigger: withTrigger
+  };
+}
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvRm9ybS91c2VWYWxpZGF0aW9uVHJpZ2dlci50cyIsImNvbXBvbmVudHMvRm9ybS91c2VWYWxpZGF0aW9uVHJpZ2dlci5qcyJdLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwiX3VzZU1lbW9pemVkRm4iLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2NvbnN0YW50cyIsIl9oZWxwZXIiLCJ1c2VWYWxpZGF0aW9uVHJpZ2dlciIsIl9yZWYiLCJuYW1lIiwidHJpZ2dlciIsInZhbGlkYXRlVHJpZ2dlciIsInZhbGlkYXRlRGVib3VuY2UiLCJkZXBlbmRlbmNpZXMiLCJkZXBWYWx1ZXMiLCJ0cmlnZ2VyVGltZXJSZWYiLCJ1c2VSZWYiLCJwcmV2RGVwVmFsdWVzUmVmIiwidHJpZ2dlck1vZGVzIiwidXNlTWVtbyIsIm5vcm1hbGl6ZVZhbGlkYXRlVHJpZ2dlciIsInRyaWdnZXJWYWxpZGF0aW9uIiwidXNlTWVtb2l6ZWRGbiIsInJ1biIsIkRFQk9VTkNFX01JTiIsImN1cnJlbnQiLCJjbGVhclRpbWVvdXQiLCJzZXRUaW1lb3V0IiwidXNlRWZmZWN0IiwibGVuZ3RoIiwibmV4dERlcHMiLCJBcnJheSIsImlzQXJyYXkiLCJwcmV2RGVwcyIsInNoYWxsb3dFcXVhbEFycmF5Iiwic2hvdWxkVHJpZ2dlciIsIm1vZGUiLCJpbmNsdWRlcyIsIndpdGhUcmlnZ2VyIiwiZm4iLCJhcHBseSIsImFyZ3VtZW50cyJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLGNBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUVBLElBQUFHLFVBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLE9BQUEsR0FBQUosT0FBQTtBQXVCQTtBQ3RCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FEd0JNLFNBQVVLLG9CQUFvQkEsQ0FBQUMsSUFBQSxFQU9LO0VBQUEsSUFOdkNDLElBQUksR0FBQUQsSUFBQSxDQUFKQyxJQUFJO0lBQ0pDLE9BQU8sR0FBQUYsSUFBQSxDQUFQRSxPQUFPO0lBQ1BDLGVBQWUsR0FBQUgsSUFBQSxDQUFmRyxlQUFlO0lBQ2ZDLGdCQUFnQixHQUFBSixJQUFBLENBQWhCSSxnQkFBZ0I7SUFDaEJDLFlBQVksR0FBQUwsSUFBQSxDQUFaSyxZQUFZO0lBQ1pDLFNBQVMsR0FBQU4sSUFBQSxDQUFUTSxTQUFTO0VBRVQsSUFBTUMsZUFBZSxHQUFHLElBQUFDLGFBQU0sRUFBdUMsSUFBSSxDQUFDO0VBQzFFLElBQU1DLGdCQUFnQixHQUFHLElBQUFELGFBQU0sRUFBbUIsSUFBSSxDQUFDO0VBRXZELElBQU1FLFlBQVksR0FBRyxJQUFBQyxjQUFPLEVBQzFCO0lBQUEsT0FBTSxJQUFBQyxnQ0FBd0IsRUFBQ1QsZUFBZSxDQUFDO0VBQUEsR0FDL0MsQ0FBQ0EsZUFBZSxDQUFDLENBQ2xCO0VBRUQsSUFBTVUsaUJBQWlCLEdBQUcsSUFBQUMseUJBQWEsRUFBQyxZQUFLO0lBQzNDLElBQUksQ0FBQ2IsSUFBSSxFQUFFO0lBQ1gsSUFBTWMsR0FBRyxHQUFHLFNBQU5BLEdBQUdBLENBQUEsRUFBUTtNQUNmLEtBQUtiLE9BQU8sQ0FBQ0QsSUFBSSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFJRyxnQkFBZ0IsSUFBSUEsZ0JBQWdCLEdBQUdZLHVCQUFZLEVBQUU7TUFDdkQsSUFBSVQsZUFBZSxDQUFDVSxPQUFPLEVBQUVDLFlBQVksQ0FBQ1gsZUFBZSxDQUFDVSxPQUFPLENBQUM7TUFDbEVWLGVBQWUsQ0FBQ1UsT0FBTyxHQUFHRSxVQUFVLENBQUNKLEdBQUcsRUFBRVgsZ0JBQWdCLENBQUM7TUFDM0Q7SUFDRjtJQUNBVyxHQUFHLENBQUEsQ0FBRTtFQUNQLENBQUMsQ0FBQztFQUVGLElBQUFLLGdCQUFTLEVBQUMsWUFBSztJQUNiLElBQUksQ0FBQ25CLElBQUksSUFBSSxFQUFDSSxZQUFZLEtBQUEsSUFBQSxJQUFaQSxZQUFZLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQVpBLFlBQVksQ0FBRWdCLE1BQU0sQ0FBQSxFQUFFO0lBQ3BDLElBQU1DLFFBQVEsR0FBR0MsS0FBSyxDQUFDQyxPQUFPLENBQUNsQixTQUFTLENBQUMsR0FBR0EsU0FBUyxHQUFHLENBQUNBLFNBQVMsQ0FBQztJQUNuRSxJQUFNbUIsUUFBUSxHQUFHaEIsZ0JBQWdCLENBQUNRLE9BQU87SUFDekMsSUFBSSxDQUFDUSxRQUFRLEVBQUU7TUFDYmhCLGdCQUFnQixDQUFDUSxPQUFPLEdBQUdLLFFBQVE7TUFDbkM7SUFDRjtJQUNBLElBQUksSUFBQUkseUJBQWlCLEVBQUNELFFBQVEsRUFBRUgsUUFBUSxDQUFDLEVBQUU7SUFDM0NiLGdCQUFnQixDQUFDUSxPQUFPLEdBQUdLLFFBQVE7SUFDbkNULGlCQUFpQixDQUFBLENBQUU7RUFDckIsQ0FBQyxFQUFFLENBQUNQLFNBQVMsRUFBRUQsWUFBWSxLQUFBLElBQUEsSUFBWkEsWUFBWSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFaQSxZQUFZLENBQUVnQixNQUFNLEVBQUVwQixJQUFJLEVBQUVZLGlCQUFpQixDQUFDLENBQUM7RUFFOUQsSUFBQU8sZ0JBQVMsRUFBQztJQUFBLE9BQU0sWUFBSztNQUNuQixJQUFJYixlQUFlLENBQUNVLE9BQU8sRUFBRUMsWUFBWSxDQUFDWCxlQUFlLENBQUNVLE9BQU8sQ0FBQztJQUNwRSxDQUFDO0VBQUEsR0FBRSxFQUFFLENBQUM7RUFFTixJQUFNVSxhQUFhLEdBQUcsSUFBQWIseUJBQWEsRUFDakMsVUFBQ2MsSUFBaUQ7SUFBQSxPQUFLbEIsWUFBWSxDQUFDbUIsUUFBUSxDQUFDRCxJQUFJLENBQUM7RUFBQSxFQUNuRjtFQUVELElBQU1FLFdBQVcsR0FBRyxJQUFBaEIseUJBQWEsRUFDL0IsVUFBQ2MsSUFBaUQsRUFBRUcsRUFBaUM7SUFBQSxPQUNuRixZQUF1QjtNQUNyQkEsRUFBRSxLQUFBLElBQUEsSUFBRkEsRUFBRSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFGQSxFQUFFLENBQUFDLEtBQUEsU0FBQUMsU0FBVSxDQUFDO01BQ2IsSUFBSWhDLElBQUksSUFBSTBCLGFBQWEsQ0FBQ0MsSUFBSSxDQUFDLEVBQUVmLGlCQUFpQixDQUFBLENBQUU7SUFDdEQsQ0FBQztFQUFBLEVBQ0o7RUFFRCxPQUFPO0lBQUVpQixXQUFXLEVBQVhBO0VBQVcsQ0FBRTtBQUN4QiIsImZpbGUiOiJjb21wb25lbnRzL0Zvcm0vdXNlVmFsaWRhdGlvblRyaWdnZXIuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHVzZU1lbW9pemVkRm4gZnJvbSAnLi4vdXNlTWVtb2l6ZWRGbic7XG5pbXBvcnQgeyBERUJPVU5DRV9NSU4gfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBub3JtYWxpemVWYWxpZGF0ZVRyaWdnZXIsIHNoYWxsb3dFcXVhbEFycmF5IH0gZnJvbSAnLi9oZWxwZXInO1xuLyoqXG4gKiBFbmNhcHN1bGF0ZXMgdmFsaWRhdGlvbiB0cmlnZ2VyIGxvZ2ljIGZvciBhIHNpbmdsZSBmb3JtIGZpZWxkLlxuICpcbiAqIFJlc3BvbnNpYmlsaXRpZXM6XG4gKiAtIE5vcm1hbGl6ZXMgdGhlIGB2YWxpZGF0ZVRyaWdnZXJgIHByb3AgaW50byBhbiBhcnJheSBvZiB0cmlnZ2VyIG1vZGVzLlxuICogLSBQcm92aWRlcyBhIGB3aXRoVHJpZ2dlcmAgd3JhcHBlciB0aGF0IGNvbXBvc2VzIGV2ZW50IGhhbmRsZXJzIChvbkNoYW5nZS9vbkJsdXIpXG4gKiAgIHdpdGggY29uZGl0aW9uYWwgdmFsaWRhdGlvbiBjYWxscy5cbiAqIC0gQXBwbGllcyBvcHRpb25hbCBkZWJvdW5jZSB0byB2YWxpZGF0aW9uIHRyaWdnZXJzLlxuICogLSBSZS12YWxpZGF0ZXMgdGhlIGZpZWxkIHdoZW4gZGVwZW5kZW5jeSB2YWx1ZXMgY2hhbmdlIChjcm9zcy1maWVsZCB2YWxpZGF0aW9uKS5cbiAqIC0gQ2xlYW5zIHVwIGRlYm91bmNlIHRpbWVycyBvbiB1bm1vdW50LlxuICpcbiAqIEB0ZW1wbGF0ZSBURmllbGRWYWx1ZXMgLSBUaGUgc2hhcGUgb2YgdGhlIGZvcm0gdmFsdWVzLlxuICogQHBhcmFtIGFyZ3MgLSB7QGxpbmsgVXNlVmFsaWRhdGlvblRyaWdnZXJBcmdzfVxuICogQHJldHVybnMgQW4gb2JqZWN0IGNvbnRhaW5pbmcgdGhlIGB3aXRoVHJpZ2dlcmAgZnVuY3Rpb24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VWYWxpZGF0aW9uVHJpZ2dlcih7IG5hbWUsIHRyaWdnZXIsIHZhbGlkYXRlVHJpZ2dlciwgdmFsaWRhdGVEZWJvdW5jZSwgZGVwZW5kZW5jaWVzLCBkZXBWYWx1ZXMsIH0pIHtcbiAgICBjb25zdCB0cmlnZ2VyVGltZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgcHJldkRlcFZhbHVlc1JlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCB0cmlnZ2VyTW9kZXMgPSB1c2VNZW1vKCgpID0+IG5vcm1hbGl6ZVZhbGlkYXRlVHJpZ2dlcih2YWxpZGF0ZVRyaWdnZXIpLCBbdmFsaWRhdGVUcmlnZ2VyXSk7XG4gICAgY29uc3QgdHJpZ2dlclZhbGlkYXRpb24gPSB1c2VNZW1vaXplZEZuKCgpID0+IHtcbiAgICAgICAgaWYgKCFuYW1lKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBydW4gPSAoKSA9PiB7XG4gICAgICAgICAgICB2b2lkIHRyaWdnZXIobmFtZSk7XG4gICAgICAgIH07XG4gICAgICAgIGlmICh2YWxpZGF0ZURlYm91bmNlICYmIHZhbGlkYXRlRGVib3VuY2UgPiBERUJPVU5DRV9NSU4pIHtcbiAgICAgICAgICAgIGlmICh0cmlnZ2VyVGltZXJSZWYuY3VycmVudClcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQodHJpZ2dlclRpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgdHJpZ2dlclRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KHJ1biwgdmFsaWRhdGVEZWJvdW5jZSk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgcnVuKCk7XG4gICAgfSk7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKCFuYW1lIHx8ICEoZGVwZW5kZW5jaWVzID09PSBudWxsIHx8IGRlcGVuZGVuY2llcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGVwZW5kZW5jaWVzLmxlbmd0aCkpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIGNvbnN0IG5leHREZXBzID0gQXJyYXkuaXNBcnJheShkZXBWYWx1ZXMpID8gZGVwVmFsdWVzIDogW2RlcFZhbHVlc107XG4gICAgICAgIGNvbnN0IHByZXZEZXBzID0gcHJldkRlcFZhbHVlc1JlZi5jdXJyZW50O1xuICAgICAgICBpZiAoIXByZXZEZXBzKSB7XG4gICAgICAgICAgICBwcmV2RGVwVmFsdWVzUmVmLmN1cnJlbnQgPSBuZXh0RGVwcztcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoc2hhbGxvd0VxdWFsQXJyYXkocHJldkRlcHMsIG5leHREZXBzKSlcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgcHJldkRlcFZhbHVlc1JlZi5jdXJyZW50ID0gbmV4dERlcHM7XG4gICAgICAgIHRyaWdnZXJWYWxpZGF0aW9uKCk7XG4gICAgfSwgW2RlcFZhbHVlcywgZGVwZW5kZW5jaWVzID09PSBudWxsIHx8IGRlcGVuZGVuY2llcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogZGVwZW5kZW5jaWVzLmxlbmd0aCwgbmFtZSwgdHJpZ2dlclZhbGlkYXRpb25dKTtcbiAgICB1c2VFZmZlY3QoKCkgPT4gKCkgPT4ge1xuICAgICAgICBpZiAodHJpZ2dlclRpbWVyUmVmLmN1cnJlbnQpXG4gICAgICAgICAgICBjbGVhclRpbWVvdXQodHJpZ2dlclRpbWVyUmVmLmN1cnJlbnQpO1xuICAgIH0sIFtdKTtcbiAgICBjb25zdCBzaG91bGRUcmlnZ2VyID0gdXNlTWVtb2l6ZWRGbigobW9kZSkgPT4gdHJpZ2dlck1vZGVzLmluY2x1ZGVzKG1vZGUpKTtcbiAgICBjb25zdCB3aXRoVHJpZ2dlciA9IHVzZU1lbW9pemVkRm4oKG1vZGUsIGZuKSA9PiAoLi4uYXJncykgPT4ge1xuICAgICAgICBmbiA9PT0gbnVsbCB8fCBmbiA9PT0gdm9pZCAwID8gdm9pZCAwIDogZm4oLi4uYXJncyk7XG4gICAgICAgIGlmIChuYW1lICYmIHNob3VsZFRyaWdnZXIobW9kZSkpXG4gICAgICAgICAgICB0cmlnZ2VyVmFsaWRhdGlvbigpO1xuICAgIH0pO1xuICAgIHJldHVybiB7IHdpdGhUcmlnZ2VyIH07XG59Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==