@dnb/eufemia 10.44.0 → 10.46.0

package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.d.ts

@@ -17,6 +17,14 @@ export interface FieldBoundaryContextState {
      * Contains the nested field errors.
      */
     errorsRef?: React.RefObject<unknown>;
+    /**
+     * Will be set to true when the boundary context error state should be shown.
+     */
+    showBoundaryErrors?: boolean;
+    /**
+     * To set the boundary context error state.
+     */
+    setShowBoundaryErrors?: (showBoundaryErrors: boolean) => void;
     /**
      * To set the local error state.
      */

package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldBoundaryContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","FieldBoundaryContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\n\nexport interface FieldBoundaryContextState {\n  /**\n   * Will be set to true when one or more nested fields are in error state.\n   */\n  hasError?: boolean\n\n  /**\n   * Will be set to true when the inherited data context has submit errors and the `hasError` has errors as well.\n   */\n  hasSubmitError?: boolean\n\n  /**\n   * Will be set to true when a nested field contains a visible error.\n   */\n  hasVisibleError?: boolean\n\n  /**\n   * Contains the nested field errors.\n   */\n  errorsRef?: React.RefObject<unknown>\n\n  /**\n   * To set the local error state.\n   */\n  setFieldError?: (path: Path, error: Error) => void\n}\n\nconst FieldBoundaryContext = React.createContext<\n  FieldBoundaryContextState | undefined\n>(undefined)\n\nexport default FieldBoundaryContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA8BzB,MAAMG,oBAAoB,GAAGC,cAAK,CAACC,aAAa,CAE9CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,oBAAoB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"file":"FieldBoundaryContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","FieldBoundaryContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../../src/extensions/forms/DataContext/FieldBoundary/FieldBoundaryContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../../types'\n\nexport interface FieldBoundaryContextState {\n  /**\n   * Will be set to true when one or more nested fields are in error state.\n   */\n  hasError?: boolean\n\n  /**\n   * Will be set to true when the inherited data context has submit errors and the `hasError` has errors as well.\n   */\n  hasSubmitError?: boolean\n\n  /**\n   * Will be set to true when a nested field contains a visible error.\n   */\n  hasVisibleError?: boolean\n\n  /**\n   * Contains the nested field errors.\n   */\n  errorsRef?: React.RefObject<unknown>\n\n  /**\n   * Will be set to true when the boundary context error state should be shown.\n   */\n  showBoundaryErrors?: boolean\n\n  /**\n   * To set the boundary context error state.\n   */\n  setShowBoundaryErrors?: (showBoundaryErrors: boolean) => void\n\n  /**\n   * To set the local error state.\n   */\n  setFieldError?: (path: Path, error: Error) => void\n}\n\nconst FieldBoundaryContext = React.createContext<\n  FieldBoundaryContextState | undefined\n>(undefined)\n\nexport default FieldBoundaryContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAwCzB,MAAMG,oBAAoB,GAAGC,cAAK,CAACC,aAAa,CAE9CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,oBAAoB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js

@@ -15,11 +15,13 @@ function FieldBoundaryProvider(_ref) {
   let {
     children
   } = _ref;
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const {
     showAllErrors,
     hasVisibleError
   } = (0, _react.useContext)(_Context.default);
   const errorsRef = (0, _react.useRef)({});
+  const showBoundaryErrorsRef = (0, _react.useRef)(false);
   const hasError = Object.keys(errorsRef.current || {}).length > 0;
   const hasSubmitError = showAllErrors && hasError;
   const setFieldError = (0, _react.useCallback)((path, error) => {
@@ -30,11 +32,17 @@ function FieldBoundaryProvider(_ref) {
       (_errorsRef$current = errorsRef.current) === null || _errorsRef$current === void 0 ? true : delete _errorsRef$current[path];
     }
   }, []);
+  const setShowBoundaryErrors = (0, _react.useCallback)(showBoundaryErrors => {
+    showBoundaryErrorsRef.current = showBoundaryErrors;
+    forceUpdate();
+  }, []);
   const context = {
     hasError,
     hasSubmitError,
     hasVisibleError,
     errorsRef,
+    showBoundaryErrors: showBoundaryErrorsRef.current,
+    setShowBoundaryErrors,
     setFieldError
   };
   return _react.default.createElement(_FieldBoundaryContext.default.Provider, {

package/cjs/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldBoundaryProvider.js","names":["_react","_interopRequireWildcard","require","_FieldBoundaryContext","_interopRequireDefault","_Context","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","FieldBoundaryProvider","_ref","children","showAllErrors","hasVisibleError","useContext","DataContext","errorsRef","useRef","hasError","keys","current","length","hasSubmitError","setFieldError","useCallback","path","error","_errorsRef$current","context","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from './FieldBoundaryContext'\nimport DataContext from '../Context'\nimport { Path } from '../../types'\n\nexport default function FieldBoundaryProvider({ children }) {\n  const { showAllErrors, hasVisibleError } = useContext(DataContext)\n\n  const errorsRef = useRef<Record<Path, boolean>>({})\n  const hasError = Object.keys(errorsRef.current || {}).length > 0\n  const hasSubmitError = showAllErrors && hasError\n\n  const setFieldError = useCallback((path: Path, error: Error) => {\n    if (error) {\n      errorsRef.current[path] = !!error\n    } else {\n      delete errorsRef.current?.[path]\n    }\n  }, [])\n\n  const context: FieldBoundaryContextState = {\n    hasError,\n    hasSubmitError,\n    hasVisibleError,\n    errorsRef,\n    setFieldError,\n  }\n\n  return (\n    <FieldBoundaryContext.Provider value={context}>\n      {children}\n    </FieldBoundaryContext.Provider>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAoC,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAK,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAGrB,SAASW,qBAAqBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACxD,MAAM;IAAEE,aAAa;IAAEC;EAAgB,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAElE,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAwB,CAAC,CAAC,CAAC;EACnD,MAAMC,QAAQ,GAAGlB,MAAM,CAACmB,IAAI,CAACH,SAAS,CAACI,OAAO,IAAI,CAAC,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EAChE,MAAMC,cAAc,GAAGV,aAAa,IAAIM,QAAQ;EAEhD,MAAMK,aAAa,GAAG,IAAAC,kBAAW,EAAC,CAACC,IAAU,EAAEC,KAAY,KAAK;IAC9D,IAAIA,KAAK,EAAE;MACTV,SAAS,CAACI,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,CAACC,KAAK;IACnC,CAAC,MAAM;MAAA,IAAAC,kBAAA;MACL,CAAAA,kBAAA,GAAOX,SAAS,CAACI,OAAO,cAAAO,kBAAA,qBAAxB,OAAOA,kBAAA,CAAoBF,IAAI,CAAC;IAClC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,OAAkC,GAAG;IACzCV,QAAQ;IACRI,cAAc;IACdT,eAAe;IACfG,SAAS;IACTO;EACF,CAAC;EAED,OACE1C,MAAA,CAAAQ,OAAA,CAAAwC,aAAA,CAAC7C,qBAAA,CAAAK,OAAoB,CAACyC,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAC3CjB,QAC4B,CAAC;AAEpC"}
+{"version":3,"file":"FieldBoundaryProvider.js","names":["_react","_interopRequireWildcard","require","_FieldBoundaryContext","_interopRequireDefault","_Context","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","FieldBoundaryProvider","_ref","children","forceUpdate","useReducer","showAllErrors","hasVisibleError","useContext","DataContext","errorsRef","useRef","showBoundaryErrorsRef","hasError","keys","current","length","hasSubmitError","setFieldError","useCallback","path","error","_errorsRef$current","setShowBoundaryErrors","showBoundaryErrors","context","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/DataContext/FieldBoundary/FieldBoundaryProvider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport FieldBoundaryContext, {\n  FieldBoundaryContextState,\n} from './FieldBoundaryContext'\nimport DataContext from '../Context'\nimport { Path } from '../../types'\n\nexport default function FieldBoundaryProvider({ children }) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { showAllErrors, hasVisibleError } = useContext(DataContext)\n\n  const errorsRef = useRef<Record<Path, boolean>>({})\n  const showBoundaryErrorsRef = useRef<boolean>(false)\n  const hasError = Object.keys(errorsRef.current || {}).length > 0\n  const hasSubmitError = showAllErrors && hasError\n\n  const setFieldError = useCallback((path: Path, error: Error) => {\n    if (error) {\n      errorsRef.current[path] = !!error\n    } else {\n      delete errorsRef.current?.[path]\n    }\n  }, [])\n\n  const setShowBoundaryErrors = useCallback(\n    (showBoundaryErrors: boolean) => {\n      showBoundaryErrorsRef.current = showBoundaryErrors\n      forceUpdate()\n    },\n    []\n  )\n\n  const context: FieldBoundaryContextState = {\n    hasError,\n    hasSubmitError,\n    hasVisibleError,\n    errorsRef,\n    showBoundaryErrors: showBoundaryErrorsRef.current,\n    setShowBoundaryErrors,\n    setFieldError,\n  }\n\n  return (\n    <FieldBoundaryContext.Provider value={context}>\n      {children}\n    </FieldBoundaryContext.Provider>\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/DataContext/Provider/Provider.d.ts

@@ -35,13 +35,9 @@ export interface Props<Data extends JsonObject> extends IsolationProviderProps<D
      */
     errorMessages?: CustomErrorMessagesWithPaths;
     /**
-     * Filter the `onSubmit` output data, based on your criteria: `({ path, value, data, props, internal }) => !props?.disabled`. It will iterate on each data entry (/path). Return false to exclude the entry.
+     * @deprecated Use the `filterData` in the second event parameter in the `onSubmit` or `onChange` events.
      */
     filterSubmitData?: FilterData;
-    /**
-     * @deprecated Use `filterSubmitData` instead
-     */
-    filterData?: FilterData;
     /**
      * Transform the data context (internally as well) based on your criteria: `({ path, value, data, props, internal }) => 'new value'`. It will iterate on each data entry (/path).
      */

package/cjs/extensions/forms/DataContext/Provider/Provider.js

@@ -20,7 +20,7 @@ var _useSharedState = require("../../../../shared/helpers/useSharedState");
 var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
 var _Context = _interopRequireDefault(require("../Context"));
 var _structuredClone = _interopRequireDefault(require("@ungap/structured-clone"));
-const _excluded = ["id", "globalStatusId", "defaultData", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "onCommit", "onClear", "scrollTopOnSubmit", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "sessionStorageId", "ajvInstance", "transformIn", "transformOut", "filterSubmitData", "filterData", "locale", "translations", "required", "errorMessages", "isolate", "children"];
+const _excluded = ["id", "globalStatusId", "defaultData", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "onCommit", "onClear", "scrollTopOnSubmit", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "sessionStorageId", "ajvInstance", "transformIn", "transformOut", "filterSubmitData", "locale", "translations", "required", "errorMessages", "isolate", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -57,7 +57,6 @@ function Provider(props) {
       transformIn,
       transformOut,
       filterSubmitData,
-      filterData,
       locale,
       translations,
       required,
@@ -256,13 +255,16 @@ function Provider(props) {
     }
     return data;
   }, []);
-  const filterDataHandler = (0, _react.useCallback)(function (data) {
-    let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : filterData || filterSubmitData;
+  const filterDataHandler = (0, _react.useCallback)((data, filter) => {
     if (filter) {
       return mutateDataHandler(data, filter, true);
     }
     return data;
-  }, [filterData, filterSubmitData, mutateDataHandler]);
+  }, [mutateDataHandler]);
+  const filterData = (0, _react.useCallback)(function (filter) {
+    let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : internalDataRef.current;
+    return filterDataHandler(data, filter);
+  }, [filterDataHandler]);
   const fieldPropsRef = (0, _react.useRef)({});
   const valuePropsRef = (0, _react.useRef)({});
   const setFieldProps = (0, _react.useCallback)((path, props) => {
@@ -344,11 +346,11 @@ function Provider(props) {
         setShowAllErrors,
         setSubmitState
       });
-      if (filterData || filterSubmitData) {
+      if (filterSubmitData) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
-  }, [extendAttachment, filterData, filterDataHandler, filterSubmitData, hasErrors, hasFieldError, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
+  }, [extendAttachment, filterDataHandler, filterSubmitData, hasErrors, hasFieldError, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
   const storeInSession = (0, _react.useMemo)(() => {
     return (0, _helpers.debounce)(() => {
       var _window$sessionStorag2;
@@ -376,7 +378,7 @@ function Provider(props) {
     internalDataRef.current = newData;
     if (id) {
       extendSharedData === null || extendSharedData === void 0 ? void 0 : extendSharedData(newData);
-      if (filterData || filterSubmitData) {
+      if (filterSubmitData) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
@@ -384,7 +386,7 @@ function Provider(props) {
       storeInSession();
     }
     forceUpdate();
-  }, [extendSharedData, filterData, filterSubmitData, id, mutateDataHandler, rerenderUseDataHook, sessionStorageId, storeInSession, transformIn]);
+  }, [extendSharedData, filterSubmitData, id, mutateDataHandler, rerenderUseDataHook, sessionStorageId, storeInSession, transformIn]);
   const setData = (0, _react.useCallback)(newData => {
     internalDataRef.current = newData;
     forceUpdate();
@@ -411,19 +413,22 @@ function Provider(props) {
     showAllErrorsRef.current = false;
     validateData();
     const data = internalDataRef.current;
+    const options = {
+      filterData
+    };
     const transformedData = transformOut ? mutateDataHandler(data, transformOut) : data;
     for (const cb of changeHandlerStackRef.current) {
       if ((0, _isAsync.isAsync)(onChange)) {
-        await cb(transformedData);
+        await cb(transformedData, options);
       } else {
-        cb(transformedData);
+        cb(transformedData, options);
       }
     }
     if ((0, _isAsync.isAsync)(onChange)) {
-      return await onChange(transformedData);
+      return await onChange(transformedData, options);
     }
-    return onChange === null || onChange === void 0 ? void 0 : onChange(transformedData);
-  }, [handlePathChangeUnvalidated, mutateDataHandler, onChange, transformOut, validateData]);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(transformedData, options);
+  }, [filterData, handlePathChangeUnvalidated, mutateDataHandler, onChange, transformOut, validateData]);
   const changeHandlerStackRef = (0, _react.useRef)([]);
   const addOnChangeHandler = (0, _react.useCallback)(callback => {
     const exists = changeHandlerStackRef.current.some(cb => {
@@ -490,13 +495,7 @@ function Provider(props) {
       let result;
       try {
         if (isolate) {
-          const mounterData = {};
-          mountedFieldPathsRef.current.forEach(path => {
-            if (_jsonPointer.default.has(internalDataRef.current, path)) {
-              _jsonPointer.default.set(mounterData, path, _jsonPointer.default.get(internalDataRef.current, path));
-            }
-          });
-          result = await (onCommit === null || onCommit === void 0 ? void 0 : onCommit(mounterData, {
+          result = await (onCommit === null || onCommit === void 0 ? void 0 : onCommit(internalDataRef.current, {
             clearData
           }));
         } else {
@@ -540,6 +539,22 @@ function Provider(props) {
     }
     return internalDataRef.current;
   }, [clearData, hasErrors, hasFieldState, hasFieldWithAsyncValidator, isolate, onCommit, onSubmitRequest, setFormState, setShowAllErrors, setSubmitState]);
+  const handleSubmitListenersRef = (0, _react.useRef)([]);
+  const setHandleSubmit = (0, _react.useCallback)(callback => {
+    if (!handleSubmitListenersRef.current.includes(callback)) {
+      handleSubmitListenersRef.current.push(callback);
+    }
+  }, []);
+  const handleSubmitListeners = (0, _react.useCallback)(() => {
+    let stop = false;
+    const preventSubmit = () => stop = true;
+    handleSubmitListenersRef.current.forEach(cb => {
+      cb({
+        preventSubmit
+      });
+    });
+    return stop;
+  }, []);
   const handleSubmit = (0, _react.useCallback)(async function () {
     let {
       formElement = null
@@ -547,9 +562,14 @@ function Provider(props) {
     handleSubmitCall({
       enableAsyncBehaviour: (0, _isAsync.isAsync)(onSubmit),
       onSubmit: async () => {
+        if (handleSubmitListeners()) {
+          return;
+        }
         const data = internalDataRef.current;
-        const filteredData = filterDataHandler(transformOut ? mutateDataHandler(data, transformOut) : data);
-        const opts = {
+        const mutatedData = transformOut ? mutateDataHandler(data, transformOut) : data;
+        const filteredData = filterSubmitData ? filterDataHandler(mutatedData, filterSubmitData) : mutatedData;
+        const options = {
+          filterData,
           resetForm: () => {
             var _formElement$reset;
             formElement === null || formElement === void 0 ? void 0 : (_formElement$reset = formElement.reset) === null || _formElement$reset === void 0 ? void 0 : _formElement$reset.call(formElement);
@@ -564,9 +584,9 @@ function Provider(props) {
         };
         let result = undefined;
         if ((0, _isAsync.isAsync)(onSubmit)) {
-          result = await onSubmit(filteredData, opts);
+          result = await onSubmit(filteredData, options);
         } else {
-          result = onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(filteredData, opts);
+          result = onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(filteredData, options);
         }
         const completeResult = await (onSubmitComplete === null || onSubmitComplete === void 0 ? void 0 : onSubmitComplete(filteredData, result));
         if (completeResult) {
@@ -578,7 +598,7 @@ function Provider(props) {
         return result;
       }
     });
-  }, [clearData, filterDataHandler, handleSubmitCall, mutateDataHandler, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, transformOut]);
+  }, [clearData, filterData, filterDataHandler, filterSubmitData, handleSubmitCall, handleSubmitListeners, mutateDataHandler, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, transformOut]);
   const fieldEventListenersRef = (0, _react.useRef)([]);
   const setFieldEventListener = (0, _react.useCallback)((path, type, callback) => {
     fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref4 => {
@@ -660,6 +680,7 @@ function Provider(props) {
       setData,
       filterDataHandler,
       addOnChangeHandler,
+      setHandleSubmit,
       scrollToTop,
       schema,
       disabled,
@@ -673,6 +694,7 @@ function Provider(props) {
       hasVisibleError: Object.keys(hasVisibleErrorRef.current).length > 0,
       fieldPropsRef,
       valuePropsRef,
+      mountedFieldPathsRef,
       ajvInstance: ajvRef.current,
       id,
       data: internalDataRef.current,