@wix/form-public 0.14.0 → 0.15.0

package/dist/_tsup-dts-rollup.d.cts

@@ -12,6 +12,13 @@ export declare const CheckboxGroupMapper: PropsMapper;
 
 export declare const CheckboxMapper: PropsMapper;
 
+/**
+ * Deeply converts all object keys from snake_case to camelCase
+ * @param obj - The object to convert
+ * @returns The object with all nested keys converted to camelCase
+ */
+export declare function convertKeysToCamelCase<T = unknown>(obj: T): T;
+
 export declare type Currency = {
     sign?: string;
     code?: string;
@@ -39,7 +46,7 @@ export declare const FileUploadMapper: PropsMapper;
 
 export declare const FixedPaymentMapper: PropsMapper;
 
-declare const Form: ({ form, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
+declare const Form: ({ form: unformattedForm, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
 export { Form }
 export { Form as Form_alias_1 }
 

package/dist/_tsup-dts-rollup.d.ts

@@ -12,6 +12,13 @@ export declare const CheckboxGroupMapper: PropsMapper;
 
 export declare const CheckboxMapper: PropsMapper;
 
+/**
+ * Deeply converts all object keys from snake_case to camelCase
+ * @param obj - The object to convert
+ * @returns The object with all nested keys converted to camelCase
+ */
+export declare function convertKeysToCamelCase<T = unknown>(obj: T): T;
+
 export declare type Currency = {
     sign?: string;
     code?: string;
@@ -39,7 +46,7 @@ export declare const FileUploadMapper: PropsMapper;
 
 export declare const FixedPaymentMapper: PropsMapper;
 
-declare const Form: ({ form, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
+declare const Form: ({ form: unformattedForm, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
 export { Form }
 export { Form as Form_alias_1 }
 

package/dist/index.cjs

@@ -2,6 +2,8 @@
 
 var React30 = require('react');
 var ReactDOM = require('react-dom');
+var camelCase = require('lodash.camelcase');
+var mapKeys = require('lodash.mapkeys');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -26,6 +28,8 @@ function _interopNamespace(e) {
 
 var React30__namespace = /*#__PURE__*/_interopNamespace(React30);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
+var mapKeys__default = /*#__PURE__*/_interopDefault(mapKeys);
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -29975,6 +29979,24 @@ var FIELD_TYPE_MAP = {
   RICH_TEXT: "TEXT",
   SUBMIT_BUTTON: "SUBMIT_BUTTON"
 };
+function convertKeysToCamelCase(obj) {
+  if (Array.isArray(obj)) {
+    return obj.map(convertKeysToCamelCase);
+  }
+  if (obj !== null && typeof obj === "object") {
+    const converted = mapKeys__default.default(
+      obj,
+      (_23, key) => camelCase__default.default(key)
+    );
+    return Object.fromEntries(
+      Object.entries(converted).map(([key, value]) => [
+        key,
+        convertKeysToCamelCase(value)
+      ])
+    );
+  }
+  return obj;
+}
 var mapFieldProps = (fields, mappers) => Object.fromEntries(
   Object.entries(fields).map(([fieldType, Component]) => [
     fieldType,
@@ -29988,13 +30010,14 @@ var mapFieldTypes = (fields, typeMap) => ({
   )
 });
 var Form2 = ({
-  form,
+  form: unformattedForm,
   fields,
   values,
   onChange,
   errors,
   onValidate
 }) => {
+  const form = convertKeysToCamelCase(unformattedForm);
   const siteConfig = {
     locale: {
       languageCode: "en"