@dnb/eufemia 10.19.0 → 10.20.0

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

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajv","ajvErrorsToOneFormError","FormError","Context","FieldBlockContext","IterateElementContext","useMountEffect","useUpdateEffect","useProcessManager","useId","useDataValue","props","_this","_ref3","_props$path","_props$autoComplete","path","itemPath","emptyValue","required","error","errorProp","errorMessages","onFocus","onBlur","onChange","onBlurValidator","validator","schema","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","toEvent","transformValue","fromExternal","validateRequired","_ref","res","undefined","forceUpdate","startProcess","id","dataContext","fieldBlockContext","iterateElementContext","transformers","handlePathChange","dataContextHandlePathChange","updateDataValue","dataContextUpdateDataValue","setValueWithError","dataContextSetValueWithError","errors","dataContextErrors","dataContextError","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","current","has","get","data","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","validatorRef","schemaValidatorRef","compile","showError","hideError","prepareError","_errorMessagesRef$cur","_error$messageValues","message","validationRule","messageWithValues","Object","entries","messageValues","reduce","_ref2","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","requiredError","isChanged","_validatorRef$current","call","showAllErrors","hasValue","handleError","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","updateValue","newValue","argFromInput","additionalArgs","arguments","length","currentValue","apply","iterateValuePath","handleFocus","handleBlur","handleMountField","handleUnMountField","ariaAttributes","String","_objectSpread","name","hasError","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps, AdditionalEventArgs } from '../types'\nimport { Context, ContextState } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\nimport useId from './useId'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  hasError: boolean\n  dataContext: ContextState\n  ariaAttributes: {\n    'aria-invalid'?: 'true' | 'false'\n    'aria-required'?: 'true' | 'false'\n  }\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n  updateValue: (value: Value) => void\n  forceUpdate: () => void\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    itemPath,\n    emptyValue,\n    required,\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      return res\n    },\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { startProcess } = useProcessManager()\n  const id = useId(props.id)\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const transformers = useRef({\n    toInput,\n    fromInput,\n    toEvent,\n    fromExternal,\n    transformValue,\n    validateRequired,\n  })\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    updateDataValue: dataContextUpdateDataValue,\n    setValueWithError: dataContextSetValueWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (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 !== undefined) {\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        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    props.value,\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 showErrorInitially = validateInitially || errorProp\n  // - Local errors are errors based on validation instructions received by\n  const localErrorRef = useRef<Error | FormError | undefined>()\n  // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n  const contextErrorRef = useRef<Error | FormError | undefined>(\n    dataContextError\n  )\n\n  const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n  const errorMessagesRef = useRef(errorMessages)\n  useEffect(() => {\n    errorMessagesRef.current = errorMessages\n  }, [errorMessages])\n  const validatorRef = useRef(validator)\n  useEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? ajv.compile(schema) : undefined\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    setShowFieldBlockError?.(path ?? id, true)\n  }, [path, id, setShowFieldBlockError])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    setShowFieldBlockError?.(path ?? id, false)\n  }, [path, id, setShowFieldBlockError])\n\n  /**\n   * Prepare error from validation logic with correct error messages based on props\n   */\n  const prepareError = useCallback(\n    (error: Error | FormError | undefined): FormError | undefined => {\n      if (error === undefined) {\n        return\n      }\n\n      if (error instanceof FormError) {\n        const message =\n          (typeof error.validationRule === 'string' &&\n            errorMessagesRef.current?.[error.validationRule]) ||\n          error.message\n\n        const messageWithValues = Object.entries(\n          error.messageValues ?? {}\n        ).reduce((message, [key, value]) => {\n          return message.replace(`{${key}}`, value)\n        }, message)\n\n        return new FormError(messageWithValues)\n      }\n\n      return error\n    },\n    []\n  )\n\n  /**\n   * Based on validation, update error state, locally and relevant surrounding contexts\n   */\n  const persistErrorState = useCallback(\n    (errorArg: FormError | undefined) => {\n      const error = prepareError(errorArg)\n\n      if (!errorChanged(error, localErrorRef.current)) {\n        // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n        // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n        return\n      }\n\n      localErrorRef.current = error\n\n      // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n      dataContextSetValueWithError?.(identifier, Boolean(error))\n\n      setFieldBlockError?.(path ?? id, error)\n      forceUpdate()\n    },\n    [\n      path,\n      identifier,\n      id,\n      prepareError,\n      dataContextSetValueWithError,\n      setFieldBlockError,\n      forceUpdate,\n    ]\n  )\n\n  const clearErrorState = useCallback(\n    () => persistErrorState(undefined),\n    [persistErrorState]\n  )\n\n  /**\n   * Validate the current state value by provided validator instructions\n   */\n  const validateValue = useCallback(async () => {\n    const isProcessActive = startProcess()\n\n    try {\n      // Validate required\n      const requiredError = transformers.current.validateRequired(\n        valueRef.current,\n        {\n          emptyValue,\n          required,\n          isChanged: changedRef.current,\n          error: new FormError('The value is required', {\n            validationRule: 'required',\n          }),\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        valueRef.current !== undefined &&\n        !schemaValidatorRef.current(valueRef.current)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors\n        )\n        throw error\n      }\n\n      // Validate by provided derivative validator\n      if (validatorRef.current) {\n        const res = await validatorRef.current?.(\n          valueRef.current,\n          errorMessagesRef.current\n        )\n        if (res instanceof Error) {\n          throw res\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState(error as Error)\n      }\n    }\n  }, [\n    startProcess,\n    emptyValue,\n    required,\n    clearErrorState,\n    persistErrorState,\n  ])\n\n  useUpdateEffect(() => {\n    schemaValidatorRef.current = schema ? ajv.compile(schema) : 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    valueRef.current = externalValue\n    validateValue()\n    forceUpdate()\n  }, [externalValue, validateValue])\n\n  useEffect(() => {\n    const error = prepareError(dataContextError)\n    if (errorChanged(error, contextErrorRef.current)) {\n      contextErrorRef.current = error\n      forceUpdate()\n    }\n  }, [dataContextError, prepareError])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      showError()\n      forceUpdate()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  useEffect(() => {\n    if (path && typeof props.value !== 'undefined') {\n      const hasValue = pointer.has(dataContext.data, path)\n      const value = hasValue\n        ? pointer.get(dataContext.data, path)\n        : undefined\n      if (\n        !hasValue ||\n        (props.value !== value && valueRef.current !== value)\n      ) {\n        // Update the data context when a pointer not exists,\n        // but was given initially.\n        dataContextUpdateDataValue?.(path, props.value)\n      }\n    }\n  }, [dataContext.data, dataContextUpdateDataValue, path, props.value])\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    (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        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          const value = transformers.current.toEvent(\n            valueOverride ?? valueRef.current,\n            'onBlurValidator'\n          )\n          Promise.resolve(onBlurValidator(value)).then(persistErrorState)\n        }\n\n        // Since the user left the field, show error (if any)\n        showError()\n        forceUpdate()\n      }\n    },\n    [\n      onBlur,\n      onBlurValidator,\n      onFocus,\n      persistErrorState,\n      showError,\n      validateUnchanged,\n    ]\n  )\n\n  const updateValue = useCallback(\n    (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      // Always validate the value immediately when it is changed\n      validateValue()\n\n      handleError()\n\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n\n      forceUpdate()\n    },\n    [dataContextHandlePathChange, handleError, path, validateValue]\n  )\n\n  const handleChange = useCallback(\n    (\n      argFromInput: Value,\n      additionalArgs: AdditionalEventArgs = undefined\n    ) => {\n      const currentValue = valueRef.current\n      let newValue = transformers.current.fromInput(argFromInput)\n\n      if (newValue === 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      newValue = transformers.current.transformValue(\n        newValue,\n        currentValue\n      )\n\n      updateValue(newValue)\n\n      changedRef.current = true\n\n      const value = transformers.current.toEvent(newValue, 'onChange')\n      onChange?.apply(\n        this,\n        typeof additionalArgs !== 'undefined'\n          ? [value, additionalArgs]\n          : [value]\n      )\n\n      if (itemPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          itemPath && itemPath !== '/' ? itemPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      updateValue,\n      onChange,\n      itemPath,\n      iterateElementIndex,\n      handleIterateElementChange,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  useMountEffect(() => {\n    dataContext?.handleMountField(identifier)\n\n    validateValue()\n\n    if (showErrorInitially) {\n      showError()\n    }\n\n    return () => {\n      // Unmount procedure\n      dataContext?.handleUnMountField(identifier)\n    }\n  })\n\n  const error = showErrorRef.current\n    ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n    : undefined\n\n  const ariaAttributes = {}\n  if (error) {\n    ariaAttributes['aria-invalid'] = String(Boolean(error))\n  }\n  if (required) {\n    ariaAttributes['aria-required'] = String(required)\n  }\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: transformers.current.toInput(valueRef.current),\n    error: !inFieldBlock ? error : undefined,\n    hasError: Boolean(error),\n    isChanged: changedRef.current,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    ariaAttributes,\n    dataContext,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n  }\n}\n"],"mappings":";;;;;AAAA,SACEA,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,UAAU,QACL,OAAO;AACd,OAAOC,OAAO,MAAM,cAAc;AAElC,SAASC,YAAY,QAAQ,UAAU;AACvC,OAAOC,GAAG,IAAIC,uBAAuB,QAAQ,cAAc;AAC3D,SAASC,SAAS,QAAyC,UAAU;AACrE,SAASC,OAAO,QAAsB,gBAAgB;AACtD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,qBAAqB,MAAM,kCAAkC;AACpE,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,KAAK,MAAM,SAAS;AAoB3B,eAAe,SAASC,YAAYA,CAGlCC,KAAY,EAAmC;EAAA,IAAAC,KAAA;IAAAC,KAAA;IAAAC,WAAA;IAAAC,mBAAA;EAC/C,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTC,MAAM;IACNC,iBAAiB;IACjBC,iBAAiB;IACjBC,oBAAoB;IACpBC,OAAO,GAAIC,KAAY,IAAKA,KAAK;IACjCC,SAAS,GAAID,KAAY,IAAKA,KAAK;IACnCE,OAAO,GAAIF,KAAY,IAAKA,KAAK;IACjCG,cAAc,GAAIH,KAAY,IAAKA,KAAK;IACxCI,YAAY,GAAIJ,KAAY,IAAKA,KAAK;IACtCK,gBAAgB,GAAGA,CAACL,KAAY,EAAAM,IAAA,KAAsC;MAAA,IAApC;QAAErB,UAAU;QAAEC,QAAQ;QAAEC;MAAM,CAAC,GAAAmB,IAAA;MAC/D,MAAMC,GAAG,GACPrB,QAAQ,KACPc,KAAK,KAAKf,UAAU,IAClB,OAAOA,UAAU,KAAK,WAAW,IAAIe,KAAK,KAAK,EAAG,CAAC,GAClDb,KAAK,GACLqB,SAAS;MACf,OAAOD,GAAG;IACZ;EACF,CAAC,GAAG7B,KAAK;EAET,MAAM,GAAG+B,WAAW,CAAC,GAAG7C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAE8C;EAAa,CAAC,GAAGnC,iBAAiB,CAAC,CAAC;EAC5C,MAAMoC,EAAE,GAAGnC,KAAK,CAACE,KAAK,CAACiC,EAAE,CAAC;EAC1B,MAAMC,WAAW,GAAGnD,UAAU,CAACS,OAAO,CAAC;EACvC,MAAM2C,iBAAiB,GAAGpD,UAAU,CAACU,iBAAiB,CAAC;EACvD,MAAM2C,qBAAqB,GAAGrD,UAAU,CAACW,qBAAqB,CAAC;EAE/D,MAAM2C,YAAY,GAAGxD,MAAM,CAAC;IAC1BwC,OAAO;IACPE,SAAS;IACTC,OAAO;IACPE,YAAY;IACZD,cAAc;IACdE;EACF,CAAC,CAAC;EAEF,MAAM;IACJW,gBAAgB,EAAEC,2BAA2B;IAC7CC,eAAe,EAAEC,0BAA0B;IAC3CC,iBAAiB,EAAEC,4BAA4B;IAC/CC,MAAM,EAAEC;EACV,CAAC,GAAGX,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,CAAC,CAAC;EACrB,MAAMY,gBAAgB,GAAGzC,IAAI,GAAGwC,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAGxC,IAAI,CAAC,GAAGyB,SAAS;EACrE,MAAMiB,YAAY,GAAGC,OAAO,CAACb,iBAAiB,CAAC;EAC/C,MAAM;IACJc,QAAQ,EAAEC,kBAAkB;IAC5BC,YAAY,EAAEC;EAChB,CAAC,GAAGjB,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,CAAC,CAAC;EAC3B,MAAMkB,SAAS,GAAGL,OAAO,CAACZ,qBAAqB,CAAC;EAChD,MAAM;IACJkB,KAAK,EAAEC,mBAAmB;IAC1BjC,KAAK,EAAEkC,mBAAmB;IAC1BC,YAAY,EAAEC;EAChB,CAAC,GAAGtB,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE/B,IAAI/B,IAAI,IAAIA,IAAI,CAACsD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE;IACxC,MAAM,IAAIC,KAAK,CACb,oFACF,CAAC;EACH;EACA,IAAItD,QAAQ,IAAIA,QAAQ,CAACqD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE;IAChD,MAAM,IAAIC,KAAK,CACb,oGACF,CAAC;EACH;EACA,IAAItD,QAAQ,IAAI,CAAC8B,qBAAqB,EAAE;IACtC,MAAM,IAAIwB,KAAK,CACb,4GACF,CAAC;EACH;EAEA,MAAMC,UAAU,GAAG5E,OAAO,CAAC,MAAM;IAE/B,OAAOoB,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI4B,EAAE;EACnB,CAAC,EAAE,CAAC5B,IAAI,EAAE4B,EAAE,CAAC,CAAC;EAEd,MAAM6B,aAAa,GAAG7E,OAAO,CAAC,MAAM;IAClC,IAAIe,KAAK,CAACsB,KAAK,KAAKQ,SAAS,EAAE;MAE7B,OAAOO,YAAY,CAAC0B,OAAO,CAACrC,YAAY,CAAC1B,KAAK,CAACsB,KAAK,CAAC;IACvD;IAEA,IAAI+B,SAAS,IAAI/C,QAAQ,EAAE;MAEzB,IAAIA,QAAQ,KAAK,GAAG,EAAE;QACpB,OAAOkD,mBAAmB;MAC5B;MAEA,OAAOrE,OAAO,CAAC6E,GAAG,CAACR,mBAAmB,EAAElD,QAAQ,CAAC,GAC7CnB,OAAO,CAAC8E,GAAG,CAACT,mBAAmB,EAAElD,QAAQ,CAAC,GAC1CwB,SAAS;IACf;IAEA,IAAII,WAAW,CAACgC,IAAI,IAAI7D,IAAI,EAAE;MAE5B,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAO6B,WAAW,CAACgC,IAAI;MACzB;MAEA,OAAO/E,OAAO,CAAC6E,GAAG,CAAC9B,WAAW,CAACgC,IAAI,EAAE7D,IAAI,CAAC,GACtClB,OAAO,CAAC8E,GAAG,CAAC/B,WAAW,CAACgC,IAAI,EAAE7D,IAAI,CAAC,GACnCyB,SAAS;IACf;IACA,OAAOA,SAAS;EAClB,CAAC,EAAE,CACD9B,KAAK,CAACsB,KAAK,EACX+B,SAAS,EACT/C,QAAQ,EACR4B,WAAW,CAACgC,IAAI,EAChB7D,IAAI,EACJmD,mBAAmB,CACpB,CAAC;EAOF,MAAMW,QAAQ,GAAGtF,MAAM,CAAQiF,aAAa,CAAC;EAC7C,MAAMM,UAAU,GAAGvF,MAAM,CAAU,KAAK,CAAC;EACzC,MAAMwF,WAAW,GAAGxF,MAAM,CAAU,KAAK,CAAC;EAK1C,MAAMyF,kBAAkB,GAAGpD,iBAAiB,IAAIR,SAAS;EAEzD,MAAM6D,aAAa,GAAG1F,MAAM,CAAgC,CAAC;EAE7D,MAAM2F,eAAe,GAAG3F,MAAM,CAC5BiE,gBACF,CAAC;EAED,MAAM2B,YAAY,GAAG5F,MAAM,CAAUmE,OAAO,CAACsB,kBAAkB,CAAC,CAAC;EACjE,MAAMI,gBAAgB,GAAG7F,MAAM,CAAC8B,aAAa,CAAC;EAC9C7B,SAAS,CAAC,MAAM;IACd4F,gBAAgB,CAACX,OAAO,GAAGpD,aAAa;EAC1C,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EACnB,MAAMgE,YAAY,GAAG9F,MAAM,CAACmC,SAAS,CAAC;EACtClC,SAAS,CAAC,MAAM;IACd6F,YAAY,CAACZ,OAAO,GAAG/C,SAAS;EAClC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAM4D,kBAAkB,GAAG/F,MAAM,CAC/BoC,MAAM,GAAG5B,GAAG,CAACwF,OAAO,CAAC5D,MAAM,CAAC,GAAGa,SACjC,CAAC;EAED,MAAMgD,SAAS,GAAG9F,WAAW,CAAC,MAAM;IAClCyF,YAAY,CAACV,OAAO,GAAG,IAAI;IAC3BX,sBAAsB,aAAtBA,sBAAsB,uBAAtBA,sBAAsB,CAAG/C,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI4B,EAAE,EAAE,IAAI,CAAC;EAC5C,CAAC,EAAE,CAAC5B,IAAI,EAAE4B,EAAE,EAAEmB,sBAAsB,CAAC,CAAC;EAEtC,MAAM2B,SAAS,GAAG/F,WAAW,CAAC,MAAM;IAClCyF,YAAY,CAACV,OAAO,GAAG,KAAK;IAC5BX,sBAAsB,aAAtBA,sBAAsB,uBAAtBA,sBAAsB,CAAG/C,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI4B,EAAE,EAAE,KAAK,CAAC;EAC7C,CAAC,EAAE,CAAC5B,IAAI,EAAE4B,EAAE,EAAEmB,sBAAsB,CAAC,CAAC;EAKtC,MAAM4B,YAAY,GAAGhG,WAAW,CAC7ByB,KAAoC,IAA4B;IAC/D,IAAIA,KAAK,KAAKqB,SAAS,EAAE;MACvB;IACF;IAEA,IAAIrB,KAAK,YAAYlB,SAAS,EAAE;MAAA,IAAA0F,qBAAA,EAAAC,oBAAA;MAC9B,MAAMC,OAAO,GACV,OAAO1E,KAAK,CAAC2E,cAAc,KAAK,QAAQ,MAAAH,qBAAA,GACvCP,gBAAgB,CAACX,OAAO,cAAAkB,qBAAA,uBAAxBA,qBAAA,CAA2BxE,KAAK,CAAC2E,cAAc,CAAC,KAClD3E,KAAK,CAAC0E,OAAO;MAEf,MAAME,iBAAiB,GAAGC,MAAM,CAACC,OAAO,EAAAL,oBAAA,GACtCzE,KAAK,CAAC+E,aAAa,cAAAN,oBAAA,cAAAA,oBAAA,GAAI,CAAC,CAC1B,CAAC,CAACO,MAAM,CAAC,CAACN,OAAO,EAAAO,KAAA,KAAmB;QAAA,IAAjB,CAACC,GAAG,EAAErE,KAAK,CAAC,GAAAoE,KAAA;QAC7B,OAAOP,OAAO,CAACS,OAAO,CAAE,IAAGD,GAAI,GAAE,EAAErE,KAAK,CAAC;MAC3C,CAAC,EAAE6D,OAAO,CAAC;MAEX,OAAO,IAAI5F,SAAS,CAAC8F,iBAAiB,CAAC;IACzC;IAEA,OAAO5E,KAAK;EACd,CAAC,EACD,EACF,CAAC;EAKD,MAAMoF,iBAAiB,GAAG7G,WAAW,CAClC8G,QAA+B,IAAK;IACnC,MAAMrF,KAAK,GAAGuE,YAAY,CAACc,QAAQ,CAAC;IAEpC,IAAI,CAAC1G,YAAY,CAACqB,KAAK,EAAE8D,aAAa,CAACR,OAAO,CAAC,EAAE;MAG/C;IACF;IAEAQ,aAAa,CAACR,OAAO,GAAGtD,KAAK;IAG7BkC,4BAA4B,aAA5BA,4BAA4B,uBAA5BA,4BAA4B,CAAGkB,UAAU,EAAEb,OAAO,CAACvC,KAAK,CAAC,CAAC;IAE1DyC,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAG7C,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI4B,EAAE,EAAExB,KAAK,CAAC;IACvCsB,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CACE1B,IAAI,EACJwD,UAAU,EACV5B,EAAE,EACF+C,YAAY,EACZrC,4BAA4B,EAC5BO,kBAAkB,EAClBnB,WAAW,CAEf,CAAC;EAED,MAAMgE,eAAe,GAAG/G,WAAW,CACjC,MAAM6G,iBAAiB,CAAC/D,SAAS,CAAC,EAClC,CAAC+D,iBAAiB,CACpB,CAAC;EAKD,MAAMG,aAAa,GAAGhH,WAAW,CAAC,YAAY;IAC5C,MAAMiH,eAAe,GAAGjE,YAAY,CAAC,CAAC;IAEtC,IAAI;MAEF,MAAMkE,aAAa,GAAG7D,YAAY,CAAC0B,OAAO,CAACpC,gBAAgB,CACzDwC,QAAQ,CAACJ,OAAO,EAChB;QACExD,UAAU;QACVC,QAAQ;QACR2F,SAAS,EAAE/B,UAAU,CAACL,OAAO;QAC7BtD,KAAK,EAAE,IAAIlB,SAAS,CAAC,uBAAuB,EAAE;UAC5C6F,cAAc,EAAE;QAClB,CAAC;MACH,CACF,CAAC;MACD,IAAIc,aAAa,YAAYtC,KAAK,EAAE;QAClC,MAAMsC,aAAa;MACrB;MAGA,IACEtB,kBAAkB,CAACb,OAAO,IAC1BI,QAAQ,CAACJ,OAAO,KAAKjC,SAAS,IAC9B,CAAC8C,kBAAkB,CAACb,OAAO,CAACI,QAAQ,CAACJ,OAAO,CAAC,EAC7C;QACA,MAAMtD,KAAK,GAAGnB,uBAAuB,CACnCsF,kBAAkB,CAACb,OAAO,CAACnB,MAC7B,CAAC;QACD,MAAMnC,KAAK;MACb;MAGA,IAAIkE,YAAY,CAACZ,OAAO,EAAE;QAAA,IAAAqC,qBAAA;QACxB,MAAMvE,GAAG,GAAG,QAAAuE,qBAAA,GAAMzB,YAAY,CAACZ,OAAO,cAAAqC,qBAAA,uBAApBA,qBAAA,CAAAC,IAAA,CAAA1B,YAAY,EAC5BR,QAAQ,CAACJ,OAAO,EAChBW,gBAAgB,CAACX,OACnB,CAAC;QACD,IAAIlC,GAAG,YAAY+B,KAAK,EAAE;UACxB,MAAM/B,GAAG;QACX;MACF;MAEA,IAAIoE,eAAe,CAAC,CAAC,EAAE;QACrBF,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC,OAAOtF,KAAc,EAAE;MACvB,IAAIwF,eAAe,CAAC,CAAC,EAAE;QACrBJ,iBAAiB,CAACpF,KAAc,CAAC;MACnC;IACF;EACF,CAAC,EAAE,CACDuB,YAAY,EACZzB,UAAU,EACVC,QAAQ,EACRuF,eAAe,EACfF,iBAAiB,CAClB,CAAC;EAEFjG,eAAe,CAAC,MAAM;IACpBgF,kBAAkB,CAACb,OAAO,GAAG9C,MAAM,GAAG5B,GAAG,CAACwF,OAAO,CAAC5D,MAAM,CAAC,GAAGa,SAAS;IACrEkE,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAAC/E,MAAM,EAAE+E,aAAa,CAAC,CAAC;EAE3BpG,eAAe,CAAC,MAAM;IAEpBuE,QAAQ,CAACJ,OAAO,GAAGD,aAAa;IAChCkC,aAAa,CAAC,CAAC;IACfjE,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAAC+B,aAAa,EAAEkC,aAAa,CAAC,CAAC;EAElClH,SAAS,CAAC,MAAM;IACd,MAAM2B,KAAK,GAAGuE,YAAY,CAAClC,gBAAgB,CAAC;IAC5C,IAAI1D,YAAY,CAACqB,KAAK,EAAE+D,eAAe,CAACT,OAAO,CAAC,EAAE;MAChDS,eAAe,CAACT,OAAO,GAAGtD,KAAK;MAC/BsB,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACe,gBAAgB,EAAEkC,YAAY,CAAC,CAAC;EAEpClG,SAAS,CAAC,MAAM;IACd,IAAIoD,WAAW,CAACoE,aAAa,EAAE;MAG7BxB,SAAS,CAAC,CAAC;MACX/C,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACG,WAAW,CAACoE,aAAa,EAAExB,SAAS,CAAC,CAAC;EAE1ChG,SAAS,CAAC,MAAM;IACd,IAAIuB,IAAI,IAAI,OAAOL,KAAK,CAACsB,KAAK,KAAK,WAAW,EAAE;MAC9C,MAAMiF,QAAQ,GAAGpH,OAAO,CAAC6E,GAAG,CAAC9B,WAAW,CAACgC,IAAI,EAAE7D,IAAI,CAAC;MACpD,MAAMiB,KAAK,GAAGiF,QAAQ,GAClBpH,OAAO,CAAC8E,GAAG,CAAC/B,WAAW,CAACgC,IAAI,EAAE7D,IAAI,CAAC,GACnCyB,SAAS;MACb,IACE,CAACyE,QAAQ,IACRvG,KAAK,CAACsB,KAAK,KAAKA,KAAK,IAAI6C,QAAQ,CAACJ,OAAO,KAAKzC,KAAM,EACrD;QAGAmB,0BAA0B,aAA1BA,0BAA0B,uBAA1BA,0BAA0B,CAAGpC,IAAI,EAAEL,KAAK,CAACsB,KAAK,CAAC;MACjD;IACF;EACF,CAAC,EAAE,CAACY,WAAW,CAACgC,IAAI,EAAEzB,0BAA0B,EAAEpC,IAAI,EAAEL,KAAK,CAACsB,KAAK,CAAC,CAAC;EAErE,MAAMkF,WAAW,GAAGxH,WAAW,CAAC,MAAM;IACpC,IACEoC,oBAAoB,IACnBA,oBAAoB,KAAK,KAAK,IAAI,CAACiD,WAAW,CAACN,OAAQ,EACxD;MAIAe,SAAS,CAAC,CAAC;IACb,CAAC,MAAM;MAELC,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EAAE,CAAC3D,oBAAoB,EAAE2D,SAAS,EAAED,SAAS,CAAC,CAAC;EAEhD,MAAM2B,WAAW,GAAGzH,WAAW,CAC7B,CAAC0H,QAAiB,EAAEC,aAAqB,KAAK;IAC5C,IAAID,QAAQ,EAAE;MAEZrC,WAAW,CAACN,OAAO,GAAG,IAAI;MAC1B,MAAMzC,KAAK,GAAGe,YAAY,CAAC0B,OAAO,CAACvC,OAAO,CACxCmF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIxC,QAAQ,CAACJ,OAAO,EACjC,SACF,CAAC;MACDnD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGU,KAAK,CAAC;IAClB,CAAC,MAAM;MAEL+C,WAAW,CAACN,OAAO,GAAG,KAAK;MAC3B,MAAMzC,KAAK,GAAGe,YAAY,CAAC0B,OAAO,CAACvC,OAAO,CACxCmF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIxC,QAAQ,CAACJ,OAAO,EACjC,QACF,CAAC;MACDlD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGS,KAAK,CAAC;MAEf,IAAI,CAAC8C,UAAU,CAACL,OAAO,IAAI,CAAC5C,iBAAiB,EAAE;QAG7C;MACF;MAIA,IAAI,OAAOJ,eAAe,KAAK,UAAU,EAAE;QAEzC,MAAMO,KAAK,GAAGe,YAAY,CAAC0B,OAAO,CAACvC,OAAO,CACxCmF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIxC,QAAQ,CAACJ,OAAO,EACjC,iBACF,CAAC;QACD6C,OAAO,CAACC,OAAO,CAAC9F,eAAe,CAACO,KAAK,CAAC,CAAC,CAACwF,IAAI,CAACjB,iBAAiB,CAAC;MACjE;MAGAf,SAAS,CAAC,CAAC;MACX/C,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EACD,CACElB,MAAM,EACNE,eAAe,EACfH,OAAO,EACPiF,iBAAiB,EACjBf,SAAS,EACT3D,iBAAiB,CAErB,CAAC;EAED,MAAM4F,WAAW,GAAG/H,WAAW,CAC5BgI,QAAe,IAAK;IACnB,IAAIA,QAAQ,KAAK7C,QAAQ,CAACJ,OAAO,EAAE;MAGjC;IACF;IAEAI,QAAQ,CAACJ,OAAO,GAAGiD,QAAQ;IAG3BhB,aAAa,CAAC,CAAC;IAEfQ,WAAW,CAAC,CAAC;IAEb,IAAInG,IAAI,EAAE;MACRkC,2BAA2B,aAA3BA,2BAA2B,uBAA3BA,2BAA2B,CAAGlC,IAAI,EAAE2G,QAAQ,CAAC;IAC/C;IAEAjF,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CAACQ,2BAA2B,EAAEiE,WAAW,EAAEnG,IAAI,EAAE2F,aAAa,CAChE,CAAC;EAED,MAAMvC,YAAY,GAAGzE,WAAW,CAC9B,UACEiI,YAAmB,EAEhB;IAAA,IADHC,cAAmC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAArF,SAAA,GAAAqF,SAAA,MAAGrF,SAAS;IAE/C,MAAMuF,YAAY,GAAGlD,QAAQ,CAACJ,OAAO;IACrC,IAAIiD,QAAQ,GAAG3E,YAAY,CAAC0B,OAAO,CAACxC,SAAS,CAAC0F,YAAY,CAAC;IAE3D,IAAID,QAAQ,KAAKK,YAAY,EAAE;MAG7B;IACF;IAEAL,QAAQ,GAAG3E,YAAY,CAAC0B,OAAO,CAACtC,cAAc,CAC5CuF,QAAQ,EACRK,YACF,CAAC;IAEDN,WAAW,CAACC,QAAQ,CAAC;IAErB5C,UAAU,CAACL,OAAO,GAAG,IAAI;IAEzB,MAAMzC,KAAK,GAAGe,YAAY,CAAC0B,OAAO,CAACvC,OAAO,CAACwF,QAAQ,EAAE,UAAU,CAAC;IAChElG,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEwG,KAAK,CACbrH,KAAI,EACJ,OAAOiH,cAAc,KAAK,WAAW,GACjC,CAAC5F,KAAK,EAAE4F,cAAc,CAAC,GACvB,CAAC5F,KAAK,CACZ,CAAC;IAED,IAAIhB,QAAQ,EAAE;MACZ,MAAMiH,gBAAgB,GAAI,IAAGhE,mBAAoB,GAC/CjD,QAAQ,IAAIA,QAAQ,KAAK,GAAG,GAAGA,QAAQ,GAAG,EAC3C,EAAC;MACFoD,0BAA0B,aAA1BA,0BAA0B,uBAA1BA,0BAA0B,CAAG6D,gBAAgB,EAAEP,QAAQ,CAAC;IAC1D;EACF,CAAC,EACD,CACED,WAAW,EACXjG,QAAQ,EACRR,QAAQ,EACRiD,mBAAmB,EACnBG,0BAA0B,CAE9B,CAAC;EAED,MAAM8D,WAAW,GAAGxI,WAAW,CAAC,MAAMyH,WAAW,CAAC,IAAI,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEvE,MAAMgB,UAAU,GAAGzI,WAAW,CAAC,MAAMyH,WAAW,CAAC,KAAK,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEvE9G,cAAc,CAAC,MAAM;IACnBuC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEwF,gBAAgB,CAAC7D,UAAU,CAAC;IAEzCmC,aAAa,CAAC,CAAC;IAEf,IAAI1B,kBAAkB,EAAE;MACtBQ,SAAS,CAAC,CAAC;IACb;IAEA,OAAO,MAAM;MAEX5C,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEyF,kBAAkB,CAAC9D,UAAU,CAAC;IAC7C,CAAC;EACH,CAAC,CAAC;EAEF,MAAMpD,KAAK,GAAGgE,YAAY,CAACV,OAAO,IAAA7D,KAAA,GAC9BQ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI6D,aAAa,CAACR,OAAO,cAAA7D,KAAA,cAAAA,KAAA,GAAIsE,eAAe,CAACT,OAAO,GAC7DjC,SAAS;EAEb,MAAM8F,cAAc,GAAG,CAAC,CAAC;EACzB,IAAInH,KAAK,EAAE;IACTmH,cAAc,CAAC,cAAc,CAAC,GAAGC,MAAM,CAAC7E,OAAO,CAACvC,KAAK,CAAC,CAAC;EACzD;EACA,IAAID,QAAQ,EAAE;IACZoH,cAAc,CAAC,eAAe,CAAC,GAAGC,MAAM,CAACrH,QAAQ,CAAC;EACpD;EAEA,OAAAsH,aAAA,CAAAA,aAAA,KACK9H,KAAK;IACRiC,EAAE;IACF8F,IAAI,EAAE/H,KAAK,CAAC+H,IAAI,MAAA5H,WAAA,GAAIH,KAAK,CAACK,IAAI,cAAAF,WAAA,uBAAVA,WAAA,CAAYyF,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,KAAI3D,EAAE;IACtDX,KAAK,EAAEe,YAAY,CAAC0B,OAAO,CAAC1C,OAAO,CAAC8C,QAAQ,CAACJ,OAAO,CAAC;IACrDtD,KAAK,EAAE,CAACsC,YAAY,GAAGtC,KAAK,GAAGqB,SAAS;IACxCkG,QAAQ,EAAEhF,OAAO,CAACvC,KAAK,CAAC;IACxB0F,SAAS,EAAE/B,UAAU,CAACL,OAAO;IAC7BkE,YAAY,GAAA7H,mBAAA,GACVJ,KAAK,CAACiI,YAAY,cAAA7H,mBAAA,cAAAA,mBAAA,GACjB8B,WAAW,CAAC+F,YAAY,KAAK,IAAI,GAAG,IAAI,GAAG,KAAM;IACpDL,cAAc;IACd1F,WAAW;IACXuE,WAAW;IACXe,WAAW;IACXC,UAAU;IACVhE,YAAY;IACZsD,WAAW;IACXhF;EAAW;AAEf"}
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajvErrorsToOneFormError","FormError","Context","SharedContext","FieldBlockContext","IterateElementContext","useMountEffect","useUpdateEffect","useProcessManager","useId","useDataValue","props","_props$disabled","_dataContext$ajvInsta","_this","_ref3","_props$path","_props$autoComplete","path","itemPath","emptyValue","required","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","dataContextHandlePathChange","updateDataValue","dataContextUpdateDataValue","validateData","dataContextValidateData","setValueWithError","dataContextSetValueWithError","setProps","dataContextSetProps","errors","dataContextErrors","contextErrorMessages","dataContextError","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","current","has","get","data","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","validatorRef","schemaValidatorRef","ajvInstance","compile","showError","hideError","errorMessagesRef","_objectSpread","fieldErrorRequired","prepareError","_error$messageValues","message","validationRule","_errorMessagesRef$cur","fieldMessage","messageWithValues","Object","entries","messageValues","reduce","_ref2","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","requiredError","isChanged","_validatorRef$current","call","_dataContext$ajvInsta2","showAllErrors","hasValue","existingValue","handleError","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","updateValue","newValue","argFromInput","additionalArgs","arguments","length","currentValue","apply","iterateValuePath","handleFocus","handleBlur","handleMountField","handleUnMountField","ariaAttributes","String","name","hasError","autoComplete","omitDataValueProps","restProps","_objectWithoutProperties","_excluded","freeze"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv/dist/2020'\nimport { errorChanged } from '../utils'\nimport { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps, AdditionalEventArgs } from '../types'\nimport { Context, ContextState } from '../DataContext'\nimport SharedContext from '../../../shared/Context'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\nimport useId from './useId'\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    itemPath,\n    emptyValue,\n    required,\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      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(Context)\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: dataContextHandlePathChange,\n    updateDataValue: dataContextUpdateDataValue,\n    validateData: dataContextValidateData,\n    setValueWithError: dataContextSetValueWithError,\n    setProps: dataContextSetProps,\n    errors: dataContextErrors,\n    contextErrorMessages,\n  } = dataContext ?? {}\n\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (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 !== undefined) {\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        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    props.value,\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 showErrorInitially = validateInitially || errorProp\n  // - Local errors are errors based on validation instructions received by\n  const localErrorRef = useRef<Error | FormError | undefined>()\n  // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n  const contextErrorRef = useRef<Error | FormError | undefined>(\n    dataContextError\n  )\n\n  // Put props into the surrounding data context\n  dataContextSetProps?.(identifier, props)\n\n  const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n  const validatorRef = useRef(validator)\n  useUpdateEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? dataContext.ajvInstance?.compile(schema) : undefined\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    setShowFieldBlockError?.(path ?? id, true)\n  }, [path, id, setShowFieldBlockError])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    setShowFieldBlockError?.(path ?? id, false)\n  }, [path, id, setShowFieldBlockError])\n\n  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 === undefined) {\n        return\n      }\n\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        return new FormError(messageWithValues)\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 persistErrorState = useCallback(\n    (errorArg: FormError | undefined) => {\n      const error = prepareError(errorArg)\n\n      if (!errorChanged(error, localErrorRef.current)) {\n        // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n        // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n        return\n      }\n\n      localErrorRef.current = error\n\n      // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n      dataContextSetValueWithError?.(identifier, Boolean(error))\n\n      setFieldBlockError?.(path ?? id, error)\n      forceUpdate()\n    },\n    [\n      path,\n      identifier,\n      id,\n      prepareError,\n      dataContextSetValueWithError,\n      setFieldBlockError,\n      forceUpdate,\n    ]\n  )\n\n  const clearErrorState = useCallback(\n    () => persistErrorState(undefined),\n    [persistErrorState]\n  )\n\n  /**\n   * Validate the current state value by provided validator instructions\n   */\n  const validateValue = useCallback(async () => {\n    const isProcessActive = startProcess()\n\n    if (disabled) {\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n      hideError()\n      return\n    }\n\n    try {\n      // Validate required\n      const requiredError = transformers.current.validateRequired(\n        valueRef.current,\n        {\n          emptyValue,\n          required,\n          isChanged: changedRef.current,\n          error: new FormError('The value is required', {\n            validationRule: 'required',\n          }),\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        valueRef.current !== undefined &&\n        !schemaValidatorRef.current(valueRef.current)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors\n        )\n        throw error\n      }\n\n      // Validate by provided derivative validator\n      if (validatorRef.current) {\n        const res = await validatorRef.current?.(valueRef.current, {\n          ...contextErrorMessages,\n          ...errorMessagesRef.current,\n        })\n        if (res instanceof Error) {\n          throw res\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState(error as Error)\n      }\n    }\n  }, [\n    startProcess,\n    disabled,\n    hideError,\n    clearErrorState,\n    emptyValue,\n    required,\n    contextErrorMessages,\n    persistErrorState,\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    valueRef.current = externalValue\n    validateValue()\n    forceUpdate()\n  }, [externalValue, validateValue])\n\n  useEffect(() => {\n    const error = prepareError(dataContextError)\n    if (errorChanged(error, contextErrorRef.current)) {\n      contextErrorRef.current = error\n      forceUpdate()\n    }\n  }, [dataContextError, prepareError])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      showError()\n      forceUpdate()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  useEffect(() => {\n    if (path) {\n      const hasValue = pointer.has(dataContext.data, path)\n      const existingValue = hasValue\n        ? pointer.get(dataContext.data, path)\n        : undefined\n\n      if (\n        !hasValue ||\n        (props.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        dataContextUpdateDataValue?.(path, props.value, { disabled })\n        dataContextValidateData?.()\n      }\n    }\n  }, [\n    dataContext.data,\n    dataContextUpdateDataValue,\n    dataContextValidateData,\n    disabled,\n    path,\n    props.value,\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    (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        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          const value = transformers.current.toEvent(\n            valueOverride ?? valueRef.current,\n            'onBlurValidator'\n          )\n          Promise.resolve(onBlurValidator(value)).then(persistErrorState)\n        }\n\n        // Since the user left the field, show error (if any)\n        showError()\n        forceUpdate()\n      }\n    },\n    [\n      onBlur,\n      onBlurValidator,\n      onFocus,\n      persistErrorState,\n      showError,\n      validateUnchanged,\n    ]\n  )\n\n  const updateValue = useCallback(\n    (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      // Always validate the value immediately when it is changed\n      validateValue()\n\n      handleError()\n\n      if (path) {\n        // setTimeout(() => {\n        dataContextHandlePathChange?.(path, newValue)\n        // forceUpdate()\n        // }, 1e3)\n      }\n\n      forceUpdate()\n    },\n    [dataContextHandlePathChange, handleError, path, validateValue]\n  )\n\n  const handleChange = useCallback(\n    (\n      argFromInput: Value,\n      additionalArgs: AdditionalEventArgs = undefined\n    ) => {\n      const currentValue = valueRef.current\n      let newValue = transformers.current.fromInput(argFromInput)\n\n      if (newValue === 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      newValue = transformers.current.transformValue(\n        newValue,\n        currentValue\n      )\n\n      updateValue(newValue)\n\n      changedRef.current = true\n\n      const value = transformers.current.toEvent(newValue, 'onChange')\n      onChange?.apply(\n        this,\n        typeof additionalArgs !== 'undefined'\n          ? [value, additionalArgs]\n          : [value]\n      )\n\n      if (itemPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          itemPath && itemPath !== '/' ? itemPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      updateValue,\n      onChange,\n      itemPath,\n      iterateElementIndex,\n      handleIterateElementChange,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  useMountEffect(() => {\n    dataContext?.handleMountField(identifier)\n\n    validateValue()\n\n    if (showErrorInitially) {\n      showError()\n    }\n\n    return () => {\n      // Unmount procedure\n      dataContext?.handleUnMountField(identifier)\n    }\n  })\n\n  const error = showErrorRef.current\n    ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n    : undefined\n\n  const ariaAttributes = {}\n  if (error) {\n    ariaAttributes['aria-invalid'] = String(Boolean(error))\n  }\n  if (required) {\n    ariaAttributes['aria-required'] = String(required)\n  }\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: transformers.current.toInput(valueRef.current),\n    error: !inFieldBlock ? error : undefined,\n    hasError: Boolean(error),\n    isChanged: changedRef.current,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    disabled,\n    ariaAttributes,\n    dataContext,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n  }\n}\n\ninterface ReturnAdditional<Value> {\n  id: string\n  name: string\n  value: Value\n  error: Error | FormError | undefined\n  autoComplete: HTMLInputElement['autocomplete']\n  disabled: boolean\n  hasError: boolean\n  isChanged: boolean\n  dataContext: ContextState\n  ariaAttributes: {\n    'aria-invalid'?: 'true' | 'false'\n    'aria-required'?: 'true' | 'false'\n  }\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n  updateValue: (value: Value) => void\n  forceUpdate: () => void\n}\n\nexport function omitDataValueProps<\n  OmittedProps extends ReturnAdditional<unknown>,\n>(props: OmittedProps) {\n  // Do not include typical HTML attributes\n  const {\n    name,\n    error,\n    hasError,\n    isChanged,\n    autoComplete,\n    ariaAttributes,\n    dataContext,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n    ...restProps\n  } = props\n  return Object.freeze(restProps) as Omit<\n    OmittedProps,\n    keyof ReturnAdditional<unknown>\n  >\n}\n"],"mappings":"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"}

package/extensions/forms/hooks/useErrorMessage.d.ts

@@ -0,0 +1,10 @@
+import { DefaultErrorMessages, CustomErrorMessagesWithPaths } from '../types';
+/**
+ * Custom hook that retrieves error messages based on the provided path and error configurations.
+ *
+ * @param path - The path to the error messages in the configuration.
+ * @param errorMessages - Custom error messages with paths.
+ * @param defaultErrorMessages - Default error messages.
+ * @returns An object containing the merged error messages.
+ */
+export default function useErrorMessage(path: string, errorMessages: DefaultErrorMessages | CustomErrorMessagesWithPaths, defaultErrorMessages: Record<string, string>): any;

package/extensions/forms/hooks/useErrorMessage.js

@@ -0,0 +1,15 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useContext, useMemo } from 'react';
+import Context from '../DataContext/Context';
+export default function useErrorMessage(path, errorMessages, defaultErrorMessages) {
+  const context = useContext(Context);
+  return useMemo(() => {
+    const fromContext = context === null || context === void 0 ? void 0 : context.contextErrorMessages;
+    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultErrorMessages), fromContext), fromContext === null || fromContext === void 0 ? void 0 : fromContext[path]), errorMessages);
+  }, [context === null || context === void 0 ? void 0 : context.contextErrorMessages, path, defaultErrorMessages, errorMessages]);
+}
+//# sourceMappingURL=useErrorMessage.js.map

package/extensions/forms/hooks/useErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorMessage.js","names":["useContext","useMemo","Context","useErrorMessage","path","errorMessages","defaultErrorMessages","context","fromContext","contextErrorMessages","_objectSpread"],"sources":["../../../../../src/extensions/forms/hooks/useErrorMessage.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport {\n  DefaultErrorMessages,\n  CustomErrorMessagesWithPaths,\n} from '../types'\nimport Context from '../DataContext/Context'\n\n/**\n * Custom hook that retrieves error messages based on the provided path and error configurations.\n *\n * @param path - The path to the error messages in the configuration.\n * @param errorMessages - Custom error messages with paths.\n * @param defaultErrorMessages - Default error messages.\n * @returns An object containing the merged error messages.\n */\nexport default function useErrorMessage(\n  path: string,\n  errorMessages: DefaultErrorMessages | CustomErrorMessagesWithPaths,\n  defaultErrorMessages: Record<string, string>\n) {\n  const context = useContext(Context)\n\n  return useMemo(() => {\n    const fromContext = context?.contextErrorMessages\n    return {\n      ...defaultErrorMessages,\n      ...fromContext,\n      ...fromContext?.[path],\n      ...errorMessages,\n    }\n  }, [\n    context?.contextErrorMessages,\n    path,\n    defaultErrorMessages,\n    errorMessages,\n  ])\n}\n"],"mappings":";;;;;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAK3C,OAAOC,OAAO,MAAM,wBAAwB;AAU5C,eAAe,SAASC,eAAeA,CACrCC,IAAY,EACZC,aAAkE,EAClEC,oBAA4C,EAC5C;EACA,MAAMC,OAAO,GAAGP,UAAU,CAACE,OAAO,CAAC;EAEnC,OAAOD,OAAO,CAAC,MAAM;IACnB,MAAMO,WAAW,GAAGD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,oBAAoB;IACjD,OAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKJ,oBAAoB,GACpBE,WAAW,GACXA,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAGJ,IAAI,CAAC,GACnBC,aAAa;EAEpB,CAAC,EAAE,CACDE,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,oBAAoB,EAC7BL,IAAI,EACJE,oBAAoB,EACpBD,aAAa,CACd,CAAC;AACJ"}

package/extensions/forms/index.d.ts

@@ -9,6 +9,7 @@ export * as Iterate from './Iterate';
 export { default as FieldBlock } from './FieldBlock';
 export { default as ValueBlock } from './ValueBlock';
 export { default as StepsLayout, StepsContext } from './StepsLayout';
+export { default as Ajv } from 'ajv/dist/2020';
 /**
  * Deprecated and will be removed in v11
  *

package/extensions/forms/index.js

@@ -14,6 +14,7 @@ export { _Iterate as Iterate };
 export { default as FieldBlock } from './FieldBlock';
 export { default as ValueBlock } from './ValueBlock';
 export { default as StepsLayout, StepsContext } from './StepsLayout';
+export { default as Ajv } from 'ajv/dist/2020';
 export function Visibility() {
   console.error('Please import Visibility from "Form.Visibility"');
 }

package/extensions/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Field","Field","_Value","Value","_Form","Form","_DataContext","DataContext","_Iterate","Iterate","default","FieldBlock","ValueBlock","StepsLayout","StepsContext","Visibility","console","error"],"sources":["../../../../src/extensions/forms/index.ts"],"sourcesContent":["export * from './types'\nexport * from './utils'\nexport * from './hooks'\nexport * as Field from './Field'\nexport * as Value from './Value'\nexport * as Form from './Form'\nexport * as DataContext from './DataContext'\nexport * as Iterate from './Iterate'\nexport { default as FieldBlock } from './FieldBlock'\nexport { default as ValueBlock } from './ValueBlock'\nexport { default as StepsLayout, StepsContext } from './StepsLayout'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use import { Field } from 'Form'\tinstead\n */\nexport function Visibility() {\n  console.error('Please import Visibility from \"Form.Visibility\"')\n}\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AAAA,YAAAA,MAAA,MACA,SAAS;AAAA,SAAAA,MAAA,IAApBC,KAAK;AAAA,YAAAC,MAAA,MACM,SAAS;AAAA,SAAAA,MAAA,IAApBC,KAAK;AAAA,YAAAC,KAAA,MACK,QAAQ;AAAA,SAAAA,KAAA,IAAlBC,IAAI;AAAA,YAAAC,YAAA,MACa,eAAe;AAAA,SAAAA,YAAA,IAAhCC,WAAW;AAAA,YAAAC,QAAA,MACE,WAAW;AAAA,SAAAA,QAAA,IAAxBC,OAAO;AACnB,SAASC,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,WAAW,EAAEC,YAAY,QAAQ,eAAe;AAOpE,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3BC,OAAO,CAACC,KAAK,CAAC,iDAAiD,CAAC;AAClE"}
+{"version":3,"file":"index.js","names":["_Field","Field","_Value","Value","_Form","Form","_DataContext","DataContext","_Iterate","Iterate","default","FieldBlock","ValueBlock","StepsLayout","StepsContext","Ajv","Visibility","console","error"],"sources":["../../../../src/extensions/forms/index.ts"],"sourcesContent":["export * from './types'\nexport * from './utils'\nexport * from './hooks'\nexport * as Field from './Field'\nexport * as Value from './Value'\nexport * as Form from './Form'\nexport * as DataContext from './DataContext'\nexport * as Iterate from './Iterate'\nexport { default as FieldBlock } from './FieldBlock'\nexport { default as ValueBlock } from './ValueBlock'\nexport { default as StepsLayout, StepsContext } from './StepsLayout'\nexport { default as Ajv } from 'ajv/dist/2020'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use import { Field } from 'Form'\tinstead\n */\nexport function Visibility() {\n  console.error('Please import Visibility from \"Form.Visibility\"')\n}\n"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AAAA,YAAAA,MAAA,MACA,SAAS;AAAA,SAAAA,MAAA,IAApBC,KAAK;AAAA,YAAAC,MAAA,MACM,SAAS;AAAA,SAAAA,MAAA,IAApBC,KAAK;AAAA,YAAAC,KAAA,MACK,QAAQ;AAAA,SAAAA,KAAA,IAAlBC,IAAI;AAAA,YAAAC,YAAA,MACa,eAAe;AAAA,SAAAA,YAAA,IAAhCC,WAAW;AAAA,YAAAC,QAAA,MACE,WAAW;AAAA,SAAAA,QAAA,IAAxBC,OAAO;AACnB,SAASC,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,WAAW,EAAEC,YAAY,QAAQ,eAAe;AACpE,SAASJ,OAAO,IAAIK,GAAG,QAAQ,eAAe;AAO9C,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3BC,OAAO,CAACC,KAAK,CAAC,iDAAiD,CAAC;AAClE"}

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

@@ -235,12 +235,21 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
   max-width: 14ch;
 }
 
+/*
+ * Utilities
+ */
 .dnb-forms-field-postal-code-and-city__fields {
   display: flex;
   flex-flow: row;
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
+@media screen and (max-width: 25em) {
+  .dnb-forms-field-postal-code-and-city__fields {
+    row-gap: var(--spacing-x-small);
+    flex-flow: column;
+  }
+}
 .dnb-forms-field-postal-code-and-city__postal-code {
   flex: 0 5rem;
 }
@@ -258,15 +267,22 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
   line-height: 2.5rem;
 }
 
+/*
+ * Utilities
+ */
 :root {
   --forms-field-width--small: 5rem;
   --forms-field-width--medium: 11rem;
   --forms-field-width--large: 21rem;
 }
 
-/*
- * Utilities
- */
+@media screen and (max-width: 15em) {
+  .dnb-forms-field-string .dnb-input__shell,
+  .dnb-forms-field-number .dnb-input__shell {
+    width: 90%;
+  }
+}
+
 fieldset.dnb-forms-field-block {
   padding: 0;
   border: none;
@@ -284,6 +300,9 @@ 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;
 }
@@ -307,7 +326,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 30em) {
+@media screen and (min-width: 25em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -331,13 +350,17 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__status {
   grid-area: status;
 }
+.dnb-forms-field-block__status .dnb-form-status__shell {
+  margin-top: 0.5rem;
+}
 .dnb-forms-field-block__contents {
   grid-area: contents;
+  width: 100%;
 }
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 30em) {
+@media screen and (min-width: 25em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -398,8 +421,14 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   -moz-column-gap: var(--spacing-medium);
        column-gap: var(--spacing-medium);
 }
+.dnb-forms-steps-layout--drawer {
+  flex-direction: column;
+  justify-content: stretch;
+  align-items: stretch;
+}
 .dnb-forms-steps-layout__sidebar {
   flex: 0;
+  margin-bottom: 2rem;
 }
 .dnb-forms-steps-layout__contents {
   flex: 1 0 25rem;

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{align-items:center;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__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-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__fields{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.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}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block__grid{flex-wrap:wrap}.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:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@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__sidebar{flex:0}.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{align-items:center;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__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-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__fields{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (max-width:25em){.dnb-forms-field-postal-code-and-city__fields{flex-flow:column;row-gap:var(--spacing-x-small)}}.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__grid{flex-wrap:wrap}.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}.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-button-row{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@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}

package/extensions/forms/types.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 import type { SpacingProps } from '../../components/space/types';
-import type { JSONSchema7 as JSONSchema } from 'json-schema';
-export type { JSONSchema };
+import type { JSONSchema7 } from 'json-schema';
+import type { JSONSchemaType } from 'ajv/dist/2020';
+export type * from 'json-schema';
+export type JSONSchema = JSONSchema7;
+export type AllJSONSchemaVersions = JSONSchema7 | JSONSchemaType<unknown>;
+export { JSONSchemaType };
 type ValidationRule = string | string[];
 type MessageValues = Record<string, string>;
 interface IFormErrorOptions {
@@ -23,8 +27,20 @@ export declare class FormError extends Error {
     messageValues?: MessageValues;
     constructor(message: string, options?: IFormErrorOptions);
 }
-interface DefaultErrorMessages {
+/**
+ * Accept any key, so custom message keys can be used
+ */
+export type CustomErrorMessages = Record<string, string>;
+/**
+ * Accept any key, so custom message keys can be used
+ * including the path to the field the message is for
+ */
+export type CustomErrorMessagesWithPaths = CustomErrorMessages | {
+    [K in `/${string}`]?: CustomErrorMessages;
+};
+export interface DefaultErrorMessages {
     required?: string;
+    pattern?: string;
 }
 export interface DataValueReadProps<Value = unknown> {
     /** JSON Pointer for where the data for this field is located in the source dataset */
@@ -52,9 +68,7 @@ export type ComponentProps = SpacingProps & {
 export type AdditionalEventArgs = Record<string, unknown>;
 export type DataValueReadComponentProps<Value = unknown> = ComponentProps & DataValueReadProps<Value>;
 export type DataValueReadWriteComponentProps<Value = unknown, EmptyValue = undefined | string> = ComponentProps & DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>;
-export interface FieldProps<Value = unknown, EmptyValue = undefined | string, ErrorMessages extends {
-    required?: string;
-} = DefaultErrorMessages> extends DataValueReadWriteComponentProps<Value, EmptyValue> {
+export interface FieldProps<Value = unknown, EmptyValue = undefined | string, ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages> extends DataValueReadWriteComponentProps<Value, EmptyValue> {
     /** ID added to the actual field component, and linked to the label via for-attribute */
     id?: string;
     name?: string;
@@ -71,10 +85,11 @@ export interface FieldProps<Value = unknown, EmptyValue = undefined | string, Er
     error?: Error | FormError;
     hasError?: boolean;
     disabled?: boolean;
+    readOnly?: boolean;
     capitalize?: boolean;
     trim?: boolean;
     required?: boolean;
-    schema?: JSONSchema;
+    schema?: AllJSONSchemaVersions;
     validator?: (value: Value | EmptyValue, errorMessages?: ErrorMessages) => Error | undefined | Promise<Error | undefined>;
     onBlurValidator?: (value: Value | EmptyValue) => Error | undefined | Promise<Error | undefined>;
     /**

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 as JSONSchema } from 'json-schema'\n\nexport type { JSONSchema }\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// Data value\n\ninterface DefaultErrorMessages {\n  required?: 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 { required?: string } = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue> {\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?: Error | FormError | string\n  warning?: Error | FormError | string\n  error?: Error | FormError\n  hasError?: boolean\n  disabled?: boolean\n  capitalize?: boolean\n  trim?: boolean\n  // Validation\n  required?: boolean\n  schema?: JSONSchema\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"],"mappings":"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"}
+{"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'\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  /** 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?: Error | FormError | string\n  warning?: Error | FormError | string\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"],"mappings":"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"}

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

@@ -1,14 +1,55 @@
-import Ajv, { ErrorObject } from 'ajv';
+import ajvInstance, { ErrorObject } from 'ajv/dist/2020';
 import { FormError } from '../types';
-declare const ajv: Ajv;
+import type Ajv from 'ajv/dist/2020';
+export type AjvInstance = typeof ajvInstance;
+export { ajvInstance, Ajv };
 /**
- * Transform errors from ajv-validation into one error object (i.e for validating a flat value)
+ * Creates an instance of Ajv (Another JSON Schema Validator) with optional custom instance.
+ * If no instance is provided, a new instance of Ajv is created with the specified options.
+ * The created Ajv instance is enhanced with custom error handling.
+ *
+ * @param instance - Optional custom instance of Ajv.
+ * @returns The created or provided instance of Ajv.
  */
-export declare function ajvErrorsToOneFormError(errors?: ErrorObject[] | null): FormError | undefined;
+export declare function makeAjvInstance(instance?: Ajv): ajvInstance;
+/**
+ * Returns the instance path of the given Ajv error.
+ * If the error is of type 'required', it is considered an object error and the missing property is shown under the relevant field.
+ * If the error is of type 'errorMessage', it is a wrapped error and the instance path is found from the original error to avoid issues like required-errors pointing at the parent object.
+ * @param ajvError - The Ajv error object.
+ * @returns The instance path of the error.
+ */
+export declare function getInstancePath(ajvError: ErrorObject): string;
 /**
+ * Retrieves the validation rule from an AJV error object.
+ * If the error object has an 'errorMessage' keyword, it unwraps the original error
+ * to avoid issues like required-errors pointing at the parent object.
+ * @param ajvError - The AJV error object.
+ * @returns The validation rule.
+ */
+export declare function getValidationRule(ajvError: ErrorObject): string;
+/**
+ * Retrieves the message values from an AJV error object.
+ * @param ajvError The AJV error object.
+ * @returns The message values extracted from the error object.
+ */
+export declare function getMessageValues(ajvError: ErrorObject): FormError['messageValues'];
+/**
+ * Converts an AJV error object to a FormError object.
  *
- * @param errors Transform errors from ajv-validation into a record of errors (path as key, error as value)
+ * @param ajvError - The AJV error object to convert.
+ * @returns The converted FormError object.
+ */
+export declare function ajvErrorToFormError(ajvError: ErrorObject): FormError;
+/**
+ * Converts an array of Ajv errors to a single 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;
+/**
+ * Transform errors from ajv-validation into a record of errors (path as key, error as value)
+ * @param errors
  * @returns
  */
 export declare const ajvErrorsToFormErrors: (errors?: ErrorObject[] | null) => Record<string, FormError>;
-export default ajv;