@wix/form-public 0.34.0 → 0.35.0

package/dist/index.cjs

@@ -24774,17 +24774,20 @@ var createFormFields = (_ref) => {
     errors,
     values,
     onFieldChange,
-    FieldLayout
+    FieldLayout,
+    formSchema
   } = _ref;
   return form.fields.map((formField) => {
-    const component = /* @__PURE__ */ React32__namespace.default.createElement(FormField, {
+    const component = /* @__PURE__ */ React32__namespace.default.createElement(FormContext.Provider, {
+      value: formSchema
+    }, /* @__PURE__ */ React32__namespace.default.createElement(FormField, {
       key: formField.id,
       field: formField,
       values,
       errors,
       onFieldChange,
       FieldLayout
-    });
+    }));
     return {
       id: formField.id,
       fieldType: formField.fieldType,
@@ -24852,9 +24855,8 @@ var Grid = (_ref) => {
   return /* @__PURE__ */ React32__namespace.default.createElement("div", {
     className: grid_module_default.container,
     dir: isRTL ? "rtl" : ""
-  }, reactElementsByRow.map((elements, index) => {
-    var _elements$;
-    const fieldId = (_elements$ = elements[0]) == null || (_elements$ = _elements$.props) == null || (_elements$ = _elements$.field) == null ? void 0 : _elements$.id;
+  }, reactElementsByRow.map((rowData, index) => {
+    const fieldId = rowData.firstFieldId;
     const key = isMobile && fieldId || index;
     return /* @__PURE__ */ React32__namespace.default.createElement(Focusable, {
       key: fieldId,
@@ -24867,7 +24869,7 @@ var Grid = (_ref) => {
       className: (0, import_classnames4.default)(grid_module_default.grid, grid_module_default.column, {
         [grid_animations_module_default.animations]: enableAnimations
       })
-    }, elements));
+    }, rowData.elements));
   }));
 };
 function getReactElementsByRow(items) {
@@ -24877,9 +24879,12 @@ function getReactElementsByRow(items) {
       key: item.id
     });
     if (result2[row]) {
-      result2[row].push(element);
+      result2[row].elements.push(element);
     } else {
-      result2[row] = [element];
+      result2[row] = {
+        elements: [element],
+        firstFieldId: item.id
+      };
     }
     return result2;
   }, []);
@@ -24961,7 +24966,8 @@ var FormRoot = (_ref) => {
     form,
     values,
     onFieldChange,
-    errors
+    errors,
+    formSchema
   } = _ref;
   const {
     isRTL
@@ -24971,7 +24977,8 @@ var FormRoot = (_ref) => {
     values,
     onFieldChange,
     errors,
-    FieldLayout: DefaultFieldLayout
+    FieldLayout: DefaultFieldLayout,
+    formSchema
   });
   return /* @__PURE__ */ React32__namespace.default.createElement(Grid, {
     isRTL,
@@ -26139,6 +26146,8 @@ function resolveArrayComponent(arrayComponent) {
   switch (arrayComponent.componentType) {
     case ComponentType3.CHECKBOX_GROUP:
       return takeCheckboxGroupViewProperties(arrayComponent.checkboxGroupOptions);
+    case ComponentType3.TAGS:
+      return takeTagsViewProperties(arrayComponent.tagsOptions);
     default:
       throw new Error(`Unknown array component type: ${arrayComponent.componentType}`);
   }
@@ -26162,6 +26171,25 @@ function takeCheckboxGroupViewProperties(checkboxGroup) {
     }
   };
 }
+function takeTagsViewProperties(tags) {
+  return {
+    [HideLabelKey]: !tags.showLabel,
+    [AddOtherKey]: tags.customOption != null,
+    [OptionsKey]: tags.options.map((option) => makeOptionView(option)),
+    [NumberOfColumnsKey]: numericNumberOfColumns(tags.numberOfColumns ?? NumberOfColumns3.ONE),
+    [DefaultValueKey]: tags.options.filter((option) => option.default).map((option) => option.value),
+    ...tags.description && {
+      [DescriptionKey]: tags.description
+    },
+    ...tags.label && {
+      [LabelKey]: tags.label
+    },
+    ...tags.customOption && {
+      [AddOtherLabelKey]: tags.customOption.label,
+      [AddOtherPlaceholderKey]: tags.customOption.placeholder
+    }
+  };
+}
 function takeProductCheckboxGroupViewProperties(checkboxGroup) {
   return {
     [HideLabelKey]: !checkboxGroup.showLabel,
@@ -26412,6 +26440,10 @@ function resolvePaymentComponent(paymentComponent) {
       return takeProductCheckboxGroupViewProperties(paymentComponent.checkboxGroupOptions);
     case PaymentComponentType3.DONATION_INPUT:
       return takeDonationsInputViewProperties(paymentComponent.donationInputOptions);
+    case PaymentComponentType3.FIXED_PAYMENT:
+      return takeFixedPaymentViewProperties(paymentComponent.fixedPaymentOptions);
+    case PaymentComponentType3.PAYMENT_INPUT:
+      return takePaymentInputViewProperties(paymentComponent.paymentInputOptions);
     default:
       throw new Error(`Unknown payment component type: ${paymentComponent.componentType}`);
   }
@@ -26536,6 +26568,31 @@ function takeDonationsInputViewProperties(donationInput) {
     }
   };
 }
+function takeFixedPaymentViewProperties(fixedPayment) {
+  return {
+    [HideLabelKey]: !fixedPayment.showLabel,
+    ...fixedPayment.label && {
+      [LabelKey]: fixedPayment.label
+    },
+    ...fixedPayment.description && {
+      [DescriptionKey]: fixedPayment.description
+    }
+  };
+}
+function takePaymentInputViewProperties(paymentInput) {
+  return {
+    [HideLabelKey]: !paymentInput.showLabel,
+    ...paymentInput.label && {
+      [LabelKey]: paymentInput.label
+    },
+    ...paymentInput.description && {
+      [DescriptionKey]: paymentInput.description
+    },
+    ...paymentInput.placeholder && {
+      [PlaceholderKey]: paymentInput.placeholder
+    }
+  };
+}
 function makeOptionView(option) {
   return {
     [LabelKey]: option.label,
@@ -29561,7 +29618,7 @@ var FormRoot2 = ({
         React32__namespace.default.createElement(
           "div",
           { "data-hook": DATA_HOOKS.FORM_ROOT },
-          React32__namespace.default.createElement(Form, { form: currentView, values: normalizedValues, onFieldChange, errors, dataHook: DATA_HOOKS.FORM_ROOT }),
+          React32__namespace.default.createElement(Form, { formSchema: formWithOverrides, form: currentView, values: normalizedValues, onFieldChange, errors, dataHook: DATA_HOOKS.FORM_ROOT }),
           React32__namespace.default.createElement(StepTitleA11y, { total: formWithOverrides.steps?.length, index: currentStep }),
           React32__namespace.default.createElement(SubmitStatusMessage, null)
         )