@overmap-ai/core 1.0.33-revamp-forms-builder.0 → 1.0.33-revamp-forms-builder.2

package/dist/forms/renderer/PatchForm/Field.d.ts

@@ -13,5 +13,5 @@ interface PatchFieldProps {
     name: string;
     render: (args: RenderArgs) => ReactNode;
 }
-export declare const PatchField: import("react").MemoExoticComponent<(props: PatchFieldProps) => ReactNode>;
+export declare const PatchField: import("react").MemoExoticComponent<(props: PatchFieldProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/overmap-core.js

@@ -9255,10 +9255,10 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
       this.condition = null;
     }
   }
-  static getFieldCreationSchema(options, parentPath) {
+  static getFieldCreationSchema(options, parentPath = "") {
     if (options.length === 0)
       return [];
-    const path = parentPath ? `${parentPath}.` : "";
+    const path = parentPath && `${parentPath}.`;
     return [
       {
         field: new BooleanField({
@@ -9338,6 +9338,8 @@ const _FieldSection = class _FieldSection extends BaseFormElement {
   static deserialize(data) {
     if (data.type !== "section")
       throw new Error("Invalid type");
+    if (!Array.isArray(data.fields))
+      throw new Error(`Invalid fields: ${data.fields} (not an array)`);
     const fields = data.fields.map(deserializeField);
     return new _FieldSection({ ...data, fields });
   }
@@ -9374,6 +9376,7 @@ let FieldSection = _FieldSection;
 const deserializeField = (serializedField) => {
   const fieldType = serializedField.type;
   const fieldCls = FieldTypeToClsMapping[fieldType];
+  console.log(serializedField, fieldType, fieldCls);
   return fieldCls.deserialize(serializedField);
 };
 const deserialize = (serialized) => {
@@ -9939,7 +9942,7 @@ const PatchField = memo((props) => {
   const { name, render } = props;
   const { submitForm } = useFormikContext();
   const [fieldProps, _meta, helpers] = useField(name);
-  return useMemo(() => {
+  const ret = useMemo(() => {
     const setValue = (value) => {
       void helpers.setValue(value, false);
     };
@@ -9952,6 +9955,7 @@ const PatchField = memo((props) => {
       }
     });
   }, [render, fieldProps.value, _meta, submitForm, helpers]);
+  return /* @__PURE__ */ jsx(Fragment$1, { children: ret });
 });
 PatchField.displayName = "PatchField";
 const PatchFormProvider = memo(
@@ -10015,6 +10019,7 @@ const useFieldTypeItems = (onSelect = () => null) => {
     return fieldsToChoose.map((fieldGroup) => {
       return fieldGroup.map((identifier) => {
         const field = FieldTypeToClsMapping[identifier];
+        console.log(fieldGroup, identifier, field);
         const Icon = field.Icon;
         return {
           content: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
@@ -10849,7 +10854,7 @@ const FormBuilder = memo(
         if (!form.title) {
           errors.title = "Title is required.";
         }
-        if (form.fields.length === 0) {
+        if (!form.fields || form.fields.length === 0) {
           errors.fields = "At least one field is required.";
         }
         let fieldsToValidate = [];
@@ -10890,11 +10895,7 @@ const FormBuilder = memo(
     const formik = useFormik({
       initialValues: wrapRootFieldsWithFieldSection(revision) ?? initialValues,
       validate,
-      // onSubmit: (form) => console.log("SUBMITTED", form),
-      onSubmit: (form) => {
-        onSave(form);
-      },
-      // only validate the entire form on submit
+      onSubmit: onSave,
       validateOnChange: false,
       validateOnBlur: false
     });