@wix/form-public 0.187.0 → 0.188.0

package/dist/index.cjs

@@ -27280,6 +27280,8 @@ var InputField = (_ref) => {
     errors,
     values,
     onFieldChange,
+    onBlur,
+    onFocus,
     FieldLayout
   } = _ref;
   const bi = useBi();
@@ -27312,7 +27314,8 @@ var InputField = (_ref) => {
       value: currentFieldValue,
       path: field.path
     }]);
-  }, [bi, field.id, field.properties.label, field.target, field.path, validateFields2]);
+    onBlur == null || onBlur(field.path);
+  }, [bi, field.id, field.properties.label, field.target, field.path, validateFields2, onBlur]);
   const _onFocus = () => {
     bi == null || bi.report(formFieldFocus({
       action_type: "focus",
@@ -27320,6 +27323,7 @@ var InputField = (_ref) => {
       field_label: field.properties.label,
       field_target: field == null ? void 0 : field.target
     }));
+    onFocus == null || onFocus(field.path);
   };
   const handleChange = React42.useCallback((value) => {
     if (fieldError) {
@@ -27350,6 +27354,8 @@ var InputField = (_ref) => {
     onChange: handleChange,
     onBlur: _onBlur,
     onFocus: _onFocus,
+    onFieldBlur: onBlur,
+    onFieldFocus: onFocus,
     hasError,
     errorMessage,
     error: fieldError,
@@ -27710,6 +27716,8 @@ var createFormFields = (_ref) => {
     errors,
     values,
     onFieldChange,
+    onBlur,
+    onFocus,
     FieldLayout,
     formSchema,
     validateFields: validateFields2,
@@ -27735,6 +27743,8 @@ var createFormFields = (_ref) => {
       values,
       errors,
       onFieldChange,
+      onBlur,
+      onFocus,
       FieldLayout
     }))))));
     return {
@@ -27912,6 +27922,8 @@ var FormRoot = (_ref) => {
     form,
     values,
     onFieldChange,
+    onBlur,
+    onFocus,
     errors,
     formSchema,
     validateFields: validateFields2,
@@ -27925,6 +27937,8 @@ var FormRoot = (_ref) => {
     form,
     values,
     onFieldChange,
+    onBlur,
+    onFocus,
     errors,
     FieldLayout: DefaultFieldLayout,
     formSchema,
@@ -32998,7 +33012,7 @@ var useReportFieldEdit = (form) => {
 };
 
 // ../form-viewer/dist/esm/hooks/use-form.js
-var useForm2 = ({ form: paramForm, values: paramValues, stepId, onStepIdChange, onChange, errors, onValidate, onSubmit, onSubmitSuccess, onSubmitFailure, enableScrollToFirstError = true, forwardedRef, overrides, actions, config, breakpoint, validationMode, fieldMap, inProgress, enableAutofill }) => {
+var useForm2 = ({ form: paramForm, values: paramValues, stepId, onStepIdChange, onChange, onBlur, onFocus, errors, onValidate, onSubmit, onSubmitSuccess, onSubmitFailure, enableScrollToFirstError = true, forwardedRef, overrides, actions, config, breakpoint, validationMode, fieldMap, inProgress, enableAutofill }) => {
   const formWithOverrides = React42.useMemo(() => applyAllOverrides(paramForm, paramValues, overrides), [paramForm, paramValues, overrides]);
   const formId = formWithOverrides.id;
   const { setFocusedFieldId } = useFocusedField();
@@ -33112,6 +33126,8 @@ var useForm2 = ({ form: paramForm, values: paramValues, stepId, onStepIdChange,
     formSchema: formWithOverrides,
     values: normalizedValues,
     onFieldChange,
+    onBlur,
+    onFocus,
     errors,
     FieldLayout: DefaultFieldLayout,
     fields: fieldMap,