@multiplatform.one/frappe-ui 6.0.0

package/dist/esm/FrappeForm.native.js

@@ -0,0 +1,443 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFrappeCollection, useLiveQuery, useDocTypeMeta } from "@multiplatform.one/frappe";
+import { SchemaForm } from "./schemaForm/index.native.js";
+import { FormSidebar } from "./FormSidebar.native.js";
+import { eq } from "@tanstack/db";
+import { FloppyDiskIcon, TrashIcon, XIcon } from "@phosphor-icons/react";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Button, Spinner, Text, XStack, YStack } from "tamagui";
+import { Timeline } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useFrappeConfig } from "./FrappeProvider.native.js";
+import { dialog } from "@multiplatform.one/desktop";
+function mapFieldToGenericSchema(field) {
+  return {
+    type: field.fieldtype,
+    name: field.fieldname,
+    label: field.label,
+    options: field.options,
+    required: !!field.reqd,
+    hidden: !!field.hidden,
+    readOnly: !!field.read_only,
+    precision: field.precision,
+    depends_on: field.depends_on,
+    // Pass through additional Frappe-specific metadata
+    fieldtype: field.fieldtype,
+    fieldname: field.fieldname,
+    in_list_view: field.in_list_view,
+    in_standard_filter: field.in_standard_filter
+  };
+}
+function mapMetaToFormSchema(meta, sectionOverrides) {
+  var sections = sectionOverrides !== null && sectionOverrides !== void 0 ? sectionOverrides : meta.sections;
+  var genericSections = sections.map(function (section) {
+    return {
+      label: section.label,
+      collapsible: section.collapsible,
+      columns: section.columns.map(function (col) {
+        return {
+          fields: col.fields.map(mapFieldToGenericSchema)
+        };
+      })
+    };
+  });
+  var allFields = meta.fields.map(mapFieldToGenericSchema);
+  return {
+    sections: genericSections,
+    fields: allFields
+  };
+}
+function mapMetaToSidebarSections(_meta, doc) {
+  var sections = [];
+  if (doc.image) {
+    sections.push({
+      key: "image",
+      title: "Image",
+      render: function render() {
+        return null;
+      }
+    });
+  }
+  if (doc._assign && typeof doc._assign === "string") {
+    try {
+      var assignees = JSON.parse(doc._assign || "[]");
+      sections.push({
+        key: "assignments",
+        title: "Assigned To",
+        items: assignees.map(function (email) {
+          return {
+            id: email,
+            label: email
+          };
+        }),
+        emptyText: "No one assigned"
+      });
+    } catch (unused) {}
+  }
+  return sections;
+}
+function mapDocToSidebarMetadata(doc, t) {
+  var metadata = [];
+  if (doc.owner) {
+    metadata.push({
+      label: t("Created by {{user}}", {
+        user: doc.owner
+      })
+    });
+  }
+  if (doc.modified_by) {
+    metadata.push({
+      label: t("Modified by {{user}}", {
+        user: doc.modified_by
+      })
+    });
+  }
+  if (doc.creation) {
+    metadata.push({
+      label: t("Created on {{date}}", {
+        date: doc.creation
+      })
+    });
+  }
+  return metadata;
+}
+function FrappeForm(param) {
+  var {
+    baseURL,
+    auth,
+    syncOptions,
+    doctype,
+    name,
+    fields,
+    children,
+    overrides,
+    hideFields,
+    readOnlyFields,
+    sections,
+    onSave,
+    onCancel,
+    onDelete,
+    showToolbar = true,
+    showSidebar = true,
+    showTimeline = true,
+    disabled = false
+  } = param;
+  var config = useFrappeConfig();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    t
+  } = useTranslation();
+  var [localDoc, setLocalDoc] = useState({});
+  var [isSubmitting, setIsSubmitting] = useState(false);
+  var [errors, setErrors] = useState({});
+  var finalBaseURL = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL;
+  var finalAuth = auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth;
+  var finalSyncOptions = syncOptions !== null && syncOptions !== void 0 ? syncOptions : config === null || config === void 0 ? void 0 : config.syncOptions;
+  if (!finalBaseURL) {
+    throw new Error("FrappeForm requires baseURL prop or FrappeProvider with baseURL");
+  }
+  var frappeConfig = useMemo(function () {
+    return {
+      baseURL: finalBaseURL,
+      socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+      auth: finalAuth,
+      syncOptions: finalSyncOptions,
+      fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [finalBaseURL, config === null || config === void 0 ? void 0 : config.socketPort, finalSyncOptions, config === null || config === void 0 ? void 0 : config.fixtures]);
+  var {
+    meta
+  } = useDocTypeMeta(frappeConfig, doctype);
+  var formSchema = useMemo(function () {
+    if (!meta) return void 0;
+    return mapMetaToFormSchema(meta, sections);
+  }, [meta, sections]);
+  var docCollection = useFrappeCollection(name ? frappeConfig : void 0, doctype, {
+    fields,
+    filters: name ? {
+      name
+    } : void 0
+  });
+  var {
+    data: rawDocData,
+    isLoading: isDocLoading
+  } = useLiveQuery(function (q) {
+    if (!docCollection || !name) return null;
+    return q.from({
+      _doc: docCollection
+    }).where(function (param2) {
+      var {
+        _doc
+      } = param2;
+      if (!_doc) return eq(name, name);
+      return eq(_doc.name, name);
+    });
+  }, [docCollection, name]);
+  var liveDoc = useMemo(function () {
+    var _arr_;
+    var arr = Array.isArray(rawDocData) ? rawDocData : rawDocData ? [rawDocData] : [];
+    var doc = (_arr_ = arr[0]) !== null && _arr_ !== void 0 ? _arr_ : null;
+    return doc ? {
+      data: doc,
+      isLoading: isDocLoading
+    } : name ? {
+      data: null,
+      isLoading: isDocLoading
+    } : null;
+  }, [rawDocData, isDocLoading, name]);
+  var collection = useFrappeCollection(frappeConfig, doctype, {
+    fields
+  });
+  useEffect(function () {
+    if (liveDoc === null || liveDoc === void 0 ? void 0 : liveDoc.data) {
+      setLocalDoc(liveDoc.data);
+    } else {
+      setLocalDoc({
+        doctype
+      });
+    }
+  }, [liveDoc === null || liveDoc === void 0 ? void 0 : liveDoc.data, doctype]);
+  var hasUnsavedChanges = useMemo(function () {
+    if (!(liveDoc === null || liveDoc === void 0 ? void 0 : liveDoc.data)) return Object.keys(localDoc).length > 1;
+    var live = liveDoc.data;
+    var local = localDoc;
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = Object.keys(local)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var key = _step.value;
+        if (key === "doctype") continue;
+        if (live[key] !== local[key]) return true;
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return false;
+  }, [liveDoc === null || liveDoc === void 0 ? void 0 : liveDoc.data, localDoc]);
+  var setValue = function setValue2(field, value) {
+    setLocalDoc(function (prev) {
+      return {
+        ...prev,
+        [field]: value
+      };
+    });
+    setErrors(function (prev) {
+      var newErrors = {
+        ...prev
+      };
+      delete newErrors[String(field)];
+      return newErrors;
+    });
+  };
+  var handleSave = async function handleSave2() {
+    if (!collection) return;
+    setIsSubmitting(true);
+    setErrors({});
+    try {
+      if (name) {
+        var tx = collection.update(name, function (draft) {
+          Object.assign(draft, localDoc);
+        });
+        await tx.isPersisted.promise;
+      } else {
+        var _localDoc_name;
+        var docToInsert = {
+          ...localDoc,
+          doctype,
+          name: (_localDoc_name = localDoc.name) !== null && _localDoc_name !== void 0 ? _localDoc_name : `new-${Date.now()}`
+        };
+        var tx1 = collection.insert(docToInsert);
+        await tx1.isPersisted.promise;
+      }
+      onSave === null || onSave === void 0 ? void 0 : onSave(localDoc);
+    } catch (err1) {
+      var e = err1;
+      if ((e === null || e === void 0 ? void 0 : e.exc_type) === "ValidationError") {
+        var validationErrors = {};
+        if (e._server_messages) {
+          try {
+            var messages = JSON.parse(e._server_messages);
+            var _iteratorNormalCompletion = true,
+              _didIteratorError = false,
+              _iteratorError = void 0;
+            try {
+              for (var _iterator = messages[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                var msg = _step.value;
+                var parsed = typeof msg === "string" ? JSON.parse(msg) : msg;
+                if (parsed.message) {
+                  validationErrors.general = parsed.message;
+                }
+              }
+            } catch (err) {
+              _didIteratorError = true;
+              _iteratorError = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                  _iterator.return();
+                }
+              } finally {
+                if (_didIteratorError) {
+                  throw _iteratorError;
+                }
+              }
+            }
+          } catch (unused) {
+            validationErrors.general = t("Validation error occurred");
+          }
+        }
+        setErrors(validationErrors);
+      } else {
+        setErrors({
+          general: (e === null || e === void 0 ? void 0 : e.message) || t("Failed to save document")
+        });
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  var handleDelete = async function handleDelete2() {
+    if (!collection || !name) return;
+    if (!(await dialog.confirm(t("Delete this {{doctype}}?", {
+      doctype
+    })))) return;
+    setIsSubmitting(true);
+    setErrors({});
+    try {
+      var tx = collection.delete(name);
+      await tx.isPersisted.promise;
+      onDelete === null || onDelete === void 0 ? void 0 : onDelete(localDoc);
+    } catch (err) {
+      setErrors({
+        general: (err === null || err === void 0 ? void 0 : err.message) || t("Failed to delete")
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (name && (liveDoc === null || liveDoc === void 0 ? void 0 : liveDoc.isLoading)) {
+    return /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.panelPadding,
+      alignItems: "center",
+      children: [/* @__PURE__ */_jsx(Spinner, {
+        size: "large"
+      }), /* @__PURE__ */_jsx(Text, {
+        color: "$color10",
+        marginTop: "$2",
+        children: t("Loading {{doctype}}...", {
+          doctype
+        })
+      })]
+    });
+  }
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gapLg,
+    flex: 1,
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      flex: 1,
+      ...knobProps.gapLg,
+      children: [/* Sidebar (edit mode only) */
+      showSidebar && name && meta && /* @__PURE__ */_jsx(FormSidebar, {
+        sections: mapMetaToSidebarSections(meta, localDoc),
+        metadata: mapDocToSidebarMetadata(localDoc, t)
+      }), /* Form body */
+      /* @__PURE__ */_jsxs(YStack, {
+        flex: 1,
+        ...knobProps.gapLg,
+        children: [children ?
+        // Render-prop mode
+        children({
+          doc: localDoc,
+          setValue,
+          isSubmitting,
+          errors,
+          meta
+        }) : formSchema ?
+        // Schema-driven mode using generic SchemaForm from @multiplatform.one/forms
+        /* @__PURE__ */
+        _jsx(SchemaForm, {
+          schema: formSchema,
+          doc: localDoc,
+          setValue: function setValue1(field, value) {
+            return setValue(field, value);
+          },
+          errors,
+          disabled,
+          overrides,
+          hideFields,
+          readOnlyFields
+        }) :
+        // Loading metadata
+        /* @__PURE__ */
+        _jsxs(YStack, {
+          ...knobProps.panelPadding,
+          alignItems: "center",
+          children: [/* @__PURE__ */_jsx(Spinner, {
+            size: "large"
+          }), /* @__PURE__ */_jsx(Text, {
+            color: "$color10",
+            marginTop: "$2",
+            children: t("Loading form...")
+          })]
+        }), errors.general && /* @__PURE__ */_jsx(Text, {
+          color: "$red10",
+          fontSize: "$2",
+          children: errors.general
+        }), showToolbar && /* @__PURE__ */_jsxs(XStack, {
+          ...knobProps.gap,
+          justifyContent: "flex-end",
+          alignItems: "center",
+          paddingTop: "$3",
+          children: [hasUnsavedChanges && /* @__PURE__ */_jsx(Text, {
+            color: "$orange10",
+            fontSize: "$2",
+            marginRight: "auto",
+            children: t("Not Saved")
+          }), name && onDelete && /* @__PURE__ */_jsx(Button, {
+            theme: "red",
+            variant: "outlined",
+            icon: isSubmitting ? Spinner : TrashIcon,
+            disabled: isSubmitting || disabled,
+            onPress: handleDelete,
+            children: t("Delete")
+          }), onCancel && /* @__PURE__ */_jsx(Button, {
+            variant: "outlined",
+            icon: XIcon,
+            disabled: isSubmitting || disabled,
+            onPress: onCancel,
+            children: t("Cancel")
+          }), /* @__PURE__ */_jsx(Button, {
+            theme: "active",
+            icon: isSubmitting ? Spinner : FloppyDiskIcon,
+            disabled: isSubmitting || disabled,
+            onPress: handleSave,
+            children: isSubmitting ? t("Saving...") : t("Save")
+          })]
+        })]
+      })]
+    }), /* Timeline (edit mode only) */
+    showTimeline && name && /* @__PURE__ */_jsx(Timeline, {
+      entries: [],
+      label: t("Activity")
+    })]
+  });
+}
+export { FrappeForm };
+//# sourceMappingURL=FrappeForm.native.js.map

package/dist/esm/FrappeForm.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useFrappeCollection","useLiveQuery","useDocTypeMeta","SchemaForm","FormSidebar","eq","FloppyDiskIcon","TrashIcon","XIcon","useEffect","useMemo","useState","useTranslation","Button","Spinner","Text","XStack","YStack","Timeline","useResolvedKnobs","useFrappeConfig","dialog","mapFieldToGenericSchema","field","type","fieldtype","name","fieldname","label","options","required","reqd","hidden","readOnly","read_only","precision","depends_on","in_list_view","in_standard_filter","mapMetaToFormSchema","meta","sectionOverrides","sections","genericSections","map","section","collapsible","columns","col","fields","allFields","mapMetaToSidebarSections","_meta","doc","image","push","key","title","render","_assign","assignees","JSON","parse","items","email","id","emptyText","unused","mapDocToSidebarMetadata","t","metadata","owner","user","modified_by","creation","date","FrappeForm","param","baseURL","auth","syncOptions","doctype","children","overrides","hideFields","readOnlyFields","onSave","onCancel","onDelete","showToolbar","showSidebar","showTimeline","disabled","config","knobProps","localDoc","setLocalDoc","isSubmitting","setIsSubmitting","errors","setErrors","finalBaseURL","finalAuth","finalSyncOptions","Error","frappeConfig","socketPort","fixtures","formSchema","docCollection","filters","data","rawDocData","isLoading","isDocLoading","q","from","_doc","where","param2","liveDoc","_arr_","arr","Array","isArray","collection","hasUnsavedChanges","Object","keys","length","live","local","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","value","err","return","setValue","setValue2","prev","newErrors","String","handleSave","handleSave2","tx","update","draft","assign","isPersisted","promise","_localDoc_name","docToInsert","Date","now","tx1","insert","err1","e","exc_type","validationErrors","_server_messages","messages","msg","parsed","message","general","handleDelete","handleDelete2","confirm","delete","panelPadding","alignItems","size","color","marginTop","gapLg"],"sources":["../../src/FrappeForm.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FrappeForm.stories.mjs

@@ -0,0 +1,226 @@
+import { InMemoryFixtureProvider } from "@multiplatform.one/frappe";
+import { action } from "@multiplatform.one/storybook";
+import { YStack } from "tamagui";
+import { Data } from "./fields/Data/index.mjs";
+import { Select } from "./fields/Select/index.mjs";
+import { Check } from "./fields/Check/index.mjs";
+import { Date } from "./fields/Date/index.mjs";
+import { Numeric } from "./fields/Numeric/index.mjs";
+import { FrappeForm } from "./FrappeForm.mjs";
+import { FrappeProvider } from "./FrappeProvider.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FrappeForm_stories_default = {
+  title: "FrappeUI/FrappeForm",
+  component: FrappeForm,
+  tags: ["!test"],
+  parameters: {
+    status: {
+      type: "stable"
+    },
+    docs: {
+      description: {
+        component: "A form component connected to Frappe Live data for creating and editing documents with real-time sync."
+      }
+    }
+  }
+};
+const contactFixtures = [{
+  name: "CONTACT-001",
+  doctype: "Contact",
+  first_name: "John",
+  last_name: "Doe",
+  email: "john@example.com",
+  phone: "555-0100",
+  status: "Active"
+}, {
+  name: "CONTACT-002",
+  doctype: "Contact",
+  first_name: "Jane",
+  last_name: "Smith",
+  email: "jane@example.com",
+  phone: "555-0101",
+  status: "Lead"
+}];
+const CreateForm = () => /* @__PURE__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    Contact: contactFixtures
+  }),
+  children: /* @__PURE__ */jsx(FrappeForm, {
+    doctype: "Contact",
+    onSave: action("onSave"),
+    onCancel: action("onCancel"),
+    children: ({
+      doc,
+      setValue,
+      errors
+    }) => /* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      width: 400,
+      children: [/* @__PURE__ */jsx(Data, {
+        label: "First Name",
+        value: doc.first_name || "",
+        onChange: v => setValue("first_name", v),
+        required: true,
+        error: errors.first_name
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Last Name",
+        value: doc.last_name || "",
+        onChange: v => setValue("last_name", v),
+        required: true,
+        error: errors.last_name
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Email",
+        value: doc.email || "",
+        onChange: v => setValue("email", v),
+        required: true,
+        error: errors.email
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Phone",
+        value: doc.phone || "",
+        onChange: v => setValue("phone", v)
+      }), /* @__PURE__ */jsx(Select, {
+        label: "Status",
+        value: doc.status || "",
+        onChange: v => setValue("status", v),
+        options: ["Active", "Lead", "Inactive"]
+      })]
+    })
+  })
+});
+CreateForm.parameters = {
+  docs: {
+    description: {
+      story: "Form for creating a new Contact document."
+    }
+  }
+};
+CreateForm.storyName = "Main";
+const EditForm = () => /* @__PURE__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    Contact: contactFixtures
+  }),
+  children: /* @__PURE__ */jsx(FrappeForm, {
+    doctype: "Contact",
+    name: "CONTACT-001",
+    onSave: action("onSave"),
+    onCancel: action("onCancel"),
+    children: ({
+      doc,
+      setValue,
+      errors
+    }) => /* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      width: 400,
+      children: [/* @__PURE__ */jsx(Data, {
+        label: "First Name",
+        value: doc.first_name || "",
+        onChange: v => setValue("first_name", v),
+        required: true,
+        error: errors.first_name
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Last Name",
+        value: doc.last_name || "",
+        onChange: v => setValue("last_name", v),
+        required: true,
+        error: errors.last_name
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Email",
+        value: doc.email || "",
+        onChange: v => setValue("email", v),
+        required: true,
+        error: errors.email
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Phone",
+        value: doc.phone || "",
+        onChange: v => setValue("phone", v)
+      }), /* @__PURE__ */jsx(Select, {
+        label: "Status",
+        value: doc.status || "",
+        onChange: v => setValue("status", v),
+        options: ["Active", "Lead", "Inactive"]
+      })]
+    })
+  })
+});
+EditForm.parameters = {
+  docs: {
+    description: {
+      story: "Form for editing an existing Contact document."
+    }
+  }
+};
+const orderFixtures = [{
+  name: "ORD-001",
+  doctype: "SalesOrder",
+  customer: "CUST-001",
+  order_date: "2026-01-20",
+  total_amount: 1500,
+  status: "Draft",
+  is_paid: false,
+  notes: ""
+}];
+const ComplexForm = () => /* @__PURE__ */jsx(FrappeProvider, {
+  baseURL: "https://demo.frappe.cloud",
+  fixtures: new InMemoryFixtureProvider({
+    SalesOrder: orderFixtures
+  }),
+  children: /* @__PURE__ */jsx(FrappeForm, {
+    doctype: "SalesOrder",
+    name: "ORD-001",
+    onSave: action("onSave"),
+    onCancel: action("onCancel"),
+    children: ({
+      doc,
+      setValue,
+      errors
+    }) => /* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      width: 500,
+      children: [/* @__PURE__ */jsx(Data, {
+        label: "Customer",
+        value: doc.customer || "",
+        onChange: v => setValue("customer", v),
+        required: true,
+        error: errors.customer
+      }), /* @__PURE__ */jsx(Date, {
+        label: "Order Date",
+        type: "date",
+        value: doc.order_date || "",
+        onChange: v => setValue("order_date", v),
+        required: true
+      }), /* @__PURE__ */jsx(Numeric, {
+        label: "Total Amount",
+        type: "Currency",
+        currencySymbol: "$",
+        value: doc.total_amount,
+        onChange: v => setValue("total_amount", v)
+      }), /* @__PURE__ */jsx(Select, {
+        label: "Status",
+        value: doc.status || "",
+        onChange: v => setValue("status", v),
+        options: ["Draft", "Submitted", "Completed", "Cancelled"]
+      }), /* @__PURE__ */jsx(Check, {
+        label: "Payment Received",
+        value: doc.is_paid || false,
+        onChange: v => setValue("is_paid", v)
+      }), /* @__PURE__ */jsx(Data, {
+        label: "Notes",
+        type: "long_text",
+        value: doc.notes || "",
+        onChange: v => setValue("notes", v),
+        placeholder: "Add any additional notes..."
+      })]
+    })
+  })
+});
+ComplexForm.parameters = {
+  docs: {
+    description: {
+      story: "A more complex form with multiple field types including dates, numbers, selects, and checkboxes."
+    }
+  }
+};
+export { ComplexForm, CreateForm, EditForm, FrappeForm_stories_default as default };
+//# sourceMappingURL=FrappeForm.stories.mjs.map