@dnb/eufemia 10.31.0 → 10.33.0

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useFieldProps;
-exports.useExternalValue = useExternalValue;
 var _react = require("react");
 var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var _utils = require("../utils");
@@ -20,11 +19,14 @@ var _useMountEffect = _interopRequireDefault(require("../../../shared/helpers/us
 var _useUnmountEffect = _interopRequireDefault(require("../../../shared/helpers/useUnmountEffect"));
 var _FieldBlockContext = _interopRequireDefault(require("../FieldBlock/FieldBlockContext"));
 var _IterateElementContext = _interopRequireDefault(require("../Iterate/IterateElementContext"));
+var _SectionContext = _interopRequireDefault(require("../Form/Section/SectionContext"));
 var _FieldBoundaryContext = _interopRequireDefault(require("../DataContext/FieldBoundary/FieldBoundaryContext"));
 var _useProcessManager = _interopRequireDefault(require("./useProcessManager"));
+var _usePath = _interopRequireDefault(require("./usePath"));
 var _useSharedState = require("../../../shared/helpers/useSharedState");
 var _isAsync = require("../../../shared/helpers/isAsync");
 var _useTranslation = _interopRequireDefault(require("./useTranslation"));
+var _useExternalValue = _interopRequireDefault(require("./useExternalValue"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -35,7 +37,7 @@ function useFieldProps(localeProps) {
   var _dataContext$props,
     _dataContext$ajvInsta,
     _localErrorRef$curren,
-    _ref2,
+    _ref3,
     _this = this,
     _props$path,
     _props$autoComplete;
@@ -44,10 +46,11 @@ function useFieldProps(localeProps) {
   } = (0, _react.useContext)(_FieldPropsContext.default);
   const props = extend(localeProps);
   const {
-    path,
+    path: pathProp,
+    value: valueProp,
     itemPath,
     emptyValue,
-    required,
+    required: requiredProp,
     disabled: disabledProp,
     info,
     warning,
@@ -87,6 +90,7 @@ function useFieldProps(localeProps) {
   const dataContext = (0, _react.useContext)(_DataContext.Context);
   const fieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
   const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const sectionContext = (0, _react.useContext)(_SectionContext.default);
   const fieldBoundaryContext = (0, _react.useContext)(_FieldBoundaryContext.default);
   const translation = (0, _useTranslation.default)();
   const transformers = (0, _react.useRef)({
@@ -106,56 +110,78 @@ function useFieldProps(localeProps) {
     validateData: validateDataDataContext,
     setFieldState: setFieldStateDataContext,
     setFieldError: setFieldErrorDataContext,
-    setProps: setPropsDataContext,
+    setFieldProps: setPropsDataContext,
     errors: dataContextErrors,
     contextErrorMessages
   } = dataContext !== null && dataContext !== void 0 ? 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;
-  const dataContextError = path ? dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[path] : undefined;
   const inFieldBlock = Boolean(fieldBlockContext);
   const {
     setFieldState: setFieldStateFieldBlock,
-    showFieldError: showFieldErrorFieldBlock
+    showFieldError: showFieldErrorFieldBlock,
+    mountedFieldsRef: mountedFieldsRefFieldBlock
   } = fieldBlockContext !== null && fieldBlockContext !== void 0 ? fieldBlockContext : {};
-  const inIterate = Boolean(iterateElementContext);
   const {
-    index: iterateElementIndex,
-    path: iteratePath,
     handleChange: handleChangeIterateContext
   } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  const {
+    path: sectionPath,
+    handleChange: handleChangeSectionContext,
+    errorPrioritization
+  } = sectionContext !== null && sectionContext !== void 0 ? sectionContext : {};
   const {
     setFieldError
   } = fieldBoundaryContext !== null && fieldBoundaryContext !== void 0 ? fieldBoundaryContext : {};
-  if (path && path.substring(0, 1) !== '/') {
-    throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
-  }
-  if (itemPath && itemPath.substring(0, 1) !== '/') {
-    throw new Error('Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).');
-  }
-  if (itemPath && !inIterate) {
-    throw new Error('itemPath cannot be used when not inside an iterate context. Wrap the component in an Iterate.Array.');
-  }
-  const identifier = (0, _react.useMemo)(() => {
-    if (itemPath) {
-      const iterateValuePath = `${iteratePath}/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
-      return iterateValuePath;
-    }
-    return path !== null && path !== void 0 ? path : id;
-  }, [itemPath, path, id, iteratePath, iterateElementIndex]);
-  const externalValue = useExternalValue({
+  const hasPath = Boolean(pathProp);
+  const {
+    path,
+    identifier,
+    makeIteratePath
+  } = (0, _usePath.default)({
+    id,
+    path: pathProp,
+    itemPath
+  });
+  const externalValue = (0, _useExternalValue.default)({
     path,
     itemPath,
-    props,
+    value: valueProp,
     transformers,
     emptyValue
   });
   const valueRef = (0, _react.useRef)(externalValue);
   const changedRef = (0, _react.useRef)(false);
   const hasFocusRef = (0, _react.useRef)(false);
+  const required = (0, _react.useMemo)(() => {
+    if (requiredProp) {
+      return requiredProp;
+    }
+    const paths = identifier.split('/');
+    if (paths.length > 0 && (schema || dataContext !== null && dataContext !== void 0 && dataContext.schema)) {
+      const requiredList = [schema === null || schema === void 0 ? void 0 : schema['required']];
+      if (paths.length > 1) {
+        const schema = dataContext.schema;
+        const schemaPath = paths.slice(0, -1).join('/properties/');
+        const schemaPart = _jsonPointer.default.has(schema, schemaPath) ? _jsonPointer.default.get(schema, schemaPath) : schema;
+        requiredList.push(schemaPart === null || schemaPart === void 0 ? void 0 : schemaPart.required);
+      }
+      if (sectionPath) {
+        paths.push(sectionPath.substring(1));
+      }
+      const collected = requiredList.flatMap(v => v).filter(Boolean);
+      if (paths.filter(Boolean).some(p => collected.some(c => c.includes(p)))) {
+        return true;
+      }
+    }
+  }, [sectionPath, dataContext.schema, identifier, requiredProp, schema]);
   const showErrorRef = (0, _react.useRef)(Boolean(validateInitially || errorProp));
   const errorMethodRef = (0, _react.useRef)({});
   const localErrorRef = (0, _react.useRef)();
+  const hasLocalErrorRef = (0, _react.useRef)(false);
+  const dataContextError = (0, _react.useMemo)(() => {
+    return path ? dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[identifier] : undefined;
+  }, [dataContextErrors, identifier, path]);
   const contextErrorRef = (0, _react.useRef)(dataContextError);
   const validatorRef = (0, _react.useRef)(validator);
   (0, _useUpdateEffect.default)(() => {
@@ -240,18 +266,6 @@ function useFieldProps(localeProps) {
     showErrorRef.current = false;
     showFieldErrorFieldBlock === null || showFieldErrorFieldBlock === void 0 ? void 0 : showFieldErrorFieldBlock(identifier, false);
   }, [showFieldErrorFieldBlock, identifier]);
-  const error = showErrorRef.current || ((_localErrorRef$curren = localErrorRef.current) === null || _localErrorRef$curren === void 0 ? void 0 : _localErrorRef$curren['validationRule']) === 'type' ? (_ref2 = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref2 !== void 0 ? _ref2 : contextErrorRef.current : undefined;
-  const hasVisibleError = Boolean(error) || inFieldBlock && fieldBlockContext.hasErrorProp;
-  const hasError = (0, _react.useCallback)(() => {
-    var _ref3;
-    return Boolean((_ref3 = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref3 !== void 0 ? _ref3 : contextErrorRef.current);
-  }, [errorProp]);
-  const errorMessagesRef = (0, _react.useRef)(null);
-  errorMessagesRef.current = (0, _react.useMemo)(() => {
-    return _objectSpread({
-      required: translation.Field.errorRequired
-    }, errorMessages);
-  }, [errorMessages, translation.Field.errorRequired]);
   const prepareError = (0, _react.useCallback)(error => {
     if (error instanceof _types.FormError) {
       var _error$messageValues;
@@ -266,8 +280,8 @@ function useFieldProps(localeProps) {
           message = fieldMessage;
         }
       }
-      const messageWithValues = Object.entries((_error$messageValues = error.messageValues) !== null && _error$messageValues !== void 0 ? _error$messageValues : {}).reduce((message, _ref4) => {
-        let [key, value] = _ref4;
+      const messageWithValues = Object.entries((_error$messageValues = error.messageValues) !== null && _error$messageValues !== void 0 ? _error$messageValues : {}).reduce((message, _ref2) => {
+        let [key, value] = _ref2;
         return message.replace(`{${key}}`, value);
       }, message);
       error.message = messageWithValues;
@@ -275,6 +289,27 @@ function useFieldProps(localeProps) {
     }
     return error;
   }, []);
+  contextErrorRef.current = (0, _react.useMemo)(() => {
+    if (!dataContextError) {
+      return undefined;
+    }
+    const error = prepareError(dataContextError);
+    if ((0, _utils.errorChanged)(error, contextErrorRef.current)) {
+      return error;
+    }
+  }, [dataContextError, prepareError]);
+  const error = showErrorRef.current || ((_localErrorRef$curren = localErrorRef.current) === null || _localErrorRef$curren === void 0 ? void 0 : _localErrorRef$curren['validationRule']) === 'type' ? (_ref3 = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref3 !== void 0 ? _ref3 : contextErrorRef.current : undefined;
+  const hasVisibleError = Boolean(error) || 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]);
+  const errorMessagesRef = (0, _react.useRef)(null);
+  errorMessagesRef.current = (0, _react.useMemo)(() => {
+    return _objectSpread({
+      required: translation.Field.errorRequired
+    }, errorMessages);
+  }, [errorMessages, translation.Field.errorRequired]);
   const stateId = (0, _useId.default)();
   const persistErrorState = (0, _react.useCallback)(function (method) {
     let errorArg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
@@ -305,6 +340,7 @@ function useFieldProps(localeProps) {
   }, [prepareError, setFieldErrorDataContext, identifier, setFieldError, setFieldStateDataContext, setFieldStateFieldBlock, stateId, inFieldBlock, validateInitially]);
   const clearErrorState = (0, _react.useCallback)(() => {
     persistErrorState('wipe');
+    hasLocalErrorRef.current = false;
   }, [persistErrorState]);
   const callValidator = (0, _react.useCallback)(async () => {
     if (typeof validatorRef.current !== 'function') {
@@ -361,6 +397,13 @@ function useFieldProps(localeProps) {
     showError();
     forceUpdate();
   }, [persistErrorState, defineAsyncProcess, setFieldState, showError]);
+  const prioritizeContextSchema = (0, _react.useMemo)(() => {
+    if (errorPrioritization) {
+      const schemaPath = identifier.split('/').join('/properties/');
+      const hasContextSchema = _jsonPointer.default.has((dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema) || {}, schemaPath);
+      return hasContextSchema && (errorPrioritization === null || errorPrioritization === void 0 ? void 0 : errorPrioritization.indexOf('contextSchema')) === 0;
+    }
+  }, [dataContext === null || dataContext === void 0 ? void 0 : dataContext.schema, errorPrioritization, identifier]);
   const validateValue = (0, _react.useCallback)(async () => {
     const isProcessActive = startProcess();
     if (disabled) {
@@ -377,7 +420,7 @@ function useFieldProps(localeProps) {
     try {
       const requiredError = transformers.current.validateRequired(value, {
         emptyValue,
-        required,
+        required: requiredProp !== null && requiredProp !== void 0 ? requiredProp : required,
         isChanged: changedRef.current,
         error: new _types.FormError('The value is required', {
           validationRule: 'required'
@@ -386,7 +429,7 @@ function useFieldProps(localeProps) {
       if (requiredError instanceof Error) {
         throw requiredError;
       }
-      if (schemaValidatorRef.current && value !== undefined && !schemaValidatorRef.current(value)) {
+      if (schemaValidatorRef.current && value !== undefined && !schemaValidatorRef.current(value) && !prioritizeContextSchema) {
         const error = (0, _ajv.ajvErrorsToOneFormError)(schemaValidatorRef.current.errors, valueRef.current);
         throw error;
       }
@@ -402,10 +445,11 @@ function useFieldProps(localeProps) {
       validatedValue.current = value;
     } catch (error) {
       if (isProcessActive()) {
+        hasLocalErrorRef.current = true;
         persistErrorState('weak', error);
       }
     }
-  }, [startProcess, disabled, hideError, setFieldState, clearErrorState, emptyValue, required, validateInitially, callValidator, persistErrorState]);
+  }, [startProcess, disabled, hideError, setFieldState, clearErrorState, emptyValue, requiredProp, required, prioritizeContextSchema, validateInitially, callValidator, persistErrorState]);
   const handleError = (0, _react.useCallback)(() => {
     if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
       showError();
@@ -519,32 +563,34 @@ function useFieldProps(localeProps) {
         }]
       });
     }
-    if (path) {
+    if (hasPath) {
       if ((0, _isAsync.isAsync)(onChangeContext)) {
         defineAsyncProcess('onChangeContext');
         if (!hasError()) {
-          setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(path)));
+          setEventResult(await (handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier)));
         } else {
           setEventResult(null);
         }
       } else {
-        setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(path));
+        setEventResult(handlePathChangeDataContext === null || handlePathChangeDataContext === void 0 ? void 0 : handlePathChangeDataContext(identifier));
       }
     }
     forceUpdate();
-  }, [asyncBehaviorIsEnabled, path, hasError, yieldAsyncProcess, onChangeContext, defineAsyncProcess, setEventResult, handlePathChangeDataContext]);
+  }, [asyncBehaviorIsEnabled, hasPath, identifier, hasError, yieldAsyncProcess, onChangeContext, defineAsyncProcess, setEventResult, handlePathChangeDataContext]);
   const updateValue = (0, _react.useCallback)(async newValue => {
     if (newValue === valueRef.current) {
       return;
     }
     valueRef.current = newValue;
-    handlePathChangeUnvalidatedDataContext(path, newValue);
+    if (hasPath) {
+      handlePathChangeUnvalidatedDataContext(identifier, newValue);
+    }
     addToPool('validator', validateValue, (0, _isAsync.isAsync)(validatorRef.current));
     addToPool('onChangeContext', callOnChangeContext, (0, _isAsync.isAsync)(onChangeContext));
     await runPool(() => {
       handleError();
     });
-  }, [handlePathChangeUnvalidatedDataContext, path, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handleError]);
+  }, [hasPath, addToPool, validateValue, callOnChangeContext, onChangeContext, runPool, handlePathChangeUnvalidatedDataContext, identifier, handleError]);
   const handleChange = (0, _react.useCallback)(async function (argFromInput) {
     let additionalArgs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
     const currentValue = valueRef.current;
@@ -554,9 +600,9 @@ function useFieldProps(localeProps) {
     }
     const transformedValue = transformers.current.transformOut(transformers.current.transformValue(fromInput, currentValue));
     changedRef.current = true;
+    handleChangeSectionContext === null || handleChangeSectionContext === void 0 ? void 0 : handleChangeSectionContext(identifier, transformedValue);
     if (itemPath) {
-      const iterateValuePath = `/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
-      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(iterateValuePath, transformedValue);
+      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(), transformedValue);
     }
     if (asyncBehaviorIsEnabled) {
       hideError();
@@ -598,13 +644,12 @@ function useFieldProps(localeProps) {
       setEventResult(onChange === null || onChange === void 0 ? void 0 : onChange.apply(_this, getArgs()));
     }
     await runPool();
-  }, [addToPool, asyncBehaviorIsEnabled, handleChangeIterateContext, hasError, hideError, itemPath, iterateElementIndex, onChange, runPool, defineAsyncProcess, setEventResult, updateValue, yieldAsyncProcess]);
+  }, [itemPath, asyncBehaviorIsEnabled, onChange, runPool, handleChangeIterateContext, makeIteratePath, handleChangeSectionContext, identifier, hideError, updateValue, addToPool, yieldAsyncProcess, defineAsyncProcess, hasError, setEventResult]);
   const handleFocus = (0, _react.useCallback)(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = (0, _react.useCallback)(() => setHasFocus(false), [setHasFocus]);
   setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
   (0, _useMountEffect.default)(() => {
     dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(identifier);
-    setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
     validateValue();
   });
   (0, _useUnmountEffect.default)(() => {
@@ -626,33 +671,39 @@ function useFieldProps(localeProps) {
     forceUpdate();
   }, [externalValue, validateValue]);
   (0, _react.useEffect)(() => {
-    const error = prepareError(dataContextError);
-    if ((0, _utils.errorChanged)(error, contextErrorRef.current)) {
-      contextErrorRef.current = error;
-      forceUpdate();
+    if (!hasLocalErrorRef.current) {
+      const error = prepareError(dataContextError);
+      if (error) {
+        persistErrorState('weak', error);
+        if (validateInitially) {
+          handleError();
+        }
+      } else {
+        clearErrorState();
+      }
     }
-  }, [dataContextError, prepareError]);
+  }, [clearErrorState, dataContextError, handleError, persistErrorState, prepareError, validateInitially]);
   (0, _react.useEffect)(() => {
-    if (path) {
+    if (hasPath) {
       let value = props.value;
-      const hasValue = _jsonPointer.default.has(dataContext.data, path);
-      const existingValue = hasValue ? _jsonPointer.default.get(dataContext.data, path) : undefined;
+      const hasValue = _jsonPointer.default.has(dataContext.data, identifier);
+      const existingValue = hasValue ? _jsonPointer.default.get(dataContext.data, identifier) : undefined;
       if (dataContext.id && !hasValue && typeof existingValue === 'undefined' && typeof value === 'undefined') {
         const sharedState = (0, _useSharedState.createSharedState)(dataContext.id);
-        const hasValue = _jsonPointer.default.has(sharedState.data, path);
+        const hasValue = _jsonPointer.default.has(sharedState.data, identifier);
         if (hasValue) {
-          const sharedValue = _jsonPointer.default.get(sharedState.data, path);
+          const sharedValue = _jsonPointer.default.get(sharedState.data, identifier);
           if (sharedValue) {
             value = sharedValue;
           }
         }
       }
       if (!hasValue || value !== existingValue && valueRef.current !== existingValue) {
-        updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(path, value);
+        updateDataValueDataContext === null || updateDataValueDataContext === void 0 ? void 0 : updateDataValueDataContext(identifier, value);
         validateDataDataContext === null || validateDataDataContext === void 0 ? void 0 : validateDataDataContext();
       }
     }
-  }, [dataContext.data, dataContext.id, path, props.value, updateDataValueDataContext, validateDataDataContext]);
+  }, [dataContext.data, dataContext.id, identifier, hasPath, props.value, updateDataValueDataContext, validateDataDataContext]);
   (0, _react.useEffect)(() => {
     if (dataContext.showAllErrors) {
       if (fieldStateRef.current !== 'validating') {
@@ -709,8 +760,8 @@ function useFieldProps(localeProps) {
         });
       }
       return () => {
-        if (fieldBlockContext.mountedFieldsRef) {
-          fieldBlockContext.mountedFieldsRef.current[identifier] = true;
+        if (mountedFieldsRefFieldBlock) {
+          mountedFieldsRefFieldBlock.current[identifier] = true;
         }
       };
     }
@@ -734,12 +785,12 @@ function useFieldProps(localeProps) {
     htmlAttributes['aria-invalid'] = error ? 'true' : 'false';
   }
   if (required) {
-    htmlAttributes['aria-required'] = required ? 'true' : 'false';
+    htmlAttributes['aria-required'] = 'true';
   }
   if (inFieldBlock) {
     var _fieldBlockContext$fi;
-    if (fieldBlockContext.mountedFieldsRef) {
-      fieldBlockContext.mountedFieldsRef.current[identifier] = true;
+    if (mountedFieldsRefFieldBlock) {
+      mountedFieldsRefFieldBlock.current[identifier] = true;
     }
     const stateIds = (_fieldBlockContext$fi = fieldBlockContext.fieldStateIdsRef) === null || _fieldBlockContext$fi === void 0 ? void 0 : _fieldBlockContext$fi.current;
     if (stateIds) {
@@ -751,7 +802,7 @@ function useFieldProps(localeProps) {
       htmlAttributes['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(htmlAttributes, ids);
     }
   }
-  const fieldBlockProps = {
+  const fieldSectionProps = {
     info: !inFieldBlock ? infoRef.current : undefined,
     warning: !inFieldBlock ? warningRef.current : undefined,
     error: !inFieldBlock ? error : undefined,
@@ -759,8 +810,8 @@ function useFieldProps(localeProps) {
     fieldState: resolveValidatingState(fieldStateRef.current)
   };
   const sharedData = (0, _useSharedState.useSharedState)(id);
-  sharedData.set(fieldBlockProps);
-  return _objectSpread(_objectSpread(_objectSpread({}, props), fieldBlockProps), {}, {
+  sharedData.set(fieldSectionProps);
+  return _objectSpread(_objectSpread(_objectSpread({}, props), fieldSectionProps), {}, {
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
     autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : undefined,
     id,
@@ -780,37 +831,4 @@ function useFieldProps(localeProps) {
 function resolveValidatingState(state) {
   return state === 'validating' ? 'pending' : state;
 }
-function useExternalValue(_ref7) {
-  let {
-    path,
-    itemPath,
-    props,
-    transformers,
-    emptyValue = undefined
-  } = _ref7;
-  const dataContext = (0, _react.useContext)(_DataContext.Context);
-  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
-  const inIterate = Boolean(iterateElementContext);
-  const {
-    value: iterateElementValue
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
-  return (0, _react.useMemo)(() => {
-    if (props.value !== emptyValue) {
-      return transformers.current.fromExternal(props.value);
-    }
-    if (inIterate && itemPath) {
-      if (itemPath === '/') {
-        return iterateElementValue;
-      }
-      return _jsonPointer.default.has(iterateElementValue, itemPath) ? _jsonPointer.default.get(iterateElementValue, itemPath) : emptyValue;
-    }
-    if (dataContext.data && path) {
-      if (path === '/') {
-        return dataContext.data;
-      }
-      return _jsonPointer.default.has(dataContext.data, path) ? _jsonPointer.default.get(dataContext.data, path) : emptyValue;
-    }
-    return emptyValue;
-  }, [props.value, emptyValue, inIterate, itemPath, dataContext.data, path, transformers, iterateElementValue]);
-}
 //# sourceMappingURL=useFieldProps.js.map