@dnb/eufemia 10.22.0 → 10.24.0

package/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","_ref2","_this","_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","_ref","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","arguments","length","pending","fieldStateRef","state","resolveValidatingState","showError","hideError","hasVisibleError","hasErrorProp","hasError","_ref3","errorMessagesRef","_objectSpread","fieldErrorRequired","prepareError","_error$messageValues","message","validationRule","_errorMessagesRef$cur","fieldMessage","messageWithValues","Object","entries","messageValues","reduce","_ref4","replace","stateId","persistErrorState","method","errorArg","keys","filter","type","content","showInitially","clearErrorState","callValidator","opts","result","callOnBlurValidator","valueOverride","validateValue","isProcessActive","requiredError","isChanged","handleError","setHasFocus","hasFocus","yieldAsyncProcess","_ref5","waitFor","withValidatedValueOf","Promise","resolve","some","_ref6","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/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/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/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/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/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","_ref","key","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"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":"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"}
+{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","key","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"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":"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"}

package/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>;