@dnb/eufemia 10.62.4 → 10.63.0

package/cjs/extensions/forms/hooks/useDataValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_IterateItemContext","_usePath","obj","__esModule","default","useDataValue","path","pathProp","value","arguments","length","undefined","dataContextRef","useRef","current","useContext","DataContext","iterateItemContext","IterateItemContext","makePath","makeIteratePath","usePath","get","useCallback","selector","_dataContextRef$curre","_dataContextRef$curre2","data","internalDataRef","pointer","has","getValueByPath","isPath","getValueByIteratePath","moveValueToPath","set","getData","options","includeCurrentPath","getSourceValue","source","startsWith"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../utils/json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport IterateItemContext from '../Iterate/IterateItemContext'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  value?: Value\n}\n\nexport type GetValueByPath<Value = unknown> = <T = Value>(path: Path) => T\n\nexport default function useDataValue<Value>({\n  path: pathProp,\n  value,\n}: Props<Value> = {}) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext(DataContext)\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const { makePath, makeIteratePath } = usePath()\n\n  const get = useCallback((selector: Path) => {\n    const data = dataContextRef.current?.internalDataRef?.current\n    if (selector === '/') {\n      return data\n    }\n    return pointer.has(data, selector)\n      ? pointer.get(data, selector)\n      : undefined\n  }, [])\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makePath(path))\n      }\n    },\n    [get, makePath]\n  )\n\n  const getValueByIteratePath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makeIteratePath(path))\n      }\n    },\n    [get, makeIteratePath]\n  )\n\n  const moveValueToPath = useCallback(<T>(path: Path, value: T): T => {\n    if (path !== '/' && isPath(path)) {\n      const obj = {}\n      pointer.set(obj, path, value)\n      return obj as T\n    }\n\n    return value\n  }, [])\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          return moveValueToPath(path, value)\n        }\n\n        return value\n      }\n    },\n    [getValueByPath, moveValueToPath]\n  )\n\n  const getSourceValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        if (iterateItemContext) {\n          return getValueByIteratePath(source)\n        }\n\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByIteratePath, getValueByPath, iterateItemContext]\n  )\n\n  if (pathProp) {\n    value = getSourceValue(pathProp)\n  }\n\n  return {\n    getSourceValue,\n    getValueByPath,\n    getValueByIteratePath,\n    moveValueToPath,\n    getData,\n    value,\n  }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_IterateItemContext","_usePath","obj","__esModule","default","useDataValue","pathProp","value","dataContextRef","useRef","current","useContext","DataContext","iterateItemContext","IterateItemContext","makePath","makeIteratePath","usePath","get","useCallback","selector","_dataContextRef$curre","_dataContextRef$curre2","data","internalDataRef","pointer","has","undefined","getValueByPath","path","isPath","getValueByIteratePath","moveValueToPath","object","arguments","length","set","getData","options","includeCurrentPath","getSourceValue","source","startsWith"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../utils/json-pointer'\nimport { Path } from '../types'\nimport DataContext, { ContextState } from '../DataContext/Context'\nimport IterateItemContext from '../Iterate/IterateItemContext'\nimport usePath from './usePath'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  value?: Value\n}\n\nexport type GetValueByPath<Value = unknown> = <T = Value>(path: Path) => T\n\nexport default function useDataValue<Value>(\n  pathProp?: Path | undefined,\n  value?: Value\n) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext(DataContext)\n  const iterateItemContext = useContext(IterateItemContext)\n\n  const { makePath, makeIteratePath } = usePath()\n\n  const get = useCallback((selector: Path) => {\n    const data = dataContextRef.current?.internalDataRef?.current\n    if (selector === '/') {\n      return data\n    }\n    return pointer.has(data, selector)\n      ? pointer.get(data, selector)\n      : undefined\n  }, [])\n\n  const getValueByPath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makePath(path))\n      }\n    },\n    [get, makePath]\n  )\n\n  const getValueByIteratePath = useCallback(\n    (path: Path) => {\n      if (isPath(path)) {\n        return get(makeIteratePath(path))\n      }\n    },\n    [get, makeIteratePath]\n  )\n\n  const moveValueToPath = useCallback(\n    <T>(path: Path, value: T, object = {}): T => {\n      if (path !== '/' && isPath(path)) {\n        pointer.set(object, path, value)\n        return object as T\n      }\n\n      return value\n    },\n    []\n  )\n\n  const getData = useCallback(\n    (path: Path, options?: { includeCurrentPath?: boolean }) => {\n      if (isPath(path)) {\n        const value = getValueByPath(path)\n\n        if (options?.includeCurrentPath && path !== '/') {\n          return moveValueToPath(path, value)\n        }\n\n        return value\n      }\n    },\n    [getValueByPath, moveValueToPath]\n  )\n\n  const getSourceValue = useCallback(\n    (source: Path | Value) => {\n      if (typeof source === 'string' && isPath(source)) {\n        if (iterateItemContext) {\n          return getValueByIteratePath(source)\n        }\n\n        return getValueByPath(source)\n      }\n\n      return source\n    },\n    [getValueByIteratePath, getValueByPath, iterateItemContext]\n  )\n\n  if (pathProp) {\n    value = getSourceValue(pathProp)\n  }\n\n  return {\n    getSourceValue,\n    getValueByPath,\n    getValueByIteratePath,\n    moveValueToPath,\n    getData,\n    value,\n  }\n}\n\nfunction isPath(path: Path | unknown) {\n  return typeof path === 'string' && path.startsWith('/')\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/hooks/useExternalValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExternalValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_IterateItemContext","obj","__esModule","default","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","data","useContext","DataContext","iterateItemContext","IterateElementContext","inIterate","Boolean","iterateElementValue","useMemo","_transformers$current","_transformers$current2","_transformers$current3","current","fromExternal","call","_transformers$current4","_transformers$current5","_transformers$current6","pointer","has","_transformers$current7","_transformers$current8","_transformers$current9","get","_transformers$current10","_transformers$current11","_transformers$current12","_transformers$current13","_transformers$current14","_transformers$current15"],"sources":["../../../../../src/extensions/forms/hooks/useExternalValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../utils/json-pointer'\nimport { FieldProps, Path } from '../types'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateItemContext'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  itemPath?: Path\n  value?: Value\n  transformers?: React.MutableRefObject<{\n    fromExternal: FieldProps<Value>['fromExternal']\n  }>\n  emptyValue?: FieldProps<Value>['emptyValue']\n}\n\nexport default function useExternalValue<Value>(props: Props<Value>) {\n  const {\n    path,\n    itemPath,\n    value,\n    transformers,\n    emptyValue = undefined,\n  } = props\n  const { data } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateElementContext)\n  const inIterate = Boolean(iterateItemContext)\n  const { value: iterateElementValue } = iterateItemContext || {}\n\n  return useMemo(() => {\n    if (value !== emptyValue) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return transformers?.current?.fromExternal?.(value) ?? emptyValue\n    }\n\n    if (inIterate && itemPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (itemPath === '/') {\n        return (\n          transformers?.current?.fromExternal?.(\n            iterateElementValue as Value\n          ) ?? emptyValue\n        )\n      }\n\n      if (pointer.has(iterateElementValue, itemPath)) {\n        return (\n          transformers?.current?.fromExternal?.(\n            pointer.get(iterateElementValue, itemPath) as Value\n          ) ?? emptyValue\n        )\n      }\n    }\n\n    if (data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return transformers?.current?.fromExternal?.(data) ?? emptyValue\n      }\n\n      if (pointer.has(data, path)) {\n        return (\n          transformers?.current?.fromExternal?.(pointer.get(data, path)) ??\n          emptyValue\n        )\n      }\n    }\n\n    return emptyValue\n  }, [\n    data,\n    emptyValue,\n    inIterate,\n    itemPath,\n    iterateElementValue,\n    path,\n    transformers,\n    value,\n  ])\n}\n"],"mappings":"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"}
+{"version":3,"file":"useExternalValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_IterateItemContext","obj","__esModule","default","useExternalValue","props","path","itemPath","value","transformers","emptyValue","undefined","data","useContext","DataContext","iterateItemContext","IterateItemContext","inIterate","Boolean","iterateElementValue","useMemo","_transformers$current","_transformers$current2","_transformers$current3","current","fromExternal","call","_transformers$current4","_transformers$current5","_transformers$current6","pointer","has","_transformers$current7","_transformers$current8","_transformers$current9","get","_transformers$current10","_transformers$current11","_transformers$current12","_transformers$current13","_transformers$current14","_transformers$current15"],"sources":["../../../../../src/extensions/forms/hooks/useExternalValue.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../utils/json-pointer'\nimport { FieldProps, Path } from '../types'\nimport DataContext from '../DataContext/Context'\nimport IterateItemContext from '../Iterate/IterateItemContext'\n\nexport type Props<Value> = {\n  path?: Path | undefined\n  itemPath?: Path\n  value?: Value\n  transformers?: React.MutableRefObject<{\n    fromExternal: FieldProps<Value>['fromExternal']\n  }>\n  emptyValue?: FieldProps<Value>['emptyValue']\n}\n\nexport default function useExternalValue<Value>(props: Props<Value>) {\n  const {\n    path,\n    itemPath,\n    value,\n    transformers,\n    emptyValue = undefined,\n  } = props\n  const { data } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n  const inIterate = Boolean(iterateItemContext)\n  const { value: iterateElementValue } = iterateItemContext || {}\n\n  return useMemo(() => {\n    if (value !== emptyValue) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return transformers?.current?.fromExternal?.(value) ?? emptyValue\n    }\n\n    if (inIterate && itemPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (itemPath === '/') {\n        return (\n          transformers?.current?.fromExternal?.(\n            iterateElementValue as Value\n          ) ?? emptyValue\n        )\n      }\n\n      if (pointer.has(iterateElementValue, itemPath)) {\n        return (\n          transformers?.current?.fromExternal?.(\n            pointer.get(iterateElementValue, itemPath) as Value\n          ) ?? emptyValue\n        )\n      }\n    }\n\n    if (data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return transformers?.current?.fromExternal?.(data) ?? emptyValue\n      }\n\n      if (pointer.has(data, path)) {\n        return (\n          transformers?.current?.fromExternal?.(pointer.get(data, path)) ??\n          emptyValue\n        )\n      }\n    }\n\n    return emptyValue\n  }, [\n    data,\n    emptyValue,\n    inIterate,\n    itemPath,\n    iterateElementValue,\n    path,\n    transformers,\n    value,\n  ])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA8D,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAY/C,SAASG,gBAAgBA,CAAQC,KAAmB,EAAE;EACnE,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACLC,YAAY;IACZC,UAAU,GAAGC;EACf,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAK,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EAC9C,MAAMC,kBAAkB,GAAG,IAAAF,iBAAU,EAACG,2BAAkB,CAAC;EACzD,MAAMC,SAAS,GAAGC,OAAO,CAACH,kBAAkB,CAAC;EAC7C,MAAM;IAAEP,KAAK,EAAEW;EAAoB,CAAC,GAAGJ,kBAAkB,IAAI,CAAC,CAAC;EAE/D,OAAO,IAAAK,cAAO,EAAC,MAAM;IACnB,IAAIZ,KAAK,KAAKE,UAAU,EAAE;MAAA,IAAAW,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;MAExB,QAAAF,qBAAA,GAAOZ,YAAY,aAAZA,YAAY,wBAAAa,sBAAA,GAAZb,YAAY,CAAEe,OAAO,cAAAF,sBAAA,wBAAAC,sBAAA,GAArBD,sBAAA,CAAuBG,YAAY,cAAAF,sBAAA,uBAAnCA,sBAAA,CAAAG,IAAA,CAAAJ,sBAAA,EAAsCd,KAAK,CAAC,cAAAa,qBAAA,cAAAA,qBAAA,GAAIX,UAAU;IACnE;IAEA,IAAIO,SAAS,IAAIV,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QAAA,IAAAoB,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;QACpB,QAAAF,sBAAA,GACElB,YAAY,aAAZA,YAAY,wBAAAmB,sBAAA,GAAZnB,YAAY,CAAEe,OAAO,cAAAI,sBAAA,wBAAAC,sBAAA,GAArBD,sBAAA,CAAuBH,YAAY,cAAAI,sBAAA,uBAAnCA,sBAAA,CAAAH,IAAA,CAAAE,sBAAA,EACET,mBACF,CAAC,cAAAQ,sBAAA,cAAAA,sBAAA,GAAIjB,UAAU;MAEnB;MAEA,IAAIoB,oBAAO,CAACC,GAAG,CAACZ,mBAAmB,EAAEZ,QAAQ,CAAC,EAAE;QAAA,IAAAyB,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;QAC9C,QAAAF,sBAAA,GACEvB,YAAY,aAAZA,YAAY,wBAAAwB,sBAAA,GAAZxB,YAAY,CAAEe,OAAO,cAAAS,sBAAA,wBAAAC,sBAAA,GAArBD,sBAAA,CAAuBR,YAAY,cAAAS,sBAAA,uBAAnCA,sBAAA,CAAAR,IAAA,CAAAO,sBAAA,EACEH,oBAAO,CAACK,GAAG,CAAChB,mBAAmB,EAAEZ,QAAQ,CAC3C,CAAC,cAAAyB,sBAAA,cAAAA,sBAAA,GAAItB,UAAU;MAEnB;IACF;IAEA,IAAIE,IAAI,IAAIN,IAAI,EAAE;MAEhB,IAAIA,IAAI,KAAK,GAAG,EAAE;QAAA,IAAA8B,uBAAA,EAAAC,uBAAA,EAAAC,uBAAA;QAChB,QAAAF,uBAAA,GAAO3B,YAAY,aAAZA,YAAY,wBAAA4B,uBAAA,GAAZ5B,YAAY,CAAEe,OAAO,cAAAa,uBAAA,wBAAAC,uBAAA,GAArBD,uBAAA,CAAuBZ,YAAY,cAAAa,uBAAA,uBAAnCA,uBAAA,CAAAZ,IAAA,CAAAW,uBAAA,EAAsCzB,IAAI,CAAC,cAAAwB,uBAAA,cAAAA,uBAAA,GAAI1B,UAAU;MAClE;MAEA,IAAIoB,oBAAO,CAACC,GAAG,CAACnB,IAAI,EAAEN,IAAI,CAAC,EAAE;QAAA,IAAAiC,uBAAA,EAAAC,uBAAA,EAAAC,uBAAA;QAC3B,QAAAF,uBAAA,GACE9B,YAAY,aAAZA,YAAY,wBAAA+B,uBAAA,GAAZ/B,YAAY,CAAEe,OAAO,cAAAgB,uBAAA,wBAAAC,uBAAA,GAArBD,uBAAA,CAAuBf,YAAY,cAAAgB,uBAAA,uBAAnCA,uBAAA,CAAAf,IAAA,CAAAc,uBAAA,EAAsCV,oBAAO,CAACK,GAAG,CAACvB,IAAI,EAAEN,IAAI,CAAC,CAAC,cAAAiC,uBAAA,cAAAA,uBAAA,GAC9D7B,UAAU;MAEd;IACF;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CACDE,IAAI,EACJF,UAAU,EACVO,SAAS,EACTV,QAAQ,EACRY,mBAAmB,EACnBb,IAAI,EACJG,YAAY,EACZD,KAAK,CACN,CAAC;AACJ"}

package/cjs/extensions/forms/hooks/useFieldProps.d.ts

@@ -4,11 +4,17 @@ import { ContextState } from '../DataContext';
 export type DataAttributes = {
     [property: `data-${string}`]: string | boolean | number;
 };
-export default function useFieldProps<Value, EmptyValue, Props>(localProps: Props & FieldPropsGeneric<Value, EmptyValue>, { executeOnChangeRegardlessOfError, updateContextDataInSync, omitMultiplePathWarning, forceUpdateWhenContextDataIsSet, }?: {
+export default function useFieldProps<Value, EmptyValue, Props>(localProps: Props & FieldPropsGeneric<Value, EmptyValue>, { executeOnChangeRegardlessOfError, updateContextDataInSync, omitMultiplePathWarning, forceUpdateWhenContextDataIsSet, 
+/**
+ * When set to true, errors will always be reported downwards to FieldBlock.
+ * This is useful for when not dealing with blur/focus, like in Iterate.Array.
+ */
+alwaysRevealError, }?: {
     executeOnChangeRegardlessOfError?: boolean;
     updateContextDataInSync?: boolean;
     omitMultiplePathWarning?: boolean;
     forceUpdateWhenContextDataIsSet?: boolean;
+    alwaysRevealError?: boolean;
 }): typeof localProps & ReturnAdditional<Value>;
 export interface ReturnAdditional<Value> {
     /** Documented APIs */
@@ -21,7 +27,7 @@ export interface ReturnAdditional<Value> {
     handleChange: (value: Value | unknown, additionalArgs?: AdditionalEventArgs) => void;
     updateValue: (value: Value) => void;
     setChanged: (state: boolean) => void;
-    setDisplayValue: (path: Identifier, value: React.ReactNode) => void;
+    setDisplayValue: (value: React.ReactNode, path?: Identifier) => void;
     forceUpdate: () => void;
     hasError?: boolean;
     /** Internal */

package/cjs/extensions/forms/hooks/useFieldProps.js

@@ -51,7 +51,8 @@ function useFieldProps(localProps) {
     executeOnChangeRegardlessOfError = false,
     updateContextDataInSync = false,
     omitMultiplePathWarning = false,
-    forceUpdateWhenContextDataIsSet = false
+    forceUpdateWhenContextDataIsSet = false,
+    alwaysRevealError = false
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     extend
@@ -65,8 +66,8 @@ function useFieldProps(localProps) {
     emptyValue,
     required: requiredProp,
     disabled: disabledProp,
-    info,
-    warning,
+    info: infoProp,
+    warning: warningProp,
     error: errorProp,
     errorMessages,
     onFocus,
@@ -80,6 +81,7 @@ function useFieldProps(localProps) {
     validateInitially,
     validateUnchanged,
     continuousValidation,
+    validateContinuously = continuousValidation,
     transformIn = external => external,
     transformOut = internal => internal,
     toInput = value => value,
@@ -94,8 +96,9 @@ function useFieldProps(localProps) {
         required,
         error
       } = _ref;
-      const res = required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '') ? error : undefined;
-      return res;
+      if (required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '')) {
+        return error;
+      }
     }
   } = props;
   const [salt, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
@@ -119,6 +122,9 @@ function useFieldProps(localProps) {
   const {
     isVisible
   } = (0, _react.useContext)(_VisibilityContext.default) || {};
+  const {
+    getValueByPath
+  } = (0, _useDataValue.default)();
   const translation = (0, _useTranslation.default)();
   const {
     formatMessage
@@ -143,7 +149,7 @@ function useFieldProps(localProps) {
     validateData: validateDataDataContext,
     setFieldState: setFieldStateDataContext,
     setFieldError: setFieldErrorDataContext,
-    setFieldProps: setFieldPropsDataContext,
+    setFieldInternals: setFieldInternalsDataContext,
     setFieldConnection: setFieldConnectionDataContext,
     setVisibleError: setVisibleErrorDataContext,
     setMountedFieldState: setMountedFieldStateDataContext,
@@ -152,7 +158,8 @@ function useFieldProps(localProps) {
     showAllErrors,
     contextErrorMessages,
     fieldDisplayValueRef,
-    existingFieldsRef
+    existingFieldsRef,
+    fieldInternalsRef
   } = dataContext || {};
   const onChangeContext = dataContext === null || dataContext === void 0 ? void 0 : (_dataContext$props = dataContext.props) === null || _dataContext$props === void 0 ? void 0 : _dataContext$props.onChange;
   const disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : props.readOnly;
@@ -166,7 +173,8 @@ function useFieldProps(localProps) {
   const {
     handleChange: handleChangeIterateContext,
     index: iterateIndex,
-    arrayValue: iterateArrayValue
+    arrayValue: iterateArrayValue,
+    nestedIteratePath
   } = iterateItemContext || {};
   const {
     path: sectionPath,
@@ -206,6 +214,7 @@ function useFieldProps(localProps) {
   const valueRef = (0, _react.useRef)(externalValue);
   const changedRef = (0, _react.useRef)();
   const hasFocusRef = (0, _react.useRef)();
+  const revealErrorRef = (0, _react.useRef)(null);
   const required = (0, _react.useMemo)(() => {
     if (typeof requiredProp !== 'undefined') {
       return requiredProp;
@@ -238,7 +247,66 @@ function useFieldProps(localProps) {
       }
     }
   }, [cleanPath, dataContext.schema, identifier, joinPath, requiredProp, schema, sectionPath]);
-  const revealErrorRef = (0, _react.useRef)(validateInitially !== null && validateInitially !== void 0 ? validateInitially : Boolean(errorProp));
+  const getFieldByPath = (0, _react.useCallback)(path => {
+    var _fieldInternalsRef$cu;
+    return ((_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : _fieldInternalsRef$cu[path]) || {
+      props: undefined,
+      id: undefined
+    };
+  }, [fieldInternalsRef]);
+  const messageCacheRef = (0, _react.useRef)({
+    isSet: false,
+    message: undefined
+  });
+  const executeMessage = (0, _react.useCallback)(message => {
+    if (typeof message === 'function') {
+      const ALWAYS = 4;
+      const INITIALLY = 8;
+      let currentMode = ALWAYS;
+      const msg = message(valueRef.current, {
+        conditionally: (callback, options) => {
+          currentMode &= ~ALWAYS;
+          if (options !== null && options !== void 0 && options.showInitially) {
+            currentMode |= INITIALLY;
+          }
+          return callback();
+        },
+        getValueByPath,
+        getFieldByPath
+      });
+      if (msg === undefined) {
+        messageCacheRef.current.message = undefined;
+        return null;
+      }
+      const isError = msg instanceof Error || msg instanceof _utils.FormError || Array.isArray(msg) && checkForError(msg);
+      if (!messageCacheRef.current.isSet && currentMode & INITIALLY || currentMode & ALWAYS || hasFocusRef.current === false || messageCacheRef.current.message) {
+        if (isInternalRerenderRef.current || currentMode & ALWAYS || !messageCacheRef.current.isSet && currentMode & INITIALLY) {
+          if (msg) {
+            messageCacheRef.current.isSet = true;
+          }
+          if (msg || !hasFocusRef.current || currentMode & ALWAYS) {
+            messageCacheRef.current.message = msg;
+          }
+        }
+        message = messageCacheRef.current.message;
+        if (isError && message) {
+          revealErrorRef.current = true;
+        }
+        if (!isError && !message) {
+          return null;
+        }
+      } else {
+        return undefined;
+      }
+    }
+    return message;
+  }, [getFieldByPath, getValueByPath]);
+  const error = executeMessage(errorProp);
+  const warning = executeMessage(warningProp);
+  const info = executeMessage(infoProp);
+  if (revealErrorRef.current === null) {
+    revealErrorRef.current = validateInitially !== null && validateInitially !== void 0 ? validateInitially : Boolean(errorProp);
+  }
   const errorMethodRef = (0, _react.useRef)({});
   const localErrorRef = (0, _react.useRef)();
   const localErrorInitiatorRef = (0, _react.useRef)();
@@ -330,13 +398,13 @@ function useFieldProps(localProps) {
       revealErrorRef.current = undefined;
       return;
     }
-    if (!revealErrorRef.current) {
+    if (!revealErrorRef.current || alwaysRevealError) {
       revealErrorRef.current = true;
       showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, true);
       setVisibleErrorBoundary === null || setVisibleErrorBoundary === void 0 ? void 0 : setVisibleErrorBoundary(identifier, !!localErrorRef.current);
       setVisibleErrorDataContext === null || setVisibleErrorDataContext === void 0 ? void 0 : setVisibleErrorDataContext(identifier, !!localErrorRef.current);
     }
-  }, [identifier, setVisibleErrorDataContext, setVisibleErrorBoundary, showFieldErrorFieldBlock, validateInitially]);
+  }, [validateInitially, alwaysRevealError, showFieldErrorFieldBlock, identifier, setVisibleErrorBoundary, setVisibleErrorDataContext]);
   const hideError = (0, _react.useCallback)(() => {
     if (revealErrorRef.current) {
       revealErrorRef.current = undefined;
@@ -418,23 +486,22 @@ function useFieldProps(localProps) {
   if (((_localErrorRef$curren = localErrorRef.current) === null || _localErrorRef$curren === void 0 ? void 0 : _localErrorRef$curren['ajvKeyword']) === 'type') {
     revealErrorRef.current = true;
   }
-  const error = revealErrorRef.current ? (_ref3 = (_prepareError = prepareError(errorProp)) !== null && _prepareError !== void 0 ? _prepareError : localErrorRef.current) !== null && _ref3 !== void 0 ? _ref3 : contextErrorRef.current : undefined;
-  const hasVisibleError = Boolean(error) || inFieldBlock && fieldBlockContext.hasErrorProp;
+  const bufferedError = revealErrorRef.current ? (_ref3 = (_prepareError = prepareError(error)) !== null && _prepareError !== void 0 ? _prepareError : localErrorRef.current) !== null && _ref3 !== void 0 ? _ref3 : contextErrorRef.current : error === null ? null : undefined;
+  const hasVisibleError = Boolean(bufferedError) || inFieldBlock && fieldBlockContext.hasErrorProp;
   const hasError = (0, _react.useCallback)(() => {
     var _ref4;
-    return Boolean((_ref4 = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref4 !== void 0 ? _ref4 : contextErrorRef.current);
-  }, [errorProp]);
+    return Boolean((_ref4 = error !== null && error !== void 0 ? error : localErrorRef.current) !== null && _ref4 !== void 0 ? _ref4 : contextErrorRef.current);
+  }, [error]);
   const connectWithPathListenerRef = (0, _react.useRef)(async () => {
-    if (localErrorRef.current || validateUnchanged || continuousValidation) {
-      runOnChangeValidator();
-    }
-    if (localErrorRef.current) {
-      runOnBlurValidator();
-    }
+    runOnChangeValidator();
+    runOnBlurValidator();
   });
-  const {
-    getValueByPath
-  } = (0, _useDataValue.default)();
+  const handleConnectWithPath = (0, _react.useCallback)(path => {
+    setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(path, 'onPathChange', connectWithPathListenerRef.current);
+    return {
+      getValue: () => getValueByPath(path)
+    };
+  }, [getValueByPath, setFieldEventListener]);
   const exportValidatorsRef = (0, _react.useRef)(exportValidators);
   exportValidatorsRef.current = exportValidators;
   const additionalArgs = (0, _react.useMemo)(() => {
@@ -442,14 +509,14 @@ function useFieldProps(localProps) {
       errorMessages: combinedErrorMessages,
       validators: exportValidatorsRef.current,
       connectWithPath: path => {
-        setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(path, 'onPathChange', connectWithPathListenerRef.current);
-        return {
-          getValue: () => getValueByPath(path)
-        };
+        return handleConnectWithPath(path);
+      },
+      connectWithItemPath: itemPath => {
+        return handleConnectWithPath(makeIteratePath(itemPath));
       }
     });
     return args;
-  }, [combinedErrorMessages, getValueByPath, setFieldEventListener]);
+  }, [combinedErrorMessages, handleConnectWithPath, makeIteratePath]);
   const callStackRef = (0, _react.useRef)([]);
   const hasBeenCalledRef = (0, _react.useCallback)(validator => {
     const result = callStackRef.current.includes(validator);
@@ -463,15 +530,23 @@ function useFieldProps(localProps) {
     }
     const result = await validator(value, additionalArgs);
     if (Array.isArray(result)) {
-      for (const validator of result) {
-        if (!hasBeenCalledRef(validator)) {
-          const result = await callValidatorFnAsync(validator, value);
+      const errors = [];
+      for (const validatorOrError of result) {
+        if (validatorOrError instanceof Error) {
+          errors.push(validatorOrError);
+        } else if (!hasBeenCalledRef(validatorOrError)) {
+          const result = await callValidatorFnAsync(validatorOrError, value);
           if (result instanceof Error) {
             callStackRef.current = [];
             return result;
           }
         }
       }
+      if (errors.length > 0) {
+        return new _utils.FormError('Error', {
+          errors
+        });
+      }
       callStackRef.current = [];
     } else {
       return result;
@@ -492,15 +567,23 @@ function useFieldProps(localProps) {
           });
         });
       }
-      for (const validator of result) {
-        if (!hasBeenCalledRef(validator)) {
-          const result = callValidatorFnSync(validator, value);
+      const errors = [];
+      for (const validatorOrError of result) {
+        if (validatorOrError instanceof Error) {
+          errors.push(validatorOrError);
+        } else if (!hasBeenCalledRef(validatorOrError)) {
+          const result = callValidatorFnSync(validatorOrError, value);
           if (result instanceof Error) {
             callStackRef.current = [];
             return result;
           }
         }
       }
+      if (errors.length > 0) {
+        return new _utils.FormError('Error', {
+          errors
+        });
+      }
       callStackRef.current = [];
     } else {
       return result;
@@ -545,11 +628,14 @@ function useFieldProps(localProps) {
       schemaValidatorRef.current.errors = [];
     }
   }, [persistErrorState]);
+  const setChanged = (0, _react.useCallback)(state => {
+    changedRef.current = state;
+  }, []);
   const removeError = (0, _react.useCallback)(() => {
-    changedRef.current = false;
+    setChanged(false);
     hideError();
     clearErrorState();
-  }, [clearErrorState, hideError]);
+  }, [clearErrorState, hideError, setChanged]);
   const validatorCacheRef = (0, _react.useRef)({
     onChangeValidator: null,
     onBlurValidator: null
@@ -562,7 +648,7 @@ function useFieldProps(localProps) {
     const runAsync = (0, _isAsync.isAsync)(onChangeValidatorRef.current);
     if (unchangedValue) {
       persistErrorState('gracefully', 'onChangeValidator', result);
-      if (validateInitially && !changedRef.current || validateUnchanged || continuousValidation || runAsync) {
+      if (validateInitially && !changedRef.current || validateUnchanged || validateContinuously || runAsync) {
         window.requestAnimationFrame(() => {
           revealError();
           forceUpdate();
@@ -577,7 +663,7 @@ function useFieldProps(localProps) {
         setFieldState('pending');
       }
     }
-  }, [continuousValidation, defineAsyncProcess, persistErrorState, revealError, setFieldState, validateInitially, validateUnchanged]);
+  }, [validateContinuously, defineAsyncProcess, persistErrorState, revealError, setFieldState, validateInitially, validateUnchanged]);
   const callOnChangeValidator = (0, _react.useCallback)(async () => {
     if (typeof onChangeValidatorRef.current !== 'function') {
       return {};
@@ -733,7 +819,7 @@ function useFieldProps(localProps) {
     try {
       const requiredError = transformers.current.validateRequired(value, {
         emptyValue,
-        required: requiredProp !== null && requiredProp !== void 0 ? requiredProp : required,
+        required,
         isChanged: changedRef.current,
         error: new _utils.FormError('Field.errorRequired')
       });
@@ -775,14 +861,14 @@ function useFieldProps(localProps) {
         persistErrorState('weak', initiator, error);
       }
     }
-  }, [clearErrorState, disabled, emptyValue, hideError, persistErrorState, prioritizeContextSchema, required, requiredProp, setFieldState, startOnBlurValidatorProcess, startOnChangeValidatorValidation, startProcess, validateInitially, validateUnchanged]);
+  }, [clearErrorState, disabled, emptyValue, hideError, persistErrorState, prioritizeContextSchema, required, setFieldState, startOnBlurValidatorProcess, startOnChangeValidatorValidation, startProcess, validateInitially, validateUnchanged]);
   const handleError = (0, _react.useCallback)(() => {
-    if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
+    if (validateContinuously || validateContinuously !== false && !hasFocusRef.current) {
       revealError();
     } else {
       hideError();
     }
-  }, [continuousValidation, hideError, revealError]);
+  }, [validateContinuously, hideError, revealError]);
   const getEventArgs = (0, _react.useCallback)(_ref7 => {
     let {
       eventName,
@@ -940,8 +1026,8 @@ function useFieldProps(localProps) {
     const transformedValue = (_transformers$current = transformers.current.transformValue(newValue, currentValue)) !== null && _transformers$current !== void 0 ? _transformers$current : emptyValue;
     const contextValue = transformers.current.transformOut(transformedValue, transformers.current.provideAdditionalArgs(transformedValue, additionalArgs));
     valueRef.current = transformedValue;
-    if (hasPath) {
-      handlePathChangeUnvalidatedDataContext(identifier, contextValue);
+    if (hasPath || itemPath) {
+      handlePathChangeUnvalidatedDataContext(nestedIteratePath || identifier, contextValue);
     }
     if (itemPath) {
       handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, ''), contextValue);
@@ -952,15 +1038,13 @@ function useFieldProps(localProps) {
       handleError();
     });
   }, [emptyValue, additionalArgs, hasPath, itemPath, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handlePathChangeUnvalidatedDataContext, identifier, handleChangeIterateContext, makeIteratePath, handleError]);
-  const setChanged = state => {
-    changedRef.current = state;
-  };
-  const setDisplayValue = (0, _react.useCallback)((path, content) => {
-    if (!path || !(fieldDisplayValueRef !== null && fieldDisplayValueRef !== void 0 && fieldDisplayValueRef.current)) {
+  const setDisplayValue = (0, _react.useCallback)(function (content) {
+    let fieldPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : itemPath ? identifier : path;
+    if (!fieldPath || !(fieldDisplayValueRef !== null && fieldDisplayValueRef !== void 0 && fieldDisplayValueRef.current)) {
       return;
     }
-    fieldDisplayValueRef.current[path] = valueRef.current === emptyValue ? undefined : content;
-  }, [emptyValue, fieldDisplayValueRef]);
+    fieldDisplayValueRef.current[fieldPath] = valueRef.current === emptyValue ? undefined : content;
+  }, [identifier, emptyValue, fieldDisplayValueRef, itemPath, path]);
   const handleChange = (0, _react.useCallback)(async function (argFromInput) {
     let additionalArgs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
     const currentValue = valueRef.current;
@@ -968,7 +1052,7 @@ function useFieldProps(localProps) {
     if (fromInput === currentValue) {
       return;
     }
-    changedRef.current = true;
+    setChanged(true);
     if (asyncBehaviorIsEnabled) {
       hideError();
       await updateValue(fromInput);
@@ -1012,10 +1096,10 @@ function useFieldProps(localProps) {
       setEventResult(onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, args));
     }
     await runPool();
-  }, [asyncBehaviorIsEnabled, onChange, runPool, hideError, updateValue, addToPool, getEventArgs, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
+  }, [addToPool, asyncBehaviorIsEnabled, defineAsyncProcess, getEventArgs, hasError, hideError, onChange, runPool, setChanged, setEventResult, updateValue, yieldAsyncProcess]);
   const handleFocus = (0, _react.useCallback)(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = (0, _react.useCallback)(() => setHasFocus(false), [setHasFocus]);
-  setFieldPropsDataContext === null || setFieldPropsDataContext === void 0 ? void 0 : setFieldPropsDataContext(identifier, props);
+  setFieldInternalsDataContext === null || setFieldInternalsDataContext === void 0 ? void 0 : setFieldInternalsDataContext(identifier, props, id);
   const {
     activeIndex,
     activeIndexRef
@@ -1131,13 +1215,14 @@ function useFieldProps(localProps) {
     }
     let valueToStore = valueProp !== null && valueProp !== void 0 ? valueProp : emptyValue;
     const data = wizardContext !== null && wizardContext !== void 0 && wizardContext.prerenderFieldProps ? dataContext.data : (_dataContext$internal = dataContext.internalDataRef) === null || _dataContext$internal === void 0 ? void 0 : _dataContext$internal.current;
-    const hasValue = _jsonPointer.default.has(data, identifier) || identifier === '/';
-    const existingValue = identifier === '/' ? data : hasValue ? _jsonPointer.default.get(data, identifier) : undefined;
+    const storePath = nestedIteratePath ? makeIteratePath(itemPath, nestedIteratePath) : identifier;
+    const hasValue = _jsonPointer.default.has(data, storePath) || storePath === '/';
+    const existingValue = storePath === '/' ? data : hasValue ? _jsonPointer.default.get(data, storePath) : undefined;
     if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof valueToStore === 'undefined') {
       const sharedState = (0, _useSharedState.createSharedState)(dataContext.id);
-      const hasValue = _jsonPointer.default.has(sharedState.data, identifier);
+      const hasValue = _jsonPointer.default.has(sharedState.data, storePath);
       if (hasValue) {
-        const sharedValue = _jsonPointer.default.get(sharedState.data, identifier);
+        const sharedValue = _jsonPointer.default.get(sharedState.data, storePath);
         if (sharedValue) {
           valueToStore = sharedValue;
         }
@@ -1185,25 +1270,25 @@ function useFieldProps(localProps) {
     if (!skipEqualCheck && hasValue && (valueToStore === existingValue || valueRef.current === existingValue)) {
       return;
     }
-    if (identifier in tmpTransValueRef.current && tmpTransValueRef.current[identifier] === valueToStore) {
+    if (storePath in tmpTransValueRef.current && tmpTransValueRef.current[storePath] === valueToStore) {
       return;
     }
     const valueIn = transformers.current.transformIn(valueToStore);
     const transformedValue = transformers.current.transformOut(valueIn, transformers.current.provideAdditionalArgs(valueIn));
     if (transformedValue !== valueToStore) {
-      tmpTransValueRef.current[identifier] = valueToStore;
+      tmpTransValueRef.current[storePath] = valueToStore;
       valueToStore = transformedValue;
     }
-    if (hasItemPath && iterateIndex < (iterateArrayValue === null || iterateArrayValue === void 0 ? void 0 : iterateArrayValue.length) - 1) {
+    if (hasItemPath && !nestedIteratePath && iterateIndex < (iterateArrayValue === null || iterateArrayValue === void 0 ? void 0 : iterateArrayValue.length) - 1) {
       preventUpdate = true;
     }
-    updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, valueToStore, {
+    updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(storePath, valueToStore, {
       preventUpdate
     });
     if (!preventUpdate) {
       validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
     }
-  }, [dataContext.data, dataContext.id, dataContext.internalDataRef, emptyValue, hasItemPath, hasPath, identifier, itemPath, iterateArrayValue === null || iterateArrayValue === void 0 ? void 0 : iterateArrayValue.length, iterateIndex, updateContextDataInSync, updateDataValueDataContext, validateDataDataContext, valueProp, wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.prerenderFieldProps]);
+  }, [dataContext.data, dataContext.id, dataContext.internalDataRef, emptyValue, hasItemPath, hasPath, identifier, itemPath, iterateArrayValue === null || iterateArrayValue === void 0 ? void 0 : iterateArrayValue.length, iterateIndex, makeIteratePath, nestedIteratePath, updateContextDataInSync, updateDataValueDataContext, validateDataDataContext, valueProp, wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.prerenderFieldProps]);
   const isEmptyData = (0, _react.useCallback)(() => {
     var _dataContext$isEmptyD, _dataContext$internal2, _dataContext$props$em, _dataContext$props2;
     return ((_dataContext$isEmptyD = dataContext.isEmptyDataRef) === null || _dataContext$isEmptyD === void 0 ? void 0 : _dataContext$isEmptyD.current) || ((_dataContext$internal2 = dataContext.internalDataRef) === null || _dataContext$internal2 === void 0 ? void 0 : _dataContext$internal2.current) === ((_dataContext$props$em = (_dataContext$props2 = dataContext.props) === null || _dataContext$props2 === void 0 ? void 0 : _dataContext$props2.emptyData) !== null && _dataContext$props$em !== void 0 ? _dataContext$props$em : _Provider.clearedData);
@@ -1211,11 +1296,11 @@ function useFieldProps(localProps) {
   useLayoutEffect(() => {
     if (isEmptyData()) {
       defaultValueRef.current = defaultValue;
-      changedRef.current = false;
+      setChanged(false);
       hideError();
       clearErrorState();
     }
-  }, [clearErrorState, defaultValue, hideError, isEmptyData]);
+  }, [clearErrorState, defaultValue, hideError, isEmptyData, setChanged]);
   (0, _react.useMemo)(() => {
     if (updateContextDataInSync && !isEmptyData()) {
       setContextData({
@@ -1268,7 +1353,7 @@ function useFieldProps(localProps) {
       setBlockRecord === null || setBlockRecord === void 0 ? void 0 : setBlockRecord({
         identifier,
         type: 'error',
-        content: errorProp,
+        content: error,
         showInitially: true,
         show: true
       });
@@ -1292,14 +1377,15 @@ function useFieldProps(localProps) {
         }
       };
     }
-  }, [errorProp, identifier, inFieldBlock, info, mountedFieldsRefFieldBlock, setBlockRecord, warning]);
+  }, [error, identifier, inFieldBlock, info, mountedFieldsRefFieldBlock, setBlockRecord, warning]);
   const infoRef = (0, _react.useRef)(info);
   const warningRef = (0, _react.useRef)(warning);
-  (0, _useUpdateEffect.default)(() => {
+  if (typeof info !== 'undefined') {
     infoRef.current = info;
+  }
+  if (typeof warning !== 'undefined') {
     warningRef.current = warning;
-    forceUpdate();
-  }, [info, warning]);
+  }
   const connections = (0, _react.useMemo)(() => {
     return {
       setEventResult
@@ -1314,8 +1400,8 @@ function useFieldProps(localProps) {
       return acc;
     }, _objectSpread({}, props.htmlAttributes));
   }, [props]);
-  if (error) {
-    htmlAttributes['aria-invalid'] = error ? 'true' : 'false';
+  if (bufferedError) {
+    htmlAttributes['aria-invalid'] = bufferedError ? 'true' : 'false';
   }
   if (required) {
     htmlAttributes['aria-required'] = 'true';
@@ -1327,10 +1413,10 @@ function useFieldProps(localProps) {
     }
     const stateIds = (_fieldBlockContext$fi = fieldBlockContext.fieldStateIdsRef) === null || _fieldBlockContext$fi === void 0 ? void 0 : _fieldBlockContext$fi.current;
     if (stateIds) {
-      htmlAttributes['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(htmlAttributes, [error && stateIds.error, warning && stateIds.warning, info && stateIds.info].filter(Boolean));
+      htmlAttributes['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(htmlAttributes, [bufferedError && stateIds.error, warning && stateIds.warning, info && stateIds.info].filter(Boolean));
     }
   } else {
-    const ids = [(error || errorProp) && `${id}-form-status--error`, warning && `${id}-form-status--warning`, info && `${id}-form-status--info`].filter(Boolean);
+    const ids = [(bufferedError || error) && `${id}-form-status--error`, warning && `${id}-form-status--warning`, info && `${id}-form-status--info`].filter(Boolean);
     if (ids.length) {
       htmlAttributes['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(htmlAttributes, ids);
     }
@@ -1342,7 +1428,7 @@ function useFieldProps(localProps) {
   const fieldBlockProps = {
     info: !inFieldBlock ? infoRef.current : undefined,
     warning: !inFieldBlock ? warningRef.current : undefined,
-    error: !inFieldBlock ? error : undefined,
+    error: !inFieldBlock ? bufferedError : undefined,
     required,
     label: props.label,
     labelDescription: props.labelDescription,
@@ -1375,6 +1461,8 @@ function useFieldProps(localProps) {
     updateValue,
     setChanged,
     setDisplayValue,
+    validateValue,
+    revealError,
     forceUpdate,
     dataContext
   });