@dnb/eufemia 10.31.0 → 10.33.0

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Ajv } from '../utils/ajv';
-import { AllJSONSchemaVersions, CustomErrorMessagesWithPaths, SubmitState, Path, EventStateObject, EventReturnWithStateObject, Identifier, FieldProps, FormError } from '../types';
+import { AllJSONSchemaVersions, CustomErrorMessagesWithPaths, SubmitState, Path, EventStateObject, EventReturnWithStateObject, Identifier, FieldProps, FormError, ValueProps } from '../types';
 import { Props as ProviderProps } from './Provider';
 type HandleSubmitProps = {
     formElement?: HTMLFormElement;
@@ -11,12 +11,22 @@ export type EventListenerCall = {
     callback: () => any;
 };
 export type FilterDataHandler<Data> = (data: Data, filter: FilterData) => Partial<Data>;
-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 type FilterDataHandlerCallback<R> = (parameters: FilterDataHandlerParameters) => R;
+export type FilterDataHandlerParameters = FilterDataPathConditionParameters & {
+    path: Path;
+};
+export type FilterDataPathCondition<Data = unknown> = (parameters: FilterDataPathConditionParameters<Data>) => boolean | undefined;
+export type FilterDataPathConditionParameters<Data = unknown> = {
+    value: unknown;
+    props: FieldProps;
+    data: Data;
+    internal: {
+        error: Error | undefined;
+    };
+};
+export type FilterDataPathObject<Data> = Record<Path, FilterDataPathCondition<Data> | boolean | undefined>;
+export type FilterData<Data = unknown> = FilterDataPathObject<Data> | FilterDataHandlerCallback<boolean | undefined>;
+export type TransformData = FilterDataHandlerCallback<unknown>;
 export interface ContextState {
     id?: Identifier;
     hasContext: boolean;
@@ -35,17 +45,14 @@ export interface ContextState {
     validateData: () => void;
     handleSubmit: (props?: HandleSubmitProps) => any;
     scrollToTop: () => void;
-    showAllErrors: boolean;
     setShowAllErrors: (showAllErrors: boolean) => void;
     hasErrors: () => boolean;
     hasFieldState: (state: SubmitState) => boolean;
-    checkFieldStateFor: (path: Path, state: SubmitState) => boolean;
+    hasFieldError: (path: Path) => boolean;
     setFieldState: (path: Path, fieldState: SubmitState) => void;
     setFieldError: (path: Path, error: Error | FormError) => void;
-    fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>;
     handleMountField: (path: Path) => void;
     handleUnMountField: (path: Path) => void;
-    formState: SubmitState;
     setFormState?: (state: SubmitState) => void;
     setSubmitState?: (state: EventStateObject) => void;
     handleSubmitCall: ({ onSubmit, enableAsyncBehaviour, skipFieldValidation, skipErrorCheck, }: {
@@ -55,16 +62,21 @@ export interface ContextState {
         skipErrorCheck?: boolean;
     }) => void;
     setFieldEventListener: (path: EventListenerCall['path'], type: EventListenerCall['type'], callback: EventListenerCall['callback']) => void;
-    setProps: (path: Path, props: any) => void;
+    setFieldProps?: (path: Path, props: any) => void;
+    setValueProps?: (path: Path, props: any) => void;
+    fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>;
+    valuePropsRef?: React.MutableRefObject<Record<string, ValueProps>>;
+    showAllErrors: boolean;
+    formState: SubmitState;
     ajvInstance: Ajv;
     contextErrorMessages: CustomErrorMessagesWithPaths;
     schema: AllJSONSchemaVersions;
     disabled?: boolean;
     required?: boolean;
     submitState: Partial<EventStateObject>;
-    _isInsideFormElement?: boolean;
+    isInsideFormElement?: boolean;
+    prerenderFieldProps?: boolean;
     props: ProviderProps<unknown>;
-    fieldProps?: Record<Path, unknown>;
 }
 export declare const defaultContextState: ContextState;
 declare const Context: React.Context<ContextState>;

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

@@ -30,13 +30,12 @@ const defaultContextState = {
   handleUnMountField: () => null,
   hasErrors: () => false,
   hasFieldState: () => false,
-  checkFieldStateFor: () => false,
+  hasFieldError: () => false,
   setFieldState: () => null,
   setFieldError: () => null,
-  setProps: () => null,
   ajvInstance: (0, _ajv.makeAjvInstance)(),
   contextErrorMessages: undefined,
-  _isInsideFormElement: false,
+  isInsideFormElement: false,
   props: null
 };
 exports.defaultContextState = defaultContextState;

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

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_ajv","obj","__esModule","default","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","formState","setFormState","setSubmitState","setFieldEventListener","handleSubmitCall","setShowAllErrors","handleMountField","handleUnMountField","hasErrors","hasFieldState","checkFieldStateFor","setFieldState","setFieldError","setProps","ajvInstance","makeAjvInstance","contextErrorMessages","_isInsideFormElement","props","exports","Context","React","createContext","_default"],"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  fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>\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  fieldProps?: Record<Path, 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  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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAmD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAkH5C,MAAMG,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,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,EAAE,IAAAC,oBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAE3B,SAAS;EAC/B4B,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAjC,mBAAA,GAAAA,mBAAA;AAED,MAAMkC,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAepC,mBAAmB,CAAC;AAAA,IAAAqC,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAAlC,OAAA,GAAAsC,QAAA"}
+{"version":3,"file":"Context.js","names":["_react","_interopRequireDefault","require","_ajv","obj","__esModule","default","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","formState","setFormState","setSubmitState","setFieldEventListener","handleSubmitCall","setShowAllErrors","handleMountField","handleUnMountField","hasErrors","hasFieldState","hasFieldError","setFieldState","setFieldError","ajvInstance","makeAjvInstance","contextErrorMessages","isInsideFormElement","props","exports","Context","React","createContext","_default"],"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  ValueProps,\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 FilterDataHandlerCallback<R> = (\n  parameters: FilterDataHandlerParameters\n) => R\nexport type FilterDataHandlerParameters =\n  FilterDataPathConditionParameters & {\n    path: Path\n  }\nexport type FilterDataPathCondition<Data = unknown> = (\n  parameters: FilterDataPathConditionParameters<Data>\n) => boolean | undefined\nexport type FilterDataPathConditionParameters<Data = unknown> = {\n  value: unknown\n  props: FieldProps\n  data: Data\n  internal: {\n    error: Error | undefined\n  }\n}\nexport type FilterDataPathObject<Data> = Record<\n  Path,\n  FilterDataPathCondition<Data> | boolean | undefined\n>\nexport type FilterData<Data = unknown> =\n  | FilterDataPathObject<Data>\n  | FilterDataHandlerCallback<boolean | undefined>\nexport type TransformData = FilterDataHandlerCallback<unknown>\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  setShowAllErrors: (showAllErrors: boolean) => void\n  hasErrors: () => boolean\n  hasFieldState: (state: SubmitState) => boolean\n  hasFieldError: (path: Path) => boolean\n  setFieldState: (path: Path, fieldState: SubmitState) => void\n  setFieldError: (path: Path, error: Error | FormError) => void\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\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  setFieldProps?: (path: Path, props: any) => void\n  setValueProps?: (path: Path, props: any) => void\n  fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>\n  valuePropsRef?: React.MutableRefObject<Record<string, ValueProps>>\n  showAllErrors: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  disabled?: boolean\n  required?: boolean\n  submitState: Partial<EventStateObject>\n  isInsideFormElement?: boolean\n  prerenderFieldProps?: 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  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldState: () => false,\n  hasFieldError: () => false,\n  setFieldState: () => null,\n  setFieldError: () => 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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAmD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA8H5C,MAAMG,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,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,aAAa,EAAEA,CAAA,KAAM,IAAI;EACzBC,WAAW,EAAE,IAAAC,oBAAe,EAAC,CAAC;EAC9BC,oBAAoB,EAAE1B,SAAS;EAC/B2B,mBAAmB,EAAE,KAAK;EAC1BC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAhC,mBAAA,GAAAA,mBAAA;AAED,MAAMiC,OAAO,GAAGC,cAAK,CAACC,aAAa,CAAenC,mBAAmB,CAAC;AAAA,IAAAoC,QAAA,GAEvDH,OAAO;AAAAD,OAAA,CAAAjC,OAAA,GAAAqC,QAAA"}

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

@@ -34,7 +34,7 @@ export interface Props<Data extends JsonObject> {
      */
     errorMessages?: CustomErrorMessagesWithPaths;
     /**
-     * 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.
+     * 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.
      */
     filterSubmitData?: FilterData;
     /**
@@ -42,11 +42,11 @@ export interface Props<Data extends JsonObject> {
      */
     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).
+     * 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).
      */
     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).
+     * Mutate the data before it enters onSubmit or onChange based on your criteria: `({ path, value, data, props, internal }) => 'new value'`. It will iterate on each data entry (/path).
      */
     transformOut?: TransformData;
     /**

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

@@ -63,7 +63,11 @@ function Provider(props) {
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   if (data !== undefined && sessionStorageId !== undefined) {
-    console.error('Providing both data and sessionStorageId could lead to competing data sources. To provide default data to use only before anything is changed in the interface, use defaultData.');
+    throw new Error('Use "defaultData" instead of "data" when using sessionStorageId');
+  }
+  const nestedContext = (0, _react.useContext)(_Context.default);
+  if (nestedContext !== null && nestedContext !== void 0 && nestedContext.hasContext) {
+    throw new Error('DataContext (Form.Handler) can not be nested');
   }
   const translation = (0, _useTranslation.default)().Form;
   const ajvRef = (0, _react.useRef)((0, _ajv.makeAjvInstance)(ajvInstance));
@@ -125,6 +129,11 @@ function Provider(props) {
       return checkFieldStateFor(path, state);
     });
   }, [checkFieldStateFor]);
+  const hasFieldError = (0, _react.useCallback)(path => {
+    return mountedFieldPathsRef.current.some(p => {
+      return p === path && checkFieldStateFor(p, 'error');
+    });
+  }, [checkFieldStateFor]);
   const hasErrors = (0, _react.useCallback)(() => {
     return hasFieldState('error');
   }, [hasFieldState]);
@@ -137,28 +146,60 @@ function Provider(props) {
       forceUpdate();
     }
   }, []);
-  const mutateDataHandler = (0, _react.useCallback)(function (data, fn) {
+  const mutateDataHandler = (0, _react.useCallback)(function (data, filter) {
     let remove = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    if (fn) {
+    const mutate = (path, result) => {
+      if (remove) {
+        if (result === false) {
+          data = (0, _structuredClone.default)(data);
+          _jsonPointer.default.remove(data, path);
+        }
+      } else {
+        if (typeof result !== 'undefined') {
+          data = (0, _structuredClone.default)(data);
+          _jsonPointer.default.set(data, path, result);
+        }
+      }
+    };
+    if (typeof filter === 'function') {
       Object.entries(fieldPropsRef.current).forEach(_ref => {
         let [path, props] = _ref;
         const exists = _jsonPointer.default.has(data, path);
         if (exists) {
           var _fieldErrorRef$curren;
-          const result = fn(path, _jsonPointer.default.get(data, path), props, {
+          const value = _jsonPointer.default.get(data, path);
+          const internal = {
             error: (_fieldErrorRef$curren = fieldErrorRef.current) === null || _fieldErrorRef$curren === void 0 ? void 0 : _fieldErrorRef$curren[path]
+          };
+          const result = filter({
+            path,
+            value,
+            data: internalDataRef.current,
+            props,
+            internal
           });
-          if (remove) {
-            if (result === false) {
-              data = (0, _structuredClone.default)(data);
-              _jsonPointer.default.remove(data, path);
-            }
-          } else {
-            if (typeof result !== 'undefined') {
-              data = (0, _structuredClone.default)(data);
-              _jsonPointer.default.set(data, path, result);
-            }
-          }
+          mutate(path, result);
+        }
+      });
+      return data;
+    } else if (filter) {
+      Object.entries(filter).forEach(_ref2 => {
+        let [path, condition] = _ref2;
+        const exists = _jsonPointer.default.has(data, path);
+        if (exists) {
+          var _fieldPropsRef$curren, _fieldErrorRef$curren2;
+          const value = _jsonPointer.default.get(data, path);
+          const props = (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path];
+          const internal = {
+            error: (_fieldErrorRef$curren2 = fieldErrorRef.current) === null || _fieldErrorRef$curren2 === void 0 ? void 0 : _fieldErrorRef$curren2[path]
+          };
+          const result = typeof condition === 'function' ? condition({
+            value,
+            data: internalDataRef.current,
+            props,
+            internal
+          }) : condition;
+          mutate(path, result);
         }
       });
       return data;
@@ -173,19 +214,20 @@ function Provider(props) {
     return data;
   }, [filterData, filterSubmitData, mutateDataHandler]);
   const fieldPropsRef = (0, _react.useRef)({});
-  const setProps = (0, _react.useCallback)((path, props) => {
-    fieldPropsRef.current[path] = _objectSpread(_objectSpread({}, fieldPropsRef.current[path]), props);
-    for (const key in fieldPropsRef.current[path]) {
-      if (!Object.prototype.hasOwnProperty.call(props, key)) {
-        delete fieldPropsRef.current[path][key];
-      }
-    }
+  const valuePropsRef = (0, _react.useRef)({});
+  const setFieldProps = (0, _react.useCallback)((path, props) => {
+    fieldPropsRef.current[path] = props;
+  }, []);
+  const setValueProps = (0, _react.useCallback)((path, props) => {
+    valuePropsRef.current[path] = props;
   }, []);
   const hasFieldWithAsyncValidator = (0, _react.useCallback)(() => {
     for (const path in fieldPropsRef.current) {
-      const props = fieldPropsRef.current[path];
-      if ((0, _isAsync.isAsync)(props.validator) || (0, _isAsync.isAsync)(props.onBlurValidator)) {
-        return true;
+      if (mountedFieldPathsRef.current.includes(path)) {
+        const props = fieldPropsRef.current[path];
+        if ((0, _isAsync.isAsync)(props.validator) || (0, _isAsync.isAsync)(props.onBlurValidator)) {
+          return true;
+        }
       }
     }
     return false;
@@ -235,6 +277,7 @@ function Provider(props) {
       extendAttachment === null || extendAttachment === void 0 ? void 0 : extendAttachment({
         filterDataHandler,
         hasErrors,
+        hasFieldError,
         setShowAllErrors,
         setSubmitState
       });
@@ -242,7 +285,7 @@ function Provider(props) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
-  }, [extendAttachment, filterData, filterDataHandler, filterSubmitData, hasErrors, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
+  }, [extendAttachment, filterData, filterDataHandler, filterSubmitData, hasErrors, hasFieldError, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
   const storeInSession = (0, _react.useMemo)(() => {
     return (0, _helpers.debounce)(() => {
       var _window$sessionStorag2;
@@ -315,11 +358,7 @@ function Provider(props) {
     mountedFieldPathsRef.current = addListPath(mountedFieldPathsRef.current, path);
   }, []);
   const handleUnMountField = (0, _react.useCallback)(path => {
-    var _fieldPropsRef$curren;
     mountedFieldPathsRef.current = removeListPath(mountedFieldPathsRef.current, path);
-    if ((_fieldPropsRef$curren = fieldPropsRef.current) !== null && _fieldPropsRef$curren !== void 0 && _fieldPropsRef$curren[path]) {
-      delete fieldPropsRef.current[path];
-    }
   }, []);
   const scrollToTop = (0, _react.useCallback)(() => {
     if (typeof window !== 'undefined') {
@@ -449,11 +488,11 @@ function Provider(props) {
   }, [filterDataHandler, handleSubmitCall, id, mutateDataHandler, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, setSharedData, transformOut]);
   const fieldEventListenersRef = (0, _react.useRef)([]);
   const setFieldEventListener = (0, _react.useCallback)((path, type, callback) => {
-    fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref2 => {
+    fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref3 => {
       let {
         path: p,
         type: t
-      } = _ref2;
+      } = _ref3;
       return !(p === path && t === type);
     });
     fieldEventListenersRef.current.push({
@@ -517,10 +556,11 @@ function Provider(props) {
       setFieldEventListener,
       setFieldState,
       setFieldError,
-      setProps,
+      setFieldProps,
+      setValueProps,
       hasErrors,
+      hasFieldError,
       hasFieldState,
-      checkFieldStateFor,
       validateData,
       updateDataValue,
       setData,
@@ -536,8 +576,8 @@ function Provider(props) {
       errors: errorsRef.current,
       showAllErrors: showAllErrorsRef.current,
       fieldPropsRef,
+      valuePropsRef,
       ajvInstance: ajvRef.current,
-      fieldProps: fieldPropsRef.current,
       id,
       data: internalDataRef.current,
       props
@@ -585,6 +625,7 @@ function useFormStatusBuffer(props) {
     }
   }, []);
   const hadCompleteRef = (0, _react.useRef)(false);
+  const activeElementRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     const isTest = process.env.NODE_ENV === 'test';
     const minimum = minimumAsyncBehaviorTime !== null && minimumAsyncBehaviorTime !== void 0 ? minimumAsyncBehaviorTime : isTest ? 1 : 1000;
@@ -606,6 +647,7 @@ function useFormStatusBuffer(props) {
       hadCompleteRef.current = true;
     }
     if (formState === 'pending' && stateRef.current !== 'pending') {
+      activeElementRef.current = document.activeElement;
       clear();
       nowRef.current = Date.now();
       hadCompleteRef.current = false;
@@ -618,6 +660,10 @@ function useFormStatusBuffer(props) {
           if (hadCompleteRef.current) {
             setState('complete');
           }
+          window.requestAnimationFrame(() => {
+            var _activeElementRef$cur, _activeElementRef$cur2;
+            (_activeElementRef$cur = activeElementRef.current) === null || _activeElementRef$cur === void 0 ? void 0 : (_activeElementRef$cur2 = _activeElementRef$cur.focus) === null || _activeElementRef$cur2 === void 0 ? void 0 : _activeElementRef$cur2.call(_activeElementRef$cur);
+          });
         }, delay);
         timeoutRef.current.reset = setTimeout(() => {
           nowRef.current = 0;