@dnb/eufemia 10.62.3 → 10.63.0

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
   });