@vulcanjs/react-ui 0.7.2-alpha.8 → 0.8.1-y.0

package/dist/components/VulcanComponents/Context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../components/VulcanComponents/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAiB1D,eAAO,MAAM,uBAAuB,yCASjC,CAAC"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../components/VulcanComponents/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAgB1D,eAAO,MAAM,uBAAuB,yCASjC,CAAC"}

package/dist/components/form/core/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../components/form/core/Form/Form.tsx"],"names":[],"mappings":"AAmDA,OAAO,EAEL,SAAS,EAGV,MAAM,WAAW,CAAC;AA+PnB,eAAO,MAAM,IAAI,UAAW,SAAS,QAokBpC,CAAC;AAeF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../components/form/core/Form/Form.tsx"],"names":[],"mappings":"AAmDA,OAAO,EAEL,SAAS,EAGV,MAAM,WAAW,CAAC;AAwQnB,eAAO,MAAM,IAAI,UAAW,SAAS,QA6hBpC,CAAC;AAeF,eAAe,IAAI,CAAC"}

package/dist/components/form/core/Form/hooks.d.ts

@@ -0,0 +1,16 @@
+export interface AddSubmitCallbacks {
+    addToSubmitForm: (cb: any) => void;
+    addToSuccessForm: (cb: any) => void;
+    addToFailureForm: (cb: any) => void;
+}
+export declare const useSubmitCallbacks: () => {
+    callbacks: {
+        submitFormCallbacks: Array<any>;
+        successFormCallbacks: Array<any>;
+        failureFormCallbacks: Array<any>;
+    };
+    addToSuccessForm: (callback: any) => void;
+    addToSubmitForm: (callback: any) => void;
+    addToFailureForm: (callback: any) => void;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/components/form/core/Form/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../components/form/core/Form/hooks.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IAMjC,eAAe,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAMnC,gBAAgB,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAMpC,gBAAgB,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC;AAID,eAAO,MAAM,kBAAkB;;6BAEN,MAAM,GAAG,CAAC;8BACT,MAAM,GAAG,CAAC;8BACV,MAAM,GAAG,CAAC;;;;;CAiCnC,CAAC"}

package/dist/components/form/core/FormContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../../../components/form/core/FormContainer.tsx"],"names":[],"mappings":";AAiDA,OAAO,EAAE,kBAAkB,EAAmB,MAAM,mBAAmB,CAAC;AAiBxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAmBrD,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,KAAK,EAAE,kBAAkB,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAIvB,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAU1B,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AACD,oBAAY,cAAc,GAAG,kBAAkB,CAAC;AA4FhD,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAkLtD,CAAC;AAqDF,eAAO,MAAM,SAAS,UAvOe,kBAAkB,gBAuOjB,CAAC;AAEvC,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../../../components/form/core/FormContainer.tsx"],"names":[],"mappings":";AAiDA,OAAO,EAAE,kBAAkB,EAAmB,MAAM,mBAAmB,CAAC;AAiBxE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAmBrD,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,KAAK,EAAE,kBAAkB,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAIvB,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAU1B,WAAW,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AACD,oBAAY,cAAc,GAAG,kBAAkB,CAAC;AA4FhD,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAuKtD,CAAC;AAqDF,eAAO,MAAM,SAAS,UA5Ne,kBAAkB,gBA4NjB,CAAC;AAEvC,eAAe,aAAa,CAAC"}

package/dist/components/form/core/FormContext.d.ts

@@ -1,11 +1,7 @@
 import React from "react";
-interface FormContextValue {
-    addToDeletedValues: Function;
-    addToFailureForm: Function;
-    addToSubmitForm: Function;
-    addToSuccessForm: Function;
+import { AddSubmitCallbacks } from "./Form/hooks";
+interface FormContextValue extends AddSubmitCallbacks {
     clearForm: Function;
-    clearFormCallbacks: Function;
     clearFieldErrors: Function;
     currentValues: object;
     deletedValues: Array<any>;
@@ -19,6 +15,7 @@ interface FormContextValue {
     throwError: Function;
     updateCurrentValues: Function;
     disabled: boolean;
+    addToDeletedValues: Function;
 }
 export declare const FormContext: React.Context<FormContextValue | undefined>;
 export declare const useFormContext: () => FormContextValue;

package/dist/components/form/core/FormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../../components/form/core/FormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,UAAU,gBAAgB;IACxB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,eAAe,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,SAAS,EAAE,QAAQ,CAAC;IACpB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC;IACtB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC;IAItB,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,UAAU,EAAE,QAAQ,CAAC;IACrB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,6CAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,wBAS1B,CAAC"}
+{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../../components/form/core/FormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,UAAU,gBAAiB,SAAQ,kBAAkB;IACnD,SAAS,EAAE,QAAQ,CAAC;IACpB,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC;IACtB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC;IAItB,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,UAAU,EAAE,QAAQ,CAAC;IACrB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,QAAQ,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,6CAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,wBAS1B,CAAC"}

package/dist/index.js

@@ -902,7 +902,7 @@ var useFormContext = /* @__PURE__ */ __name(() => {
 }, "useFormContext");
 
 // components/form/core/Form/Form.tsx
-import React7, { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import React7, { useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 import { runCallbacks, getErrors } from "@vulcanjs/core";
 import { useIntlContext as useIntlContext2 } from "@vulcanjs/react-i18n";
 import { removeProperty } from "@vulcanjs/utils";
@@ -1556,6 +1556,46 @@ var useWarnOnUnsaved = /* @__PURE__ */ __name(({ isChanged, warnUnsavedChanges }
   });
 }, "useWarnOnUnsaved");
 
+// components/form/core/Form/hooks.ts
+import { useState as useState2 } from "react";
+var useSubmitCallbacks = /* @__PURE__ */ __name(() => {
+  const [callbacks, setCallbacks] = useState2({
+    submitFormCallbacks: [],
+    successFormCallbacks: [],
+    failureFormCallbacks: []
+  });
+  const addToSubmitForm = /* @__PURE__ */ __name((callback) => {
+    setCallbacks((cbs) => __spreadProps(__spreadValues({}, cbs), {
+      submitFormCallbacks: [
+        ...cbs.submitFormCallbacks,
+        callback
+      ]
+    }));
+  }, "addToSubmitForm");
+  const addToSuccessForm = /* @__PURE__ */ __name((callback) => {
+    setCallbacks((cbs) => __spreadProps(__spreadValues({}, cbs), {
+      successFormCallbacks: [
+        ...cbs.successFormCallbacks,
+        callback
+      ]
+    }));
+  }, "addToSuccessForm");
+  const addToFailureForm = /* @__PURE__ */ __name((callback) => {
+    setCallbacks((cbs) => __spreadProps(__spreadValues({}, cbs), {
+      failureFormCallbacks: [
+        ...cbs.failureFormCallbacks,
+        callback
+      ]
+    }));
+  }, "addToFailureForm");
+  return {
+    callbacks,
+    addToSuccessForm,
+    addToSubmitForm,
+    addToFailureForm
+  };
+}, "useSubmitCallbacks");
+
 // components/form/core/Form/Form.tsx
 function _extends4() {
   _extends4 = Object.assign || function(target) {
@@ -1572,6 +1612,8 @@ function _extends4() {
   return _extends4.apply(this, arguments);
 }
 __name(_extends4, "_extends");
+var NEW_FORM_TYPE = "new";
+var EDIT_FORM_TYPE = "edit";
 var compactParent = /* @__PURE__ */ __name((object, path) => {
   const parentPath = getParentPath(path);
   const compactIfArray = /* @__PURE__ */ __name((x) => Array.isArray(x) ? compact2(x) : x, "compactIfArray");
@@ -1584,8 +1626,8 @@ var compactObject = /* @__PURE__ */ __name((o) => omitBy(o, (f) => f === null ||
 var getInitialStateFromProps = /* @__PURE__ */ __name((nextProps) => {
   const schema = nextProps.schema || nextProps.model.schema;
   const convertedSchema = convertSchema(schema);
-  const formType = nextProps.document ? "edit" : "new";
-  const defaultValues = formType === "new" ? getDefaultValues(convertedSchema) : {};
+  const formType = nextProps.document ? EDIT_FORM_TYPE : NEW_FORM_TYPE;
+  const defaultValues = formType === NEW_FORM_TYPE ? getDefaultValues(convertedSchema) : {};
   const initialDocument = merge2({}, defaultValues, nextProps.prefilledProps, compactObject(nextProps.document));
   Object.keys(convertedSchema).forEach((key) => {
     let minCount = convertedSchema[key].minCount;
@@ -1648,7 +1690,7 @@ var getChildrenProps = /* @__PURE__ */ __name((props, state, options, callbacks)
     cancelCallback,
     revertCallback,
     document: currentDocument,
-    deleteDocument: formType === "edit" && showRemove && showDelete && deleteDocument || null
+    deleteDocument: formType === EDIT_FORM_TYPE && showRemove && showDelete && deleteDocument || null
   };
   const formLayoutProps = {
     formProps,
@@ -1722,11 +1764,10 @@ var Form = /* @__PURE__ */ __name((props) => {
   };
   const allProps = __spreadValues(__spreadValues({}, defaultProps), props);
   const defaultValues = {};
-  const submitFormCallbacks = [];
-  const successFormCallbacks = [];
-  const failureFormCallbacks = [];
   const intl = useIntlContext2();
-  const [errors, setErrors] = useState2([]);
+  const { callbacks, addToFailureForm, addToSubmitForm, addToSuccessForm } = useSubmitCallbacks();
+  const { submitFormCallbacks, successFormCallbacks, failureFormCallbacks } = callbacks;
+  const [errors, setErrors] = useState3([]);
   const throwError = /* @__PURE__ */ __name((error) => {
     let formErrors = getErrors(error);
     console.log(formErrors);
@@ -1738,49 +1779,18 @@ var Form = /* @__PURE__ */ __name((props) => {
   const clearFieldErrors = /* @__PURE__ */ __name((path) => {
     setErrors((prevErrors) => prevErrors.filter((error) => error.path !== path));
   }, "clearFieldErrors");
-  const [deletedValues, setDeletedValues] = useState2([]);
+  const [deletedValues, setDeletedValues] = useState3([]);
   const addToDeletedValues = /* @__PURE__ */ __name((name) => {
     setDeletedValues((prevDeletedValues) => [
       ...prevDeletedValues,
       name
     ]);
   }, "addToDeletedValues");
-  const [callbacks, setCallbacks] = useState2({
-    submitFormCallbacks: [],
-    successFormCallbacks: [],
-    failureFormCallbacks: []
-  });
-  const addToSubmitForm = /* @__PURE__ */ __name((callback) => {
-    setCallbacks((cbs) => __spreadValues({}, cbs));
-  }, "addToSubmitForm");
-  const addToSuccessForm = /* @__PURE__ */ __name((callback) => {
-    setCallbacks((cbs) => __spreadProps(__spreadValues({}, cbs), {
-      successFormCallbacks: [
-        ...cbs.successFormCallbacks,
-        callback
-      ]
-    }));
-  }, "addToSuccessForm");
-  const addToFailureForm = /* @__PURE__ */ __name((callback) => {
-    setCallbacks((cbs) => __spreadProps(__spreadValues({}, cbs), {
-      failureFormCallbacks: [
-        ...cbs.failureFormCallbacks,
-        callback
-      ]
-    }));
-  }, "addToFailureForm");
-  const clearFormCallbacks = /* @__PURE__ */ __name(() => {
-    setCallbacks({
-      submitFormCallbacks: [],
-      successFormCallbacks: [],
-      failureFormCallbacks: []
-    });
-  }, "clearFormCallbacks");
-  const [currentValues, setCurrentValues] = useState2({});
+  const [currentValues, setCurrentValues] = useState3({});
   const submitFormContext = /* @__PURE__ */ __name(async (event) => {
     await submitForm(event);
   }, "submitFormContext");
-  const [currentDocument, setCurrentDocument] = useState2(initialDocument);
+  const [currentDocument, setCurrentDocument] = useState3(initialDocument);
   const updateCurrentValues = /* @__PURE__ */ __name((newValues, options = {}) => {
     const { mode = "overwrite" } = options;
     const { changeCallback } = props;
@@ -1821,8 +1831,8 @@ var Form = /* @__PURE__ */ __name((props) => {
       props.refetch();
     }
   }, "refetchForm");
-  const [disabled, setDisabled] = useState2(!!props.disabled);
-  const [success, setSuccess] = useState2(false);
+  const [disabled, setDisabled] = useState3(!!props.disabled);
+  const [success, setSuccess] = useState3(false);
   const clearForm = /* @__PURE__ */ __name((options = {}) => {
     const { document: optionsDocument } = options;
     const document = optionsDocument ? merge2({}, props.prefilledProps, optionsDocument) : null;
@@ -1833,21 +1843,21 @@ var Form = /* @__PURE__ */ __name((props) => {
     setDisabled(false);
   }, "clearForm");
   const newMutationSuccessCallback = /* @__PURE__ */ __name(function(result) {
-    mutationSuccessCallback(result, "new");
+    mutationSuccessCallback(result, NEW_FORM_TYPE);
   }, "newMutationSuccessCallback");
   const editMutationSuccessCallback = /* @__PURE__ */ __name(function(result) {
-    mutationSuccessCallback(result, "edit");
+    mutationSuccessCallback(result, EDIT_FORM_TYPE);
   }, "editMutationSuccessCallback");
   const formRef = useRef2(null);
   const mutationSuccessCallback = /* @__PURE__ */ __name(function(result, mutationType) {
     setDisabled(false);
     setSuccess(true);
-    if (mutationType === "new")
+    if (mutationType === NEW_FORM_TYPE)
       refetchForm();
     let { document } = result;
     if (formRef.current) {
       clearForm({
-        document: mutationType === "edit" ? document : void 0
+        document: mutationType === EDIT_FORM_TYPE ? document : void 0
       });
     }
     document = runCallbacks({
@@ -1987,9 +1997,9 @@ var Form = /* @__PURE__ */ __name((props) => {
   }, "deleteDocumentWithConfirm");
   const { successComponent, document: document1, currentUser, model, warnUnsavedChanges } = props;
   const FormComponents = useVulcanComponents();
-  const formType = document1 ? "edit" : "new";
-  const submitForm = formType === "new" ? submitFormCreate : submitFormUpdate;
-  const mutableFields = formType === "edit" ? getEditableFields(schema, currentUser, initialDocument) : getInsertableFields(schema, currentUser);
+  const formType = document1 ? EDIT_FORM_TYPE : NEW_FORM_TYPE;
+  const submitForm = formType === NEW_FORM_TYPE ? submitFormCreate : submitFormUpdate;
+  const mutableFields = formType === EDIT_FORM_TYPE ? getEditableFields(schema, currentUser, initialDocument) : getInsertableFields(schema, currentUser);
   const { formLayoutProps, formGroupProps } = getChildrenProps(props, {
     disabled,
     currentDocument
@@ -2017,7 +2027,6 @@ var Form = /* @__PURE__ */ __name((props) => {
       addToSubmitForm,
       addToSuccessForm,
       addToFailureForm,
-      clearFormCallbacks,
       errors,
       currentValues,
       deletedValues,