@dnb/eufemia 10.48.0 → 10.50.0

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

@@ -5,13 +5,25 @@ import { Props as ProviderProps } from './Provider';
 type HandleSubmitProps = {
     formElement?: HTMLFormElement;
 };
+export type MountState = {
+    isPreMounted?: boolean;
+    isMounted?: boolean;
+    isVisible?: boolean;
+    wasStepChange?: boolean;
+};
 export type EventListenerCall = {
     path?: Path;
-    type?: 'onSubmit' | 'onPathChange';
+    type?: 'onSubmit' | 'onPathChange' | 'onMount';
     callback: (params?: {
         value: unknown;
     }) => void | Promise<void | Error>;
 };
+export type VisibleDataHandler<Data> = (data?: Data, options?: VisibleDataOptions) => Partial<Data>;
+export type VisibleDataOptions = {
+    keepPaths?: Array<Path>;
+    removePaths?: Array<Path>;
+};
+export type MutateDataHandler<Data> = (data: Data, mutate: TransformData) => Partial<Data>;
 export type FilterDataHandler<Data> = (data: Data, filter: FilterData) => Partial<Data>;
 export type FilterDataHandlerCallback<R> = (parameters: FilterDataHandlerParameters) => R;
 export type FilterDataHandlerParameters = FilterDataPathConditionParameters & {
@@ -28,6 +40,7 @@ export type FilterDataPathConditionParameters<Data = unknown> = {
 };
 export type FilterDataPathObject<Data> = Record<Path, FilterDataPathCondition<Data> | boolean | undefined>;
 export type FilterData<Data = unknown> = FilterDataPathObject<Data> | FilterDataHandlerCallback<boolean | undefined>;
+export type VisibleData<Data = unknown> = Partial<Data>;
 export type TransformData = FilterDataHandlerCallback<unknown>;
 export type HandleSubmitCallback = ({ preventSubmit, }: {
     preventSubmit: () => void;
@@ -47,10 +60,11 @@ export interface ContextState {
     updateDataValue: (path: Path, value: any) => void;
     setData: (data: any) => void;
     clearData?: () => void;
-    mutateDataHandler?: (data: any, mutate: TransformData) => any;
-    filterDataHandler?: (data: any, filter: FilterData) => any;
+    mutateDataHandler?: MutateDataHandler<unknown>;
+    filterDataHandler?: FilterDataHandler<unknown>;
+    visibleDataHandler?: VisibleDataHandler<unknown>;
     validateData: () => void;
-    handleSubmit: (props?: HandleSubmitProps) => any;
+    handleSubmit: (props?: HandleSubmitProps) => void;
     scrollToTop: () => void;
     setShowAllErrors: (showAllErrors: boolean) => void;
     hasErrors: () => boolean;
@@ -58,8 +72,7 @@ export interface ContextState {
     hasFieldError: (path: Path) => boolean;
     setFieldState: (path: Path, fieldState: SubmitState) => void;
     setFieldError: (path: Path, error: Error | FormError) => void;
-    handleMountField: (path: Path) => void;
-    handleUnMountField: (path: Path) => void;
+    setMountedFieldState: (path: Path, options: MountState) => void;
     setFormState?: (state: SubmitState) => void;
     setSubmitState?: (state: EventStateObject) => void;
     addOnChangeHandler?: (callback: OnChange) => void;
@@ -70,13 +83,13 @@ export interface ContextState {
         skipErrorCheck?: boolean;
     }) => void;
     setFieldEventListener?: (path: EventListenerCall['path'], type: EventListenerCall['type'], callback: EventListenerCall['callback']) => void;
-    setHasVisibleError?: (path: Path, hasError: boolean) => void;
+    setVisibleError?: (path: Path, hasError: boolean) => void;
     setFieldProps?: (path: Path, props: unknown) => void;
     setValueProps?: (path: Path, props: unknown) => void;
     setHandleSubmit?: (callback: HandleSubmitCallback) => void;
     fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>;
     valuePropsRef?: React.MutableRefObject<Record<string, ValueProps>>;
-    mountedFieldPathsRef?: React.MutableRefObject<Path[]>;
+    mountedFieldsRef?: React.MutableRefObject<Record<Path, MountState>>;
     showAllErrors: boolean;
     hasVisibleError: boolean;
     formState: SubmitState;

package/extensions/forms/DataContext/Context.js

@@ -19,8 +19,7 @@ export const defaultContextState = {
   setSubmitState: () => null,
   handleSubmitCall: () => null,
   setShowAllErrors: () => null,
-  handleMountField: () => null,
-  handleUnMountField: () => null,
+  setMountedFieldState: () => null,
   hasErrors: () => false,
   hasFieldState: () => false,
   hasFieldError: () => false,

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

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","hasVisibleError","formState","setFormState","setSubmitState","handleSubmitCall","setShowAllErrors","handleMountField","handleUnMountField","hasErrors","hasFieldState","hasFieldError","setFieldState","setFieldError","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  ValueProps,\n  OnChange,\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' | 'onPathChange'\n  callback: (params?: { value: unknown }) => void | Promise<void | Error>\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>\nexport type HandleSubmitCallback = ({\n  preventSubmit,\n}: {\n  preventSubmit: () => void\n}) => void\n\nexport interface ContextState {\n  id?: Identifier\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  internalDataRef?: React.MutableRefObject<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  clearData?: () => 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  addOnChangeHandler?: (callback: OnChange) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehavior,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehavior: 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  setHasVisibleError?: (path: Path, hasError: boolean) => void\n  setFieldProps?: (path: Path, props: unknown) => void\n  setValueProps?: (path: Path, props: unknown) => void\n  setHandleSubmit?: (callback: HandleSubmitCallback) => void\n  fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>\n  valuePropsRef?: React.MutableRefObject<Record<string, ValueProps>>\n  mountedFieldPathsRef?: React.MutableRefObject<Path[]>\n  showAllErrors: boolean\n  hasVisibleError: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  path?: Path\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  hasVisibleError: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AA4InD,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,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAEZ,SAAS;EACpBa,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,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,EAAE5B,eAAe,CAAC,CAAC;EAC9B6B,oBAAoB,EAAEzB,SAAS;EAC/B0B,mBAAmB,EAAE,KAAK;EAC1BC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGjC,KAAK,CAACkC,aAAa,CAAehC,mBAAmB,CAAC;AAEtE,eAAe+B,OAAO"}
+{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","submitState","handlePathChange","handlePathChangeUnvalidated","updateDataValue","setData","validateData","handleSubmit","scrollToTop","showAllErrors","hasVisibleError","formState","setFormState","setSubmitState","handleSubmitCall","setShowAllErrors","setMountedFieldState","hasErrors","hasFieldState","hasFieldError","setFieldState","setFieldError","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  ValueProps,\n  OnChange,\n} from '../types'\nimport { Props as ProviderProps } from './Provider'\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport type MountState = {\n  isPreMounted?: boolean\n  isMounted?: boolean\n  isVisible?: boolean\n  wasStepChange?: boolean\n}\n\nexport type EventListenerCall = {\n  path?: Path\n  type?: 'onSubmit' | 'onPathChange' | 'onMount'\n  callback: (params?: { value: unknown }) => void | Promise<void | Error>\n}\n\nexport type VisibleDataHandler<Data> = (\n  data?: Data,\n  options?: VisibleDataOptions\n) => Partial<Data>\nexport type VisibleDataOptions = {\n  keepPaths?: Array<Path>\n  removePaths?: Array<Path>\n}\nexport type MutateDataHandler<Data> = (\n  data: Data,\n  mutate: TransformData\n) => Partial<Data>\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 VisibleData<Data = unknown> = Partial<Data>\nexport type TransformData = FilterDataHandlerCallback<unknown>\nexport type HandleSubmitCallback = ({\n  preventSubmit,\n}: {\n  preventSubmit: () => void\n}) => void\n\nexport interface ContextState {\n  id?: Identifier\n  hasContext: boolean\n  /** The dataset for the form / form wizard */\n  data: any\n  internalDataRef?: React.MutableRefObject<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  clearData?: () => void\n  mutateDataHandler?: MutateDataHandler<unknown>\n  filterDataHandler?: FilterDataHandler<unknown>\n  visibleDataHandler?: VisibleDataHandler<unknown>\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => void\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  setMountedFieldState: (path: Path, options: MountState) => void\n  setFormState?: (state: SubmitState) => void\n  setSubmitState?: (state: EventStateObject) => void\n  addOnChangeHandler?: (callback: OnChange) => void\n  handleSubmitCall: ({\n    onSubmit,\n    enableAsyncBehavior,\n    skipFieldValidation,\n    skipErrorCheck,\n  }: {\n    onSubmit: () =>\n      | EventReturnWithStateObject\n      | void\n      | Promise<EventReturnWithStateObject | void>\n    enableAsyncBehavior: 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  setVisibleError?: (path: Path, hasError: boolean) => void\n  setFieldProps?: (path: Path, props: unknown) => void\n  setValueProps?: (path: Path, props: unknown) => void\n  setHandleSubmit?: (callback: HandleSubmitCallback) => void\n  fieldPropsRef?: React.MutableRefObject<Record<string, FieldProps>>\n  valuePropsRef?: React.MutableRefObject<Record<string, ValueProps>>\n  mountedFieldsRef?: React.MutableRefObject<Record<Path, MountState>>\n  showAllErrors: boolean\n  hasVisibleError: boolean\n  formState: SubmitState\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  path?: Path\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  hasVisibleError: false,\n  formState: undefined,\n  setFormState: () => null,\n  setSubmitState: () => null,\n  handleSubmitCall: () => null,\n  setShowAllErrors: () => null,\n  setMountedFieldState: () => 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AAgKnD,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,eAAe,EAAE,KAAK;EACtBC,SAAS,EAAEZ,SAAS;EACpBa,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,oBAAoB,EAAEA,CAAA,KAAM,IAAI;EAChCC,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,EAAE3B,eAAe,CAAC,CAAC;EAC9B4B,oBAAoB,EAAExB,SAAS;EAC/ByB,mBAAmB,EAAE,KAAK;EAC1BC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,OAAO,GAAGhC,KAAK,CAACiC,aAAa,CAAe/B,mBAAmB,CAAC;AAEtE,eAAe8B,OAAO"}

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

@@ -30,6 +30,10 @@ export interface FieldBoundaryContextState {
      * To set the local error state.
      */
     setFieldError?: (path: Path, error: Error) => void;
+    /**
+     * To set the local visible error state.
+     */
+    setVisibleError?: (path: Path, hasError: boolean) => void;
 }
 declare const FieldBoundaryContext: React.Context<FieldBoundaryContextState>;
 export default FieldBoundaryContext;

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBoundaryContext.js","names":["React","FieldBoundaryContext","createContext","undefined"],"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   * Support a number to ensure we can renew hooks each time we get a new value.\n   */\n  showBoundaryErrors?: boolean | number\n\n  /**\n   * To set the boundary context error state.\n   */\n  setShowBoundaryErrors?: (\n    showBoundaryErrors: FieldBoundaryContextState['showBoundaryErrors']\n  ) => 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,OAAOA,KAAK,MAAM,OAAO;AA2CzB,MAAMC,oBAAoB,GAAGD,KAAK,CAACE,aAAa,CAE9CC,SAAS,CAAC;AAEZ,eAAeF,oBAAoB"}
+{"version":3,"file":"FieldBoundaryContext.js","names":["React","FieldBoundaryContext","createContext","undefined"],"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   * Support a number to ensure we can renew hooks each time we get a new value.\n   */\n  showBoundaryErrors?: boolean | number\n\n  /**\n   * To set the boundary context error state.\n   */\n  setShowBoundaryErrors?: (\n    showBoundaryErrors: FieldBoundaryContextState['showBoundaryErrors']\n  ) => void\n\n  /**\n   * To set the local error state.\n   */\n  setFieldError?: (path: Path, error: Error) => void\n\n  /**\n   * To set the local visible error state.\n   */\n  setVisibleError?: (path: Path, hasError: boolean) => void\n}\n\nconst FieldBoundaryContext = React.createContext<\n  FieldBoundaryContextState | undefined\n>(undefined)\n\nexport default FieldBoundaryContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAgDzB,MAAMC,oBAAoB,GAAGD,KAAK,CAACE,aAAa,CAE9CC,SAAS,CAAC;AAEZ,eAAeF,oBAAoB"}

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

@@ -11,8 +11,7 @@ export default function FieldBoundaryProvider(props) {
   } = props;
   const [, forceUpdate] = useReducer(() => ({}), {});
   const {
-    showAllErrors,
-    hasVisibleError
+    showAllErrors
   } = useContext(DataContext);
   const onPathErrorRef = useRef(onPathError);
   onPathErrorRef.current = onPathError;
@@ -31,6 +30,15 @@ export default function FieldBoundaryProvider(props) {
     forceUpdate();
     (_onPathErrorRef$curre = onPathErrorRef.current) === null || _onPathErrorRef$curre === void 0 ? void 0 : _onPathErrorRef$curre.call(onPathErrorRef, path, error);
   }, []);
+  const hasVisibleErrorRef = useRef({});
+  const setVisibleError = useCallback((path, hasError) => {
+    if (hasError) {
+      hasVisibleErrorRef.current[path] = hasError;
+    } else {
+      delete hasVisibleErrorRef.current[path];
+    }
+    forceUpdate();
+  }, []);
   const setShowBoundaryErrors = useCallback(showBoundaryErrors => {
     showBoundaryErrorsRef.current = showBoundaryErrors;
     forceUpdate();
@@ -38,11 +46,12 @@ export default function FieldBoundaryProvider(props) {
   const context = {
     hasError,
     hasSubmitError,
-    hasVisibleError,
+    hasVisibleError: Object.keys(hasVisibleErrorRef.current).length > 0,
     errorsRef,
     showBoundaryErrors: showBoundaryErrorsRef.current,
     setShowBoundaryErrors,
-    setFieldError
+    setFieldError,
+    setVisibleError
   };
   return React.createElement(FieldBoundaryContext.Provider, {
     value: context

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBoundaryProvider.js","names":["React","useCallback","useContext","useReducer","useRef","FieldBoundaryContext","DataContext","FieldBoundaryProvider","props","showErrors","onPathError","children","forceUpdate","showAllErrors","hasVisibleError","onPathErrorRef","current","errorsRef","showBoundaryErrorsRef","hasError","Object","keys","length","hasSubmitError","setFieldError","path","error","_onPathErrorRef$curre","_errorsRef$current","call","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 type Props = {\n  showErrors?: boolean\n  onPathError?: (path: Path, error: Error) => void\n  children: React.ReactNode\n}\n\nexport default function FieldBoundaryProvider(props: Props) {\n  const { showErrors = false, onPathError = null, children } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { showAllErrors, hasVisibleError } = useContext(DataContext)\n\n  const onPathErrorRef = useRef(onPathError)\n  onPathErrorRef.current = onPathError\n  const errorsRef = useRef<Record<Path, boolean>>({})\n  const showBoundaryErrorsRef =\n    useRef<FieldBoundaryContextState['showBoundaryErrors']>(showErrors)\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    forceUpdate()\n    onPathErrorRef.current?.(path, error)\n  }, [])\n\n  const setShowBoundaryErrors: FieldBoundaryContextState['setShowBoundaryErrors'] =\n    useCallback((showBoundaryErrors) => {\n      showBoundaryErrorsRef.current = showBoundaryErrors\n      forceUpdate()\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":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1E,OAAOC,oBAAoB,MAEpB,wBAAwB;AAC/B,OAAOC,WAAW,MAAM,YAAY;AASpC,eAAe,SAASC,qBAAqBA,CAACC,KAAY,EAAE;EAC1D,MAAM;IAAEC,UAAU,GAAG,KAAK;IAAEC,WAAW,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAClE,MAAM,GAAGI,WAAW,CAAC,GAAGT,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEU,aAAa;IAAEC;EAAgB,CAAC,GAAGZ,UAAU,CAACI,WAAW,CAAC;EAElE,MAAMS,cAAc,GAAGX,MAAM,CAACM,WAAW,CAAC;EAC1CK,cAAc,CAACC,OAAO,GAAGN,WAAW;EACpC,MAAMO,SAAS,GAAGb,MAAM,CAAwB,CAAC,CAAC,CAAC;EACnD,MAAMc,qBAAqB,GACzBd,MAAM,CAAkDK,UAAU,CAAC;EACrE,MAAMU,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACJ,SAAS,CAACD,OAAO,CAAC,CAACM,MAAM,GAAG,CAAC;EAC1D,MAAMC,cAAc,GAAGV,aAAa,IAAIM,QAAQ;EAEhD,MAAMK,aAAa,GAAGvB,WAAW,CAAC,CAACwB,IAAU,EAAEC,KAAY,KAAK;IAAA,IAAAC,qBAAA;IAC9D,IAAID,KAAK,EAAE;MACTT,SAAS,CAACD,OAAO,CAACS,IAAI,CAAC,GAAG,CAAC,CAACC,KAAK;IACnC,CAAC,MAAM;MAAA,IAAAE,kBAAA;MACL,CAAAA,kBAAA,GAAOX,SAAS,CAACD,OAAO,cAAAY,kBAAA,qBAAxB,OAAOA,kBAAA,CAAoBH,IAAI,CAAC;IAClC;IACAb,WAAW,CAAC,CAAC;IACb,CAAAe,qBAAA,GAAAZ,cAAc,CAACC,OAAO,cAAAW,qBAAA,uBAAtBA,qBAAA,CAAAE,IAAA,CAAAd,cAAc,EAAWU,IAAI,EAAEC,KAAK,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,qBAAyE,GAC7E7B,WAAW,CAAE8B,kBAAkB,IAAK;IAClCb,qBAAqB,CAACF,OAAO,GAAGe,kBAAkB;IAClDnB,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAER,MAAMoB,OAAkC,GAAG;IACzCb,QAAQ;IACRI,cAAc;IACdT,eAAe;IACfG,SAAS;IACTc,kBAAkB,EAAEb,qBAAqB,CAACF,OAAO;IACjDc,qBAAqB;IACrBN;EACF,CAAC;EAED,OACExB,KAAA,CAAAiC,aAAA,CAAC5B,oBAAoB,CAAC6B,QAAQ;IAACC,KAAK,EAAEH;EAAQ,GAC3CrB,QAC4B,CAAC;AAEpC"}
+{"version":3,"file":"FieldBoundaryProvider.js","names":["React","useCallback","useContext","useReducer","useRef","FieldBoundaryContext","DataContext","FieldBoundaryProvider","props","showErrors","onPathError","children","forceUpdate","showAllErrors","onPathErrorRef","current","errorsRef","showBoundaryErrorsRef","hasError","Object","keys","length","hasSubmitError","setFieldError","path","error","_onPathErrorRef$curre","_errorsRef$current","call","hasVisibleErrorRef","setVisibleError","setShowBoundaryErrors","showBoundaryErrors","context","hasVisibleError","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 type Props = {\n  showErrors?: boolean\n  onPathError?: (path: Path, error: Error) => void\n  children: React.ReactNode\n}\n\nexport default function FieldBoundaryProvider(props: Props) {\n  const { showErrors = false, onPathError = null, children } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { showAllErrors } = useContext(DataContext)\n\n  const onPathErrorRef = useRef(onPathError)\n  onPathErrorRef.current = onPathError\n  const errorsRef = useRef<Record<Path, boolean>>({})\n  const showBoundaryErrorsRef =\n    useRef<FieldBoundaryContextState['showBoundaryErrors']>(showErrors)\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    forceUpdate()\n    onPathErrorRef.current?.(path, error)\n  }, [])\n\n  const hasVisibleErrorRef = useRef<Record<Path, boolean>>({})\n  const setVisibleError = useCallback((path: Path, hasError: boolean) => {\n    if (hasError) {\n      hasVisibleErrorRef.current[path] = hasError\n    } else {\n      delete hasVisibleErrorRef.current[path]\n    }\n    forceUpdate()\n  }, [])\n\n  const setShowBoundaryErrors: FieldBoundaryContextState['setShowBoundaryErrors'] =\n    useCallback((showBoundaryErrors) => {\n      showBoundaryErrorsRef.current = showBoundaryErrors\n      forceUpdate()\n    }, [])\n\n  const context: FieldBoundaryContextState = {\n    hasError,\n    hasSubmitError,\n    hasVisibleError: Object.keys(hasVisibleErrorRef.current).length > 0,\n    errorsRef,\n    showBoundaryErrors: showBoundaryErrorsRef.current,\n    setShowBoundaryErrors,\n    setFieldError,\n    setVisibleError,\n  }\n\n  return (\n    <FieldBoundaryContext.Provider value={context}>\n      {children}\n    </FieldBoundaryContext.Provider>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1E,OAAOC,oBAAoB,MAEpB,wBAAwB;AAC/B,OAAOC,WAAW,MAAM,YAAY;AASpC,eAAe,SAASC,qBAAqBA,CAACC,KAAY,EAAE;EAC1D,MAAM;IAAEC,UAAU,GAAG,KAAK;IAAEC,WAAW,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAClE,MAAM,GAAGI,WAAW,CAAC,GAAGT,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEU;EAAc,CAAC,GAAGX,UAAU,CAACI,WAAW,CAAC;EAEjD,MAAMQ,cAAc,GAAGV,MAAM,CAACM,WAAW,CAAC;EAC1CI,cAAc,CAACC,OAAO,GAAGL,WAAW;EACpC,MAAMM,SAAS,GAAGZ,MAAM,CAAwB,CAAC,CAAC,CAAC;EACnD,MAAMa,qBAAqB,GACzBb,MAAM,CAAkDK,UAAU,CAAC;EACrE,MAAMS,QAAQ,GAAGC,MAAM,CAACC,IAAI,CAACJ,SAAS,CAACD,OAAO,CAAC,CAACM,MAAM,GAAG,CAAC;EAC1D,MAAMC,cAAc,GAAGT,aAAa,IAAIK,QAAQ;EAEhD,MAAMK,aAAa,GAAGtB,WAAW,CAAC,CAACuB,IAAU,EAAEC,KAAY,KAAK;IAAA,IAAAC,qBAAA;IAC9D,IAAID,KAAK,EAAE;MACTT,SAAS,CAACD,OAAO,CAACS,IAAI,CAAC,GAAG,CAAC,CAACC,KAAK;IACnC,CAAC,MAAM;MAAA,IAAAE,kBAAA;MACL,CAAAA,kBAAA,GAAOX,SAAS,CAACD,OAAO,cAAAY,kBAAA,qBAAxB,OAAOA,kBAAA,CAAoBH,IAAI,CAAC;IAClC;IACAZ,WAAW,CAAC,CAAC;IACb,CAAAc,qBAAA,GAAAZ,cAAc,CAACC,OAAO,cAAAW,qBAAA,uBAAtBA,qBAAA,CAAAE,IAAA,CAAAd,cAAc,EAAWU,IAAI,EAAEC,KAAK,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,kBAAkB,GAAGzB,MAAM,CAAwB,CAAC,CAAC,CAAC;EAC5D,MAAM0B,eAAe,GAAG7B,WAAW,CAAC,CAACuB,IAAU,EAAEN,QAAiB,KAAK;IACrE,IAAIA,QAAQ,EAAE;MACZW,kBAAkB,CAACd,OAAO,CAACS,IAAI,CAAC,GAAGN,QAAQ;IAC7C,CAAC,MAAM;MACL,OAAOW,kBAAkB,CAACd,OAAO,CAACS,IAAI,CAAC;IACzC;IACAZ,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMmB,qBAAyE,GAC7E9B,WAAW,CAAE+B,kBAAkB,IAAK;IAClCf,qBAAqB,CAACF,OAAO,GAAGiB,kBAAkB;IAClDpB,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAER,MAAMqB,OAAkC,GAAG;IACzCf,QAAQ;IACRI,cAAc;IACdY,eAAe,EAAEf,MAAM,CAACC,IAAI,CAACS,kBAAkB,CAACd,OAAO,CAAC,CAACM,MAAM,GAAG,CAAC;IACnEL,SAAS;IACTgB,kBAAkB,EAAEf,qBAAqB,CAACF,OAAO;IACjDgB,qBAAqB;IACrBR,aAAa;IACbO;EACF,CAAC;EAED,OACE9B,KAAA,CAAAmC,aAAA,CAAC9B,oBAAoB,CAAC+B,QAAQ;IAACC,KAAK,EAAEJ;EAAQ,GAC3CtB,QAC4B,CAAC;AAEpC"}

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

@@ -110,8 +110,4 @@ export interface Props<Data extends JsonObject> extends IsolationProviderProps<D
     children: React.ReactNode;
 }
 export default function Provider<Data extends JsonObject>(props: Props<Data>): import("react/jsx-runtime").JSX.Element;
-type PathList = string[];
-export declare function addListPath(paths: PathList, path: Path): PathList;
-export declare function removeListPath(paths: PathList, path: Path): PathList;
 export declare const clearedData: Readonly<{}>;
-export {};

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

@@ -62,7 +62,7 @@ export default function Provider(props) {
   }
   const translation = useTranslation().Field;
   const ajvRef = useRef(makeAjvInstance(ajvInstance));
-  const mountedFieldPathsRef = useRef([]);
+  const mountedFieldsRef = useRef({});
   const hasVisibleErrorRef = useRef({});
   const errorsRef = useRef();
   const showAllErrorsRef = useRef(false);
@@ -70,7 +70,7 @@ export default function Provider(props) {
     showAllErrorsRef.current = showAllErrors;
     forceUpdate();
   }, []);
-  const setHasVisibleError = useCallback((path, hasError) => {
+  const setVisibleError = useCallback((path, hasError) => {
     if (hasError) {
       hasVisibleErrorRef.current[path] = hasError;
     } else {
@@ -125,14 +125,22 @@ export default function Provider(props) {
     return Boolean(state === 'error' ? ((_errorsRef$current = errorsRef.current) === null || _errorsRef$current === void 0 ? void 0 : _errorsRef$current[path]) instanceof Error || fieldErrorRef.current[path] instanceof Error : fieldStateRef.current[path] === state);
   }, []);
   const hasFieldState = useCallback(state => {
-    return mountedFieldPathsRef.current.some(path => {
-      return checkFieldStateFor(path, state);
-    });
+    for (const path in mountedFieldsRef.current) {
+      const item = mountedFieldsRef.current[path];
+      if (item.isMounted && checkFieldStateFor(path, state)) {
+        return true;
+      }
+    }
+    return false;
   }, [checkFieldStateFor]);
   const hasFieldError = useCallback(path => {
-    return mountedFieldPathsRef.current.some(p => {
-      return p === path && checkFieldStateFor(p, 'error');
-    });
+    for (const p in mountedFieldsRef.current) {
+      const item = mountedFieldsRef.current[path];
+      if (item.isMounted && p === path && checkFieldStateFor(path, 'error')) {
+        return true;
+      }
+    }
+    return false;
   }, [checkFieldStateFor]);
   const hasErrors = useCallback(() => {
     return hasFieldState('error');
@@ -241,6 +249,28 @@ export default function Provider(props) {
     }
     return data;
   }, []);
+  const visibleDataHandler = useCallback(function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : internalDataRef.current;
+    let {
+      keepPaths,
+      removePaths
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const visibleData = {};
+    for (const path in mountedFieldsRef.current) {
+      const item = mountedFieldsRef.current[path];
+      if (item && item.isVisible !== false && (item.isPreMounted !== false || item.wasStepChange === true) && (removePaths ? !removePaths.includes(path) : true) && pointer.has(data, path)) {
+        pointer.set(visibleData, path, pointer.get(data, path));
+      }
+    }
+    if (keepPaths) {
+      keepPaths.forEach(path => {
+        if (pointer.has(data, path)) {
+          pointer.set(visibleData, path, pointer.get(data, path));
+        }
+      });
+    }
+    return visibleData;
+  }, []);
   const filterDataHandler = useCallback((data, filter) => {
     if (filter) {
       return mutateDataHandler(data, filter, true);
@@ -261,7 +291,8 @@ export default function Provider(props) {
   }, []);
   const hasFieldWithAsyncValidator = useCallback(() => {
     for (const path in fieldPropsRef.current) {
-      if (mountedFieldPathsRef.current.includes(path)) {
+      var _mountedFieldsRef$cur;
+      if ((_mountedFieldsRef$cur = mountedFieldsRef.current[path]) !== null && _mountedFieldsRef$cur !== void 0 && _mountedFieldsRef$cur.isMounted) {
         const props = fieldPropsRef.current[path];
         if (isAsync(props.validator) || isAsync(props.onBlurValidator)) {
           return true;
@@ -326,6 +357,7 @@ export default function Provider(props) {
   useLayoutEffect(() => {
     if (id) {
       extendAttachment === null || extendAttachment === void 0 ? void 0 : extendAttachment({
+        visibleDataHandler,
         filterDataHandler,
         hasErrors,
         hasFieldError,
@@ -336,28 +368,14 @@ export default function Provider(props) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
-  }, [extendAttachment, filterDataHandler, filterSubmitData, hasErrors, hasFieldError, id, rerenderUseDataHook, setShowAllErrors, setSubmitState]);
+  }, [extendAttachment, visibleDataHandler, filterDataHandler, filterSubmitData, hasErrors, hasFieldError, 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) {
-      return;
-    }
-    const givenData = path === '/' ? value : (_internalDataRef$curr = internalDataRef.current) !== null && _internalDataRef$curr !== void 0 ? _internalDataRef$curr : path.match(isArrayJsonPointer) ? [] : {};
-    let newData = null;
-    try {
-      newData = structuredClone(givenData);
-    } catch (e) {
-      newData = givenData;
-    }
-    if (path !== '/') {
-      pointer.set(newData, path, value);
-    }
+  const setData = useCallback(newData => {
     if (transformIn) {
       newData = mutateDataHandler(newData, transformIn);
     }
@@ -373,10 +391,23 @@ export default function Provider(props) {
     }
     forceUpdate();
   }, [extendSharedData, filterSubmitData, id, mutateDataHandler, rerenderUseDataHook, sessionStorageId, storeInSession, transformIn]);
-  const setData = useCallback(newData => {
-    internalDataRef.current = newData;
-    forceUpdate();
-  }, []);
+  const updateDataValue = useCallback((path, value) => {
+    var _internalDataRef$curr;
+    if (!path) {
+      return;
+    }
+    const givenData = path === '/' ? value : (_internalDataRef$curr = internalDataRef.current) !== null && _internalDataRef$curr !== void 0 ? _internalDataRef$curr : path.match(isArrayJsonPointer) ? [] : {};
+    let newData = null;
+    try {
+      newData = structuredClone(givenData);
+    } catch (e) {
+      newData = givenData;
+    }
+    if (path !== '/') {
+      pointer.set(newData, path, value);
+    }
+    setData(newData);
+  }, [setData]);
   const handlePathChangeUnvalidated = useCallback(async (path, value) => {
     if (!path) {
       return null;
@@ -440,11 +471,20 @@ export default function Provider(props) {
       changeHandlerStackRef.current.push(callback);
     }
   }, []);
-  const handleMountField = useCallback(path => {
-    mountedFieldPathsRef.current = addListPath(mountedFieldPathsRef.current, path);
-  }, []);
-  const handleUnMountField = useCallback(path => {
-    mountedFieldPathsRef.current = removeListPath(mountedFieldPathsRef.current, path);
+  const setMountedFieldState = useCallback((path, state) => {
+    if (!mountedFieldsRef.current[path]) {
+      mountedFieldsRef.current[path] = _objectSpread({}, state);
+    } else {
+      Object.assign(mountedFieldsRef.current[path], state);
+    }
+    for (const itm of fieldEventListenersRef.current) {
+      if (itm.type === 'onMount' && itm.path === path) {
+        const {
+          callback
+        } = itm;
+        callback();
+      }
+    }
   }, []);
   const scrollToTop = useCallback(() => {
     if (typeof window !== 'undefined') {
@@ -480,12 +520,13 @@ export default function Provider(props) {
     }
     if (!skipFieldValidation) {
       for (const item of fieldEventListenersRef.current) {
+        var _mountedFieldsRef$cur2;
         const {
           path,
           type,
           callback
         } = item;
-        if (type === 'onSubmit' && mountedFieldPathsRef.current.includes(path)) {
+        if (type === 'onSubmit' && (_mountedFieldsRef$cur2 = mountedFieldsRef.current[path]) !== null && _mountedFieldsRef$cur2 !== void 0 && _mountedFieldsRef$cur2.isMounted) {
           if (asyncBehaviorIsEnabled) {
             await callback();
           } else {
@@ -540,7 +581,6 @@ export default function Provider(props) {
       onSubmitRequest === null || onSubmitRequest === void 0 ? void 0 : onSubmitRequest();
       setShowAllErrors(true);
     }
-    return internalDataRef.current;
   }, [clearData, hasErrors, hasFieldState, hasFieldWithAsyncValidator, isolate, onCommit, onSubmitRequest, setFormState, setShowAllErrors, setSubmitState]);
   const handleSubmitListenersRef = useRef([]);
   const setHandleSubmit = useCallback(callback => {
@@ -571,8 +611,12 @@ export default function Provider(props) {
         const data = internalDataRef.current;
         const mutatedData = transformOut ? mutateDataHandler(data, transformOut) : data;
         const filteredData = filterSubmitData ? filterDataHandler(mutatedData, filterSubmitData) : mutatedData;
+        const reduceToVisibleFields = (data, options) => {
+          return visibleDataHandler(transformOut ? mutateDataHandler(data, transformOut) : data, options);
+        };
         const options = {
           filterData,
+          reduceToVisibleFields,
           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);
@@ -601,7 +645,7 @@ export default function Provider(props) {
         return result;
       }
     });
-  }, [clearData, filterData, filterDataHandler, filterSubmitData, handleSubmitCall, handleSubmitListeners, mutateDataHandler, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, transformOut]);
+  }, [clearData, filterData, filterDataHandler, filterSubmitData, handleSubmitCall, handleSubmitListeners, mutateDataHandler, onSubmit, onSubmitComplete, scrollToTop, scrollTopOnSubmit, sessionStorageId, transformOut, visibleDataHandler]);
   const fieldEventListenersRef = useRef([]);
   const setFieldEventListener = useCallback((path, type, callback) => {
     fieldEventListenersRef.current = fieldEventListenersRef.current.filter(_ref4 => {
@@ -664,13 +708,12 @@ export default function Provider(props) {
       handlePathChange,
       handlePathChangeUnvalidated,
       handleSubmit,
-      handleMountField,
-      handleUnMountField,
+      setMountedFieldState,
       handleSubmitCall,
       setFormState,
       setSubmitState,
       setShowAllErrors,
-      setHasVisibleError,
+      setVisibleError,
       setFieldEventListener,
       setFieldState,
       setFieldError,
@@ -683,6 +726,7 @@ export default function Provider(props) {
       updateDataValue,
       setData,
       clearData,
+      visibleDataHandler,
       filterDataHandler,
       addOnChangeHandler,
       setHandleSubmit,
@@ -699,7 +743,7 @@ export default function Provider(props) {
       hasVisibleError: Object.keys(hasVisibleErrorRef.current).length > 0,
       fieldPropsRef,
       valuePropsRef,
-      mountedFieldPathsRef,
+      mountedFieldsRef,
       ajvInstance: ajvRef.current,
       id,
       data: internalDataRef.current,
@@ -721,12 +765,6 @@ export default function Provider(props) {
     translations: translations ? translations : undefined
   }, children));
 }
-export function addListPath(paths, path) {
-  return paths.includes(path) ? paths : paths.concat(path);
-}
-export function removeListPath(paths, path) {
-  return paths.filter(thisPath => thisPath !== path);
-}
 function useFormStatusBuffer(props) {
   const {
     formState,