@dnb/eufemia 10.28.0 → 10.30.0

package/extensions/forms/DataContext/Context.d.ts

@@ -14,6 +14,9 @@ export type FilterDataHandler<Data> = (data: Data, filter: FilterData) => Partia
 export type FilterData = (path: Path, value: any, props: FieldProps, internal: {
     error: Error | undefined;
 }) => boolean | undefined;
+export type TransformData = (path: Path, value: any, props: FieldProps, internal: {
+    error: Error | undefined;
+}) => any;
 export interface ContextState {
     id?: Identifier;
     hasContext: boolean;
@@ -27,7 +30,8 @@ export interface ContextState {
     handlePathChangeUnvalidated: (path: Path, value: any) => void;
     updateDataValue: (path: Path, value: any) => void;
     setData: (data: any) => void;
-    filterDataHandler: (data: any, filter: FilterData) => any;
+    mutateDataHandler?: (data: any, mutate: TransformData) => any;
+    filterDataHandler?: (data: any, filter: FilterData) => any;
     validateData: () => void;
     handleSubmit: (props?: HandleSubmitProps) => any;
     scrollToTop: () => void;
@@ -55,7 +59,8 @@ export interface ContextState {
     ajvInstance: Ajv;
     contextErrorMessages: CustomErrorMessagesWithPaths;
     schema: AllJSONSchemaVersions;
-    disabled: boolean;
+    disabled?: boolean;
+    required?: boolean;
     submitState: Partial<EventStateObject>;
     _isInsideFormElement?: boolean;
     props: ProviderProps<unknown>;

package/extensions/forms/DataContext/Context.js

@@ -4,13 +4,11 @@ export const defaultContextState = {
   hasContext: false,
   data: undefined,
   schema: undefined,
-  disabled: undefined,
   submitState: undefined,
   handlePathChange: () => null,
   handlePathChangeUnvalidated: () => null,
   updateDataValue: () => null,
   setData: () => null,
-  filterDataHandler: () => null,
   validateData: () => null,
   handleSubmit: () => null,
   scrollToTop: () => null,

package/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","disabled","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","filterDataHandler","validateData","handleSubmit","scrollToTop","showAllErrors","formState","setFormState","setSubmitState","setFieldEventListener","handleSubmitCall","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","hasFieldState","checkFieldStateFor","setFieldState","setFieldError","setProps","ajvInstance","contextErrorMessages","_isInsideFormElement","props","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  Identifier,\n  FieldProps,\n  FormError,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport type EventListenerCall = {\n  path: Path\n  type: 'onSubmit'\n  callback: () => any\n}\n\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => boolean | undefined\n\nexport interface ContextState {\n  id?: Identifier\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (path: Path, value: any) => void\n  setData: (data: any) => void\n  filterDataHandler: (data: any, filter: FilterData) => any\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  checkFieldStateFor: (path: Path, state: SubmitState) => boolean\n  setFieldState: (path: Path, fieldState: SubmitState) => void\n  setFieldError: (path: Path, error: Error | FormError) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  formState: SubmitState\n  setFormState?: (state: SubmitState) => void\n  setSubmitState?: (state: EventStateObject) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehaviour,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehaviour: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => void\n  setFieldEventListener: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  setProps: (path: Path, props: any) => void\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  disabled: boolean\n  submitState: Partial<EventStateObject>\n  _isInsideFormElement?: boolean\n  props: ProviderProps<unknown>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  disabled: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  filterDataHandler: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  setFieldEventListener: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  checkFieldStateFor: () => false,\n  setFieldState: () => null,\n  setFieldError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AAwGnD,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,QAAQ,EAAEF,SAAS;EACnBG,WAAW,EAAEH,SAAS;EACtBI,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,iBAAiB,EAAEA,CAAA,KAAM,IAAI;EAC7BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,SAAS,EAAEb,SAAS;EACpBc,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,qBAAqB,EAAEA,CAAA,KAAM,IAAI;EACjCC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,kBAAkB,EAAEA,CAAA,KAAM,KAAK;EAC/BC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAEhC,eAAe,CAAC,CAAC;EAC9BiC,oBAAoB,EAAE7B,SAAS;EAC/B8B,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGrC,KAAK,CAACsC,aAAa,CAAepC,mBAAmB,CAAC;AAEtE,eAAemC,OAAO"}
+{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","formState","setFormState","setSubmitState","setFieldEventListener","handleSubmitCall","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","hasFieldState","checkFieldStateFor","setFieldState","setFieldError","setProps","ajvInstance","contextErrorMessages","_isInsideFormElement","props","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n  SubmitState,\n  Path,\n  EventStateObject,\n  EventReturnWithStateObject,\n  Identifier,\n  FieldProps,\n  FormError,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport type EventListenerCall = {\n  path: Path\n  type: 'onSubmit'\n  callback: () => any\n}\n\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => boolean | undefined\nexport type TransformData = (\n  path: Path,\n  value: any,\n  props: FieldProps,\n  internal: {\n    error: Error | undefined\n  }\n) => any\n\nexport interface ContextState {\n  id?: Identifier\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (\n    path: Path,\n    value?: any\n  ) =>\n    | EventReturnWithStateObject\n    | unknown\n    | Promise<EventReturnWithStateObject | unknown>\n  handlePathChangeUnvalidated: (path: Path, value: any) => void\n  updateDataValue: (path: Path, value: any) => void\n  setData: (data: any) => void\n  mutateDataHandler?: (data: any, mutate: TransformData) => any\n  filterDataHandler?: (data: any, filter: FilterData) => any\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  checkFieldStateFor: (path: Path, state: SubmitState) => boolean\n  setFieldState: (path: Path, fieldState: SubmitState) => void\n  setFieldError: (path: Path, error: Error | FormError) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  formState: SubmitState\n  setFormState?: (state: SubmitState) => void\n  setSubmitState?: (state: EventStateObject) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehaviour,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehaviour: boolean\n    skipFieldValidation?: boolean\n    skipErrorCheck?: boolean\n  }) => void\n  setFieldEventListener: (\n    path: EventListenerCall['path'],\n    type: EventListenerCall['type'],\n    callback: EventListenerCall['callback']\n  ) => void\n  setProps: (path: Path, props: any) => void\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  disabled?: boolean\n  required?: boolean\n  submitState: Partial<EventStateObject>\n  _isInsideFormElement?: boolean\n  props: ProviderProps<unknown>\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  submitState: undefined,\n  handlePathChange: () => null,\n  handlePathChangeUnvalidated: () => null,\n  updateDataValue: () => null,\n  setData: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  setFieldEventListener: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  checkFieldStateFor: () => false,\n  setFieldState: () => null,\n  setFieldError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n  props: null,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AAkHnD,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,WAAW,EAAEF,SAAS;EACtBG,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;EACvCC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,SAAS,EAAEX,SAAS;EACpBY,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,qBAAqB,EAAEA,CAAA,KAAM,IAAI;EACjCC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,kBAAkB,EAAEA,CAAA,KAAM,KAAK;EAC/BC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAE9B,eAAe,CAAC,CAAC;EAC9B+B,oBAAoB,EAAE3B,SAAS;EAC/B4B,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGnC,KAAK,CAACoC,aAAa,CAAelC,mBAAmB,CAAC;AAEtE,eAAeiC,OAAO"}

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

@@ -2,7 +2,8 @@ import React from 'react';
 import { JsonObject } from 'json-pointer';
 import { Ajv } from '../../utils/ajv';
 import { CustomErrorMessagesWithPaths, AllJSONSchemaVersions, Path, OnSubmit, OnChange, EventReturnWithStateObject } from '../../types';
-import { FilterData } from '../Context';
+import { ContextProps } from '../../../../shared/Context';
+import { FilterData, TransformData } from '../Context';
 export interface Props<Data extends JsonObject> {
     /**
      * Unique ID to communicate with the hook Form.useData
@@ -15,11 +16,11 @@ export interface Props<Data extends JsonObject> {
     /**
      * Default source data, only used if no other source is available, and not leading to updates if changed after mount
      */
-    defaultData?: Partial<Data>;
+    defaultData?: Data;
     /**
      * Source data, will be used instead of defaultData, and leading to updates if changed after mount
      */
-    data?: Partial<Data>;
+    data?: Data;
     /**
      * JSON Schema to validate the data against.
      */
@@ -33,9 +34,21 @@ export interface Props<Data extends JsonObject> {
      */
     errorMessages?: CustomErrorMessagesWithPaths;
     /**
-     * Filter the internal data context based on your criteria: `(path, value, props) => !props?.disabled`. It will iterate on each data entry.
+     * Filter the `onSubmit` output data, based on your criteria: `(path, value, props, internal) => !props?.disabled`. It will iterate on each data entry (/path). Return false to exclude the entry.
+     */
+    filterSubmitData?: FilterData;
+    /**
+     * @deprecated Use `filterSubmitData` instead
      */
     filterData?: FilterData;
+    /**
+     * Transform the data context (internally as well) based on your criteria: `(path, value, props, internal) => 'new value'`. It will iterate on each data entry (/path).
+     */
+    transformIn?: TransformData;
+    /**
+     * Mutate the data before it enters onSubmit or onChange based on your criteria: `(path, value, props, internal) => 'new value'`. It will iterate on each data entry (/path).
+     */
+    transformOut?: TransformData;
     /**
      * Change handler for the whole data set.
      * You can provide an async function to show an indicator on the current label during a field change.
@@ -49,7 +62,7 @@ export interface Props<Data extends JsonObject> {
      * Will emit on a form submit – if validation has passed.
      * You can provide an async function to shows a submit indicator during submit. All form elements will be disabled during the submit.
      */
-    onSubmit?: OnSubmit;
+    onSubmit?: OnSubmit<Data>;
     /**
      * Submit was requested, but data was invalid
      */
@@ -78,6 +91,18 @@ export interface Props<Data extends JsonObject> {
      * Key for caching the data in session storage
      */
     sessionStorageId?: string;
+    /**
+     * Locale to use for all nested Eufemia components
+     */
+    locale?: ContextProps['locale'];
+    /**
+     * Provide your own translations. Use the same format as defined in the translation files
+     */
+    translations?: ContextProps['translations'];
+    /**
+     * Make all fields required
+     */
+    required?: boolean;
     children: React.ReactNode;
 }
 export default function Provider<Data extends JsonObject>(props: Props<Data>): import("react/jsx-runtime").JSX.Element;

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

@@ -2,13 +2,14 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["id", "globalStatusId", "defaultData", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "scrollTopOnSubmit", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "sessionStorageId", "ajvInstance", "filterData", "errorMessages", "children"];
+const _excluded = ["id", "globalStatusId", "defaultData", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "onSubmitComplete", "scrollTopOnSubmit", "minimumAsyncBehaviorTime", "asyncSubmitTimeout", "sessionStorageId", "ajvInstance", "transformIn", "transformOut", "filterSubmitData", "filterData", "locale", "translations", "required", "errorMessages", "children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useRef, useMemo, useCallback, useReducer, useEffect } from 'react';
 import pointer from 'json-pointer';
 import { makeAjvInstance, ajvErrorsToFormErrors } from '../../utils/ajv';
-import SharedProvider from '../../../../shared/Provider';
+import { debounce } from '../../../../shared/helpers';
+import FieldProvider from '../../Form/FieldProps';
 import useMountEffect from '../../../../shared/helpers/useMountEffect';
 import useUpdateEffect from '../../../../shared/helpers/useUpdateEffect';
 import { isAsync } from '../../../../shared/helpers/isAsync';
@@ -19,7 +20,7 @@ import structuredClone from '@ungap/structured-clone';
 const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 const isArrayJsonPointer = /^\/\d+(\/|$)/;
 export default function Provider(props) {
-  var _sharedAttachments$da, _rest$disabled;
+  var _sharedAttachments$da;
   const [, forceUpdate] = useReducer(() => ({}), {});
   const {
       id,
@@ -37,7 +38,13 @@ export default function Provider(props) {
       asyncSubmitTimeout,
       sessionStorageId,
       ajvInstance,
+      transformIn,
+      transformOut,
+      filterSubmitData,
       filterData,
+      locale,
+      translations,
+      required,
       errorMessages: contextErrorMessages,
       children
     } = props,
@@ -117,25 +124,41 @@ export default function Provider(props) {
       forceUpdate();
     }
   }, []);
-  const filterDataHandler = useCallback(function (data) {
-    let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : filterData;
-    if (filter) {
-      const filtered = _objectSpread({}, data);
+  const mutateDataHandler = useCallback(function (data, fn) {
+    let remove = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (fn) {
       Object.entries(fieldPropsRef.current).forEach(_ref => {
-        var _fieldErrorRef$curren;
         let [path, props] = _ref;
         const exists = pointer.has(data, path);
-        const result = filter(path, exists ? pointer.get(data, path) : undefined, props, {
-          error: (_fieldErrorRef$curren = fieldErrorRef.current) === null || _fieldErrorRef$curren === void 0 ? void 0 : _fieldErrorRef$curren[path]
-        });
-        if (result === false && exists) {
-          pointer.remove(filtered, path);
+        if (exists) {
+          var _fieldErrorRef$curren;
+          const result = fn(path, pointer.get(data, path), props, {
+            error: (_fieldErrorRef$curren = fieldErrorRef.current) === null || _fieldErrorRef$curren === void 0 ? void 0 : _fieldErrorRef$curren[path]
+          });
+          if (remove) {
+            if (result === false) {
+              data = structuredClone(data);
+              pointer.remove(data, path);
+            }
+          } else {
+            if (typeof result !== 'undefined') {
+              data = structuredClone(data);
+              pointer.set(data, path, result);
+            }
+          }
         }
       });
-      return filtered;
+      return data;
     }
     return data;
-  }, [filterData]);
+  }, []);
+  const filterDataHandler = useCallback(function (data) {
+    let filter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : filterData || filterSubmitData;
+    if (filter) {
+      return mutateDataHandler(data, filter, true);
+    }
+    return data;
+  }, [filterData, filterSubmitData, mutateDataHandler]);
   const fieldPropsRef = useRef({});
   const setProps = useCallback((path, props) => {
     fieldPropsRef.current[path] = _objectSpread(_objectSpread({}, fieldPropsRef.current[path]), props);
@@ -197,11 +220,17 @@ export default function Provider(props) {
         setShowAllErrors,
         setSubmitState
       });
-      if (filterData) {
+      if (filterData || filterSubmitData) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
-  }, [extendAttachment, filterData, filterDataHandler, hasErrors, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
+  }, [extendAttachment, filterData, filterDataHandler, filterSubmitData, hasErrors, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
+  const storeInSession = useMemo(() => {
+    return debounce(() => {
+      var _window$sessionStorag2;
+      (_window$sessionStorag2 = window.sessionStorage) === null || _window$sessionStorag2 === void 0 ? void 0 : _window$sessionStorag2.setItem(sessionStorageId, JSON.stringify(internalDataRef.current));
+    }, process.env.NODE_ENV === 'test' ? 1 : 800);
+  }, [sessionStorageId]);
   const updateDataValue = useCallback((path, value) => {
     var _internalDataRef$curr;
     if (!path) {
@@ -217,20 +246,21 @@ export default function Provider(props) {
     if (path !== '/') {
       pointer.set(newData, path, value);
     }
+    if (transformIn) {
+      newData = mutateDataHandler(newData, transformIn);
+    }
     internalDataRef.current = newData;
     if (id) {
       extendSharedData === null || extendSharedData === void 0 ? void 0 : extendSharedData(newData);
-      if (filterData) {
+      if (filterData || filterSubmitData) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
     if (sessionStorageId && typeof window !== 'undefined') {
-      var _window$sessionStorag2;
-      (_window$sessionStorag2 = window.sessionStorage) === null || _window$sessionStorag2 === void 0 ? void 0 : _window$sessionStorag2.setItem(sessionStorageId, JSON.stringify(newData));
+      storeInSession();
     }
     forceUpdate();
-    return newData;
-  }, [id, sessionStorageId, extendSharedData, filterData, rerenderUseDataHook]);
+  }, [extendSharedData, filterData, filterSubmitData, id, mutateDataHandler, rerenderUseDataHook, sessionStorageId, storeInSession, transformIn]);
   const setData = useCallback(newData => {
     internalDataRef.current = newData;
     forceUpdate();
@@ -256,11 +286,13 @@ export default function Provider(props) {
     }
     showAllErrorsRef.current = false;
     validateData();
+    const data = internalDataRef.current;
+    const transformedData = transformOut ? mutateDataHandler(data, transformOut) : data;
     if (isAsync(onChange)) {
-      return await onChange(internalDataRef.current);
+      return await onChange(transformedData);
     }
-    return onChange === null || onChange === void 0 ? void 0 : onChange(internalDataRef.current);
-  }, [handlePathChangeUnvalidated, onChange, validateData]);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(transformedData);
+  }, [handlePathChangeUnvalidated, mutateDataHandler, onChange, transformOut, validateData]);
   const handleMountField = useCallback(path => {
     mountedFieldPathsRef.current = addListPath(mountedFieldPathsRef.current, path);
   }, []);
@@ -358,7 +390,8 @@ export default function Provider(props) {
     handleSubmitCall({
       enableAsyncBehaviour: isAsync(onSubmit),
       onSubmit: async () => {
-        const args = filterDataHandler(internalDataRef.current);
+        const data = internalDataRef.current;
+        const filteredData = filterDataHandler(transformOut ? mutateDataHandler(data, transformOut) : data);
         const opts = {
           resetForm: () => {
             var _formElement$reset;
@@ -381,11 +414,11 @@ export default function Provider(props) {
         };
         let result = undefined;
         if (isAsync(onSubmit)) {
-          result = await onSubmit(args, opts);
+          result = await onSubmit(filteredData, opts);
         } else {
-          result = onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(args, opts);
+          result = onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(filteredData, opts);
         }
-        const completeResult = await (onSubmitComplete === null || onSubmitComplete === void 0 ? void 0 : onSubmitComplete(args, result));
+        const completeResult = await (onSubmitComplete === null || onSubmitComplete === void 0 ? void 0 : onSubmitComplete(filteredData, result));
         if (completeResult) {
           result = Object.keys(result).length > 0 ? _objectSpread(_objectSpread({}, result), completeResult) : completeResult;
         }
@@ -395,7 +428,7 @@ export default function Provider(props) {
         return result;
       }
     });
-  }, [filterDataHandler, handleSubmitCall, id, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, setSharedData]);
+  }, [filterDataHandler, handleSubmitCall, id, mutateDataHandler, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, setSharedData, transformOut]);
   const fieldEventListenersRef = useRef([]);
   const setFieldEventListener = useCallback((path, type, callback) => {
     fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref2 => {
@@ -451,7 +484,7 @@ export default function Provider(props) {
     onTimeout
   });
   const submitState = submitStateRef.current;
-  const disabled = (_rest$disabled = rest === null || rest === void 0 ? void 0 : rest['disabled']) !== null && _rest$disabled !== void 0 ? _rest$disabled : formState === 'pending';
+  const disabled = typeof (rest === null || rest === void 0 ? void 0 : rest['disabled']) === 'boolean' ? rest === null || rest === void 0 ? void 0 : rest['disabled'] : formState === 'pending' === true ? true : undefined;
   return React.createElement(Context.Provider, {
     value: _objectSpread({
       handlePathChange,
@@ -477,6 +510,7 @@ export default function Provider(props) {
       scrollToTop,
       schema,
       disabled,
+      required,
       formState,
       submitState,
       contextErrorMessages,
@@ -489,7 +523,7 @@ export default function Provider(props) {
       data: internalDataRef.current,
       props
     }, rest)
-  }, React.createElement(SharedProvider, {
+  }, React.createElement(FieldProvider, {
     FormStatus: globalStatusId ? {
       globalStatus: {
         id: globalStatusId,
@@ -497,9 +531,9 @@ export default function Provider(props) {
         show: showAllErrorsRef.current
       }
     } : undefined,
-    formElement: {
-      disabled
-    }
+    disabled: disabled ? disabled : undefined,
+    locale: locale ? locale : undefined,
+    translations: translations ? translations : undefined
   }, children));
 }
 export function addListPath(paths, path) {