@wix/headless-forms 0.0.27 → 0.0.29

package/cjs/dist/react/Form.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type FormError } from '@wix/form-public';
+import { type FormError, type UseFormProps } from '@wix/form-public';
 import { type CheckboxGroupProps, type CheckboxProps, type PhoneInputProps, type DateInputProps, type DatePickerProps, type DateTimeInputProps, type DropdownProps, type FileUploadProps, type MultilineAddressProps, type NumberInputProps, type RadioGroupProps, type RatingInputProps, type RichTextProps, type SignatureProps, type SubmitButtonProps, type TagsProps, type TextAreaProps, type TextInputProps, type TimeInputProps, type ProductListProps, type FixedPaymentProps, type PaymentInputProps, type DonationProps, type AppointmentProps, type ImageChoiceProps, type LoginBarProps } from './types.js';
 import { type FormServiceConfig } from '../services/form-service.js';
 /**
@@ -13,6 +13,8 @@ export interface RootProps {
     asChild?: boolean;
     /** CSS classes to apply to the root element */
     className?: string;
+    /** Ref to access form handle */
+    formRef?: React.Ref<UseFormProps['forwardedRef']>;
 }
 /**
  * Root component that provides all necessary service contexts for a complete form experience.

package/cjs/dist/react/Form.js

@@ -129,8 +129,8 @@ var TestIds;
  * ```
  */
 exports.Root = react_1.default.forwardRef((props, ref) => {
-    const { children, formServiceConfig, asChild, ...otherProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Form_js_1.Root, { formServiceConfig: formServiceConfig, formRef: ref, children: (0, jsx_runtime_1.jsx)(RootContent, { asChild: asChild, ref: ref, ...otherProps, children: children }) }));
+    const { children, formServiceConfig, asChild, formRef, ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(Form_js_1.Root, { formServiceConfig: formServiceConfig, formRef: formRef, children: (0, jsx_runtime_1.jsx)(RootContent, { asChild: asChild, ref: ref, ...otherProps, children: children }) }));
 });
 /**
  * Internal component to handle the Root content with service access.
@@ -556,10 +556,10 @@ exports.Fields = react_1.default.forwardRef((props, ref) => {
     return ((0, jsx_runtime_1.jsx)(Form_js_1.Fields, { children: ({ form, formValues, submitForm, handleForm, addressTemplates, siteConfig, }) => {
             if (!form)
                 return null;
-            return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, jsx_runtime_1.jsx)(form_public_1.FormProvider, { currency: siteConfig?.currency ?? index_js_1.DEFAULT_CURRENCY, locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: (0, jsx_runtime_1.jsx)(form_public_1.UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: (0, jsx_runtime_1.jsx)(FieldsWithForm, { form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
+            return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, jsx_runtime_1.jsx)(form_public_1.FormProvider, { currency: siteConfig?.currency ?? index_js_1.DEFAULT_CURRENCY, locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: (0, jsx_runtime_1.jsx)(form_public_1.UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: (0, jsx_runtime_1.jsx)(FieldsWithForm, { addressTemplates: addressTemplates, form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
         } }));
 });
-const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate, fields: fieldMap, rowGapClassname, columnGapClassname, formRef, }) => {
+const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate, fields: fieldMap, rowGapClassname, columnGapClassname, formRef, addressTemplates, }) => {
     const coreUploadFile = async ({ file, formId, }) => {
         const uploadUrl = await (0, index_js_1.getUploadUrl)(formId, file);
         if (uploadUrl === undefined) {
@@ -583,6 +583,7 @@ const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate
         uploadFile: coreUploadFile,
         fieldMap,
         forwardedRef: formRef,
+        addressTemplates,
     });
     if (!formData)
         return null;

package/cjs/dist/react/core/Form.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { forms } from '@wix/forms';
 import { SiteConfig } from '../../services/utils';
 import { FormServiceConfig } from '../../services/form-service.js';
-import { FormValues } from '../types.js';
+import { FormValues, UseFormProps } from '../types.js';
 /**
  * Hook to access the form ref from context
  */
-export declare function useFormRef(): React.Ref<any> | undefined;
+export declare function useFormRef(): React.Ref<UseFormProps['forwardedRef']> | undefined;
 /**
  * Props for Root headless component
  */

package/dist/react/Form.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type FormError } from '@wix/form-public';
+import { type FormError, type UseFormProps } from '@wix/form-public';
 import { type CheckboxGroupProps, type CheckboxProps, type PhoneInputProps, type DateInputProps, type DatePickerProps, type DateTimeInputProps, type DropdownProps, type FileUploadProps, type MultilineAddressProps, type NumberInputProps, type RadioGroupProps, type RatingInputProps, type RichTextProps, type SignatureProps, type SubmitButtonProps, type TagsProps, type TextAreaProps, type TextInputProps, type TimeInputProps, type ProductListProps, type FixedPaymentProps, type PaymentInputProps, type DonationProps, type AppointmentProps, type ImageChoiceProps, type LoginBarProps } from './types.js';
 import { type FormServiceConfig } from '../services/form-service.js';
 /**
@@ -13,6 +13,8 @@ export interface RootProps {
     asChild?: boolean;
     /** CSS classes to apply to the root element */
     className?: string;
+    /** Ref to access form handle */
+    formRef?: React.Ref<UseFormProps['forwardedRef']>;
 }
 /**
  * Root component that provides all necessary service contexts for a complete form experience.

package/dist/react/Form.js

@@ -93,8 +93,8 @@ var TestIds;
  * ```
  */
 export const Root = React.forwardRef((props, ref) => {
-    const { children, formServiceConfig, asChild, ...otherProps } = props;
-    return (_jsx(CoreRoot, { formServiceConfig: formServiceConfig, formRef: ref, children: _jsx(RootContent, { asChild: asChild, ref: ref, ...otherProps, children: children }) }));
+    const { children, formServiceConfig, asChild, formRef, ...otherProps } = props;
+    return (_jsx(CoreRoot, { formServiceConfig: formServiceConfig, formRef: formRef, children: _jsx(RootContent, { asChild: asChild, ref: ref, ...otherProps, children: children }) }));
 });
 /**
  * Internal component to handle the Root content with service access.
@@ -520,10 +520,10 @@ export const Fields = React.forwardRef((props, ref) => {
     return (_jsx(CoreFields, { children: ({ form, formValues, submitForm, handleForm, addressTemplates, siteConfig, }) => {
             if (!form)
                 return null;
-            return (_jsx("div", { ref: ref, children: _jsx(FormProvider, { currency: siteConfig?.currency ?? DEFAULT_CURRENCY, locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: _jsx(UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: _jsx(FieldsWithForm, { form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
+            return (_jsx("div", { ref: ref, children: _jsx(FormProvider, { currency: siteConfig?.currency ?? DEFAULT_CURRENCY, locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: _jsx(UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: _jsx(FieldsWithForm, { addressTemplates: addressTemplates, form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
         } }));
 });
-const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate, fields: fieldMap, rowGapClassname, columnGapClassname, formRef, }) => {
+const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate, fields: fieldMap, rowGapClassname, columnGapClassname, formRef, addressTemplates, }) => {
     const coreUploadFile = async ({ file, formId, }) => {
         const uploadUrl = await getUploadUrl(formId, file);
         if (uploadUrl === undefined) {
@@ -547,6 +547,7 @@ const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate
         uploadFile: coreUploadFile,
         fieldMap,
         forwardedRef: formRef,
+        addressTemplates,
     });
     if (!formData)
         return null;

package/dist/react/core/Form.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { forms } from '@wix/forms';
 import { SiteConfig } from '../../services/utils';
 import { FormServiceConfig } from '../../services/form-service.js';
-import { FormValues } from '../types.js';
+import { FormValues, UseFormProps } from '../types.js';
 /**
  * Hook to access the form ref from context
  */
-export declare function useFormRef(): React.Ref<any> | undefined;
+export declare function useFormRef(): React.Ref<UseFormProps['forwardedRef']> | undefined;
 /**
  * Props for Root headless component
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-forms",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -42,7 +42,7 @@
     "vitest": "^3.1.4"
   },
   "dependencies": {
-    "@wix/form-public": "^0.104.0",
+    "@wix/form-public": "^0.118.0",
     "@wix/forms": "^1.0.373",
     "@wix/headless-utils": "0.0.8",
     "@wix/locale-dataset-javascript": "^2.3.0",
@@ -60,5 +60,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "cbfd4ba39f7b47810179421ff23ef3c58d21cbc002f70636b6d1b312"
+  "falconPackageHash": "03e64994e9a255b7cb74eaa44f63bd943b9d49cf757e3891490aec32"
 }