@dnb/eufemia 10.74.0 → 10.75.0

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

@@ -4,11 +4,12 @@ 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, omitSectionPath, }?: {
     executeOnChangeRegardlessOfError?: boolean;
     updateContextDataInSync?: boolean;
     omitMultiplePathWarning?: boolean;
     forceUpdateWhenContextDataIsSet?: boolean;
+    omitSectionPath?: boolean;
 }): typeof localProps & ReturnAdditional<Value>;
 export interface ReturnAdditional<Value> {
     /** Documented APIs */

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

@@ -53,7 +53,8 @@ function useFieldProps(localProps) {
     executeOnChangeRegardlessOfError = false,
     updateContextDataInSync = false,
     omitMultiplePathWarning = false,
-    forceUpdateWhenContextDataIsSet = false
+    forceUpdateWhenContextDataIsSet = false,
+    omitSectionPath = false
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const {
     extend
@@ -210,7 +211,8 @@ function useFieldProps(localProps) {
   } = (0, _usePath.default)({
     id,
     path: pathProp,
-    itemPath
+    itemPath,
+    omitSectionPath
   });
   const defaultValueRef = (0, _react.useRef)(defaultValue);
   useLayoutEffect(() => {
@@ -685,8 +687,11 @@ function useFieldProps(localProps) {
       showInitially: Boolean(inFieldBlock && validateInitially)
     });
     setFieldStateDataContext === null || setFieldStateDataContext === void 0 ? void 0 : setFieldStateDataContext(identifier, error ? 'error' : undefined);
+    if (updateContextDataInSync) {
+      setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, identifier, handleFieldAsVisible !== false ? !!error : undefined);
+    }
     forceUpdate();
-  }, [identifier, inFieldBlock, prepareError, setBlockRecord, setFieldErrorBoundary, setFieldErrorDataContext, setFieldStateDataContext, stateId, validateInitially]);
+  }, [handleFieldAsVisible, identifier, inFieldBlock, prepareError, setBlockRecord, setFieldErrorBoundary, setFieldErrorDataContext, setFieldErrorWizard, setFieldStateDataContext, stateId, updateContextDataInSync, validateInitially, wizardIndex]);
   const clearErrorState = (0, _react.useCallback)(() => {
     var _schemaValidatorRef$c;
     persistErrorState('wipe', undefined);
@@ -1104,7 +1109,9 @@ function useFieldProps(localProps) {
       handlePathChangeUnvalidatedDataContext(nestedIteratePath || identifier, contextValue);
     }
     if (itemPath) {
-      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, ''), contextValue);
+      handleChangeIterateContext === null || handleChangeIterateContext === void 0 ? void 0 : handleChangeIterateContext(makeIteratePath(itemPath, '', {
+        omitSectionPath: true
+      }), contextValue);
     }
     addToPool('onChangeValidator', validateValue, (0, _isAsync.isAsync)(onChangeValidatorRef.current));
     addToPool('onChangeContext', callOnChangeContext, (0, _isAsync.isAsync)(onChangeContext));
@@ -1200,6 +1207,9 @@ function useFieldProps(localProps) {
     }
   }, [setMountedFieldStateDataContext, identifier, isVisible]);
   (0, _react.useEffect)(() => {
+    if (prerenderFieldProps) {
+      return;
+    }
     if (typeof (activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current) === 'number') {
       setMountedFieldStateDataContext(identifier, {
         wasStepChange: false
@@ -1211,8 +1221,11 @@ function useFieldProps(localProps) {
         });
       };
     }
-  }, [activeIndex, activeIndexRef, identifier, setMountedFieldStateDataContext]);
+  }, [activeIndex, activeIndexRef, identifier, prerenderFieldProps, setMountedFieldStateDataContext]);
   (0, _react.useEffect)(() => {
+    if (prerenderFieldProps) {
+      return;
+    }
     setMountedFieldStateDataContext(identifier, {
       isMounted: true,
       isPreMounted: true
@@ -1229,7 +1242,7 @@ function useFieldProps(localProps) {
         isMounted: false
       });
     };
-  }, [identifier, setMountedFieldSnapshot, setMountedFieldStateDataContext]);
+  }, [identifier, prerenderFieldProps, setMountedFieldSnapshot, setMountedFieldStateDataContext]);
   (0, _react.useEffect)(() => {
     if (!omitMultiplePathWarning && process.env.NODE_ENV !== 'production' && (hasPath || hasItemPath) && (hasPath ? !iterateItemContext : true) && existingFieldsRef !== null && existingFieldsRef !== void 0 && existingFieldsRef.current) {
       const existingFields = existingFieldsRef.current;