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

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,
@@ -2446,9 +2463,6 @@ var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
   }, props));
 }, "VulcanComponentsProvider");
 
-// components/VulcanComponents/typings.ts
-import React12 from "react";
-
 // components/VulcanComponents/defaultVulcanComponents/index.ts
 var defaultFormComponents = {
   Form,
@@ -2462,7 +2476,7 @@ var defaultCoreComponents = {
 };
 
 // componentsHelpers.tsx
-import React13 from "react";
+import React12 from "react";
 function _extends8() {
   _extends8 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2516,16 +2530,16 @@ var getRawComponent = /* @__PURE__ */ __name((name) => {
 var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
   if (!component) {
     return null;
-  } else if (/* @__PURE__ */ React13.isValidElement(component)) {
-    return /* @__PURE__ */ React13.cloneElement(component, props);
+  } else if (/* @__PURE__ */ React12.isValidElement(component)) {
+    return /* @__PURE__ */ React12.cloneElement(component, props);
   } else if (typeof component === "function" && component.prototype && component.prototype.isReactComponent) {
     const Component = component;
-    return /* @__PURE__ */ React13.createElement(Component, _extends8({}, props));
+    return /* @__PURE__ */ React12.createElement(Component, _extends8({}, props));
   } else if (typeof component === "function") {
     return component(props);
   } else if (typeof component === "object" && component.$$typeof && component.render) {
     const Component = component;
-    return /* @__PURE__ */ React13.createElement(Component, _extends8({}, props));
+    return /* @__PURE__ */ React12.createElement(Component, _extends8({}, props));
   } else {
     return component;
   }
@@ -2533,7 +2547,7 @@ var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
 var delayedComponent = /* @__PURE__ */ __name((name) => {
   return (props) => {
     const Component = Components[name] || null;
-    return Component && /* @__PURE__ */ React13.createElement(Component, _extends8({}, props));
+    return Component && /* @__PURE__ */ React12.createElement(Component, _extends8({}, props));
   };
 }, "delayedComponent");
 var mergeWithComponents = /* @__PURE__ */ __name((myComponents) => myComponents ? __spreadValues(__spreadValues({}, Components), myComponents) : Components, "mergeWithComponents");