@dnb/eufemia 10.13.0 → 10.14.0

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

@@ -7,12 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useDataValue;
 var _react = require("react");
 var _jsonPointer = _interopRequireDefault(require("json-pointer"));
-var _types = require("../types");
+var _utils = require("../utils");
 var _ajv = _interopRequireWildcard(require("../utils/ajv"));
+var _types = require("../types");
 var _DataContext = require("../DataContext");
 var _FieldBlockContext = _interopRequireDefault(require("../FieldBlock/FieldBlockContext"));
 var _IterateElementContext = _interopRequireDefault(require("../Iterate/IterateElementContext"));
 var _componentHelper = require("../../../shared/component-helper");
+var _useMountEffect = _interopRequireDefault(require("./useMountEffect"));
+var _useUpdateEffect = _interopRequireDefault(require("./useUpdateEffect"));
+var _useProcessManager = _interopRequireDefault(require("./useProcessManager"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,7 +26,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function useDataValue(props) {
-  var _props$path, _props$autoComplete;
+  var _props$path, _ref2, _props$autoComplete;
   const {
     path,
     elementPath,
@@ -42,6 +46,10 @@ function useDataValue(props) {
     toInput = value => value,
     fromInput = value => value
   } = props;
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  const {
+    startProcess
+  } = (0, _useProcessManager.default)();
   const id = (0, _react.useMemo)(() => {
     var _props$id;
     return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : (0, _componentHelper.makeUniqueId)();
@@ -54,6 +62,7 @@ function useDataValue(props) {
     setPathWithError: dataContextSetPathWithError,
     errors: dataContextErrors
   } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
+  const dataContextError = path ? dataContextErrors === null || dataContextErrors === void 0 ? void 0 : dataContextErrors[path] : undefined;
   const inFieldBlock = Boolean(fieldBlockContext);
   const {
     setError: setFieldBlockError,
@@ -92,92 +101,146 @@ function useDataValue(props) {
     }
     return undefined;
   }, [path, elementPath, inIterate, iterateElementValue, props.value, dataContext.data]);
-  const [value, setValue] = (0, _react.useState)(externalValue);
+  const valueRef = (0, _react.useRef)(externalValue);
   const changedRef = (0, _react.useRef)(false);
   const hasFocusRef = (0, _react.useRef)(false);
+  const showErrorInitially = validateInitially || errorProp;
+  const localErrorRef = (0, _react.useRef)();
+  const contextErrorRef = (0, _react.useRef)(dataContextError);
+  const showErrorRef = (0, _react.useRef)(Boolean(showErrorInitially));
+  const errorMessagesRef = (0, _react.useRef)(errorMessages);
   (0, _react.useEffect)(() => {
-    setValue(externalValue);
-  }, [externalValue]);
-  const [error, setError] = (0, _react.useState)();
-  const [showError, setShowError] = (0, _react.useState)(Boolean(validateInitially || errorProp));
-  const schemaValidator = (0, _react.useMemo)(() => schema && Object.keys(schema).length > 0 ? _ajv.default.compile(schema) : undefined, [schema]);
-  const setErrorAndUpdateDataContext = (0, _react.useCallback)(error => {
-    const errorWithCorrectMessage = error instanceof _types.FormError && typeof error.validationRule === 'string' && (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages[error.validationRule]) !== undefined ? new _types.FormError(errorMessages[error.validationRule]) : error;
-    setError(errorWithCorrectMessage);
+    errorMessagesRef.current = errorMessages;
+  }, [errorMessages]);
+  const schemaRef = (0, _react.useRef)(schema);
+  (0, _react.useEffect)(() => {
+    schemaRef.current = schema;
+  }, [schema]);
+  const validatorRef = (0, _react.useRef)(validator);
+  (0, _react.useEffect)(() => {
+    validatorRef.current = validator;
+  }, [validator]);
+  const schemaValidatorRef = (0, _react.useRef)(schema ? _ajv.default.compile(schema) : undefined);
+  const showError = (0, _react.useCallback)(() => {
+    showErrorRef.current = true;
+    setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
+  }, [path, id, setShowFieldBlockError]);
+  const hideError = (0, _react.useCallback)(() => {
+    showErrorRef.current = false;
+    setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, false);
+  }, [path, id, setShowFieldBlockError]);
+  const prepareError = (0, _react.useCallback)(error => {
+    if (error === undefined) {
+      return;
+    }
+    if (error instanceof _types.FormError) {
+      var _errorMessagesRef$cur, _error$messageValues;
+      const message = typeof error.validationRule === 'string' && ((_errorMessagesRef$cur = errorMessagesRef.current) === null || _errorMessagesRef$cur === void 0 ? void 0 : _errorMessagesRef$cur[error.validationRule]) || error.message;
+      const messageWithValues = Object.entries((_error$messageValues = error.messageValues) !== null && _error$messageValues !== void 0 ? _error$messageValues : {}).reduce((message, _ref) => {
+        let [key, value] = _ref;
+        return message.replace(`{${key}}`, value);
+      }, message);
+      return new _types.FormError(messageWithValues);
+    }
+    return error;
+  }, []);
+  const persistErrorState = (0, _react.useCallback)(errorArg => {
+    const error = prepareError(errorArg);
+    if (!(0, _utils.errorChanged)(error, localErrorRef.current)) {
+      return;
+    }
+    localErrorRef.current = error;
     if (path) {
       dataContextSetPathWithError === null || dataContextSetPathWithError === void 0 ? void 0 : dataContextSetPathWithError(path, Boolean(error));
     }
-    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path !== null && path !== void 0 ? path : id, errorWithCorrectMessage);
-  }, [path, id, errorMessages, dataContextSetPathWithError, setFieldBlockError]);
-  const validateValue = (0, _react.useCallback)(valueToValidate => {
-    if (typeof validator === 'function') {
-      Promise.resolve(validator(valueToValidate)).then(setErrorAndUpdateDataContext);
-    }
-    if (valueToValidate === emptyValue && required) {
-      const error = new _types.FormError('The value is required', {
-        validationRule: 'required'
-      });
-      setErrorAndUpdateDataContext(error);
-      return error;
-    } else if (schemaValidator) {
-      if (valueToValidate === undefined && emptyValue === undefined) {
-        setErrorAndUpdateDataContext(undefined);
-        return undefined;
+    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path !== null && path !== void 0 ? path : id, error);
+    forceUpdate();
+  }, [path, id, prepareError, dataContextSetPathWithError, setFieldBlockError, forceUpdate]);
+  const clearErrorState = (0, _react.useCallback)(() => persistErrorState(undefined), [persistErrorState]);
+  const validateValue = (0, _react.useCallback)(async () => {
+    const isProcessActive = startProcess();
+    try {
+      if (valueRef.current === emptyValue && required) {
+        throw new _types.FormError('The value is required', {
+          validationRule: 'required'
+        });
+      }
+      if (schemaValidatorRef.current && valueRef.current !== undefined && !schemaValidatorRef.current(valueRef.current)) {
+        const error = (0, _ajv.ajvErrorsToOneFormError)(schemaValidatorRef.current.errors);
+        throw error;
+      }
+      if (validatorRef.current) {
+        var _validatorRef$current;
+        const res = await ((_validatorRef$current = validatorRef.current) === null || _validatorRef$current === void 0 ? void 0 : _validatorRef$current.call(validatorRef, valueRef.current));
+        if (res instanceof Error) {
+          throw res;
+        }
+      }
+      if (isProcessActive()) {
+        clearErrorState();
+      }
+    } catch (error) {
+      if (isProcessActive()) {
+        persistErrorState(error);
       }
-      schemaValidator(valueToValidate);
-      const error = (0, _ajv.ajvErrorsToOneFormError)(schemaValidator.errors);
-      setErrorAndUpdateDataContext(error);
-      return error;
-    } else {
-      setErrorAndUpdateDataContext(undefined);
-      return undefined;
     }
-  }, [schemaValidator, emptyValue, required, setErrorAndUpdateDataContext, validator]);
+  }, [emptyValue, required, startProcess, persistErrorState, clearErrorState]);
+  (0, _useUpdateEffect.default)(() => {
+    if (!schema) {
+      return;
+    }
+    schemaValidatorRef.current = _ajv.default.compile(schema);
+    validateValue();
+  }, [schema, validateValue]);
+  (0, _useUpdateEffect.default)(() => {
+    valueRef.current = externalValue;
+    validateValue();
+    forceUpdate();
+  }, [externalValue, validateValue]);
   (0, _react.useEffect)(() => {
-    if (!error && path && dataContextErrors !== null && dataContextErrors !== void 0 && dataContextErrors[path]) {
-      setErrorAndUpdateDataContext(dataContextErrors[path]);
+    const error = prepareError(dataContextError);
+    if ((0, _utils.errorChanged)(error, contextErrorRef.current)) {
+      contextErrorRef.current = error;
+      forceUpdate();
     }
-  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext]);
+  }, [dataContextError, prepareError]);
   (0, _react.useEffect)(() => {
     if (dataContext.showAllErrors) {
-      setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
+      showError();
     }
-  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError]);
+  }, [dataContext.showAllErrors, showError]);
   const setHasFocus = (0, _react.useCallback)((hasFocus, valueOverride) => {
     if (hasFocus) {
       hasFocusRef.current = true;
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current);
     } else {
       hasFocusRef.current = false;
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current);
       if (!changedRef.current && !validateUnchanged) {
         return;
       }
       if (typeof onBlurValidator === 'function') {
-        Promise.resolve(onBlurValidator(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value)).then(setErrorAndUpdateDataContext);
+        Promise.resolve(onBlurValidator(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current)).then(persistErrorState);
       }
-      setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
+      showError();
+      forceUpdate();
     }
-  }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldBlockError]);
+  }, [validateUnchanged, onFocus, onBlur, onBlurValidator, persistErrorState, showError, forceUpdate]);
   const handleFocus = (0, _react.useCallback)(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = (0, _react.useCallback)(() => setHasFocus(false), [setHasFocus]);
   const handleChange = (0, _react.useCallback)(argFromInput => {
     const newValue = fromInput(argFromInput);
-    if (newValue === value) {
+    if (newValue === valueRef.current) {
       return;
     }
-    setValue(newValue);
+    valueRef.current = newValue;
     changedRef.current = true;
     if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
-      setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
+      showError();
     } else {
-      setShowError(false);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, false);
+      hideError();
     }
-    validateValue(newValue);
+    validateValue();
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     if (path) {
       dataContextHandlePathChange === null || dataContextHandlePathChange === void 0 ? void 0 : dataContextHandlePathChange(path, newValue);
@@ -186,24 +249,27 @@ function useDataValue(props) {
       const iterateValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
       handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iterateValuePath, newValue);
     }
-  }, [id, path, elementPath, iterateElementIndex, value, continuousValidation, onChange, validateValue, dataContextHandlePathChange, setShowFieldBlockError, handleIterateElementChange, fromInput]);
-  const exportError = (0, _react.useMemo)(() => errorProp !== null && errorProp !== void 0 ? errorProp : error, [errorProp, error]);
-  (0, _react.useEffect)(() => {
+    forceUpdate();
+  }, [path, elementPath, iterateElementIndex, continuousValidation, onChange, validateValue, dataContextHandlePathChange, showError, hideError, handleIterateElementChange, fromInput, forceUpdate]);
+  (0, _useMountEffect.default)(() => {
     if (path) {
       dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(path);
     }
-    validateValue(externalValue);
+    validateValue();
+    if (showErrorInitially) {
+      showError();
+    }
     return () => {
       if (path) {
         dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleUnMountField(path);
       }
     };
-  }, []);
+  });
   return _objectSpread(_objectSpread({}, props), {}, {
     id,
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
-    value: toInput(value),
-    error: inFieldBlock ? undefined : showError ? exportError : undefined,
+    value: toInput(valueRef.current),
+    error: !inFieldBlock && showErrorRef.current ? (_ref2 = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref2 !== void 0 ? _ref2 : contextErrorRef.current : undefined,
     autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : 'off',
     setHasFocus,
     handleFocus,

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

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_types","_ajv","_interopRequireWildcard","_DataContext","_FieldBlockContext","_IterateElementContext","_componentHelper","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","useDataValue","props","_props$path","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","fromInput","id","useMemo","_props$id","makeUniqueId","dataContext","useContext","Context","fieldBlockContext","FieldBlockContext","iterateElementContext","IterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","pointer","data","setValue","useState","changedRef","useRef","hasFocusRef","useEffect","showError","schemaValidator","ajv","compile","setErrorAndUpdateDataContext","useCallback","errorWithCorrectMessage","FormError","validationRule","validateValue","valueToValidate","Promise","resolve","then","ajvErrorsToOneFormError","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iterateValuePath","exportError","handleMountField","handleUnMountField","name","replace","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError, FieldProps } from '../types'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.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 dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n  const hasFocusRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage =\n        error instanceof FormError &&\n        typeof error.validationRule === 'string' &&\n        errorMessages?.[error.validationRule] !== undefined\n          ? new FormError(errorMessages[error.validationRule])\n          : error\n\n      setError(errorWithCorrectMessage)\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, errorWithCorrectMessage)\n    },\n    [\n      path,\n      id,\n      errorMessages,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n    ]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatenated.\n      if (typeof validator === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validator(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they were operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        })\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validator,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      setShowError(true)\n      setShowFieldBlockError?.(path ?? id, true)\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: unknown) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        hasFocusRef.current = true\n        onFocus?.(valueOverride ?? value)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        hasFocusRef.current = false\n        onBlur?.(valueOverride ?? value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(onBlurValidator(valueOverride ?? value))\n            // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n            // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n            // as if they were operational errors.\n            .then(setErrorAndUpdateDataContext)\n        }\n\n        // Since the user left the field, show error (if any)\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      }\n    },\n    [\n      id,\n      path,\n      value,\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      setErrorAndUpdateDataContext,\n      setShowFieldBlockError,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === value) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n      setValue(newValue)\n      changedRef.current = true\n\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        setShowError(false)\n        setShowFieldBlockError?.(path ?? id, false)\n      }\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      continuousValidation,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldBlockError,\n      handleIterateElementChange,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() => errorProp ?? error, [errorProp, error])\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_utils","_ajv","_interopRequireWildcard","_types","_DataContext","_FieldBlockContext","_IterateElementContext","_componentHelper","_useMountEffect","_useUpdateEffect","_useProcessManager","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","useDataValue","props","_props$path","_ref2","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","fromInput","forceUpdate","useReducer","startProcess","useProcessManager","id","useMemo","_props$id","makeUniqueId","dataContext","useContext","Context","fieldBlockContext","FieldBlockContext","iterateElementContext","IterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","dataContextError","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","pointer","data","valueRef","useRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","useEffect","current","schemaRef","validatorRef","schemaValidatorRef","ajv","compile","showError","useCallback","hideError","prepareError","FormError","_errorMessagesRef$cur","_error$messageValues","message","validationRule","messageWithValues","entries","messageValues","reduce","_ref","replace","persistErrorState","errorArg","errorChanged","clearErrorState","validateValue","isProcessActive","ajvErrorsToOneFormError","_validatorRef$current","useUpdateEffect","showAllErrors","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","handleFocus","handleBlur","argFromInput","newValue","iterateValuePath","useMountEffect","handleMountField","handleUnMountField","name","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps } from '../types'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { startProcess } = useProcessManager()\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.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 dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using\n  // useEffect depend on them (like the external `value`)\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const valueRef = useRef<Value>(externalValue)\n  const changedRef = useRef<boolean>(false)\n  const hasFocusRef = useRef<boolean>(false)\n\n  // Error handling\n  // - Should errors received through validation be shown initially. Assume that providing a direct prop to\n  // the component means it is supposed to be shown initially.\n  const showErrorInitially = validateInitially || errorProp\n  // - Local errors are errors based on validation instructions received by\n  const localErrorRef = useRef<Error | FormError | undefined>()\n  // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n  const contextErrorRef = useRef<Error | FormError | undefined>(\n    dataContextError\n  )\n\n  const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n  const errorMessagesRef = useRef(errorMessages)\n  useEffect(() => {\n    errorMessagesRef.current = errorMessages\n  }, [errorMessages])\n  const schemaRef = useRef(schema)\n  useEffect(() => {\n    schemaRef.current = schema\n  }, [schema])\n  const validatorRef = useRef(validator)\n  useEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? ajv.compile(schema) : undefined\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    setShowFieldBlockError?.(path ?? id, true)\n  }, [path, id, setShowFieldBlockError])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    setShowFieldBlockError?.(path ?? id, false)\n  }, [path, id, setShowFieldBlockError])\n\n  /**\n   * Prepare error from validation logic with correct error messages based on props\n   */\n  const prepareError = useCallback(\n    (error: Error | FormError | undefined): FormError | undefined => {\n      if (error === undefined) {\n        return\n      }\n\n      if (error instanceof FormError) {\n        const message =\n          (typeof error.validationRule === 'string' &&\n            errorMessagesRef.current?.[error.validationRule]) ||\n          error.message\n\n        const messageWithValues = Object.entries(\n          error.messageValues ?? {}\n        ).reduce((message, [key, value]) => {\n          return message.replace(`{${key}}`, value)\n        }, message)\n\n        return new FormError(messageWithValues)\n      }\n\n      return error\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n\n  /**\n   * Based on validation, update error state, locally and relevant surrounding contexts\n   */\n  const persistErrorState = useCallback(\n    (errorArg: FormError | undefined) => {\n      const error = prepareError(errorArg)\n\n      if (!errorChanged(error, localErrorRef.current)) {\n        // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n        // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n        return\n      }\n\n      localErrorRef.current = error\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, error)\n      forceUpdate()\n    },\n    [\n      path,\n      id,\n      prepareError,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n      forceUpdate,\n    ]\n  )\n\n  const clearErrorState = useCallback(\n    () => persistErrorState(undefined),\n    [persistErrorState]\n  )\n\n  /**\n   * Validate the current state value by provided validator instructions\n   */\n  const validateValue = useCallback(async () => {\n    const isProcessActive = startProcess()\n\n    try {\n      // Validate required\n      if (valueRef.current === emptyValue && required) {\n        throw new FormError('The value is required', {\n          validationRule: 'required',\n        })\n      }\n\n      // Validate by provided JSON Schema for this value\n      if (\n        schemaValidatorRef.current &&\n        valueRef.current !== undefined &&\n        !schemaValidatorRef.current(valueRef.current)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors\n        )\n        throw error\n      }\n      // Validate by provided derivative validator\n      if (validatorRef.current) {\n        const res = await validatorRef.current?.(valueRef.current)\n        if (res instanceof Error) {\n          throw res\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState(error as Error)\n      }\n    }\n  }, [\n    emptyValue,\n    required,\n    startProcess,\n    persistErrorState,\n    clearErrorState,\n  ])\n\n  useUpdateEffect(() => {\n    if (!schema) {\n      return\n    }\n    schemaValidatorRef.current = ajv.compile(schema)\n    validateValue()\n  }, [schema, validateValue])\n\n  useUpdateEffect(() => {\n    // Error or removed error for this field from the surrounding data context (by path)\n    valueRef.current = externalValue\n    validateValue()\n    forceUpdate()\n  }, [externalValue, validateValue])\n\n  useEffect(() => {\n    const error = prepareError(dataContextError)\n    if (errorChanged(error, contextErrorRef.current)) {\n      contextErrorRef.current = error\n      forceUpdate()\n    }\n  }, [dataContextError, prepareError])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      showError()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: Value) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        hasFocusRef.current = true\n        onFocus?.(valueOverride ?? valueRef.current)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        hasFocusRef.current = false\n        onBlur?.(valueOverride ?? valueRef.current)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(\n            onBlurValidator(valueOverride ?? valueRef.current)\n          ).then(persistErrorState)\n        }\n\n        // Since the user left the field, show error (if any)\n        showError()\n        forceUpdate()\n      }\n    },\n    [\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      persistErrorState,\n      showError,\n      forceUpdate,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === valueRef.current) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n      valueRef.current = newValue\n      changedRef.current = true\n\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        showError()\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        hideError()\n      }\n      // Always validate the value immediately when it is changed\n      validateValue()\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n      forceUpdate()\n    },\n    [\n      path,\n      elementPath,\n      iterateElementIndex,\n      continuousValidation,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      showError,\n      hideError,\n      handleIterateElementChange,\n      fromInput,\n      forceUpdate,\n    ]\n  )\n\n  useMountEffect(() => {\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue()\n\n    if (showErrorInitially) {\n      showError()\n    }\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n  })\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(valueRef.current),\n    error:\n      !inFieldBlock && showErrorRef.current\n        ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n        : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import { EffectCallback } from 'react';
+/**
+ * UseEffect that only run on the initial mount
+ */
+export default function useMountEffect(callback: EffectCallback): void;

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

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMountEffect;
+var _react = require("react");
+function useMountEffect(callback) {
+  (0, _react.useEffect)(function () {
+    callback(...arguments);
+  }, []);
+}
+//# sourceMappingURL=useMountEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMountEffect.js","names":["_react","require","useMountEffect","callback","useEffect","arguments"],"sources":["../../../../../src/extensions/forms/hooks/useMountEffect.ts"],"sourcesContent":["import { useEffect, EffectCallback } from 'react'\n\n/**\n * UseEffect that only run on the initial mount\n */\nexport default function useMountEffect(callback: EffectCallback) {\n  useEffect((...args) => {\n    callback(...args)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKe,SAASC,cAAcA,CAACC,QAAwB,EAAE;EAC/D,IAAAC,gBAAS,EAAC,YAAa;IACrBD,QAAQ,CAAC,GAAAE,SAAO,CAAC;EAEnB,CAAC,EAAE,EAAE,CAAC;AACR"}

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

@@ -0,0 +1,6 @@
+/**
+ * Keep track of possible parallel processes to avoid issues
+ */
+export default function useProcessManager(): {
+    startProcess: () => () => boolean;
+};

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

@@ -0,0 +1,21 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useProcessManager;
+var _react = require("react");
+function useProcessManager() {
+  const tokenRef = (0, _react.useRef)();
+  const startProcess = (0, _react.useCallback)(() => {
+    const processToken = Math.round(Math.random() * 1000000000);
+    tokenRef.current = processToken;
+    const isProcessActive = () => tokenRef.current === processToken;
+    return isProcessActive;
+  }, []);
+  return {
+    startProcess
+  };
+}
+//# sourceMappingURL=useProcessManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProcessManager.js","names":["_react","require","useProcessManager","tokenRef","useRef","startProcess","useCallback","processToken","Math","round","random","current","isProcessActive"],"sources":["../../../../../src/extensions/forms/hooks/useProcessManager.ts"],"sourcesContent":["import { useRef, useCallback } from 'react'\n\n/**\n * Keep track of possible parallel processes to avoid issues\n */\nexport default function useProcessManager() {\n  const tokenRef = useRef<number>()\n\n  const startProcess = useCallback(() => {\n    const processToken = Math.round(Math.random() * 1000000000)\n    tokenRef.current = processToken\n\n    // If another process was started after this one code can skip further steps to avoid race conditions\n    // that could lead to overwriting state in the wrong order.\n    const isProcessActive = () => tokenRef.current === processToken\n\n    return isProcessActive\n  }, [])\n\n  return {\n    startProcess,\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAS,CAAC;EAEjC,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrC,MAAMC,YAAY,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC;IAC3DP,QAAQ,CAACQ,OAAO,GAAGJ,YAAY;IAI/B,MAAMK,eAAe,GAAGA,CAAA,KAAMT,QAAQ,CAACQ,OAAO,KAAKJ,YAAY;IAE/D,OAAOK,eAAe;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLP;EACF,CAAC;AACH"}

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

@@ -0,0 +1,5 @@
+import { EffectCallback, DependencyList } from 'react';
+/**
+ * UseEffect that does not run on the initial mount
+ */
+export default function useUpdateEffect(callback: EffectCallback, deps?: DependencyList): void;

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

@@ -0,0 +1,19 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useUpdateEffect;
+var _react = require("react");
+function useUpdateEffect(callback, deps) {
+  const wasMounted = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    if (!wasMounted.current) {
+      wasMounted.current = true;
+      return;
+    }
+    callback(...arguments);
+  }, deps);
+}
+//# sourceMappingURL=useUpdateEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateEffect.js","names":["_react","require","useUpdateEffect","callback","deps","wasMounted","useRef","useEffect","current","arguments"],"sources":["../../../../../src/extensions/forms/hooks/useUpdateEffect.ts"],"sourcesContent":["import { useEffect, useRef, EffectCallback, DependencyList } from 'react'\n\n/**\n * UseEffect that does not run on the initial mount\n */\nexport default function useUpdateEffect(\n  callback: EffectCallback,\n  deps?: DependencyList\n) {\n  const wasMounted = useRef(false)\n\n  useEffect((...args) => {\n    if (!wasMounted.current) {\n      wasMounted.current = true\n      return\n    }\n    callback(...args)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKe,SAASC,eAAeA,CACrCC,QAAwB,EACxBC,IAAqB,EACrB;EACA,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEhC,IAAAC,gBAAS,EAAC,YAAa;IACrB,IAAI,CAACF,UAAU,CAACG,OAAO,EAAE;MACvBH,UAAU,CAACG,OAAO,GAAG,IAAI;MACzB;IACF;IACAL,QAAQ,CAAC,GAAAM,SAAO,CAAC;EAEnB,CAAC,EAAEL,IAAI,CAAC;AACV"}

package/cjs/extensions/forms/style/dnb-forms.css

@@ -113,6 +113,19 @@
        column-gap: var(--spacing-small);
 }
 
+:root {
+  --forms-field-width--small: 5rem;
+  --forms-field-width--medium: 11rem;
+  --forms-field-width--large: 21rem;
+}
+
+.dnb-forms-field-expiry {
+  width: var(--forms-field-width--small);
+}
+.dnb-forms-field-expiry .dnb-input__shell {
+  justify-content: center;
+}
+
 /*
  * Utilities
  */

package/cjs/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:9rem}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-postal-code-and-city--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-postal-code-and-city--width-large{width:var(--forms-field-width--large)}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:var(--forms-field-width--large)}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:var(--forms-field-width--medium)}.dnb-forms-field-selection--width-small .dnb-dropdown__shell{width:var(--forms-field-width--small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{grid-row-gap:var(--spacing-x-small);display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar{max-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:336px}.dnb-forms-steps-layout__contents{flex:1;min-width:25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:var(--forms-field-width--medium) auto}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}
+.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:9rem}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-postal-code-and-city--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-postal-code-and-city--width-large{width:var(--forms-field-width--large)}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:var(--forms-field-width--large)}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:var(--forms-field-width--medium)}.dnb-forms-field-selection--width-small .dnb-dropdown__shell{width:var(--forms-field-width--small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{grid-row-gap:var(--spacing-x-small);display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap}.dnb-forms-field-expiry{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-input__shell{justify-content:center}.dnb-forms-steps-layout{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar{max-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:336px}.dnb-forms-steps-layout__contents{flex:1;min-width:25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:var(--forms-field-width--medium) auto}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}

package/cjs/extensions/forms/types.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { JSONSchema7 } from 'json-schema';
 import { SpacingProps } from '../../components/space/types';
+type ValidationRule = string | string[];
+type MessageValues = Record<string, string>;
 interface IFormErrorOptions {
-    validationRule?: string | string[];
+    validationRule?: ValidationRule;
+    messageValues?: MessageValues;
 }
 /**
  * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling
@@ -11,7 +14,12 @@ export declare class FormError extends Error {
     /**
      * What validation rule did the error occur based on? (i.e: minLength, required or maximum)
      */
-    validationRule?: string | string[];
+    validationRule?: ValidationRule;
+    /**
+     * Replacement values relevant for this error.
+     * @example { minLength: 3 } to be able to replace values in a message like "Minimum {minLength} charactes"
+     */
+    messageValues?: MessageValues;
     constructor(message: string, options?: IFormErrorOptions);
 }
 interface DefaultErrorMessages {

package/cjs/extensions/forms/types.js

@@ -17,8 +17,10 @@ class FormError extends Error {
   constructor(message, options) {
     super(message);
     _defineProperty(this, "validationRule", void 0);
+    _defineProperty(this, "messageValues", void 0);
     if (options) {
       this.validationRule = options.validationRule;
+      this.messageValues = options.messageValues;
     }
   }
 }