@dnb/eufemia 10.22.0 → 10.24.0

package/es/extensions/forms/hooks/useFieldProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldProps.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajvErrorsToOneFormError","FormError","Context","DataContext","combineDescribedBy","useId","useUpdateEffect","useMountEffect","useUnmountEffect","SharedContext","FieldBlockContext","IterateElementContext","useProcessManager","createSharedState","useSharedState","isAsync","useFieldProps","props","_props$disabled","_dataContext$props","_dataContext$ajvInsta","_localErrorRef$curren","_ref","_props$path","_props$autoComplete","path","itemPath","emptyValue","required","info","warning","error","errorProp","errorMessages","onFocus","onBlur","onChange","onBlurValidator","validator","schema","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","toEvent","transformValue","fromExternal","validateRequired","res","undefined","disabled","readOnly","forceUpdate","startProcess","id","dataContext","fieldBlockContext","iterateElementContext","sharedContext","tr","translation","Forms","transformers","handlePathChange","handlePathChangeDataContext","updateDataValue","updateDataValueDataContext","validateData","validateDataDataContext","setFieldState","setFieldStateDataContext","setFieldError","setFieldErrorDataContext","setProps","setPropsDataContext","errors","dataContextErrors","contextErrorMessages","onChangeContext","dataContextError","inFieldBlock","Boolean","setFieldStateFieldBlock","showFieldError","showFieldErrorFieldBlock","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","current","has","get","data","valueRef","changedRef","hasFocusRef","showErrorRef","errorMethodRef","localErrorRef","contextErrorRef","validatorRef","onBlurValidatorRef","schemaValidatorRef","ajvInstance","compile","asyncBehaviorIsEnabled","validatedWithValue","changeEventResultRef","currentAsyncProcessRef","setCurrentAsyncProcess","name","asyncBufferRef","key","fulfill","hasAsyncProcesses","window","requestAnimationFrame","eventPool","onChangeLocal","addToPool","fn","runAsync","runPool","cb","pending","fieldStateRef","state","resolveValidatingState","showError","hideError","hasVisibleError","hasErrorProp","hasError","_ref2","errorMessagesRef","_objectSpread","fieldErrorRequired","prepareError","_error$messageValues","message","validationRule","_errorMessagesRef$cur","fieldMessage","messageWithValues","Object","entries","messageValues","reduce","replace","stateId","persistErrorState","method","errorArg","keys","filter","length","type","content","showInitially","clearErrorState","callValidator","opts","result","callOnBlurValidator","valueOverride","validateValue","isProcessActive","requiredError","isChanged","handleError","setHasFocus","hasFocus","yieldAsyncProcess","waitFor","withValidatedValueOf","Promise","resolve","some","processName","withStates","handleChangeEventResult","warningRef","infoRef","success","setEventResult","callOnChangeContext","updateValue","newValue","argFromInput","additionalArgs","currentValue","transformedValue","getArgs","args","apply","iterateValuePath","handleFocus","handleBlur","handleMountField","handleUnMountField","_dataContext$ajvInsta2","hasValue","existingValue","sharedState","sharedValue","showAllErrors","formState","onSubmitHandler","_dataContext$setField","setFieldEventListener","call","show","mountedFieldsRef","htmlAttributes","acc","cur","startsWith","_fieldBlockContext$fi","stateIds","fieldStateIdsRef","ids","fieldBlockProps","fieldState","sharedData","set","autoComplete","omitFieldProps","restProps","_objectWithoutProperties","_excluded"],"sources":["../../../../../src/extensions/forms/hooks/useFieldProps.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n  AriaAttributes,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv/dist/2020'\nimport { errorChanged } from '../utils'\nimport { ajvErrorsToOneFormError } from '../utils/ajv'\nimport {\n  FormError,\n  FieldProps,\n  AdditionalEventArgs,\n  SubmitState,\n  EventReturnWithStateObjectAndSuccess,\n  EventStateObjectWithSuccess,\n} from '../types'\nimport { Context as DataContext, ContextState } from '../DataContext'\nimport { combineDescribedBy } from '../../../shared/component-helper'\nimport useId from '../../../shared/helpers/useId'\nimport useUpdateEffect from '../../../shared/helpers/useUpdateEffect'\nimport useMountEffect from '../../../shared/helpers/useMountEffect'\nimport useUnmountEffect from '../../../shared/helpers/useUnmountEffect'\nimport SharedContext from '../../../shared/Context'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport useProcessManager from './useProcessManager'\nimport {\n  createSharedState,\n  useSharedState,\n} from '../../../shared/helpers/useSharedState'\nimport { isAsync } from '../../../shared/helpers/isAsync'\n\ntype SubmitStateWithValidating = SubmitState | 'validating'\ntype AsyncProcesses =\n  | 'validator'\n  | 'onBlurValidator'\n  | 'onChangeLocal'\n  | 'onChangeContext'\ntype PersistErrorStateMethod =\n  /**\n   * Add or remove the error regardless\n   */\n  | 'weak'\n  /**\n   * Check if there is an existing error, and if so, keep it\n   */\n  | 'gracefully'\n  /**\n   * Remove the error, if any\n   */\n  | 'wipe'\ntype AsyncProcessesBuffer = {\n  fulfill: () => void\n  hasAsyncProcesses: () => boolean\n}\n\nexport type DataAttributes = {\n  [property: `data-${string}`]: string\n}\n\nexport default function useFieldProps<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & FieldProps<Value> & ReturnAdditional<Value> {\n  const {\n    path,\n    itemPath,\n    emptyValue,\n    required,\n    info,\n    warning,\n    error: errorProp,\n    errorMessages,\n    onFocus,\n    onBlur,\n    onChange,\n    onBlurValidator,\n    validator,\n    schema,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value: Value) => value,\n    fromInput = (value: Value) => value,\n    toEvent = (value: Value) => value,\n    transformValue = (value: Value) => value,\n    fromExternal = (value: Value) => value,\n    validateRequired = (value: Value, { emptyValue, required, error }) => {\n      const res =\n        required &&\n        (value === emptyValue ||\n          (typeof emptyValue === 'undefined' && value === ''))\n          ? error\n          : undefined\n\n      return res\n    },\n  } = props\n\n  const disabled = props.disabled ?? props.readOnly\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { startProcess } = useProcessManager()\n  const id = useId(props.id)\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n  const sharedContext = useContext(SharedContext)\n  const tr = sharedContext?.translation.Forms\n\n  const transformers = useRef({\n    toInput,\n    fromInput,\n    toEvent,\n    fromExternal,\n    transformValue,\n    validateRequired,\n  })\n\n  const {\n    handlePathChange: handlePathChangeDataContext,\n    updateDataValue: updateDataValueDataContext,\n    validateData: validateDataDataContext,\n    setFieldState: setFieldStateDataContext,\n    setFieldError: setFieldErrorDataContext,\n    setProps: setPropsDataContext,\n    errors: dataContextErrors,\n    contextErrorMessages,\n  } = dataContext ?? {}\n  const onChangeContext = dataContext?.props?.onChange\n\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setFieldState: setFieldStateFieldBlock,\n    showFieldError: showFieldErrorFieldBlock,\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 (itemPath && itemPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (itemPath && !iterateElementContext) {\n    throw new Error(\n      'itemPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const identifier = useMemo(() => {\n    // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n    return path ?? id\n  }, [path, id])\n\n  const externalValue = useMemo(() => {\n    if (props.value !== emptyValue) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return transformers.current.fromExternal(props.value)\n    }\n\n    if (inIterate && itemPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (itemPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, itemPath)\n        ? pointer.get(iterateElementValue, itemPath)\n        : emptyValue\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        : emptyValue\n    }\n\n    return emptyValue\n  }, [\n    props.value,\n    emptyValue,\n    inIterate,\n    itemPath,\n    dataContext.data,\n    path,\n    iterateElementValue,\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 showErrorRef = useRef<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  // - Local errors are errors based on validation instructions received by\n  const errorMethodRef = useRef<\n    Partial<Record<PersistErrorStateMethod, Error | FormError>>\n  >({})\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 validatorRef = useRef(validator)\n  useUpdateEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n  const onBlurValidatorRef = useRef(onBlurValidator)\n  useUpdateEffect(() => {\n    onBlurValidatorRef.current = onBlurValidator\n  }, [onBlurValidator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? dataContext.ajvInstance?.compile(schema) : undefined\n  )\n\n  // - Async behavior\n  const asyncBehaviorIsEnabled = useMemo(() => {\n    return isAsync(onChange) || isAsync(onChangeContext)\n  }, [onChangeContext, onChange])\n  const validatedWithValue = useRef<Value>()\n  const changeEventResultRef = useRef<EventStateObjectWithSuccess>(null)\n  const currentAsyncProcessRef = useRef<AsyncProcesses>(null)\n  const setCurrentAsyncProcess = useCallback((name: AsyncProcesses) => {\n    currentAsyncProcessRef.current = name\n  }, [])\n\n  // When both an async onChange and async validators are used,\n  // we buffer the onChange calls to avoid race conditions.\n  const asyncBufferRef = useRef<\n    Record<AsyncProcesses, AsyncProcessesBuffer> | Record<string, unknown>\n  >({})\n\n  for (const key in asyncBufferRef.current) {\n    const { fulfill, hasAsyncProcesses } = (asyncBufferRef.current[key] ||\n      {}) as AsyncProcessesBuffer\n    if (hasAsyncProcesses?.() === false) {\n      delete asyncBufferRef.current[key]\n      if (typeof fulfill === 'function') {\n        window.requestAnimationFrame(fulfill)\n      }\n    }\n  }\n\n  const eventPool = useRef({\n    validator: null,\n    onBlurValidator: null,\n    onChangeContext: null,\n    onChangeLocal: null,\n  })\n\n  const addToPool = useCallback(\n    (name: keyof typeof eventPool.current, fn, runAsync) => {\n      if (!eventPool.current[name]) {\n        eventPool.current[name] = { fn, runAsync }\n      }\n    },\n    []\n  )\n\n  const runPool = useCallback(async (cb = null) => {\n    for (const key in eventPool.current) {\n      if (!eventPool.current[key] || eventPool.current[key].pending) {\n        continue\n      }\n\n      const { fn, runAsync } = eventPool.current[key] || {}\n      if (fn) {\n        eventPool.current[key].pending = true\n        eventPool.current[key] = null\n\n        if (runAsync) {\n          await fn()\n        } else {\n          fn()\n        }\n      }\n    }\n\n    cb?.()\n  }, [])\n\n  // Put props into the surrounding data context\n  setPropsDataContext?.(identifier, props)\n\n  const fieldStateRef = useRef<SubmitStateWithValidating>()\n  const setFieldState = useCallback(\n    (state: SubmitStateWithValidating) => {\n      fieldStateRef.current = state\n      setFieldStateDataContext(identifier, resolveValidatingState(state))\n      if (!validateInitially) {\n        forceUpdate()\n      }\n    },\n    [setFieldStateDataContext, identifier, validateInitially]\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    showFieldErrorFieldBlock?.(identifier, true)\n  }, [showFieldErrorFieldBlock, identifier])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    showFieldErrorFieldBlock?.(identifier, false)\n  }, [showFieldErrorFieldBlock, identifier])\n\n  const error =\n    showErrorRef.current ||\n    // If the error is a type error, we want to show it even if the field as not been used\n    localErrorRef.current?.['validationRule'] === 'type'\n      ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n      : undefined\n\n  const hasVisibleError =\n    Boolean(error) || (inFieldBlock && fieldBlockContext.hasErrorProp)\n  const hasError = useCallback(() => {\n    return Boolean(\n      errorProp ?? localErrorRef.current ?? contextErrorRef.current\n    )\n  }, [errorProp])\n\n  const errorMessagesRef = useRef(null)\n  errorMessagesRef.current = useMemo(() => {\n    return {\n      required: tr.fieldErrorRequired,\n      ...errorMessages,\n    }\n  }, [errorMessages, tr.fieldErrorRequired])\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 instanceof FormError) {\n        let message = error.message\n\n        const { validationRule } = error\n        if (typeof validationRule === 'string') {\n          const fieldMessage = errorMessagesRef.current?.[validationRule]\n          if (fieldMessage) {\n            message = fieldMessage\n          }\n        }\n\n        const messageWithValues = Object.entries(\n          error.messageValues ?? {}\n        ).reduce((message, [key, value]) => {\n          return message.replace(`{${key}}`, value)\n        }, message)\n\n        error.message = messageWithValues\n\n        return error\n      }\n\n      return error\n    },\n    []\n  )\n\n  /**\n   * Based on validation, update error state, locally and relevant surrounding contexts\n   */\n  const stateId = useId()\n  const persistErrorState = useCallback(\n    (\n      method: PersistErrorStateMethod,\n      errorArg: Error | FormError | undefined = undefined\n    ) => {\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      if (method === 'wipe') {\n        errorMethodRef.current = {}\n      } else {\n        errorMethodRef.current[method] = error\n      }\n\n      if (\n        !error &&\n        method === 'gracefully' &&\n        Object.keys(errorMethodRef.current).filter(Boolean).length > 0\n      ) {\n        // If the error is removed, we need to check if there are other errors that still should be shown\n        return\n      }\n\n      localErrorRef.current = error\n\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      setFieldErrorDataContext?.(identifier, error)\n\n      // Set the visual states\n      setFieldStateDataContext?.(identifier, error ? 'error' : undefined)\n      setFieldStateFieldBlock?.({\n        stateId,\n        identifier,\n        type: 'error',\n        content: error,\n        showInitially: Boolean(inFieldBlock && validateInitially),\n      })\n\n      forceUpdate()\n    },\n    [\n      prepareError,\n      setFieldErrorDataContext,\n      identifier,\n      setFieldStateDataContext,\n      setFieldStateFieldBlock,\n      stateId,\n      inFieldBlock,\n      validateInitially,\n    ]\n  )\n\n  const clearErrorState = useCallback(() => {\n    persistErrorState('wipe')\n  }, [persistErrorState])\n\n  const callValidator = useCallback(async () => {\n    if (typeof validatorRef.current !== 'function') {\n      return\n    }\n\n    const runAsync = isAsync(validatorRef.current)\n\n    if (runAsync) {\n      setCurrentAsyncProcess('validator')\n      setFieldState('validating')\n      hideError()\n    }\n\n    const opts = {\n      ...contextErrorMessages,\n      ...errorMessagesRef.current,\n    }\n\n    // Run async regardless to support Promise based validators\n    const result = await validatorRef.current(valueRef.current, opts)\n\n    persistErrorState('gracefully', result as Error)\n\n    if (runAsync) {\n      setFieldState(result instanceof Error ? 'error' : 'complete')\n    }\n\n    // Because its a better UX to show the error when the validation is async/delayed\n    if (continuousValidation || runAsync) {\n      // Because we first need to throw the error to be able to display it, we delay the showError call\n      window.requestAnimationFrame(() => {\n        showError()\n        forceUpdate()\n      })\n    }\n\n    return result\n  }, [\n    contextErrorMessages,\n    continuousValidation,\n    hideError,\n    persistErrorState,\n    setCurrentAsyncProcess,\n    setFieldState,\n    showError,\n  ])\n\n  const callOnBlurValidator = useCallback(\n    async ({ valueOverride = null } = {}) => {\n      if (typeof onBlurValidatorRef.current !== 'function') {\n        return\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\n      // Since the validator can return either a synchronous result or an asynchronous\n      const value = transformers.current.toEvent(\n        valueOverride ?? valueRef.current,\n        'onBlurValidator'\n      )\n\n      const runAsync = isAsync(onBlurValidatorRef.current)\n\n      if (runAsync) {\n        setCurrentAsyncProcess('onBlurValidator')\n        setFieldState('validating')\n      }\n\n      // Run async regardless to support Promise based validators\n      const result = await onBlurValidatorRef.current(value)\n\n      persistErrorState('gracefully', result as Error)\n\n      if (runAsync) {\n        setFieldState(result instanceof Error ? 'error' : 'complete')\n      }\n\n      showError()\n      forceUpdate()\n    },\n    [persistErrorState, setCurrentAsyncProcess, setFieldState, showError]\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    if (disabled) {\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n      hideError()\n      setFieldState(undefined)\n      return // stop here\n    }\n\n    const value = valueRef.current\n    changeEventResultRef.current = null\n    validatedWithValue.current = null\n\n    try {\n      // Validate required\n      const requiredError = transformers.current.validateRequired(value, {\n        emptyValue,\n        required,\n        isChanged: changedRef.current,\n        error: new FormError('The value is required', {\n          validationRule: 'required',\n        }),\n      })\n      if (requiredError instanceof Error) {\n        throw requiredError\n      }\n\n      // Validate by provided JSON Schema for this value\n      if (\n        schemaValidatorRef.current &&\n        value !== undefined &&\n        !schemaValidatorRef.current(value)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors,\n          valueRef.current\n        )\n        throw error\n      }\n\n      // Validate by provided derivative validator\n      if (\n        validatorRef.current &&\n        (changedRef.current || validateInitially)\n      ) {\n        const result = await callValidator()\n\n        if (result instanceof Error) {\n          throw result\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n\n      validatedWithValue.current = value\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState('weak', error as Error)\n      }\n    }\n  }, [\n    startProcess,\n    disabled,\n    hideError,\n    setFieldState,\n    clearErrorState,\n    emptyValue,\n    required,\n    validateInitially,\n    callValidator,\n    persistErrorState,\n  ])\n\n  const handleError = useCallback(() => {\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  }, [continuousValidation, hideError, showError])\n\n  const setHasFocus = useCallback(\n    async (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        const value = transformers.current.toEvent(\n          valueOverride ?? valueRef.current,\n          'onFocus'\n        )\n        onFocus?.(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        const value = transformers.current.toEvent(\n          valueOverride ?? valueRef.current,\n          'onBlur'\n        )\n        onBlur?.(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        addToPool(\n          'onBlurValidator',\n          async () => await callOnBlurValidator({ valueOverride }),\n          isAsync(onBlurValidatorRef.current)\n        )\n\n        await runPool(() => {\n          // Since the user left the field, show error (if any)\n          showError()\n          forceUpdate()\n        })\n      }\n    },\n    [\n      addToPool,\n      callOnBlurValidator,\n      onBlur,\n      onFocus,\n      runPool,\n      showError,\n      validateUnchanged,\n    ]\n  )\n\n  // Await an async operation to run after criteria are fulfilled\n  const yieldAsyncProcess = useCallback(\n    async ({\n      name,\n      waitFor,\n      withValidatedValueOf,\n    }: {\n      name: 'onChangeLocal' | 'onChangeContext' | 'onSubmitContext'\n      waitFor: Array<{\n        processName?: AsyncProcesses\n        withStates: Array<SubmitStateWithValidating>\n      }>\n      withValidatedValueOf?: Value\n    }) => {\n      return new Promise<void>((resolve) => {\n        const fulfill = () => {\n          if (\n            typeof withValidatedValueOf === 'undefined' ||\n            // If the value has changed during the async process, we don't want to resolve anymore\n            withValidatedValueOf === validatedWithValue.current\n          ) {\n            resolve()\n          }\n        }\n\n        const hasAsyncProcesses = () => {\n          return waitFor.some(({ processName, withStates }) => {\n            return (\n              (processName\n                ? processName === currentAsyncProcessRef.current\n                : true) &&\n              withStates.some((state) => {\n                return state === fieldStateRef.current\n              })\n            )\n          })\n        }\n\n        if (hasAsyncProcesses() === true) {\n          asyncBufferRef.current[name] = { fulfill, hasAsyncProcesses }\n        } else {\n          fulfill()\n          setFieldState('pending')\n        }\n      })\n    },\n    [setFieldState]\n  )\n\n  const handleChangeEventResult = useCallback(async () => {\n    const result: EventStateObjectWithSuccess =\n      changeEventResultRef.current\n\n    if (typeof result?.error !== 'undefined') {\n      persistErrorState('gracefully', result.error)\n      showError()\n    }\n    if (typeof result?.warning !== 'undefined') {\n      warningRef.current = result.warning\n    }\n    if (typeof result?.info !== 'undefined') {\n      infoRef.current = result.info\n    }\n\n    if (asyncBehaviorIsEnabled) {\n      await yieldAsyncProcess({\n        name: 'onSubmitContext',\n        waitFor: [{ withStates: ['validating'] }],\n      })\n    }\n\n    if (result?.success === 'saved') {\n      setFieldState('success')\n    } else if (result?.error) {\n      setFieldState('error')\n    } else if (asyncBehaviorIsEnabled) {\n      setFieldState('complete')\n    }\n  }, [\n    asyncBehaviorIsEnabled,\n    persistErrorState,\n    setFieldState,\n    showError,\n    yieldAsyncProcess,\n  ])\n\n  const setEventResult = useCallback(\n    (result: EventReturnWithStateObjectAndSuccess) => {\n      if (result instanceof Error) {\n        result = { error: result }\n      }\n      changeEventResultRef.current = {\n        ...changeEventResultRef.current,\n        ...result,\n      } as EventStateObjectWithSuccess\n\n      handleChangeEventResult()\n    },\n    [handleChangeEventResult]\n  )\n\n  const callOnChangeContext = useCallback(async () => {\n    if (asyncBehaviorIsEnabled) {\n      await yieldAsyncProcess({\n        name: 'onChangeContext',\n        withValidatedValueOf: valueRef.current,\n        waitFor: [\n          {\n            processName: 'validator',\n            withStates: ['validating', 'error'],\n          },\n          {\n            processName: 'onBlurValidator',\n            withStates: ['validating', 'error'],\n          },\n        ],\n      })\n    }\n\n    if (path) {\n      if (isAsync(onChangeContext)) {\n        setCurrentAsyncProcess('onChangeContext')\n        setEventResult(\n          (await handlePathChangeDataContext?.(\n            path,\n            valueRef.current\n          )) as EventReturnWithStateObjectAndSuccess\n        )\n      } else {\n        setEventResult(\n          handlePathChangeDataContext?.(\n            path,\n            valueRef.current\n          ) as EventReturnWithStateObjectAndSuccess\n        )\n      }\n    }\n\n    forceUpdate()\n  }, [\n    asyncBehaviorIsEnabled,\n    path,\n    yieldAsyncProcess,\n    onChangeContext,\n    setCurrentAsyncProcess,\n    setEventResult,\n    handlePathChangeDataContext,\n  ])\n\n  const updateValue = useCallback(\n    async (newValue: Value) => {\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\n      valueRef.current = newValue\n\n      addToPool('validator', validateValue, isAsync(validatorRef.current))\n\n      addToPool(\n        'onChangeContext',\n        callOnChangeContext,\n        isAsync(onChangeContext)\n      )\n\n      await runPool(() => {\n        handleError()\n      })\n    },\n    [\n      addToPool,\n      callOnChangeContext,\n      handleError,\n      onChangeContext,\n      runPool,\n      validateValue,\n    ]\n  )\n\n  const handleChange = useCallback(\n    async (\n      argFromInput: Value,\n      additionalArgs: AdditionalEventArgs = undefined\n    ) => {\n      const currentValue = valueRef.current\n      const fromInput = transformers.current.fromInput(argFromInput)\n\n      if (fromInput === currentValue) {\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\n      const transformedValue = transformers.current.transformValue(\n        fromInput,\n        currentValue\n      )\n\n      // Must be set before validation\n      changedRef.current = true\n\n      if (asyncBehaviorIsEnabled) {\n        hideError()\n        await updateValue(transformedValue)\n      } else {\n        updateValue(transformedValue)\n      }\n\n      const getArgs = (): [Value] | [Value, AdditionalEventArgs] => {\n        const value = transformers.current.toEvent(\n          valueRef.current,\n          'onChange'\n        )\n\n        return typeof additionalArgs !== 'undefined'\n          ? [value, additionalArgs]\n          : [value]\n      }\n\n      if (isAsync(onChange)) {\n        addToPool(\n          'onChangeLocal',\n          async () => {\n            const args = getArgs()\n\n            await yieldAsyncProcess({\n              name: 'onChangeLocal',\n              withValidatedValueOf: args[0],\n              waitFor: [\n                {\n                  processName: 'validator',\n                  withStates: ['validating', 'error'],\n                },\n                {\n                  processName: 'onBlurValidator',\n                  withStates: ['validating', 'error'],\n                },\n                {\n                  processName: 'onChangeContext',\n                  withStates: ['pending', 'error'],\n                },\n              ],\n            })\n\n            setCurrentAsyncProcess('onChangeLocal')\n\n            // If the value has changed during the async process, we don't want to call the onChange anymore\n            setEventResult(await onChange?.apply(this, args))\n          },\n          true\n        )\n      } else {\n        setEventResult(onChange?.apply(this, getArgs()))\n      }\n\n      await runPool(() => {\n        if (itemPath) {\n          const iterateValuePath = `/${iterateElementIndex}${\n            itemPath && itemPath !== '/' ? itemPath : ''\n          }`\n          handleIterateElementChange?.(iterateValuePath, valueRef.current)\n        }\n      })\n    },\n    [\n      addToPool,\n      asyncBehaviorIsEnabled,\n      handleIterateElementChange,\n      hideError,\n      itemPath,\n      iterateElementIndex,\n      onChange,\n      runPool,\n      setCurrentAsyncProcess,\n      setEventResult,\n      updateValue,\n      yieldAsyncProcess,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  useMountEffect(() => {\n    dataContext?.handleMountField(identifier)\n\n    validateValue()\n  })\n  useUnmountEffect(() => {\n    dataContext?.handleUnMountField(identifier)\n  })\n\n  useUpdateEffect(() => {\n    schemaValidatorRef.current = schema\n      ? dataContext.ajvInstance?.compile(schema)\n      : undefined\n    validateValue()\n  }, [schema, validateValue])\n\n  useUpdateEffect(() => {\n    // Error or removed error for this field from the surrounding data context (by path)\n    if (valueRef.current !== externalValue) {\n      valueRef.current = externalValue\n      validateValue()\n    }\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 (path) {\n      let value = props.value\n\n      // First, look for existing data in the context\n      const hasValue = pointer.has(dataContext.data, path)\n      const existingValue = hasValue\n        ? pointer.get(dataContext.data, path)\n        : undefined\n\n      // If no data where found in the dataContext, look for shared data\n      if (\n        dataContext.id &&\n        !hasValue &&\n        typeof existingValue === 'undefined' &&\n        typeof value === 'undefined'\n      ) {\n        const sharedState = createSharedState(dataContext.id)\n        const hasValue = pointer.has(sharedState.data, path)\n        if (hasValue) {\n          const sharedValue = pointer.get(sharedState.data, path)\n          if (sharedValue) {\n            value = sharedValue\n          }\n        }\n      }\n\n      if (\n        !hasValue ||\n        (value !== existingValue &&\n          // Prevents an infinite loop by skipping the update if the value hasn't changed\n          valueRef.current !== existingValue)\n      ) {\n        // Update the data context when a pointer not exists,\n        // but was given initially.\n        updateDataValueDataContext?.(path, value)\n        validateDataDataContext?.()\n      }\n    }\n  }, [\n    dataContext.data,\n    dataContext.id,\n    path,\n    props.value,\n    updateDataValueDataContext,\n    validateDataDataContext,\n  ])\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      forceUpdate()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  useEffect(() => {\n    if (\n      dataContext.formState === 'pending' &&\n      (validatorRef.current || onBlurValidatorRef.current)\n    ) {\n      hideError()\n      forceUpdate()\n    }\n  }, [dataContext.formState, hideError])\n\n  const onSubmitHandler = useCallback(async () => {\n    if (hasError()) {\n      return // stop here\n    }\n\n    addToPool('validator', callValidator, isAsync(validatorRef.current))\n    addToPool(\n      'onBlurValidator',\n      callOnBlurValidator,\n      isAsync(onBlurValidatorRef.current)\n    )\n\n    await runPool()\n  }, [addToPool, callOnBlurValidator, callValidator, hasError, runPool])\n\n  // Validate/call validator functions during submit of the form\n  useMountEffect(() => {\n    dataContext?.setFieldEventListener?.(\n      identifier,\n      'onSubmit',\n      onSubmitHandler\n    )\n  })\n\n  // Set the error in the field block context if this field is inside a field block\n  useMountEffect(() => {\n    if (inFieldBlock) {\n      if (errorProp) {\n        setFieldStateFieldBlock?.({\n          identifier,\n          type: 'error',\n          content: errorProp,\n          showInitially: true,\n          show: true,\n        })\n      }\n      if (warning) {\n        setFieldStateFieldBlock?.({\n          identifier,\n          type: 'warning',\n          content: warning,\n          showInitially: true,\n          show: true,\n        })\n      }\n      if (info) {\n        setFieldStateFieldBlock?.({\n          identifier,\n          type: 'info',\n          content: info,\n          showInitially: true,\n          show: true,\n        })\n      }\n\n      return () => {\n        // Unmount procedure\n        if (fieldBlockContext.mountedFieldsRef) {\n          fieldBlockContext.mountedFieldsRef.current[identifier] = true\n        }\n      }\n    }\n  })\n\n  const infoRef = useRef<React.ReactNode>(info)\n  const warningRef = useRef<React.ReactNode>(warning)\n  useUpdateEffect(() => {\n    infoRef.current = info\n    warningRef.current = warning\n    forceUpdate()\n  }, [info, warning])\n\n  // - Handle htmlAttributes\n  const htmlAttributes = useMemo(() => {\n    return Object.keys(props).reduce<AriaAttributes>((acc, cur) => {\n      if (cur.startsWith('aria-') || cur.startsWith('data-')) {\n        acc[cur] = props[cur]\n      }\n      return acc\n    }, {})\n  }, [props])\n\n  if (error) {\n    htmlAttributes['aria-invalid'] = error ? 'true' : 'false'\n  }\n  if (required) {\n    htmlAttributes['aria-required'] = required ? 'true' : 'false'\n  }\n  if (inFieldBlock) {\n    // Mount the field in the field block context\n    if (fieldBlockContext.mountedFieldsRef) {\n      fieldBlockContext.mountedFieldsRef.current[identifier] = true\n    }\n\n    // Check if there are any state IDs to be added to the aria-describedby attribute\n    const stateIds = fieldBlockContext.fieldStateIdsRef?.current\n\n    if (stateIds) {\n      htmlAttributes['aria-describedby'] = combineDescribedBy(\n        htmlAttributes,\n        [\n          error && stateIds.error,\n          warning && stateIds.warning,\n          info && stateIds.info,\n        ].filter(Boolean)\n      )\n    }\n  } else {\n    const ids = [\n      (error || errorProp) && `${id}-form-status--error`,\n      warning && `${id}-form-status--warning`,\n      info && `${id}-form-status--info`,\n    ].filter(Boolean)\n\n    if (ids.length) {\n      htmlAttributes['aria-describedby'] = combineDescribedBy(\n        htmlAttributes,\n        ids\n      )\n    }\n  }\n\n  const fieldBlockProps = {\n    /** Documented APIs */\n    info: !inFieldBlock ? infoRef.current : undefined,\n    warning: !inFieldBlock ? warningRef.current : undefined,\n    error: !inFieldBlock ? error : undefined,\n\n    /** HTML Attributes */\n    disabled:\n      onBlurValidator &&\n      currentAsyncProcessRef.current === 'onBlurValidator' &&\n      fieldStateRef.current === 'validating'\n        ? true\n        : disabled,\n\n    /** Internal */\n    fieldState: resolveValidatingState(fieldStateRef.current),\n  }\n\n  const sharedData = useSharedState(id)\n  sharedData.set(fieldBlockProps)\n\n  return {\n    ...props,\n    ...fieldBlockProps,\n\n    /** HTML Attributes */\n    name: props.name || props.path?.replace('/', '') || id,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : undefined),\n\n    /** Documented APIs */\n    id,\n    value: transformers.current.toInput(valueRef.current),\n    hasError: hasVisibleError,\n    isChanged: changedRef.current,\n    htmlAttributes,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n\n    /** Internal */\n    dataContext,\n  }\n}\n\nexport interface ReturnAdditional<Value> {\n  /** Documented APIs */\n  value: Value\n  isChanged: boolean\n  htmlAttributes: AriaAttributes | DataAttributes\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: (\n    value: Value,\n    additionalArgs?: AdditionalEventArgs\n  ) => void\n  updateValue: (value: Value) => void\n  forceUpdate: () => void\n\n  /** Internal */\n  dataContext: ContextState\n  fieldState: SubmitState\n}\n\nexport function omitFieldProps<\n  Props extends FieldProps<unknown> & ReturnAdditional<unknown>,\n>(props: Props) {\n  // Do not include typical HTML attributes\n  const {\n    /** Documented APIs */\n    name, // eslint-disable-line\n    error, // eslint-disable-line\n    warning, // eslint-disable-line\n    info, // eslint-disable-line\n    hasError, // eslint-disable-line\n    isChanged, // eslint-disable-line\n    htmlAttributes, // eslint-disable-line\n    setHasFocus, // eslint-disable-line\n    handleFocus, // eslint-disable-line\n    handleBlur, // eslint-disable-line\n    handleChange, // eslint-disable-line\n    updateValue, // eslint-disable-line\n    forceUpdate, // eslint-disable-line\n\n    /** HTML Attributes */\n    autoComplete, // eslint-disable-line\n\n    /** Internal */\n    dataContext, // eslint-disable-line\n    fieldState, // eslint-disable-line\n    ...restProps\n  } = props\n\n  return restProps\n}\n\nfunction resolveValidatingState(state: SubmitStateWithValidating) {\n  return state === 'validating' ? 'pending' : state\n}\n"],"mappings":"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"}

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

@@ -402,8 +402,8 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-button-row {
   display: flex;
   flex-flow: row;
-  -moz-column-gap: var(--spacing-small);
-       column-gap: var(--spacing-small);
+  flex-wrap: wrap;
+  gap: var(--spacing-small);
 }
 .dnb-card + .dnb-forms-button-row:not([class*=space__top]) {
   margin-top: var(--spacing-small);
@@ -442,6 +442,105 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   margin-bottom: var(--spacing-small);
 }
 
+/*
+ * Utilities
+ */
+.dnb-form-submit-indicator {
+  display: inline;
+  --padding-left: 0.5em;
+}
+.dnb-form-submit-indicator__content {
+  font-size: 0;
+  line-height: 1em;
+  will-change: font-size;
+  transition: font-size 800ms var(--easing-default);
+}
+.dnb-form-submit-indicator__content b {
+  padding-left: 0.125em;
+  color: var(--dots-color, currentColor);
+  opacity: 0.2;
+  animation-name: submit-indicator-dot;
+  animation-iteration-count: infinite;
+  animation-duration: 1.3s;
+  animation-delay: 200ms;
+}
+.dnb-form-submit-indicator__content b:nth-of-type(1) {
+  padding-left: var(--padding-left);
+  animation-delay: 50ms;
+}
+.dnb-form-submit-indicator__content b:nth-of-type(2) {
+  animation-delay: 200ms;
+}
+.dnb-form-submit-indicator__content b:nth-of-type(3) {
+  animation-delay: 400ms;
+}
+html[data-visual-test] .dnb-form-submit-indicator__content b {
+  animation: none;
+}
+.dnb-form-submit-indicator--state-pending .dnb-form-submit-indicator__content {
+  font-size: 1em;
+  font-weight: var(--font-weight-bold);
+}
+.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content {
+  font-size: 1em;
+}
+.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon {
+  padding-left: var(--padding-left);
+  color: var(--color-success-green);
+}
+.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon--default {
+  font-size: 1em;
+}
+.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content__label {
+  font-size: var(--font-size-small);
+  padding-left: calc(var(--padding-left) * 2);
+}
+.dnb-form-submit-indicator--inline-wrap .dnb-form-submit-indicator__content {
+  display: flex;
+  --padding-left: 0.25em;
+}
+
+@keyframes submit-indicator-dot {
+  0% {
+    opacity: 0.2;
+  }
+  15% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  60% {
+    opacity: 0.3;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}
+@keyframes submit-indicator-success {
+  0% {
+    opacity: 0.2;
+    font-size: 1em;
+  }
+  20% {
+    opacity: 1;
+    font-size: 1em;
+  }
+  80% {
+    opacity: 1;
+  }
+  85% {
+    opacity: 0.3;
+    font-size: 1em;
+  }
+  90% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+    font-size: 0;
+  }
+}
 /*
  * Utilities
  */
@@ -461,11 +560,16 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   margin-bottom: 2rem;
 }
 .dnb-forms-steps-layout__contents {
-  flex: 1 0 25rem;
+  flex: 1 0 auto;
 }
 .dnb-forms-steps-layout__contents .dnb-card {
   --border-color: var(--color-pistachio);
 }
+@media screen and (min-width: 40em) {
+  .dnb-forms-steps-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-steps-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
+    margin-left: var(--spacing-medium);
+  }
+}
 @media screen and (max-width: 60em) {
   .dnb-forms-steps-layout {
     flex-direction: column;

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

@@ -1 +1 @@
-.dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls{--border-color:var(--number-control-button-border-color);--border-width:0.0625rem;border-color:transparent;border-radius:.25rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover:not([disabled]){--border-color:var(--number-control-button-border-color);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:focus-within{--border-color:var(--number-control-button-border-color--focus);--border-width:var(--number-control-button-border-width--focus);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input__shell{border-radius:0;box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover:not([disabled]){box-shadow:none}.dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none;outline:initial}html[data-whatinput=""] .dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error{--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover:not([disabled]){--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-input__status--error:not([data-input-state=disabled]):not(:hover):not(:active) .dnb-input__shell{box-shadow:none}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover:not([disabled]){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-input[data-input-state=disabled] .dnb-input__shell{box-shadow:none}.dnb-input[data-input-state=disabled] .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.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__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}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{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.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:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.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__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.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-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.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(+.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(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-steps-layout__contents{flex:1 0 25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}.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-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}
+.dnb-forms-field-array-selection--layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls{--border-color:var(--number-control-button-border-color);--border-width:0.0625rem;border-color:transparent;border-radius:.25rem;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls:hover:not([disabled]){--border-color:var(--number-control-button-border-color);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls:focus-within{--border-color:var(--number-control-button-border-color--focus);--border-width:var(--number-control-button-border-width--focus);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input__shell{border-radius:0;box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-input__shell:hover:not([disabled]){box-shadow:none}.dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none;outline:initial}html[data-whatinput=""] .dnb-forms-field-number__contents--has-controls .dnb-input:not([data-input-state=disabled]):not(:active)[data-input-state=focus] .dnb-input__shell{box-shadow:none}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error{--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error:hover:not([disabled]){--border-color:var(--number-control-button--error);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-input__status--error:not([data-input-state=disabled]):not(:hover):not(:active) .dnb-input__shell{box-shadow:none}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--has-error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled:hover:not([disabled]){--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-input[data-input-state=disabled] .dnb-input__shell{box-shadow:none}.dnb-input[data-input-state=disabled] .dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled{--border-color:var(--color-black-55);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-forms-field-number__contents--is-disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.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__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}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{width:100%}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.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:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.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__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.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-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.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(+.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(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-submit-indicator{--padding-left:0.5em;display:inline}.dnb-form-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-form-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-form-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-form-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-form-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-form-submit-indicator__content b{animation:none}.dnb-form-submit-indicator--state-pending .dnb-form-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content{font-size:1em}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-form-submit-indicator--state-success .dnb-form-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-form-submit-indicator--inline-wrap .dnb-form-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-steps-layout__contents{flex:1 0 auto}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (min-width:40em){.dnb-forms-steps-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-steps-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}.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-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}

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

@@ -1,12 +1,13 @@
 import type { SpacingProps } from '../../components/space/types';
-import type { JSONSchema7 } from 'json-schema';
+import type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema';
 import type { JSONSchemaType } from 'ajv/dist/2020';
+import { JsonObject } from 'json-pointer';
 import { AriaAttributes } from 'react';
 export type * from 'json-schema';
 export type JSONSchema = JSONSchema7;
-export type AllJSONSchemaVersions = JSONSchema7 | JSONSchemaType<unknown>;
+export type AllJSONSchemaVersions = JSONSchema4 | JSONSchema6 | JSONSchema7 | JSONSchemaType<unknown>;
 export { JSONSchemaType };
-type ValidationRule = string | string[];
+type ValidationRule = 'type' | 'pattern' | 'required' | string;
 type MessageValues = Record<string, string>;
 interface IFormErrorOptions {
     validationRule?: ValidationRule;
@@ -55,7 +56,7 @@ export interface DataValueWriteProps<Value = unknown, EmptyValue = undefined | s
     emptyValue?: EmptyValue;
     onFocus?: (value: Value | EmptyValue) => void;
     onBlur?: (value: Value | EmptyValue) => void;
-    onChange?: (value: Value | EmptyValue, additionalArgs?: AdditionalEventArgs) => void;
+    onChange?: OnChangeValue<Value, EmptyValue>;
 }
 export declare function pickDataValueWriteProps<Props extends DataValueWriteProps>(props: Props): DataValueWriteProps;
 export declare function omitDataValueWriteProps<Props extends DataValueWriteProps>(props: Props): Omit<DataValueWriteProps, keyof DataValueWriteProps>;
@@ -90,8 +91,8 @@ export interface FieldProps<Value = unknown, EmptyValue = undefined | string, Er
     trim?: boolean;
     required?: boolean;
     schema?: AllJSONSchemaVersions;
-    validator?: (value: Value | EmptyValue, errorMessages?: ErrorMessages) => Error | undefined | Promise<Error | undefined>;
-    onBlurValidator?: (value: Value | EmptyValue) => Error | undefined | Promise<Error | undefined>;
+    validator?: (value: Value | EmptyValue, errorMessages?: ErrorMessages) => Error | undefined | void | Promise<Error | undefined | void>;
+    onBlurValidator?: (value: Value | EmptyValue) => Error | undefined | void | Promise<Error | undefined | void>;
     /**
      * Should error messages based on validation be shown initially (from given value-prop or source data)
      * before the user interacts with the field?
@@ -139,3 +140,65 @@ export interface ValueProps<Value> extends DataValueReadComponentProps<Value> {
 }
 export type Path = string;
 export type Identifier = string;
+export type SubmitState = 'pending' | 'complete' | 'success' | 'error' | 'abort';
+/**
+ * Provide a error that shows in the FormStatus of a field.
+ */
+type EventStateObjectError = Error;
+/**
+ * Provide a warning that shows in the FormStatus of a field.
+ */
+type EventStateObjectWarning = React.ReactNode;
+/**
+ * Provide an info that shows in the FormStatus of a field.
+ */
+type EventStateObjectInfo = React.ReactNode;
+/**
+ * Provide a status that will enforce the form to stay in pending state
+ */
+type EventStateObjectStatus = 'pending';
+/**
+ * Provide a success state that will show an indicator on the related field label
+ */
+type EventStateObjectSuccess = 'saved';
+/**
+ * Provide an error or status messages that shows in the FormStatus of a field
+ */
+export type EventStateObjectOr = {
+    error?: EventStateObjectError;
+    warning?: EventStateObjectWarning;
+    info?: EventStateObjectInfo;
+    pending?: EventStateObjectStatus;
+};
+export type EventStateObjectEitherOr = {
+    error: EventStateObjectError;
+} | {
+    warning: EventStateObjectWarning;
+} | {
+    info: EventStateObjectInfo;
+} | {
+    status: EventStateObjectStatus;
+};
+export type EventStateObject = EventStateObjectOr & EventStateObjectEitherOr;
+/**
+ * Provide 'saved' to indicate the data has been saved successfully. Can not be combined with `error`.
+ */
+export type EventStateObjectWithSuccess = EventStateObjectOr & {
+    success?: EventStateObjectSuccess;
+} & (EventStateObjectEitherOr | {
+    success: EventStateObjectSuccess;
+});
+/**
+ * Provide an error or status messages that shows in the FormStatus of a field
+ */
+export type EventReturnWithStateObject = Error | EventStateObject;
+export type EventReturnWithStateObjectAndSuccess = Error | EventStateObjectWithSuccess;
+export type OnSubmitParams = {
+    /** Will remove browser-side stored autocomplete data  */
+    resetForm: () => void;
+    /** Will empty the whole internal data set of the form  */
+    clearData: () => void;
+};
+export type OnSubmit<Data = JsonObject> = (data: Partial<Data>, { resetForm, clearData }: OnSubmitParams) => EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
+export type OnChange<Data = unknown> = (data: Data) => EventReturnWithStateObjectAndSuccess | void | Promise<EventReturnWithStateObjectAndSuccess | void>;
+export type OnChangeValue<Value = unknown, EmptyValue = undefined | string> = (value: Value | EmptyValue, additionalArgs?: AdditionalEventArgs) => EventReturnWithStateObjectAndSuccess | void | Promise<EventReturnWithStateObjectAndSuccess | void>;

package/es/extensions/forms/types.js

@@ -5,8 +5,9 @@ export class FormError extends Error {
     _defineProperty(this, "validationRule", void 0);
     _defineProperty(this, "messageValues", void 0);
     if (options) {
-      this.validationRule = options.validationRule;
-      this.messageValues = options.messageValues;
+      for (const key in options) {
+        this[key] = options[key];
+      }
     }
   }
 }

package/es/extensions/forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","validationRule","messageValues","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","key","includes","omitDataValueReadProps","dataValueWriteProps","pickDataValueWriteProps","omitDataValueWriteProps","pickDataValueReadWriteProps","omitDataValueReadWriteProps"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { SpacingProps } from '../../components/space/types'\nimport type { JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { AriaAttributes } from 'react'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersions = JSONSchema7 | JSONSchemaType<unknown>\nexport { JSONSchemaType }\n\ntype ValidationRule = string | string[]\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} characters\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      this.validationRule = options.validationRule\n      this.messageValues = options.messageValues\n    }\n  }\n}\n\n/**\n * Accept any key, so custom message keys can be used\n */\nexport type CustomErrorMessages = Record<string, string>\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type CustomErrorMessagesWithPaths =\n  | CustomErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: CustomErrorMessages\n    }\n\nexport interface DefaultErrorMessages {\n  required?: string\n  pattern?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: (\n    value: Value | EmptyValue,\n    additionalArgs?: AdditionalEventArgs\n  ) => void\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type AdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport interface FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  /** ID added to the actual field component, and linked to the label via for-attribute */\n  id?: string\n  name?: string\n  layout?: 'horizontal' | 'vertical'\n  /** Main label text */\n  label?: React.ReactNode\n  /** A more discreet text displayed beside the label */\n  labelDescription?: React.ReactNode\n  /** Text showing in place of the value if no value is given */\n  placeholder?: string\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  info?: React.ReactNode\n  warning?: React.ReactNode\n  error?: Error | FormError\n  hasError?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n  capitalize?: boolean\n  trim?: boolean\n  // Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions\n  validator?: (\n    value: Value | EmptyValue,\n    errorMessages?: ErrorMessages\n  ) => Error | undefined | Promise<Error | undefined>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /** Should validation be done while writing, not just when blurring the field? */\n  continuousValidation?: boolean\n  errorMessages?: ErrorMessages\n  // Derivatives\n  toInput?: (external: Value | unknown) => Value | unknown\n  fromInput?: (external: Value | unknown) => Value\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n  fromExternal?: (external: Value) => Value\n  transformValue?: (value: Value, currentValue?: Value) => Value\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n}\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    content?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  label?: string\n  /** Field label to show above the data value. */\n  showEmpty?: boolean\n  /** Text showing in place of the value if no value is given. */\n  placeholder?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: string\n  /** For showing the value inline (not as a block element) */\n  inline?: boolean\n  // Derivatives\n  /** Prepare value for display (regardless of source like props or data context) */\n  prepare?: (external: Value | undefined) => string\n}\n\nexport type Path = string\nexport type Identifier = string\n"],"mappings":";AAqBA,OAAO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAYnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,IAAI,CAACE,cAAc,GAAGF,OAAO,CAACE,cAAc;MAC5C,IAAI,CAACC,aAAa,GAAGH,OAAO,CAACG,aAAa;IAC5C;EACF;AACF;AA+BA,MAAMC,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAExD,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KACvCP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CACjC,CACF,CAAC;AACH;AAEA,OAAO,SAASE,sBAAsBA,CACpCP,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAC7C,CACF,CAAC;AACH;AAeA,MAAMG,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCT,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KACvCG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASK,uBAAuBA,CACrCV,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CAC9C,CACF,CAAC;AACH;AAOA,OAAO,SAASM,2BAA2BA,CAEzCX,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KACJP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAAC,IAChCG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CACpC,CACF,CAAC;AACH;AAEA,OAAO,SAASO,2BAA2BA,CAGzCZ,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KACJ,CAACP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAAC,IACjC,CAACG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CACrC,CACF,CAAC;AACH"}
+{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","key","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","includes","omitDataValueReadProps","dataValueWriteProps","pickDataValueWriteProps","omitDataValueWriteProps","pickDataValueReadWriteProps","omitDataValueReadWriteProps"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { SpacingProps } from '../../components/space/types'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject } from 'json-pointer'\nimport { AriaAttributes } from 'react'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersions =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<unknown>\nexport { JSONSchemaType }\n\ntype ValidationRule = 'type' | 'pattern' | 'required' | string\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} characters\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      for (const key in options) {\n        this[key] = options[key]\n      }\n    }\n  }\n}\n\n/**\n * Accept any key, so custom message keys can be used\n */\nexport type CustomErrorMessages = Record<string, string>\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type CustomErrorMessagesWithPaths =\n  | CustomErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: CustomErrorMessages\n    }\n\nexport interface DefaultErrorMessages {\n  required?: string\n  pattern?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: OnChangeValue<Value, EmptyValue>\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type AdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport interface FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | string,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  /** ID added to the actual field component, and linked to the label via for-attribute */\n  id?: string\n  name?: string\n  layout?: 'horizontal' | 'vertical'\n  /** Main label text */\n  label?: React.ReactNode\n  /** A more discreet text displayed beside the label */\n  labelDescription?: React.ReactNode\n  /** Text showing in place of the value if no value is given */\n  placeholder?: string\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  info?: React.ReactNode\n  warning?: React.ReactNode\n  error?: Error | FormError\n  hasError?: boolean\n  disabled?: boolean\n  readOnly?: boolean\n  capitalize?: boolean\n  trim?: boolean\n  // Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions\n  validator?: (\n    value: Value | EmptyValue,\n    errorMessages?: ErrorMessages\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /** Should validation be done while writing, not just when blurring the field? */\n  continuousValidation?: boolean\n  errorMessages?: ErrorMessages\n  // Derivatives\n  toInput?: (external: Value | unknown) => Value | unknown\n  fromInput?: (external: Value | unknown) => Value\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n  fromExternal?: (external: Value) => Value\n  transformValue?: (value: Value, currentValue?: Value) => Value\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n}\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    content?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  label?: string\n  /** Field label to show above the data value. */\n  showEmpty?: boolean\n  /** Text showing in place of the value if no value is given. */\n  placeholder?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: string\n  /** For showing the value inline (not as a block element) */\n  inline?: boolean\n  // Derivatives\n  /** Prepare value for display (regardless of source like props or data context) */\n  prepare?: (external: Value | undefined) => string\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Can not be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Partial<Data>,\n  { resetForm, clearData }: OnSubmitParams\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = unknown> = (\n  data: Data\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n\nexport type OnChangeValue<\n  Value = unknown,\n  EmptyValue = undefined | string,\n> = (\n  value: Value | EmptyValue,\n  additionalArgs?: AdditionalEventArgs\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":";AA0BA,OAAO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAYnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,KAAK,MAAME,GAAG,IAAIF,OAAO,EAAE;QACzB,IAAI,CAACE,GAAG,CAAC,GAAGF,OAAO,CAACE,GAAG,CAAC;MAC1B;IACF;EACF;AACF;AA+BA,MAAMC,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAExD,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACP,GAAG,CAAC,KACvCC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CACjC,CACF,CAAC;AACH;AAEA,OAAO,SAASS,sBAAsBA,CACpCN,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KAAK,CAACC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAC7C,CACF,CAAC;AACH;AAYA,MAAMU,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCR,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACP,GAAG,CAAC,KACvCU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASY,uBAAuBA,CACrCT,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KAAK,CAACU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CAC9C,CACF,CAAC;AACH;AAOA,OAAO,SAASa,2BAA2BA,CAEzCV,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KACJC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAAC,IAChCU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CACpC,CACF,CAAC;AACH;AAEA,OAAO,SAASc,2BAA2BA,CAGzCX,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KACJ,CAACC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAAC,IACjC,CAACU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CACrC,CACF,CAAC;AACH"}

package/es/extensions/forms/utils/ajv.d.ts

@@ -1,5 +1,5 @@
 import ajvInstance, { ErrorObject } from 'ajv/dist/2020';
-import { FormError } from '../types';
+import { FormError, Path } from '../types';
 import type Ajv from 'ajv/dist/2020';
 export type AjvInstance = typeof ajvInstance;
 export { ajvInstance, Ajv };
@@ -19,7 +19,7 @@ export declare function makeAjvInstance(instance?: Ajv): ajvInstance;
  * @param ajvError - The Ajv error object.
  * @returns The instance path of the error.
  */
-export declare function getInstancePath(ajvError: ErrorObject): string;
+export declare function getInstancePath(ajvError: ErrorObject): Path;
 /**
  * Retrieves the validation rule from an AJV error object.
  * If the error object has an 'errorMessage' keyword, it unwraps the original error
@@ -46,10 +46,12 @@ export declare function ajvErrorToFormError(ajvError: ErrorObject): FormError;
  * @param errors - An array of Ajv errors.
  * @returns A single FormError or undefined if there are no errors.
  */
-export declare function ajvErrorsToOneFormError(errors?: ErrorObject[] | null): FormError | undefined;
+export declare function ajvErrorsToOneFormError(errors?: ErrorObject[] | null, value?: unknown): FormError | undefined;
 /**
- * Transform errors from ajv-validation into a record of errors (path as key, error as value)
- * @param errors
- * @returns
+ * Converts AJV validation errors to form errors.
+ *
+ * @param errors - The array of AJV validation errors.
+ * @param data - The data object being validated.
+ * @returns The converted form errors as a record of path and form error pairs.
  */
-export declare const ajvErrorsToFormErrors: (errors?: ErrorObject[] | null) => Record<string, FormError>;
+export declare const ajvErrorsToFormErrors: (errors?: ErrorObject[] | null, data?: Record<Path, unknown>) => Record<string, FormError>;