@vulcanjs/react-ui 0.7.2-alpha.5 → 0.7.2-alpha.8

package/dist/components/form/elements/FormErrors.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FormErrors: () => JSX.Element;
+//# sourceMappingURL=FormErrors.d.ts.map

package/dist/components/form/elements/FormLayout.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface FormLayoutProps {
+    commonProps: any;
+    formProps: any;
+    submitProps: any;
+    repeatErrors?: boolean;
+}
+export declare const FormLayout: React.FC<FormLayoutProps>;
+export declare const formComponentsDependencies: string[];
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/components/form/elements/FormSubmit.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export interface FormSubmitProps {
+    submitLabel: any;
+    cancelLabel: any;
+    cancelCallback: any;
+    revertLabel: any;
+    revertCallback: any;
+    document: any;
+    deleteDocument: any;
+    model: any;
+    currentUser: any;
+}
+export declare const FormSubmit: {
+    ({ submitLabel, cancelLabel, cancelCallback, revertLabel, revertCallback, document, deleteDocument, model, currentUser, }: {
+        submitLabel: any;
+        cancelLabel: any;
+        cancelCallback: any;
+        revertLabel: any;
+        revertCallback: any;
+        document: any;
+        deleteDocument: any;
+        model: any;
+        currentUser: any;
+    }): JSX.Element;
+    propTypes: {
+        submitLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        cancelLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        cancelCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        revertLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        revertCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        document: PropTypes.Requireable<object>;
+        deleteDocument: PropTypes.Requireable<(...args: any[]) => any>;
+        collectionName: PropTypes.Requireable<string>;
+        classes: PropTypes.Requireable<object>;
+    };
+};
+//# sourceMappingURL=FormSubmit.d.ts.map

package/dist/components/form/elements/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./FieldErrors";
+export * from "./FormError";
+export * from "./FormErrors";
+export * from "./FormSubmit";
+export * from "./FormLayout";
+export * from "./FormElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/inputs/AutocompleteMultiple.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { FormInputProps } from "../core/FormComponentInner";
+export interface AutocompleteMultipleProps extends FormInputProps {
+}
+export declare const AutocompleteMultiple: (props: AutocompleteMultipleProps) => JSX.Element;
+//# sourceMappingURL=AutocompleteMultiple.d.ts.map

package/dist/components/form/inputs/BasicInputs.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { FormInputProps, FormTextAreaProps } from "../core/FormComponentInner";
+export declare const FormComponentDefault: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentPassword: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentNumber: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentUrl: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentEmail: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentCheckbox: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentDate: (props: any) => JSX.Element;
+export declare const FormComponentDateTime: (props: any) => JSX.Element;
+export declare const FormComponentTime: (props: any) => JSX.Element;
+export declare const FormComponentStaticText: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentLikert: (props: any) => string;
+export declare const FormComponentAutocomplete: (props: any) => string;
+export declare const FormComponentTextarea: (props: FormTextAreaProps) => JSX.Element;
+//# sourceMappingURL=BasicInputs.d.ts.map

package/dist/components/form/inputs/Checkboxgroup.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FormInputProps } from "../core/FormComponentInner";
+export declare const otherMarker = "[other]";
+export declare const isOtherValue: (s: any) => any;
+export declare const removeOtherMarker: (s: any) => any;
+export declare const addOtherMarker: (s: any) => string;
+export declare const removeOtherValue: (a: any) => any;
+export declare const FormComponentCheckboxGroup: (props: FormInputProps) => JSX.Element;
+//# sourceMappingURL=Checkboxgroup.d.ts.map

package/dist/components/form/inputs/FormItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormInputProps } from "../core/FormComponentInner";
+export declare const FormItem: (props: FormInputProps["itemProperties"] & Pick<FormInputProps["inputProperties"], "label" | "name">) => JSX.Element;
+//# sourceMappingURL=FormItem.d.ts.map

package/dist/components/form/inputs/FormOptionLabel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { FormOption } from "../core/FormComponent";
+export interface FormOptionLabelProps extends React.HTMLProps<HTMLLabelElement> {
+    option: FormOption;
+}
+export declare const FormOptionLabel: ({ option, name }: FormOptionLabelProps) => JSX.Element;
+//# sourceMappingURL=FormOptionLabel.d.ts.map

package/dist/components/form/inputs/RadioGroup.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormInputProps } from "../core/FormComponentInner";
+export declare const FormComponentRadioGroup: (props: FormInputProps) => JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/form/inputs/SelectInputs.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { FormInputProps } from "../core/FormComponentInner";
+export declare const FormComponentSelect: (props: FormInputProps<HTMLSelectElement>) => JSX.Element;
+export declare const FormComponentSelectMultiple: (props: any) => JSX.Element;
+//# sourceMappingURL=SelectInputs.d.ts.map

package/dist/components/form/inputs/consts.d.ts

@@ -0,0 +1,9 @@
+import type { VulcanFieldType, VulcanCoreInput } from "@vulcanjs/schema";
+export declare const standardInputs: Array<VulcanCoreInput>;
+export declare const clearableInputs: Array<VulcanCoreInput>;
+export declare const advancedInputs: Array<VulcanCoreInput>;
+export declare type DerivedInput = "nested";
+export declare const derivedInputs: Array<DerivedInput>;
+export declare const allVulcanInputs: Array<VulcanCoreInput | DerivedInput>;
+export declare const getAutoInputFromType: (fieldType: VulcanFieldType) => VulcanCoreInput;
+//# sourceMappingURL=consts.d.ts.map

package/dist/components/form/inputs/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./BasicInputs";
+export * from "./RadioGroup";
+export * from "./Checkboxgroup";
+export * from "./SelectInputs";
+export * from "./FormItem";
+export * from "./FormOptionLabel";
+export * from "./AutocompleteMultiple";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/intl/FormIntl.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const FormIntlLayout: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export declare const FormIntlItemLayout: ({ locale, children }: {
+    locale: any;
+    children: any;
+}) => JSX.Element;
+interface FormIntlProps {
+    path: string;
+    name: string;
+}
+export declare const FormIntl: (props: FormIntlProps) => JSX.Element;
+export {};
+//# sourceMappingURL=FormIntl.d.ts.map

package/dist/components/form/modules/formFragments.d.ts

@@ -0,0 +1,16 @@
+import { VulcanGraphqlModel } from "@vulcanjs/graphql";
+import type { FormType } from "../typings";
+declare const getFormFragments: ({ formType, model, fields, addFields, }: {
+    model: VulcanGraphqlModel;
+    formType: FormType;
+    fields?: string[] | undefined;
+    addFields?: string[] | undefined;
+}) => {
+    queryFragment: import("graphql").DocumentNode;
+    mutationFragment: import("graphql").DocumentNode;
+    queryFragmentName: string;
+    mutationFragmentName: string;
+    extraQueries: (string | (() => string))[];
+};
+export default getFormFragments;
+//# sourceMappingURL=formFragments.d.ts.map

package/dist/components/form/modules/path_utils.d.ts

@@ -0,0 +1,6 @@
+export declare const splitPath: (string: string) => string[];
+export declare const joinPath: (array: Array<string | number>) => string;
+export declare const getParentPath: (string: string) => string;
+export declare const removePrefix: (prefix: string, paths: Array<string>) => Array<string>;
+export declare const filterPathsByPrefix: (prefix: string, paths: Array<string>) => string[];
+//# sourceMappingURL=path_utils.d.ts.map

package/dist/components/form/modules/schema_utils.d.ts

@@ -0,0 +1,14 @@
+import { VulcanFieldSchema, VulcanSchema } from "@vulcanjs/schema";
+export declare const getValidFields: (schema: any) => string[];
+export declare const getInsertableFields: (schema: any, user: any) => string[];
+export declare const getEditableFields: (schema: any, user: any, document: any) => string[];
+export declare const convertSchema: (schema: VulcanSchema, options?: {
+    flatten?: boolean;
+    removeArrays?: boolean;
+}) => {};
+export declare const getFieldSchema: (fieldName: string, schema: VulcanSchema) => {};
+export declare const getSchemaType: (fieldSchema: VulcanFieldSchema) => import("@vulcanjs/schema").VulcanFieldType;
+export declare const getNestedFieldSchemaOrType: (fieldName: any, schema: any) => Object | Number | Date | null;
+export declare const schemaProperties: string[];
+export declare const formProperties: string[];
+//# sourceMappingURL=schema_utils.d.ts.map

package/dist/components/form/modules/utils.d.ts

@@ -0,0 +1,17 @@
+import { VulcanFieldSchema } from "@vulcanjs/schema";
+export declare const deepValue: (obj: any, path: any) => any;
+export declare const flatten: (data: any) => {};
+export declare const isEmptyValue: (value: any) => boolean;
+export declare const mergeValue: ({ currentValue, documentValue, deletedValues: deletedFields, path, locale, datatype, }: {
+    currentValue: any;
+    documentValue: any;
+    deletedValues: any;
+    path: any;
+    locale: any;
+    datatype: any;
+}) => any;
+export declare const getDeletedValues: (deletedFields: any, accumulator?: {}) => any;
+export declare const getNestedDeletedValues: (prefix: any, deletedFields: any, accumulator?: {}) => any;
+export declare const getFieldType: (fieldSchema: VulcanFieldSchema) => import("@vulcanjs/schema").VulcanFieldType;
+export declare const getNullValue: (datatype: any) => false | "" | never[] | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/form/nested/FormNestedArray.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare const FormNestedArrayInnerLayout: (props: any) => JSX.Element;
+export interface FormNestedArrayProps<TValue = any> {
+    value: TValue;
+    path: string;
+    itemProperties: any;
+    minCount?: number;
+    maxCount?: number;
+    arrayField?: boolean;
+    nestedArrayErrors: any;
+    hasErrors?: boolean;
+    prefilledProps?: any;
+    addItem: Function | null;
+}
+export declare const FormNestedArray: (props: FormNestedArrayProps) => JSX.Element;
+export declare const formComponentsDependencies: string[];
+export default FormNestedArray;
+export declare const IconAdd: ({ width, height }: {
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export declare const IconRemove: ({ width, height }: {
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=FormNestedArray.d.ts.map

package/dist/components/form/nested/FormNestedArrayLayout.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedArrayLayout: {
+    (props: any): JSX.Element;
+    propTypes: {
+        hasErrors: PropTypes.Validator<boolean>;
+        nestedArrayErrors: PropTypes.Requireable<any[]>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        hideLabel: PropTypes.Requireable<boolean>;
+        addItem: PropTypes.Requireable<(...args: any[]) => any>;
+        beforeComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        afterComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        formComponents: PropTypes.Requireable<object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export default FormNestedArrayLayout;
+//# sourceMappingURL=FormNestedArrayLayout.d.ts.map

package/dist/components/form/nested/FormNestedDivider.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedDivider: {
+    ({ label, addItem }: {
+        label: any;
+        addItem: any;
+    }): JSX.Element;
+    propTypes: {
+        label: PropTypes.Requireable<string>;
+        addItem: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+//# sourceMappingURL=FormNestedDivider.d.ts.map

package/dist/components/form/nested/FormNestedItem.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedItemLayout: {
+    ({ content, removeButton }: {
+        content: any;
+        removeButton: any;
+    }): JSX.Element;
+    propTypes: {
+        content: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        removeButton: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export declare const FormNestedItem: {
+    ({ nestedFields, name, path, removeItem, itemIndex, formComponents, hideRemove, label, ...props }: {
+        [x: string]: any;
+        nestedFields: any;
+        name: any;
+        path: any;
+        removeItem: any;
+        itemIndex: any;
+        formComponents: any;
+        hideRemove: any;
+        label: any;
+    }): JSX.Element;
+    propTypes: {
+        path: PropTypes.Validator<string>;
+        itemIndex: PropTypes.Requireable<number>;
+        formComponents: PropTypes.Requireable<object>;
+        hideRemove: PropTypes.Requireable<boolean>;
+    };
+    contextTypes: {
+        errors: PropTypes.Requireable<any[]>;
+        intl: PropTypes.Requireable<PropTypes.InferProps<{
+            formatters: PropTypes.Requireable<object>;
+            now: PropTypes.Validator<(...args: any[]) => any>;
+            formatDate: PropTypes.Validator<(...args: any[]) => any>;
+            formatTime: PropTypes.Validator<(...args: any[]) => any>;
+            formatRelative: PropTypes.Validator<(...args: any[]) => any>;
+            formatNumber: PropTypes.Validator<(...args: any[]) => any>;
+            formatPlural: PropTypes.Validator<(...args: any[]) => any>;
+            formatMessage: PropTypes.Validator<(...args: any[]) => any>;
+            formatHTMLMessage: PropTypes.Validator<(...args: any[]) => any>;
+            locale: PropTypes.Requireable<string>;
+            formats: PropTypes.Requireable<object>;
+            messages: PropTypes.Requireable<object>;
+            textComponent: PropTypes.Requireable<any>;
+            defaultLocale: PropTypes.Requireable<string>;
+            defaultFormats: PropTypes.Requireable<object>;
+        }>>;
+    };
+};
+//# sourceMappingURL=FormNestedItem.d.ts.map

package/dist/components/form/nested/FormNestedObject.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedObjectLayout: {
+    ({ hasErrors, label, content }: {
+        hasErrors: any;
+        label: any;
+        content: any;
+    }): JSX.Element;
+    propTypes: {
+        hasErrors: PropTypes.Requireable<number | boolean>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+interface FormNestedObjectProps {
+    label?: string;
+    value: any;
+    input: any;
+    inputProperties: any;
+    nestedInput: any;
+    errors: Array<any>;
+    path: string;
+}
+export declare const FormNestedObject: {
+    (props: FormNestedObjectProps): JSX.Element;
+    propTypes: {
+        currentValues: PropTypes.Requireable<object>;
+        path: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        errors: PropTypes.Validator<any[]>;
+        formComponents: PropTypes.Requireable<object>;
+    };
+};
+export default FormNestedObject;
+//# sourceMappingURL=FormNestedObject.d.ts.map

package/dist/components/form/nested/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./FormNestedArray";
+export * from "./FormNestedArrayLayout";
+export * from "./FormNestedItem";
+export * from "./FormNestedDivider";
+export * from "./FormNestedObject";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/ui_utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getHtmlInputProps: (props: any) => any;
+export declare const whitelistInputProps: (props: any) => React.HTMLProps<HTMLInputElement>;
+//# sourceMappingURL=ui_utils.d.ts.map

package/dist/components/form/useBlockTransition/block.d.ts

@@ -0,0 +1,4 @@
+export declare const BLOCK_TRANSITION_EVENT_TYPE = "blocktransition";
+export declare const UNBLOCK_TRANSITION_EVENT_TYPE = "unblocktransition";
+export declare const block: (setConfirmationMessage: (event?: BeforeUnloadEvent | undefined) => string, onUnblock?: Function | undefined) => () => void;
+//# sourceMappingURL=block.d.ts.map

package/dist/components/form/useBlockTransition/useBlockTransition.d.ts

@@ -0,0 +1,5 @@
+export declare const useBlockTransition: ({ shouldBlock, getBlockedMessage, }: {
+    shouldBlock: boolean;
+    getBlockedMessage: (evt?: BeforeUnloadEvent | undefined) => string;
+}) => void;
+//# sourceMappingURL=useBlockTransition.d.ts.map

package/dist/components/form/useWarnOnUnsaved/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useWarnOnUnsaved";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/useWarnOnUnsaved/useWarnOnUnsaved.d.ts

@@ -0,0 +1,5 @@
+export declare const useWarnOnUnsaved: ({ isChanged, warnUnsavedChanges, }: {
+    isChanged: boolean;
+    warnUnsavedChanges?: boolean | undefined;
+}) => void;
+//# sourceMappingURL=useWarnOnUnsaved.d.ts.map

package/dist/decorators/autocomplete.d.ts

@@ -0,0 +1,8 @@
+export declare const makeAutocomplete: (field: any, options: {
+    autocompletePropertyName: string;
+    fragmentName?: string;
+    valuePropertyName?: string;
+    multi?: boolean;
+    queryResolverName?: string;
+}) => any;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/decorators/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./likert";
+export * from "./checkboxgroup";
+export * from "./radiogroup";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./components/core";
-export * from "./components/form";
-export * from "./components/VulcanComponents";
-export * from "./components/VulcanCurrentUser";
-export * from "./componentsHelpers";
+export * from "./components/core/index.js";
+export * from "./components/form/index.js";
+export * from "./components/VulcanComponents/index.js";
+export * from "./components/VulcanCurrentUser/index.js";
+export * from "./componentsHelpers.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wBAAwB,CAAC"}

package/dist/index.js

@@ -665,11 +665,14 @@ var LoadingButton = /* @__PURE__ */ __name((_a) => {
     className: `loading-button ${loading ? "loading-button-loading" : "loading-button-notloading"} ${className}`,
     onClick
   }, rest), /* @__PURE__ */ React4.createElement("span", {
-    style: wrapperStyle
+    style: wrapperStyle,
+    className: "loading-button-inner"
   }, /* @__PURE__ */ React4.createElement("span", {
-    style: labelStyle
+    style: labelStyle,
+    className: "loading-button-label"
   }, label || children), /* @__PURE__ */ React4.createElement("span", {
-    style: loadingStyle
+    style: loadingStyle,
+    className: "loading-button-loader"
   }, /* @__PURE__ */ React4.createElement(Components2.Loading, null))));
 }, "LoadingButton");
 
@@ -1774,8 +1777,8 @@ var Form = /* @__PURE__ */ __name((props) => {
     });
   }, "clearFormCallbacks");
   const [currentValues, setCurrentValues] = useState2({});
-  const submitFormContext = /* @__PURE__ */ __name((formType) => (event) => {
-    submitForm(formType)(event);
+  const submitFormContext = /* @__PURE__ */ __name(async (event) => {
+    await submitForm(event);
   }, "submitFormContext");
   const [currentDocument, setCurrentDocument] = useState2(initialDocument);
   const updateCurrentValues = /* @__PURE__ */ __name((newValues, options = {}) => {
@@ -1883,16 +1886,7 @@ var Form = /* @__PURE__ */ __name((props) => {
         form: void 0
       });
   }, "mutationErrorCallback");
-  const submitForm = /* @__PURE__ */ __name((formType) => async (event) => {
-    var _a, _b;
-    event && event.preventDefault();
-    event && event.stopPropagation();
-    const { contextName } = props;
-    if (disabled) {
-      return;
-    }
-    setErrors([]);
-    setDisabled(true);
+  const getSubmitData = /* @__PURE__ */ __name(() => {
     let data = getData({
       replaceIntlFields: true,
       addExtraFields: false,
@@ -1907,42 +1901,64 @@ var Form = /* @__PURE__ */ __name((props) => {
     if (props.submitCallback) {
       data = props.submitCallback(data) || data;
     }
-    if (formType === "new") {
-      try {
-        const result = await createDocument({
-          input: {
-            data,
-            contextName
-          }
-        });
-        if ((_a = result.errors) == null ? void 0 : _a.length) {
-          mutationErrorCallback(document1, result.errors[0]);
-        } else {
-          newMutationSuccessCallback(result);
+    return data;
+  }, "getSubmitData");
+  const submitFormCreate = /* @__PURE__ */ __name(async (event) => {
+    var _a;
+    event && event.preventDefault();
+    event && event.stopPropagation();
+    const { contextName } = props;
+    if (disabled) {
+      return;
+    }
+    setErrors([]);
+    setDisabled(true);
+    const data = getSubmitData();
+    try {
+      const result = await createDocument({
+        input: {
+          data,
+          contextName
         }
-      } catch (error) {
-        mutationErrorCallback(document1, error);
+      });
+      if ((_a = result.errors) == null ? void 0 : _a.length) {
+        mutationErrorCallback(document1, result.errors[0]);
+      } else {
+        newMutationSuccessCallback(result);
       }
-    } else {
-      try {
-        const documentId = currentDocument._id;
-        const result = await updateDocument({
-          input: {
-            id: documentId,
-            data,
-            contextName
-          }
-        });
-        if ((_b = result.errors) == null ? void 0 : _b.length) {
-          mutationErrorCallback(document1, result.errors[0]);
-        } else {
-          editMutationSuccessCallback(result);
+    } catch (error) {
+      mutationErrorCallback(document1, error);
+    }
+  }, "submitFormCreate");
+  const submitFormUpdate = /* @__PURE__ */ __name(async (event) => {
+    var _a;
+    event && event.preventDefault();
+    event && event.stopPropagation();
+    const { contextName } = props;
+    if (disabled) {
+      return;
+    }
+    setErrors([]);
+    setDisabled(true);
+    const data = getSubmitData();
+    try {
+      const documentId = currentDocument._id;
+      const result = await updateDocument({
+        input: {
+          id: documentId,
+          data,
+          contextName
         }
-      } catch (error) {
-        mutationErrorCallback(document1, error);
+      });
+      if ((_a = result.errors) == null ? void 0 : _a.length) {
+        mutationErrorCallback(document1, result.errors[0]);
+      } else {
+        editMutationSuccessCallback(result);
       }
+    } catch (error) {
+      mutationErrorCallback(document1, error);
     }
-  }, "submitForm");
+  }, "submitFormUpdate");
   const deleteDocumentWithConfirm = /* @__PURE__ */ __name(() => {
     const document = currentDocument;
     const documentId = props.document._id;
@@ -1971,13 +1987,14 @@ var Form = /* @__PURE__ */ __name((props) => {
   }, "deleteDocumentWithConfirm");
   const { successComponent, document: document1, currentUser, model, warnUnsavedChanges } = props;
   const FormComponents = useVulcanComponents();
-  const formType1 = document1 ? "edit" : "new";
-  const mutableFields = formType1 === "edit" ? getEditableFields(schema, currentUser, initialDocument) : getInsertableFields(schema, currentUser);
+  const formType = document1 ? "edit" : "new";
+  const submitForm = formType === "new" ? submitFormCreate : submitFormUpdate;
+  const mutableFields = formType === "edit" ? getEditableFields(schema, currentUser, initialDocument) : getInsertableFields(schema, currentUser);
   const { formLayoutProps, formGroupProps } = getChildrenProps(props, {
     disabled,
     currentDocument
   }, {
-    formType: formType1
+    formType
   }, {
     deleteDocument: deleteDocumentWithConfirm
   });
@@ -1991,7 +2008,7 @@ var Form = /* @__PURE__ */ __name((props) => {
       clearForm,
       refetchForm,
       isChanged,
-      submitForm: submitFormContext(formType1),
+      submitForm: submitFormContext,
       addToDeletedValues,
       updateCurrentValues,
       getDocument: () => currentDocument,