@wix/form-public 0.13.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: (props: 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: (props: 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;
@@ -4473,7 +4477,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element2 = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment2 = REACT_FRAGMENT_TYPE;
+        var Fragment = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -4532,7 +4536,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element2;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment2;
+        exports.Fragment = Fragment;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -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,
@@ -29987,27 +30009,40 @@ var mapFieldTypes = (fields, typeMap) => ({
     Object.entries(typeMap).filter(([, targetType]) => fields[targetType]).map(([newName, targetType]) => [newName, fields[targetType]])
   )
 });
-var Form2 = (props) => {
+var Form2 = ({
+  form: unformattedForm,
+  fields,
+  values,
+  onChange,
+  errors,
+  onValidate
+}) => {
+  const form = convertKeysToCamelCase(unformattedForm);
   const siteConfig = {
     locale: {
       languageCode: "en"
     }
   };
   const i18n2 = initI18n({ locale: siteConfig.locale.languageCode });
-  const mappedFieldProps = mapFieldProps(props.fields, FIELD_PROP_MAP);
+  const mappedFieldProps = mapFieldProps(fields, FIELD_PROP_MAP);
   const mappedFieldTypes = mapFieldTypes(mappedFieldProps, FIELD_TYPE_MAP);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     FormViewerStatic,
     {
-      form: props.form || {},
-      values: props.values,
-      onChange: props.onChange,
-      errors: props.errors,
-      onValidate: props.onValidate,
+      form,
+      values,
+      onChange,
+      errors,
+      onValidate,
       fields: mappedFieldTypes,
-      i18n: i18n2
+      i18n: i18n2,
+      WixRicosViewer: () => null,
+      config: {
+        locale: siteConfig.locale.languageCode,
+        regionalFormat: siteConfig.locale.languageCode
+      }
     }
-  ) });
+  );
 };
 /*! Bundled license information: