@dnb/eufemia 10.55.0 → 10.56.0

package/es/extensions/forms/Field/Number/Number.js

@@ -5,7 +5,7 @@ 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 React, { useContext, useMemo, useCallback, useEffect, useRef } from 'react';
-import { InputMasked, HelpButton, Button } from '../../../../components';
+import { InputMasked, Button } from '../../../../components';
 import SharedContext from '../../../../shared/Context';
 import FieldBlockContext from '../../FieldBlock/FieldBlockContext';
 import classnames from 'classnames';
@@ -85,7 +85,6 @@ function NumberComponent(props) {
     disabled,
     htmlAttributes,
     hasError,
-    help,
     size,
     width,
     align,
@@ -224,10 +223,7 @@ function NumberComponent(props) {
     disabled
   }, htmlAttributes), {}, {
     status: hasError ? 'error' : undefined,
-    stretch: Boolean(width),
-    suffix: help && !showStepControls ? React.createElement(HelpButton, {
-      title: help.title
-    }, help.content) : undefined
+    stretch: Boolean(width)
   });
   Object.assign(inputProps, ariaParams);
   if (showStepControls) {
@@ -235,10 +231,7 @@ function NumberComponent(props) {
       asFieldset: false
     }), React.createElement("span", {
       className: "dnb-input__border dnb-input__border--root"
-    }, React.createElement(Button, decreaseProps), React.createElement(InputMasked, inputProps), React.createElement(Button, increaseProps)), help && React.createElement(HelpButton, {
-      left: "x-small",
-      title: help.title
-    }, help.content));
+    }, React.createElement(Button, decreaseProps), React.createElement(InputMasked, inputProps), React.createElement(Button, increaseProps)));
   }
   return React.createElement(FieldBlock, _extends({}, fieldBlockProps, {
     asFieldset: false

package/es/extensions/forms/Field/Number/Number.js.map

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","useContext","useMemo","useCallback","useEffect","useRef","InputMasked","HelpButton","Button","SharedContext","FieldBlockContext","classnames","FieldBlock","useFieldProps","pickSpacingProps","clamp","DataContext","defaultMinimum","Number","MIN_SAFE_INTEGER","defaultMaximum","MAX_SAFE_INTEGER","NumberComponent","props","_props$width","_props$innerRef","_dataContext$props2","_sharedContext$transl","_sharedContext$transl2","dataContext","fieldBlockContext","sharedContext","currency","currencyDisplay","percent","mask","step","decimalLimit","allowNegative","disallowLeadingZeroes","prefix","prefixProp","suffix","suffixProp","showStepControls","schema","_props$schema","_props$minimum","_props$maximum","type","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","toInput","external","undefined","fromInput","value","numberValue","emptyValue","ref","preparedProps","_objectSpread","valueType","width","composition","innerRef","id","name","className","inputClassName","autoComplete","placeholder","startWith","disabled","htmlAttributes","hasError","help","size","align","handleFocus","handleBlur","handleChange","setDisplayValue","_innerRef$current","path","current","handleSubmit","onKeyDownHandler","e","_dataContext$props","event","isolate","key","_event$preventDefault","preventDefault","call","persist","fieldBlockProps","forId","contentClassName","contentWidth","increaseClickHandler","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","String","decreaseClickHandler","decreaseProps","subtractTitle","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","ariaParams","role","inputProps","inner_ref","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","createElement","content","Object","assign","_extends","asFieldset","left","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Number/Number.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useMemo,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { InputMasked, HelpButton, Button } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport type {\n  InputAlign,\n  InputProps,\n  InputSize,\n} from '../../../../components/Input'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport classnames from 'classnames'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldProps,\n  FieldHelpProps,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { ButtonProps, ButtonSize } from '../../../../components/Button'\nimport { clamp } from '../../../../components/slider/SliderHelpers'\nimport DataContext from '../../DataContext/Context'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number, undefined | number> & {\n    innerRef?: React.RefObject<HTMLInputElement>\n    inputClassName?: string\n    currency?: InputMaskedProps['as_currency']\n    currencyDisplay?: 'code' | 'symbol' | 'narrowSymbol' | 'name'\n    percent?: InputMaskedProps['as_percent']\n    mask?: InputMaskedProps['mask']\n    step?: number\n    startWith?: number\n    // Formatting\n    decimalLimit?: number\n    allowNegative?: boolean\n    disallowLeadingZeroes?: boolean\n    prefix?: string | ((value: number) => string)\n    suffix?: string | ((value: number) => string)\n    // Validation\n    minimum?: number // aka greater than or equal to\n    maximum?: number // aka less than or equal to\n    exclusiveMinimum?: number // aka greater than\n    exclusiveMaximum?: number // aka less than\n    multipleOf?: number\n    // Styling\n    size?: InputSize\n    width?: FieldBlockWidth\n    align?: InputAlign\n    showStepControls?: boolean\n  }\n\nconst defaultMinimum = Number.MIN_SAFE_INTEGER\nconst defaultMaximum = Number.MAX_SAFE_INTEGER\n\nfunction NumberComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const sharedContext = useContext(SharedContext)\n\n  const {\n    currency,\n    currencyDisplay,\n    percent,\n    mask,\n    step = 1,\n    decimalLimit = 12,\n    allowNegative = true,\n    disallowLeadingZeroes = false,\n    prefix: prefixProp,\n    suffix: suffixProp,\n    showStepControls,\n  } = props\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'number',\n        minimum: props.minimum ?? defaultMinimum,\n        maximum: props.maximum ?? defaultMaximum,\n        exclusiveMinimum: props.exclusiveMinimum,\n        exclusiveMaximum: props.exclusiveMaximum,\n        multipleOf: props.multipleOf,\n      },\n    [\n      props.schema,\n      props.minimum,\n      props.maximum,\n      props.exclusiveMinimum,\n      props.exclusiveMaximum,\n      props.multipleOf,\n    ]\n  )\n\n  const toInput = useCallback((external: number | undefined) => {\n    if (external === undefined) {\n      return null\n    }\n    return external\n  }, [])\n  const fromInput = useCallback(\n    ({ value, numberValue }: { value: string; numberValue: number }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      return numberValue\n    },\n    [props.emptyValue]\n  )\n\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    valueType: 'number',\n    ...props,\n    schema,\n    toInput,\n    fromInput,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'medium'),\n    innerRef: props.innerRef ?? ref,\n  }\n\n  const {\n    id,\n    name,\n    className,\n    innerRef,\n    inputClassName,\n    autoComplete,\n    placeholder,\n    value,\n    startWith = null,\n    minimum = defaultMinimum,\n    maximum = defaultMaximum,\n    disabled,\n    htmlAttributes,\n    hasError,\n    help,\n    size,\n    width,\n    align,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    setDisplayValue(props.path, innerRef.current?.value)\n  }, [innerRef, props.path, setDisplayValue, value])\n\n  const { handleSubmit } = dataContext ?? {}\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const { event } = e as unknown as {\n        event: React.KeyboardEvent<HTMLInputElement>\n      }\n      if (dataContext?.props?.isolate && event.key === 'Enter') {\n        handleSubmit() // So we commit the data to the outer context\n        event.preventDefault?.() // And prevent the default form submit\n      }\n\n      if (!showStepControls) {\n        return\n      }\n\n      let numberValue = null\n\n      switch (event.key) {\n        case 'ArrowUp':\n          numberValue = clamp(\n            (value ?? startWith) + step,\n            minimum,\n            maximum\n          )\n          break\n        case 'ArrowDown':\n          numberValue = clamp(\n            (value ?? startWith) - step,\n            minimum,\n            maximum\n          )\n          break\n      }\n\n      if (numberValue !== null) {\n        event.persist()\n        event.preventDefault()\n        handleChange({ numberValue })\n      }\n    },\n    [\n      dataContext?.props?.isolate,\n      handleChange,\n      handleSubmit,\n      maximum,\n      minimum,\n      showStepControls,\n      startWith,\n      step,\n      value,\n    ]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-number',\n      'dnb-input__border--tokens', // Used by \"dnb-input__border\"\n      className\n    ),\n    contentClassName: classnames(\n      'dnb-forms-field-number__contents',\n      showStepControls && 'dnb-forms-field-number__contents--has-controls',\n      hasError && 'dnb-input__status--error', // Also used by \"dnb-input__border\"\n      disabled && 'dnb-input--disabled' // Also used by \"dnb-input__border\"\n    ),\n    width:\n      (width === 'stretch' || fieldBlockContext?.composition) &&\n      !showStepControls\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  const increaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) + step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const increaseProps: ButtonProps = showStepControls && {\n    'aria-hidden': true,\n    className: 'dnb-button--control-after',\n    variant: 'secondary',\n    icon: 'add',\n    size: (size || 'small') as ButtonSize,\n    tabIndex: -1,\n    disabled: disabled || value >= maximum,\n    onClick: increaseClickHandler,\n    title: sharedContext?.translation.Slider.addTitle?.replace(\n      '%s',\n      String(value + step)\n    ),\n  }\n\n  const decreaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) - step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const decreaseProps: ButtonProps = showStepControls && {\n    ...increaseProps,\n    className: 'dnb-button--control-before',\n    icon: 'subtract',\n    size: (size || 'small') as ButtonSize,\n    disabled: disabled || value <= minimum,\n    onClick: decreaseClickHandler,\n    title: sharedContext?.translation.Slider.subtractTitle?.replace(\n      '%s',\n      String(value - step)\n    ),\n  }\n\n  const prefix =\n    typeof prefixProp === 'function' ? prefixProp(value) : prefixProp\n  const suffix =\n    typeof suffixProp === 'function' ? suffixProp(value) : suffixProp\n\n  const maskProps: Partial<InputMaskedProps> = useMemo(() => {\n    const mask_options = {\n      prefix,\n      suffix,\n      decimalLimit,\n      allowNegative,\n      disallowLeadingZeroes,\n    }\n\n    if (currency) {\n      return {\n        as_currency: currency,\n        mask_options,\n        currency_mask: {\n          currencyDisplay,\n          decimalLimit,\n        },\n      }\n    }\n\n    if (percent) {\n      return {\n        as_percent: percent,\n        mask_options,\n      }\n    }\n\n    // Custom mask based on props\n    return {\n      as_number: true,\n      mask,\n      number_mask: {\n        ...mask_options,\n      },\n    }\n  }, [\n    currency,\n    currencyDisplay,\n    decimalLimit,\n    mask,\n    percent,\n    prefix,\n    suffix,\n    allowNegative,\n    disallowLeadingZeroes,\n  ])\n\n  const ariaParams = showStepControls && {\n    role: 'spinbutton',\n    'aria-valuemin': String(minimum),\n    'aria-valuemax': String(maximum),\n    'aria-valuenow': String(value), // without it, VO will read an invalid value\n    'aria-valuetext': String(value), // without it, VO will read %\n  }\n\n  const inputProps: InputProps = {\n    id,\n    name,\n    inner_ref: innerRef,\n    autoComplete,\n    className: classnames(\n      'dnb-forms-field-number__input',\n      `dnb-input--${size}`,\n      inputClassName\n    ),\n    step: showStepControls ? step : undefined,\n    placeholder,\n    value,\n    align: showStepControls ? 'center' : align,\n    ...maskProps,\n    onKeyDown: onKeyDownHandler,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onChange: handleChange,\n    disabled,\n    ...htmlAttributes,\n    status: hasError ? 'error' : undefined,\n    stretch: Boolean(width),\n    suffix:\n      help && !showStepControls ? (\n        <HelpButton title={help.title}>{help.content}</HelpButton>\n      ) : undefined,\n  }\n  Object.assign(inputProps, ariaParams)\n\n  if (showStepControls) {\n    return (\n      <FieldBlock {...fieldBlockProps} asFieldset={false}>\n        <span className=\"dnb-input__border dnb-input__border--root\">\n          {<Button {...decreaseProps} />}\n          <InputMasked {...inputProps} />\n          {<Button {...increaseProps} />}\n        </span>\n        {help && (\n          <HelpButton left=\"x-small\" title={help.title}>\n            {help.content}\n          </HelpButton>\n        )}\n      </FieldBlock>\n    )\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps} asFieldset={false}>\n      <InputMasked {...inputProps} />\n    </FieldBlock>\n  )\n}\n\nNumberComponent._supportsSpacingProps = true\nexport default NumberComponent\n"],"mappings":"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"}
+{"version":3,"file":"Number.js","names":["React","useContext","useMemo","useCallback","useEffect","useRef","InputMasked","Button","SharedContext","FieldBlockContext","classnames","FieldBlock","useFieldProps","pickSpacingProps","clamp","DataContext","defaultMinimum","Number","MIN_SAFE_INTEGER","defaultMaximum","MAX_SAFE_INTEGER","NumberComponent","props","_props$width","_props$innerRef","_dataContext$props2","_sharedContext$transl","_sharedContext$transl2","dataContext","fieldBlockContext","sharedContext","currency","currencyDisplay","percent","mask","step","decimalLimit","allowNegative","disallowLeadingZeroes","prefix","prefixProp","suffix","suffixProp","showStepControls","schema","_props$schema","_props$minimum","_props$maximum","type","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","toInput","external","undefined","fromInput","value","numberValue","emptyValue","ref","preparedProps","_objectSpread","valueType","width","composition","innerRef","id","name","className","inputClassName","autoComplete","placeholder","startWith","disabled","htmlAttributes","hasError","size","align","handleFocus","handleBlur","handleChange","setDisplayValue","_innerRef$current","path","current","handleSubmit","onKeyDownHandler","e","_dataContext$props","event","isolate","key","_event$preventDefault","preventDefault","call","persist","fieldBlockProps","forId","contentClassName","contentWidth","increaseClickHandler","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","String","decreaseClickHandler","decreaseProps","subtractTitle","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","ariaParams","role","inputProps","inner_ref","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","Object","assign","createElement","_extends","asFieldset","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Number/Number.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useMemo,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { InputMasked, Button } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport type {\n  InputAlign,\n  InputProps,\n  InputSize,\n} from '../../../../components/Input'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport classnames from 'classnames'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldProps, AllJSONSchemaVersions } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { ButtonProps, ButtonSize } from '../../../../components/Button'\nimport { clamp } from '../../../../components/slider/SliderHelpers'\nimport DataContext from '../../DataContext/Context'\n\nexport type Props = FieldProps<number, undefined | number> & {\n  innerRef?: React.RefObject<HTMLInputElement>\n  inputClassName?: string\n  currency?: InputMaskedProps['as_currency']\n  currencyDisplay?: 'code' | 'symbol' | 'narrowSymbol' | 'name'\n  percent?: InputMaskedProps['as_percent']\n  mask?: InputMaskedProps['mask']\n  step?: number\n  startWith?: number\n  // Formatting\n  decimalLimit?: number\n  allowNegative?: boolean\n  disallowLeadingZeroes?: boolean\n  prefix?: string | ((value: number) => string)\n  suffix?: string | ((value: number) => string)\n  // Validation\n  minimum?: number // aka greater than or equal to\n  maximum?: number // aka less than or equal to\n  exclusiveMinimum?: number // aka greater than\n  exclusiveMaximum?: number // aka less than\n  multipleOf?: number\n  // Styling\n  size?: InputSize\n  width?: FieldBlockWidth\n  align?: InputAlign\n  showStepControls?: boolean\n}\n\nconst defaultMinimum = Number.MIN_SAFE_INTEGER\nconst defaultMaximum = Number.MAX_SAFE_INTEGER\n\nfunction NumberComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const sharedContext = useContext(SharedContext)\n\n  const {\n    currency,\n    currencyDisplay,\n    percent,\n    mask,\n    step = 1,\n    decimalLimit = 12,\n    allowNegative = true,\n    disallowLeadingZeroes = false,\n    prefix: prefixProp,\n    suffix: suffixProp,\n    showStepControls,\n  } = props\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'number',\n        minimum: props.minimum ?? defaultMinimum,\n        maximum: props.maximum ?? defaultMaximum,\n        exclusiveMinimum: props.exclusiveMinimum,\n        exclusiveMaximum: props.exclusiveMaximum,\n        multipleOf: props.multipleOf,\n      },\n    [\n      props.schema,\n      props.minimum,\n      props.maximum,\n      props.exclusiveMinimum,\n      props.exclusiveMaximum,\n      props.multipleOf,\n    ]\n  )\n\n  const toInput = useCallback((external: number | undefined) => {\n    if (external === undefined) {\n      return null\n    }\n    return external\n  }, [])\n  const fromInput = useCallback(\n    ({ value, numberValue }: { value: string; numberValue: number }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      return numberValue\n    },\n    [props.emptyValue]\n  )\n\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    valueType: 'number',\n    ...props,\n    schema,\n    toInput,\n    fromInput,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'medium'),\n    innerRef: props.innerRef ?? ref,\n  }\n\n  const {\n    id,\n    name,\n    className,\n    innerRef,\n    inputClassName,\n    autoComplete,\n    placeholder,\n    value,\n    startWith = null,\n    minimum = defaultMinimum,\n    maximum = defaultMaximum,\n    disabled,\n    htmlAttributes,\n    hasError,\n    size,\n    width,\n    align,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    setDisplayValue(props.path, innerRef.current?.value)\n  }, [innerRef, props.path, setDisplayValue, value])\n\n  const { handleSubmit } = dataContext ?? {}\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const { event } = e as unknown as {\n        event: React.KeyboardEvent<HTMLInputElement>\n      }\n      if (dataContext?.props?.isolate && event.key === 'Enter') {\n        handleSubmit() // So we commit the data to the outer context\n        event.preventDefault?.() // And prevent the default form submit\n      }\n\n      if (!showStepControls) {\n        return\n      }\n\n      let numberValue = null\n\n      switch (event.key) {\n        case 'ArrowUp':\n          numberValue = clamp(\n            (value ?? startWith) + step,\n            minimum,\n            maximum\n          )\n          break\n        case 'ArrowDown':\n          numberValue = clamp(\n            (value ?? startWith) - step,\n            minimum,\n            maximum\n          )\n          break\n      }\n\n      if (numberValue !== null) {\n        event.persist()\n        event.preventDefault()\n        handleChange({ numberValue })\n      }\n    },\n    [\n      dataContext?.props?.isolate,\n      handleChange,\n      handleSubmit,\n      maximum,\n      minimum,\n      showStepControls,\n      startWith,\n      step,\n      value,\n    ]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-number',\n      'dnb-input__border--tokens', // Used by \"dnb-input__border\"\n      className\n    ),\n    contentClassName: classnames(\n      'dnb-forms-field-number__contents',\n      showStepControls && 'dnb-forms-field-number__contents--has-controls',\n      hasError && 'dnb-input__status--error', // Also used by \"dnb-input__border\"\n      disabled && 'dnb-input--disabled' // Also used by \"dnb-input__border\"\n    ),\n    width:\n      (width === 'stretch' || fieldBlockContext?.composition) &&\n      !showStepControls\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  const increaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) + step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const increaseProps: ButtonProps = showStepControls && {\n    'aria-hidden': true,\n    className: 'dnb-button--control-after',\n    variant: 'secondary',\n    icon: 'add',\n    size: (size || 'small') as ButtonSize,\n    tabIndex: -1,\n    disabled: disabled || value >= maximum,\n    onClick: increaseClickHandler,\n    title: sharedContext?.translation.Slider.addTitle?.replace(\n      '%s',\n      String(value + step)\n    ),\n  }\n\n  const decreaseClickHandler = useCallback(() => {\n    handleChange({\n      numberValue: clamp((value ?? startWith) - step, minimum, maximum),\n    })\n  }, [handleChange, maximum, minimum, startWith, step, value])\n\n  const decreaseProps: ButtonProps = showStepControls && {\n    ...increaseProps,\n    className: 'dnb-button--control-before',\n    icon: 'subtract',\n    size: (size || 'small') as ButtonSize,\n    disabled: disabled || value <= minimum,\n    onClick: decreaseClickHandler,\n    title: sharedContext?.translation.Slider.subtractTitle?.replace(\n      '%s',\n      String(value - step)\n    ),\n  }\n\n  const prefix =\n    typeof prefixProp === 'function' ? prefixProp(value) : prefixProp\n  const suffix =\n    typeof suffixProp === 'function' ? suffixProp(value) : suffixProp\n\n  const maskProps: Partial<InputMaskedProps> = useMemo(() => {\n    const mask_options = {\n      prefix,\n      suffix,\n      decimalLimit,\n      allowNegative,\n      disallowLeadingZeroes,\n    }\n\n    if (currency) {\n      return {\n        as_currency: currency,\n        mask_options,\n        currency_mask: {\n          currencyDisplay,\n          decimalLimit,\n        },\n      }\n    }\n\n    if (percent) {\n      return {\n        as_percent: percent,\n        mask_options,\n      }\n    }\n\n    // Custom mask based on props\n    return {\n      as_number: true,\n      mask,\n      number_mask: {\n        ...mask_options,\n      },\n    }\n  }, [\n    currency,\n    currencyDisplay,\n    decimalLimit,\n    mask,\n    percent,\n    prefix,\n    suffix,\n    allowNegative,\n    disallowLeadingZeroes,\n  ])\n\n  const ariaParams = showStepControls && {\n    role: 'spinbutton',\n    'aria-valuemin': String(minimum),\n    'aria-valuemax': String(maximum),\n    'aria-valuenow': String(value), // without it, VO will read an invalid value\n    'aria-valuetext': String(value), // without it, VO will read %\n  }\n\n  const inputProps: InputProps = {\n    id,\n    name,\n    inner_ref: innerRef,\n    autoComplete,\n    className: classnames(\n      'dnb-forms-field-number__input',\n      `dnb-input--${size}`,\n      inputClassName\n    ),\n    step: showStepControls ? step : undefined,\n    placeholder,\n    value,\n    align: showStepControls ? 'center' : align,\n    ...maskProps,\n    onKeyDown: onKeyDownHandler,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onChange: handleChange,\n    disabled,\n    ...htmlAttributes,\n    status: hasError ? 'error' : undefined,\n    stretch: Boolean(width),\n  }\n  Object.assign(inputProps, ariaParams)\n\n  if (showStepControls) {\n    return (\n      <FieldBlock {...fieldBlockProps} asFieldset={false}>\n        <span className=\"dnb-input__border dnb-input__border--root\">\n          {<Button {...decreaseProps} />}\n          <InputMasked {...inputProps} />\n          {<Button {...increaseProps} />}\n        </span>\n      </FieldBlock>\n    )\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps} asFieldset={false}>\n      <InputMasked {...inputProps} />\n    </FieldBlock>\n  )\n}\n\nNumberComponent._supportsSpacingProps = true\nexport default NumberComponent\n"],"mappings":"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"}

package/es/extensions/forms/Field/Number/NumberDocs.js

@@ -61,11 +61,6 @@ export const numberProperties = {
     type: 'string',
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   autoComplete: {
     doc: 'For HTML `autocomplete` attributes.',
     type: ['on', 'string'],

package/es/extensions/forms/Field/Number/NumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","align","help","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n  decimalLimit: {\n    doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n    type: 'number',\n    status: 'optional',\n  },\n  percent: {\n    doc: 'Format a number as percentage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  currency: {\n    doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  minimum: {\n    doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMinimum: {\n    doc: 'Validation for exclusive minimum number value (greater than).',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMaximum: {\n    doc: 'Validation for exclusive maximum number value (less than).',\n    type: 'number',\n    status: 'optional',\n  },\n  multipleOf: {\n    doc: 'Validation that requires the number to be a multiple of given value.',\n    type: 'number',\n    status: 'optional',\n  },\n  width: {\n    doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  size: inputProperties.size,\n  align: {\n    doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  autoComplete: {\n    doc: 'For HTML `autocomplete` attributes.',\n    type: ['on', 'string'],\n    status: 'optional',\n  },\n  prefix: {\n    doc: 'Text added before the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text added after the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  step: {\n    doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n    type: 'number',\n    status: 'optional',\n  },\n  startWith: {\n    doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  showStepControls: {\n    doc: 'Show buttons that in/decreases value input by the step value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAEhB,eAAe,CAACgB,IAAI;EAC1BC,KAAK,EAAE;IACLd,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,IAAI,EAAE;IACJf,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,YAAY,EAAE;IACZhB,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNlB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJnB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,SAAS,EAAE;IACTpB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDmB,gBAAgB,EAAE;IAChBrB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"NumberDocs.js","names":["inputProperties","numberProperties","decimalLimit","doc","type","status","percent","currency","allowNegative","disallowLeadingZeroes","minimum","maximum","exclusiveMinimum","exclusiveMaximum","multipleOf","width","size","align","autoComplete","prefix","suffix","step","startWith","showStepControls"],"sources":["../../../../../../src/extensions/forms/Field/Number/NumberDocs.ts"],"sourcesContent":["import { inputProperties } from '../../../../components/input/InputDocs'\nimport { PropertiesTableProps } from '../../../../shared/types'\n\nexport const numberProperties: PropertiesTableProps = {\n  decimalLimit: {\n    doc: 'Max number of decimals. Values with more decimals will be rounded. Defaults to `12`.',\n    type: 'number',\n    status: 'optional',\n  },\n  percent: {\n    doc: 'Format a number as percentage.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  currency: {\n    doc: 'Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n  allowNegative: {\n    doc: 'Whether or not to allow negative numbers. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disallowLeadingZeroes: {\n    doc: 'Whether or not to allow leading zeroes. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  minimum: {\n    doc: 'Validation for inclusive minimum number value (greater than or equal). Defaults to `Number.MIN_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  maximum: {\n    doc: 'Validation for inclusive maximum number value (less than or equal). Defaults to `Number.MAX_SAFE_INTEGER`.',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMinimum: {\n    doc: 'Validation for exclusive minimum number value (greater than).',\n    type: 'number',\n    status: 'optional',\n  },\n  exclusiveMaximum: {\n    doc: 'Validation for exclusive maximum number value (less than).',\n    type: 'number',\n    status: 'optional',\n  },\n  multipleOf: {\n    doc: 'Validation that requires the number to be a multiple of given value.',\n    type: 'number',\n    status: 'optional',\n  },\n  width: {\n    doc: '`false` for no width (use browser default), `small`, `medium` or `large` for predefined standard widths, `stretch` for fill available width.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  size: inputProperties.size,\n  align: {\n    doc: 'Lateral alignment of contents of input field, one of `left` (default), `center`, or `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autoComplete: {\n    doc: 'For HTML `autocomplete` attributes.',\n    type: ['on', 'string'],\n    status: 'optional',\n  },\n  prefix: {\n    doc: 'Text added before the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text added after the value input.',\n    type: 'string',\n    status: 'optional',\n  },\n  step: {\n    doc: 'Determines step granularity when in/decreasing value input through step controls buttons or arrow keys. Defaults to 1.',\n    type: 'number',\n    status: 'optional',\n  },\n  startWith: {\n    doc: 'When no `value` or `defaultValue` is given, start with a given value when in/decreasing value input through step controls buttons or arrow keys. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  showStepControls: {\n    doc: 'Show buttons that in/decreases value input by the step value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,wCAAwC;AAGxE,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,YAAY,EAAE;IACZC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,qBAAqB,EAAE;IACrBN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,+GAA+G;IACpHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,8IAA8I;IACnJC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,IAAI,EAAEhB,eAAe,CAACgB,IAAI;EAC1BC,KAAK,EAAE;IACLd,GAAG,EAAE,8FAA8F;IACnGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,YAAY,EAAE;IACZf,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC;IACtBC,MAAM,EAAE;EACV,CAAC;EACDc,MAAM,EAAE;IACNhB,GAAG,EAAE,oCAAoC;IACzCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDe,MAAM,EAAE;IACNjB,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,IAAI,EAAE;IACJlB,GAAG,EAAE,wHAAwH;IAC7HC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,SAAS,EAAE;IACTnB,GAAG,EAAE,sKAAsK;IAC3KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDkB,gBAAgB,EAAE;IAChBpB,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Field/Number/style/dnb-number.css

@@ -124,4 +124,9 @@ html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-control
 }
 .dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border {
   flex-grow: 1;
+}
+@media screen and (max-width: xx-small0) {
+  .dnb-forms-field-number .dnb-input__shell {
+    width: 90%;
+  }
 }

package/es/extensions/forms/Field/Number/style/dnb-number.min.css

@@ -1 +1 @@
-.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--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }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-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}
+.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--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }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-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--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-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--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-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}@media screen and (max-width:xx-small0){.dnb-forms-field-number .dnb-input__shell{width:90%}}

package/es/extensions/forms/Field/Number/style/dnb-number.scss

@@ -137,4 +137,11 @@
       }
     }
   }
+
+  // Ensure inputs to not overflow on xx-small (defined above), but exclude e.g. Autocomplete
+  @include allBelow(xx-small) {
+    .dnb-input__shell {
+      width: 90%;
+    }
+  }
 }

package/es/extensions/forms/Field/Option/Option.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { FieldHelpProps, FieldProps } from '../../types';
-export type Props = FieldHelpProps & FieldProps<number | string> & {
+import type { FieldProps } from '../../types';
+export type Props = FieldProps<number | string> & {
     title?: React.ReactNode;
     text?: React.ReactNode;
     children?: React.ReactNode;

package/es/extensions/forms/Field/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["React","classnames","Option","className","title","text","children","createElement","role"],"sources":["../../../../../../src/extensions/forms/Field/Option/Option.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { FieldHelpProps, FieldProps } from '../../types'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number | string> & {\n    title?: React.ReactNode\n    text?: React.ReactNode\n    children?: React.ReactNode\n  }\n\nexport default function Option({\n  className,\n  title,\n  text,\n  children,\n}: Props) {\n  return (\n    <span\n      className={classnames('dnb-forms-field-option', className)}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\"\n    >\n      {children ?? title}\n      {text}\n    </span>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAUnC,eAAe,SAASC,MAAMA,CAAC;EAC7BC,SAAS;EACTC,KAAK;EACLC,IAAI;EACJC;AACK,CAAC,EAAE;EACR,OACEN,KAAA,CAAAO,aAAA;IACEJ,SAAS,EAAEF,UAAU,CAAC,wBAAwB,EAAEE,SAAS,CAAE;IAE3DK,IAAI,EAAC;EAAQ,GAEZF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,KAAK,EACjBC,IACG,CAAC;AAEX"}
+{"version":3,"file":"Option.js","names":["React","classnames","Option","className","title","text","children","createElement","role"],"sources":["../../../../../../src/extensions/forms/Field/Option/Option.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { FieldProps } from '../../types'\n\nexport type Props = FieldProps<number | string> & {\n  title?: React.ReactNode\n  text?: React.ReactNode\n  children?: React.ReactNode\n}\n\nexport default function Option({\n  className,\n  title,\n  text,\n  children,\n}: Props) {\n  return (\n    <span\n      className={classnames('dnb-forms-field-option', className)}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\"\n    >\n      {children ?? title}\n      {text}\n    </span>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AASnC,eAAe,SAASC,MAAMA,CAAC;EAC7BC,SAAS;EACTC,KAAK;EACLC,IAAI;EACJC;AACK,CAAC,EAAE;EACR,OACEN,KAAA,CAAAO,aAAA;IACEJ,SAAS,EAAEF,UAAU,CAAC,wBAAwB,EAAEE,SAAS,CAAE;IAE3DK,IAAI,EAAC;EAAQ,GAEZF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,KAAK,EACjBC,IACG,CAAC;AAEX"}

package/es/extensions/forms/Field/Option/OptionDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const OptionProperties: PropertiesTableProps;

package/es/extensions/forms/Field/Option/OptionDocs.js

@@ -0,0 +1,25 @@
+import { FieldProperties } from '../FieldDocs';
+export const OptionProperties = {
+  value: {
+    doc: 'Value for this option.',
+    type: ['string', 'number'],
+    status: 'optional'
+  },
+  title: {
+    doc: 'Text title for the option.',
+    type: 'string',
+    status: 'optional'
+  },
+  text: {
+    doc: 'Secondary text.',
+    type: 'string',
+    status: 'optional'
+  },
+  help: FieldProperties.help,
+  children: {
+    doc: 'Optional way to provide `title`.',
+    type: 'React.Node',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=OptionDocs.js.map

package/es/extensions/forms/Field/Option/OptionDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionDocs.js","names":["FieldProperties","OptionProperties","value","doc","type","status","title","text","help","children"],"sources":["../../../../../../src/extensions/forms/Field/Option/OptionDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { FieldProperties } from '../FieldDocs'\n\nexport const OptionProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for this option.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Text title for the option.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Secondary text.',\n    type: 'string',\n    status: 'optional',\n  },\n  help: FieldProperties.help,\n  children: {\n    doc: 'Optional way to provide `title`.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,cAAc;AAE9C,OAAO,MAAMC,gBAAsC,GAAG;EACpDC,KAAK,EAAE;IACLC,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,iBAAiB;IACtBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAER,eAAe,CAACQ,IAAI;EAC1BC,QAAQ,EAAE;IACRN,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js

@@ -4,11 +4,6 @@ export const OrganizationNumberProperties = {
     type: 'boolean',
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   onBlurValidator: {
     doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',
     type: 'function',

package/es/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationNumberDocs.js","names":["OrganizationNumberProperties","validate","doc","type","status","help","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const OrganizationNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,4BAAkD,GAAG;EAChEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,eAAe,EAAE;IACfJ,GAAG,EAAE,+aAA+a;IACpbC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"OrganizationNumberDocs.js","names":["OrganizationNumberProperties","validate","doc","type","status","onBlurValidator"],"sources":["../../../../../../src/extensions/forms/Field/OrganizationNumber/OrganizationNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const OrganizationNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  onBlurValidator: {\n    doc: 'Custom validator function that is triggered when the user leaves a field (e.g., blurring a text input or closing a dropdown). The function can be either asynchronous or synchronous. The first parameter is the value, and the second parameter returns an object containing { errorMessages, connectWithPath, validators }. Defaults to organization number validation, using `organizationNumberValidator`. Can be disabled using `false`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,4BAAkD,GAAG;EAChEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+aAA+a;IACpbC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { InputMaskedProps } from '../../../../components/InputMasked';
 import { type CountryType } from '../../constants/countries';
 import { Props as StringFieldProps } from '../String';
-import { FieldHelpProps, FieldPropsWithExtraValue } from '../../types';
+import { FieldPropsWithExtraValue } from '../../types';
 import { CountryFilterSet } from '../SelectCountry';
-export type Props = FieldHelpProps & Omit<FieldPropsWithExtraValue<string, {
+export type Props = Omit<FieldPropsWithExtraValue<string, {
     country: string;
     phone: string;
 }, undefined | string>, 'layout' | 'layoutOptions'> & {

package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js

@@ -233,7 +233,8 @@ function PhoneNumber(props) {
     id,
     className: classnames('dnb-forms-field-phone-number', className),
     width: omitCountryCodeField || props.width ? undefined : width,
-    label: undefined
+    label: undefined,
+    help: undefined
   }, pickSpacingProps(props));
   return React.createElement(FieldBlock, fieldBlockProps, React.createElement(Flex.Horizontal, {
     align: "flex-end"
@@ -276,7 +277,9 @@ function PhoneNumber(props) {
     error: error,
     disabled: disabled,
     width: omitCountryCodeField ? 'medium' : (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : 'stretch',
-    help: help,
+    help: _objectSpread(_objectSpread({}, help), {}, {
+      breakout: false
+    }),
     required: required,
     errorMessages: errorMessages,
     validateInitially: validateInitially,

package/es/extensions/forms/Field/PhoneNumber/PhoneNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","useEffect","useRef","Autocomplete","Flex","classnames","countries","StringField","FieldBlock","useFieldProps","pickSpacingProps","SharedContext","countryFilter","getCountryData","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_props$inputRef","_countryCodeRef$curre","_props$width","sharedContext","label","defaultLabel","countryCodeLabel","defaultCountryCodeLabel","errorRequired","lang","locale","split","countryCodeRef","emptyValue","numberRef","dataRef","langRef","wasFilled","errorMessages","_objectSpread","validateRequired","value","required","isChanged","error","countryCode","phoneNumber","splitValue","prevCountryCodeRef","current","undefined","fromExternal","external","omitCountryCodeField","toEvent","schema","_props$schema","type","pattern","defaultProps","ref","preparedProps","inputRef","id","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","numberMask","ccFilter","info","warning","hasError","disabled","width","help","validateInitially","continuousValidation","validateUnchanged","setHasFocus","handleChange","setDisplayValue","onCountryCodeChange","onNumberChange","filterCountries","_inputRef$current","number","path","length","joinValue","filter","country","updateCurrentDataSet","formatCountryCode","cdc","sort","makeObject","getEventValues","callOnChange","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","data","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","cdcVal","test","find","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","Horizontal","align","mode","label_direction","status","on_focus","on_blur","on_change","on_type","independent_width","search_numbers","keep_selection","autoComplete","no_animation","noAnimation","stretch","layout","mask","Array","fill","onFocus","onBlur","onChange","innerRef","inputMode","_country$i18n$lang","selected_value","iso","content","i18n","en","match","slice","array","Boolean","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Autocomplete, Flex } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport classnames from 'classnames'\nimport countries, {\n  type CountryLang,\n  type CountryType,\n} from '../../constants/countries'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldHelpProps,\n  FieldPropsWithExtraValue,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  countryFilter,\n  CountryFilterSet,\n  getCountryData,\n} from '../SelectCountry'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataObject } from '../../../../fragments/DrawerList'\n\nexport type Props = FieldHelpProps &\n  Omit<\n    FieldPropsWithExtraValue<\n      string,\n      { country: string; phone: string },\n      undefined | string\n    >,\n    'layout' | 'layoutOptions'\n  > & {\n    countryCodeFieldClassName?: string\n    numberFieldClassName?: string\n    countryCodePlaceholder?: string\n    countryCodeLabel?: string\n    numberMask?: InputMaskedProps['mask']\n    pattern?: StringFieldProps['pattern']\n    width?: 'large' | 'stretch'\n    inputRef?: React.RefObject<HTMLInputElement>\n    omitCountryCodeField?: boolean\n    onCountryCodeChange?: (value: string | undefined) => void\n    onNumberChange?: (value: string | undefined) => void\n\n    /**\n     * Defines the countries to filter. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n     * Defaults to `Prioritized`.\n     */\n    countries?: CountryFilterSet\n\n    /**\n     * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n     */\n    filterCountries?: (country: CountryType) => boolean\n\n    /**\n     * For internal testing purposes\n     */\n    noAnimation?: boolean\n  }\n\n// Important for the default value to be defined here, and not after the useFieldProps call, to avoid the UI jumping\n// back to +47 once the user empty the field so handleChange send out undefined.\nconst defaultCountryCode = '+47'\nconst defaultPlaceholder = '00 00 00 00'\nconst defaultMask = [\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n]\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    label: defaultLabel,\n    countryCodeLabel: defaultCountryCodeLabel,\n    errorRequired,\n  } = useTranslation().PhoneNumber\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = useRef<Props['value']>(props?.emptyValue)\n  const numberRef = useRef<Props['value']>(props?.emptyValue)\n  const dataRef = useRef<Array<DrawerListDataObject>>(null)\n  const langRef = useRef<string>(lang)\n  const wasFilled = useRef<boolean>(false)\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, isChanged, error }) => {\n      if (required) {\n        const [countryCode, phoneNumber] = splitValue(value)\n\n        if (countryCode !== prevCountryCodeRef.current) {\n          if (countryCode) {\n            prevCountryCodeRef.current = countryCode\n          }\n          return undefined\n        }\n\n        if (isChanged && !phoneNumber) {\n          return error\n        }\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const fromExternal = useCallback(\n    (external: string) => {\n      const [, phoneNumber] = splitValue(external)\n      if (!phoneNumber && !props.omitCountryCodeField) {\n        return countryCodeRef.current\n      }\n      return external\n    },\n    [props.omitCountryCodeField]\n  )\n\n  const toEvent = useCallback(\n    (value: string) => {\n      const [, phoneNumber] = splitValue(value)\n      if (!phoneNumber) {\n        return props.emptyValue\n      }\n      return value\n    },\n    [props.emptyValue]\n  )\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        pattern: props.pattern,\n      },\n    [props.schema, props.pattern]\n  )\n  const defaultProps: Partial<Props> = {\n    schema,\n    errorMessages,\n  }\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n    inputRef: props.inputRef ?? ref,\n  }\n\n  const {\n    id,\n    value,\n    className,\n    inputRef,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = defaultLabel,\n    numberMask,\n    countries: ccFilter = 'Prioritized',\n    emptyValue,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    width = 'large',\n    help,\n    required,\n    validateInitially,\n    continuousValidation,\n    validateUnchanged,\n    omitCountryCodeField,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    const number = inputRef.current?.value\n    setDisplayValue(\n      props.path,\n      number?.length > 0\n        ? joinValue([countryCodeRef.current, number])\n        : undefined\n    )\n  }, [inputRef, props.path, setDisplayValue, value])\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\n  )\n\n  const updateCurrentDataSet = useCallback(() => {\n    dataRef.current = getCountryData({\n      lang,\n      filter:\n        // Make sure the whole cc list is displayed when cc filter is set to specific region\n        ccFilter === 'Prioritized' && !wasFilled.current\n          ? (country) =>\n              `${formatCountryCode(country.cdc)}` ===\n              countryCodeRef.current\n          : filter,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filter, ccFilter])\n\n  const getEventValues = useCallback(\n    ({\n      countryCode = countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    } = {}) => {\n      return {\n        ...(!omitCountryCodeField ? { countryCode } : {}),\n        phoneNumber,\n      }\n    },\n    [omitCountryCodeField, emptyValue]\n  )\n\n  const callOnChange = useCallback(\n    ({ countryCode = undefined, phoneNumber = undefined }) => {\n      const eventValues = getEventValues({ countryCode, phoneNumber })\n      handleChange(\n        joinValue([eventValues.countryCode, eventValues.phoneNumber]),\n        eventValues\n      )\n    },\n    [getEventValues, handleChange]\n  )\n\n  const callOnBlurOrFocus = useCallback(\n    (hasFocus: boolean) => {\n      setHasFocus(hasFocus, undefined, getEventValues())\n    },\n    [setHasFocus, getEventValues]\n  )\n\n  /**\n   * We do not process the whole country list at the first render.\n   * Only when the Autocomplete opens (focus).\n   * To achieve this, we use memo instead of effect to update refs in sync.\n   *\n   * We set or update the data list depending on if the countrycode changes or lang changes.\n   * We then update countryCode and phoneNumber when value changes.\n   */\n  useMemo(() => {\n    const [countryCode, phoneNumber] = splitValue(props.value || value)\n    numberRef.current = phoneNumber\n\n    if (lang !== langRef.current || !wasFilled.current) {\n      if (!countryCodeRef.current || countryCode) {\n        countryCodeRef.current = countryCode || defaultCountryCode\n      }\n      langRef.current = lang\n\n      updateCurrentDataSet()\n    }\n  }, [value, props.value, lang, updateCurrentDataSet])\n\n  const prevCountryCodeRef = useRef(countryCodeRef.current)\n\n  const handleCountryCodeChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const countryCode = (countryCodeRef.current =\n        data?.selectedKey?.trim() || emptyValue)\n\n      callOnChange({ countryCode })\n      onCountryCodeChange?.(countryCode)\n    },\n    [emptyValue, callOnChange, onCountryCodeChange]\n  )\n\n  const handleNumberChange = useCallback(\n    (value: string) => {\n      const phoneNumber = (numberRef.current = value || emptyValue)\n\n      callOnChange({ phoneNumber })\n      onNumberChange?.(phoneNumber)\n    },\n    [emptyValue, callOnChange, onNumberChange]\n  )\n\n  const handleOnBlur = useCallback(() => {\n    callOnBlurOrFocus(false)\n  }, [callOnBlurOrFocus])\n\n  const handleOnFocus = useCallback(() => {\n    callOnBlurOrFocus(true)\n  }, [callOnBlurOrFocus])\n\n  const handleCountryCodeFocus = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleOnFocus()\n    },\n    [handleOnFocus, updateCurrentDataSet]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value, updateData, revalidateInputValue, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const cdcVal = /\\+\\d{1,3}\\s{1}\\d+/.test(value)\n          ? splitValue(value)[0]\n          : value\n        const country = countries.find(({ cdc }) => cdc === cdcVal)\n        if (country?.cdc) {\n          const countryCode = (countryCodeRef.current = formatCountryCode(\n            country.cdc\n          ))\n\n          updateCurrentDataSet()\n          updateData(dataRef.current)\n          callOnChange({ countryCode })\n\n          // To ensure correct input value,\n          // regardless if there is changed data before or not.\n          window.requestAnimationFrame(() => {\n            revalidateInputValue()\n          })\n        }\n      }\n    },\n    [callOnChange, updateCurrentDataSet]\n  )\n\n  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    className: classnames('dnb-forms-field-phone-number', className),\n    width: omitCountryCodeField || props.width ? undefined : width,\n    label: undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Flex.Horizontal align=\"flex-end\">\n        {!omitCountryCodeField && (\n          <Autocomplete\n            className={classnames(\n              'dnb-forms-field-phone-number__country-code',\n              countryCodeFieldClassName\n            )}\n            mode=\"async\"\n            placeholder={countryCodePlaceholder}\n            label_direction=\"vertical\"\n            label={countryCodeLabel ?? defaultCountryCodeLabel}\n            data={dataRef.current}\n            value={countryCodeRef.current}\n            status={hasError ? 'error' : undefined}\n            disabled={disabled}\n            on_focus={handleCountryCodeFocus}\n            on_blur={handleOnBlur}\n            on_change={handleCountryCodeChange}\n            on_type={onTypeHandler}\n            independent_width\n            search_numbers\n            keep_selection\n            autoComplete=\"tel-country-code\"\n            no_animation={props.noAnimation}\n            stretch={width === 'stretch'}\n          />\n        )}\n\n        <StringField\n          className={classnames(\n            'dnb-forms-field-phone-number__number',\n            numberFieldClassName\n          )}\n          type=\"tel\"\n          autoComplete=\"tel-national\"\n          emptyValue={emptyValue}\n          layout=\"vertical\"\n          label={label}\n          placeholder={\n            placeholder ?? (isDefault ? defaultPlaceholder : undefined)\n          }\n          mask={\n            numberMask ?? (isDefault ? defaultMask : Array(12).fill(/\\d/))\n          }\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          onChange={handleNumberChange}\n          value={numberRef.current}\n          innerRef={inputRef}\n          info={info}\n          warning={warning}\n          error={error}\n          disabled={disabled}\n          width={\n            omitCountryCodeField ? 'medium' : props.width ?? 'stretch'\n          }\n          help={help}\n          required={required}\n          errorMessages={errorMessages}\n          validateInitially={validateInitially}\n          continuousValidation={continuousValidation}\n          validateUnchanged={validateUnchanged}\n          inputMode=\"tel\"\n        />\n      </Flex.Horizontal>\n    </FieldBlock>\n  )\n}\n\nfunction makeObject(country: CountryType, lang: string) {\n  return {\n    selectedKey: formatCountryCode(country.cdc),\n    selected_value: `${country.iso} (${formatCountryCode(country.cdc)})`,\n    content: `${formatCountryCode(country.cdc)} ${\n      country.i18n[lang] ?? country.i18n.en\n    }`,\n  }\n}\n\nfunction formatCountryCode(value: string) {\n  return `+${value}`\n}\n\nfunction splitValue(value: string) {\n  return (\n    typeof value === 'string'\n      ? value.match(/^(\\+[^ ]+)? ?(.*)$/)\n      : [undefined, '', '']\n  ).slice(1)\n}\n\nfunction joinValue(array: Array<string>) {\n  return array.filter(Boolean).join(' ')\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IACVC,OAAO,EACPC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,OAAO;AACd,SAASC,YAAY,EAAEC,IAAI,QAAQ,wBAAwB;AAE3D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAGT,2BAA2B;AAClC,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,UAAU,MAAoC,kBAAkB;AACvE,SAASC,aAAa,QAAQ,aAAa;AAM3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,aAAa,EAEbC,cAAc,QACT,kBAAkB;AACzB,OAAOC,cAAc,MAAM,4BAA4B;AA2CvD,MAAMC,kBAAkB,GAAG,KAAK;AAChC,MAAMC,kBAAkB,GAAG,aAAa;AACxC,MAAMC,WAAW,GAAG,CAClB,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,CACL;AAED,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,qBAAA,EAAAC,YAAA;EACjC,MAAMC,aAAa,GAAGzB,UAAU,CAACY,aAAa,CAAC;EAC/C,MAAM;IACJc,KAAK,EAAEC,YAAY;IACnBC,gBAAgB,EAAEC,uBAAuB;IACzCC;EACF,CAAC,GAAGf,cAAc,CAAC,CAAC,CAACI,WAAW;EAChC,MAAMY,IAAI,IAAAV,qBAAA,GAAGI,aAAa,CAACO,MAAM,cAAAX,qBAAA,uBAApBA,qBAAA,CAAsBY,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAgB;EAE/D,MAAMC,cAAc,GAAG/B,MAAM,CAAiBiB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,UAAU,CAAC;EAChE,MAAMC,SAAS,GAAGjC,MAAM,CAAiBiB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEe,UAAU,CAAC;EAC3D,MAAME,OAAO,GAAGlC,MAAM,CAA8B,IAAI,CAAC;EACzD,MAAMmC,OAAO,GAAGnC,MAAM,CAAS4B,IAAI,CAAC;EACpC,MAAMQ,SAAS,GAAGpC,MAAM,CAAU,KAAK,CAAC;EAExC,MAAMqC,aAAa,GAAGzC,OAAO,CAC3B,MAAA0C,aAAA;IACE,qBAAqB,EAAEX,aAAa;IACpC,oBAAoB,EAAEA;EAAa,GAChCV,KAAK,CAACoB,aAAa,CACtB,EACF,CAACV,aAAa,EAAEV,KAAK,CAACoB,aAAa,CACrC,CAAC;EAED,MAAME,gBAAgB,GAAGzC,WAAW,CAClC,CAAC0C,KAAa,EAAE;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAM,CAAC,KAAK;IACjD,IAAIF,QAAQ,EAAE;MACZ,MAAM,CAACG,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAACN,KAAK,CAAC;MAEpD,IAAII,WAAW,KAAKG,kBAAkB,CAACC,OAAO,EAAE;QAC9C,IAAIJ,WAAW,EAAE;UACfG,kBAAkB,CAACC,OAAO,GAAGJ,WAAW;QAC1C;QACA,OAAOK,SAAS;MAClB;MAEA,IAAIP,SAAS,IAAI,CAACG,WAAW,EAAE;QAC7B,OAAOF,KAAK;MACd;IACF;IAEA,OAAOM,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAMC,YAAY,GAAGpD,WAAW,CAC7BqD,QAAgB,IAAK;IACpB,MAAM,GAAGN,WAAW,CAAC,GAAGC,UAAU,CAACK,QAAQ,CAAC;IAC5C,IAAI,CAACN,WAAW,IAAI,CAAC5B,KAAK,CAACmC,oBAAoB,EAAE;MAC/C,OAAOrB,cAAc,CAACiB,OAAO;IAC/B;IACA,OAAOG,QAAQ;EACjB,CAAC,EACD,CAAClC,KAAK,CAACmC,oBAAoB,CAC7B,CAAC;EAED,MAAMC,OAAO,GAAGvD,WAAW,CACxB0C,KAAa,IAAK;IACjB,MAAM,GAAGK,WAAW,CAAC,GAAGC,UAAU,CAACN,KAAK,CAAC;IACzC,IAAI,CAACK,WAAW,EAAE;MAChB,OAAO5B,KAAK,CAACe,UAAU;IACzB;IACA,OAAOQ,KAAK;EACd,CAAC,EACD,CAACvB,KAAK,CAACe,UAAU,CACnB,CAAC;EAED,MAAMsB,MAAM,GAAG1D,OAAO,CACpB;IAAA,IAAA2D,aAAA;IAAA,QAAAA,aAAA,GACEtC,KAAK,CAACqC,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAI;MACdC,IAAI,EAAE,QAAQ;MACdC,OAAO,EAAExC,KAAK,CAACwC;IACjB,CAAC;EAAA,GACH,CAACxC,KAAK,CAACqC,MAAM,EAAErC,KAAK,CAACwC,OAAO,CAC9B,CAAC;EACD,MAAMC,YAA4B,GAAG;IACnCJ,MAAM;IACNjB;EACF,CAAC;EACD,MAAMsB,GAAG,GAAG3D,MAAM,CAAmB,CAAC;EACtC,MAAM4D,aAAoB,GAAAtB,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACrBrB,KAAK,GACLyC,YAAY;IACfnB,gBAAgB;IAChBW,YAAY;IACZG,OAAO;IACPQ,QAAQ,GAAA1C,eAAA,GAAEF,KAAK,CAAC4C,QAAQ,cAAA1C,eAAA,cAAAA,eAAA,GAAIwC;EAAG,EAChC;EAED,MAAM;IACJG,EAAE;IACFtB,KAAK;IACLuB,SAAS;IACTF,QAAQ;IACRG,yBAAyB;IACzBC,oBAAoB;IACpBC,sBAAsB;IACtBC,WAAW;IACX1C,gBAAgB;IAChBF,KAAK,GAAGC,YAAY;IACpB4C,UAAU;IACVhE,SAAS,EAAEiE,QAAQ,GAAG,aAAa;IACnCrC,UAAU;IACVsC,IAAI;IACJC,OAAO;IACP5B,KAAK;IACL6B,QAAQ;IACRC,QAAQ;IACRC,KAAK,GAAG,OAAO;IACfC,IAAI;IACJlC,QAAQ;IACRmC,iBAAiB;IACjBC,oBAAoB;IACpBC,iBAAiB;IACjB1B,oBAAoB;IACpB2B,WAAW;IACXC,YAAY;IACZC,eAAe;IACfC,mBAAmB;IACnBC,cAAc;IACdC;EACF,CAAC,GAAG7E,aAAa,CAACqD,aAAa,CAAC;EAEhC7D,SAAS,CAAC,MAAM;IAAA,IAAAsF,iBAAA;IACd,MAAMC,MAAM,IAAAD,iBAAA,GAAGxB,QAAQ,CAACb,OAAO,cAAAqC,iBAAA,uBAAhBA,iBAAA,CAAkB7C,KAAK;IACtCyC,eAAe,CACbhE,KAAK,CAACsE,IAAI,EACV,CAAAD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,MAAM,IAAG,CAAC,GACdC,SAAS,CAAC,CAAC1D,cAAc,CAACiB,OAAO,EAAEsC,MAAM,CAAC,CAAC,GAC3CrC,SACN,CAAC;EACH,CAAC,EAAE,CAACY,QAAQ,EAAE5C,KAAK,CAACsE,IAAI,EAAEN,eAAe,EAAEzC,KAAK,CAAC,CAAC;EAElD,MAAMkD,MAAM,GAAG5F,WAAW,CACvB6F,OAAoB,IAAK;IACxB,OAAOjF,aAAa,CAACiF,OAAO,EAAEP,eAAe,EAAEf,QAAQ,CAAC;EAC1D,CAAC,EACD,CAACA,QAAQ,EAAEe,eAAe,CAC5B,CAAC;EAED,MAAMQ,oBAAoB,GAAG9F,WAAW,CAAC,MAAM;IAC7CoC,OAAO,CAACc,OAAO,GAAGrC,cAAc,CAAC;MAC/BiB,IAAI;MACJ8D,MAAM,EAEJrB,QAAQ,KAAK,aAAa,IAAI,CAACjC,SAAS,CAACY,OAAO,GAC3C2C,OAAO,IACL,GAAEE,iBAAiB,CAACF,OAAO,CAACG,GAAG,CAAE,EAAC,KACnC/D,cAAc,CAACiB,OAAO,GACxB0C,MAAM;MACZK,IAAI,EAAE1B,QAAoD;MAC1D2B;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpE,IAAI,EAAE8D,MAAM,EAAErB,QAAQ,CAAC,CAAC;EAE5B,MAAM4B,cAAc,GAAGnG,WAAW,CAChC,CAAC;IACC8C,WAAW,GAAGb,cAAc,CAACiB,OAAO,IAAIhB,UAAU;IAClDa,WAAW,GAAGZ,SAAS,CAACe,OAAO,IAAIhB;EACrC,CAAC,GAAG,CAAC,CAAC,KAAK;IACT,OAAAM,aAAA,CAAAA,aAAA,KACM,CAACc,oBAAoB,GAAG;MAAER;IAAY,CAAC,GAAG,CAAC,CAAC;MAChDC;IAAW;EAEf,CAAC,EACD,CAACO,oBAAoB,EAAEpB,UAAU,CACnC,CAAC;EAED,MAAMkE,YAAY,GAAGpG,WAAW,CAC9B,CAAC;IAAE8C,WAAW,GAAGK,SAAS;IAAEJ,WAAW,GAAGI;EAAU,CAAC,KAAK;IACxD,MAAMkD,WAAW,GAAGF,cAAc,CAAC;MAAErD,WAAW;MAAEC;IAAY,CAAC,CAAC;IAChEmC,YAAY,CACVS,SAAS,CAAC,CAACU,WAAW,CAACvD,WAAW,EAAEuD,WAAW,CAACtD,WAAW,CAAC,CAAC,EAC7DsD,WACF,CAAC;EACH,CAAC,EACD,CAACF,cAAc,EAAEjB,YAAY,CAC/B,CAAC;EAED,MAAMoB,iBAAiB,GAAGtG,WAAW,CAClCuG,QAAiB,IAAK;IACrBtB,WAAW,CAACsB,QAAQ,EAAEpD,SAAS,EAAEgD,cAAc,CAAC,CAAC,CAAC;EACpD,CAAC,EACD,CAAClB,WAAW,EAAEkB,cAAc,CAC9B,CAAC;EAUDrG,OAAO,CAAC,MAAM;IACZ,MAAM,CAACgD,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAAC7B,KAAK,CAACuB,KAAK,IAAIA,KAAK,CAAC;IACnEP,SAAS,CAACe,OAAO,GAAGH,WAAW;IAE/B,IAAIjB,IAAI,KAAKO,OAAO,CAACa,OAAO,IAAI,CAACZ,SAAS,CAACY,OAAO,EAAE;MAClD,IAAI,CAACjB,cAAc,CAACiB,OAAO,IAAIJ,WAAW,EAAE;QAC1Cb,cAAc,CAACiB,OAAO,GAAGJ,WAAW,IAAI/B,kBAAkB;MAC5D;MACAsB,OAAO,CAACa,OAAO,GAAGpB,IAAI;MAEtBgE,oBAAoB,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAACpD,KAAK,EAAEvB,KAAK,CAACuB,KAAK,EAAEZ,IAAI,EAAEgE,oBAAoB,CAAC,CAAC;EAEpD,MAAM7C,kBAAkB,GAAG/C,MAAM,CAAC+B,cAAc,CAACiB,OAAO,CAAC;EAEzD,MAAMsD,uBAAuB,GAAGxG,WAAW,CACzC,CAAC;IAAEyG;EAAwC,CAAC,KAAK;IAAA,IAAAC,iBAAA;IAC/C,MAAM5D,WAAW,GAAIb,cAAc,CAACiB,OAAO,GACzC,CAAAuD,IAAI,aAAJA,IAAI,wBAAAC,iBAAA,GAAJD,IAAI,CAAEE,WAAW,cAAAD,iBAAA,uBAAjBA,iBAAA,CAAmBE,IAAI,CAAC,CAAC,KAAI1E,UAAW;IAE1CkE,YAAY,CAAC;MAAEtD;IAAY,CAAC,CAAC;IAC7BsC,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGtC,WAAW,CAAC;EACpC,CAAC,EACD,CAACZ,UAAU,EAAEkE,YAAY,EAAEhB,mBAAmB,CAChD,CAAC;EAED,MAAMyB,kBAAkB,GAAG7G,WAAW,CACnC0C,KAAa,IAAK;IACjB,MAAMK,WAAW,GAAIZ,SAAS,CAACe,OAAO,GAAGR,KAAK,IAAIR,UAAW;IAE7DkE,YAAY,CAAC;MAAErD;IAAY,CAAC,CAAC;IAC7BsC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGtC,WAAW,CAAC;EAC/B,CAAC,EACD,CAACb,UAAU,EAAEkE,YAAY,EAAEf,cAAc,CAC3C,CAAC;EAED,MAAMyB,YAAY,GAAG9G,WAAW,CAAC,MAAM;IACrCsG,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMS,aAAa,GAAG/G,WAAW,CAAC,MAAM;IACtCsG,iBAAiB,CAAC,IAAI,CAAC;EACzB,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMU,sBAAsB,GAAGhH,WAAW,CACxC,CAAC;IAAEiH;EAAW,CAAC,KAAK;IAClB,IAAI,CAAC3E,SAAS,CAACY,OAAO,EAAE;MACtBZ,SAAS,CAACY,OAAO,GAAG,IAAI;MACxB4C,oBAAoB,CAAC,CAAC;MACtBmB,UAAU,CAAC7E,OAAO,CAACc,OAAO,CAAC;IAC7B;IACA6D,aAAa,CAAC,CAAC;EACjB,CAAC,EACD,CAACA,aAAa,EAAEjB,oBAAoB,CACtC,CAAC;EAED,MAAMoB,aAAa,GAAGlH,WAAW,CAC/B,CAAC;IAAE0C,KAAK;IAAEuE,UAAU;IAAEE,oBAAoB;IAAEC;EAAM,CAAC,KAAK;IAAA,IAAAC,kBAAA;IAEtD,IAAI,QAAOD,KAAK,aAALA,KAAK,wBAAAC,kBAAA,GAALD,KAAK,CAAEE,WAAW,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAoBZ,IAAI,MAAK,WAAW,EAAE;MACnD,MAAMc,MAAM,GAAG,mBAAmB,CAACC,IAAI,CAAC9E,KAAK,CAAC,GAC1CM,UAAU,CAACN,KAAK,CAAC,CAAC,CAAC,CAAC,GACpBA,KAAK;MACT,MAAMmD,OAAO,GAAGvF,SAAS,CAACmH,IAAI,CAAC,CAAC;QAAEzB;MAAI,CAAC,KAAKA,GAAG,KAAKuB,MAAM,CAAC;MAC3D,IAAI1B,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEG,GAAG,EAAE;QAChB,MAAMlD,WAAW,GAAIb,cAAc,CAACiB,OAAO,GAAG6C,iBAAiB,CAC7DF,OAAO,CAACG,GACV,CAAE;QAEFF,oBAAoB,CAAC,CAAC;QACtBmB,UAAU,CAAC7E,OAAO,CAACc,OAAO,CAAC;QAC3BkD,YAAY,CAAC;UAAEtD;QAAY,CAAC,CAAC;QAI7B4E,MAAM,CAACC,qBAAqB,CAAC,MAAM;UACjCR,oBAAoB,CAAC,CAAC;QACxB,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EACD,CAACf,YAAY,EAAEN,oBAAoB,CACrC,CAAC;EAED,MAAM8B,SAAS,IAAAtG,qBAAA,GAAGW,cAAc,CAACiB,OAAO,cAAA5B,qBAAA,uBAAtBA,qBAAA,CAAwBuG,QAAQ,CAAC9G,kBAAkB,CAAC;EAEtE,MAAM+G,eAAgC,GAAAtF,aAAA;IACpCwB,EAAE;IACFC,SAAS,EAAE5D,UAAU,CAAC,8BAA8B,EAAE4D,SAAS,CAAC;IAChEW,KAAK,EAAEtB,oBAAoB,IAAInC,KAAK,CAACyD,KAAK,GAAGzB,SAAS,GAAGyB,KAAK;IAC9DnD,KAAK,EAAE0B;EAAS,GACbzC,gBAAgB,CAACS,KAAK,CAAC,CAC3B;EAED,OACEtB,KAAA,CAAAkI,aAAA,CAACvH,UAAU,EAAKsH,eAAe,EAC7BjI,KAAA,CAAAkI,aAAA,CAAC3H,IAAI,CAAC4H,UAAU;IAACC,KAAK,EAAC;EAAU,GAC9B,CAAC3E,oBAAoB,IACpBzD,KAAA,CAAAkI,aAAA,CAAC5H,YAAY;IACX8D,SAAS,EAAE5D,UAAU,CACnB,4CAA4C,EAC5C6D,yBACF,CAAE;IACFgE,IAAI,EAAC,OAAO;IACZ7D,WAAW,EAAED,sBAAuB;IACpC+D,eAAe,EAAC,UAAU;IAC1B1G,KAAK,EAAEE,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIC,uBAAwB;IACnD6E,IAAI,EAAErE,OAAO,CAACc,OAAQ;IACtBR,KAAK,EAAET,cAAc,CAACiB,OAAQ;IAC9BkF,MAAM,EAAE1D,QAAQ,GAAG,OAAO,GAAGvB,SAAU;IACvCwB,QAAQ,EAAEA,QAAS;IACnB0D,QAAQ,EAAErB,sBAAuB;IACjCsB,OAAO,EAAExB,YAAa;IACtByB,SAAS,EAAE/B,uBAAwB;IACnCgC,OAAO,EAAEtB,aAAc;IACvBuB,iBAAiB;IACjBC,cAAc;IACdC,cAAc;IACdC,YAAY,EAAC,kBAAkB;IAC/BC,YAAY,EAAE1H,KAAK,CAAC2H,WAAY;IAChCC,OAAO,EAAEnE,KAAK,KAAK;EAAU,CAC9B,CACF,EAED/E,KAAA,CAAAkI,aAAA,CAACxH,WAAW;IACV0D,SAAS,EAAE5D,UAAU,CACnB,sCAAsC,EACtC8D,oBACF,CAAE;IACFT,IAAI,EAAC,KAAK;IACVkF,YAAY,EAAC,cAAc;IAC3B1G,UAAU,EAAEA,UAAW;IACvB8G,MAAM,EAAC,UAAU;IACjBvH,KAAK,EAAEA,KAAM;IACb4C,WAAW,EACTA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAKuD,SAAS,GAAG5G,kBAAkB,GAAGmC,SAClD;IACD8F,IAAI,EACF3E,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAKsD,SAAS,GAAG3G,WAAW,GAAGiI,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAC7D;IACDC,OAAO,EAAErC,aAAc;IACvBsC,MAAM,EAAEvC,YAAa;IACrBwC,QAAQ,EAAEzC,kBAAmB;IAC7BnE,KAAK,EAAEP,SAAS,CAACe,OAAQ;IACzBqG,QAAQ,EAAExF,QAAS;IACnBS,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjB5B,KAAK,EAAEA,KAAM;IACb8B,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EACHtB,oBAAoB,GAAG,QAAQ,IAAA/B,YAAA,GAAGJ,KAAK,CAACyD,KAAK,cAAArD,YAAA,cAAAA,YAAA,GAAI,SAClD;IACDsD,IAAI,EAAEA,IAAK;IACXlC,QAAQ,EAAEA,QAAS;IACnBJ,aAAa,EAAEA,aAAc;IAC7BuC,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,iBAAiB,EAAEA,iBAAkB;IACrCwE,SAAS,EAAC;EAAK,CAChB,CACc,CACP,CAAC;AAEjB;AAEA,SAAStD,UAAUA,CAACL,OAAoB,EAAE/D,IAAY,EAAE;EAAA,IAAA2H,kBAAA;EACtD,OAAO;IACL9C,WAAW,EAAEZ,iBAAiB,CAACF,OAAO,CAACG,GAAG,CAAC;IAC3C0D,cAAc,EAAG,GAAE7D,OAAO,CAAC8D,GAAI,KAAI5D,iBAAiB,CAACF,OAAO,CAACG,GAAG,CAAE,GAAE;IACpE4D,OAAO,EAAG,GAAE7D,iBAAiB,CAACF,OAAO,CAACG,GAAG,CAAE,IAAC,CAAAyD,kBAAA,GAC1C5D,OAAO,CAACgE,IAAI,CAAC/H,IAAI,CAAC,cAAA2H,kBAAA,cAAAA,kBAAA,GAAI5D,OAAO,CAACgE,IAAI,CAACC,EACpC;EACH,CAAC;AACH;AAEA,SAAS/D,iBAAiBA,CAACrD,KAAa,EAAE;EACxC,OAAQ,IAAGA,KAAM,EAAC;AACpB;AAEA,SAASM,UAAUA,CAACN,KAAa,EAAE;EACjC,OAAO,CACL,OAAOA,KAAK,KAAK,QAAQ,GACrBA,KAAK,CAACqH,KAAK,CAAC,oBAAoB,CAAC,GACjC,CAAC5G,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EACvB6G,KAAK,CAAC,CAAC,CAAC;AACZ;AAEA,SAASrE,SAASA,CAACsE,KAAoB,EAAE;EACvC,OAAOA,KAAK,CAACrE,MAAM,CAACsE,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AACxC;AAEAjJ,WAAW,CAACkJ,qBAAqB,GAAG,IAAI;AACxC,eAAelJ,WAAW"}
+{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","useEffect","useRef","Autocomplete","Flex","classnames","countries","StringField","FieldBlock","useFieldProps","pickSpacingProps","SharedContext","countryFilter","getCountryData","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_props$inputRef","_countryCodeRef$curre","_props$width","sharedContext","label","defaultLabel","countryCodeLabel","defaultCountryCodeLabel","errorRequired","lang","locale","split","countryCodeRef","emptyValue","numberRef","dataRef","langRef","wasFilled","errorMessages","_objectSpread","validateRequired","value","required","isChanged","error","countryCode","phoneNumber","splitValue","prevCountryCodeRef","current","undefined","fromExternal","external","omitCountryCodeField","toEvent","schema","_props$schema","type","pattern","defaultProps","ref","preparedProps","inputRef","id","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","numberMask","ccFilter","info","warning","hasError","disabled","width","help","validateInitially","continuousValidation","validateUnchanged","setHasFocus","handleChange","setDisplayValue","onCountryCodeChange","onNumberChange","filterCountries","_inputRef$current","number","path","length","joinValue","filter","country","updateCurrentDataSet","formatCountryCode","cdc","sort","makeObject","getEventValues","callOnChange","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","data","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","cdcVal","test","find","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","Horizontal","align","mode","label_direction","status","on_focus","on_blur","on_change","on_type","independent_width","search_numbers","keep_selection","autoComplete","no_animation","noAnimation","stretch","layout","mask","Array","fill","onFocus","onBlur","onChange","innerRef","breakout","inputMode","_country$i18n$lang","selected_value","iso","content","i18n","en","match","slice","array","Boolean","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Autocomplete, Flex } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport classnames from 'classnames'\nimport countries, {\n  type CountryLang,\n  type CountryType,\n} from '../../constants/countries'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldPropsWithExtraValue,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  countryFilter,\n  CountryFilterSet,\n  getCountryData,\n} from '../SelectCountry'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataObject } from '../../../../fragments/DrawerList'\n\nexport type Props = Omit<\n  FieldPropsWithExtraValue<\n    string,\n    { country: string; phone: string },\n    undefined | string\n  >,\n  'layout' | 'layoutOptions'\n> & {\n  countryCodeFieldClassName?: string\n  numberFieldClassName?: string\n  countryCodePlaceholder?: string\n  countryCodeLabel?: string\n  numberMask?: InputMaskedProps['mask']\n  pattern?: StringFieldProps['pattern']\n  width?: 'large' | 'stretch'\n  inputRef?: React.RefObject<HTMLInputElement>\n  omitCountryCodeField?: boolean\n  onCountryCodeChange?: (value: string | undefined) => void\n  onNumberChange?: (value: string | undefined) => void\n\n  /**\n   * Defines the countries to filter. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n}\n\n// Important for the default value to be defined here, and not after the useFieldProps call, to avoid the UI jumping\n// back to +47 once the user empty the field so handleChange send out undefined.\nconst defaultCountryCode = '+47'\nconst defaultPlaceholder = '00 00 00 00'\nconst defaultMask = [\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n  ' ',\n  /\\d/,\n  /\\d/,\n]\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    label: defaultLabel,\n    countryCodeLabel: defaultCountryCodeLabel,\n    errorRequired,\n  } = useTranslation().PhoneNumber\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = useRef<Props['value']>(props?.emptyValue)\n  const numberRef = useRef<Props['value']>(props?.emptyValue)\n  const dataRef = useRef<Array<DrawerListDataObject>>(null)\n  const langRef = useRef<string>(lang)\n  const wasFilled = useRef<boolean>(false)\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, isChanged, error }) => {\n      if (required) {\n        const [countryCode, phoneNumber] = splitValue(value)\n\n        if (countryCode !== prevCountryCodeRef.current) {\n          if (countryCode) {\n            prevCountryCodeRef.current = countryCode\n          }\n          return undefined\n        }\n\n        if (isChanged && !phoneNumber) {\n          return error\n        }\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const fromExternal = useCallback(\n    (external: string) => {\n      const [, phoneNumber] = splitValue(external)\n      if (!phoneNumber && !props.omitCountryCodeField) {\n        return countryCodeRef.current\n      }\n      return external\n    },\n    [props.omitCountryCodeField]\n  )\n\n  const toEvent = useCallback(\n    (value: string) => {\n      const [, phoneNumber] = splitValue(value)\n      if (!phoneNumber) {\n        return props.emptyValue\n      }\n      return value\n    },\n    [props.emptyValue]\n  )\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        pattern: props.pattern,\n      },\n    [props.schema, props.pattern]\n  )\n  const defaultProps: Partial<Props> = {\n    schema,\n    errorMessages,\n  }\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n    inputRef: props.inputRef ?? ref,\n  }\n\n  const {\n    id,\n    value,\n    className,\n    inputRef,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = defaultLabel,\n    numberMask,\n    countries: ccFilter = 'Prioritized',\n    emptyValue,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    width = 'large',\n    help,\n    required,\n    validateInitially,\n    continuousValidation,\n    validateUnchanged,\n    omitCountryCodeField,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    const number = inputRef.current?.value\n    setDisplayValue(\n      props.path,\n      number?.length > 0\n        ? joinValue([countryCodeRef.current, number])\n        : undefined\n    )\n  }, [inputRef, props.path, setDisplayValue, value])\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\n  )\n\n  const updateCurrentDataSet = useCallback(() => {\n    dataRef.current = getCountryData({\n      lang,\n      filter:\n        // Make sure the whole cc list is displayed when cc filter is set to specific region\n        ccFilter === 'Prioritized' && !wasFilled.current\n          ? (country) =>\n              `${formatCountryCode(country.cdc)}` ===\n              countryCodeRef.current\n          : filter,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filter, ccFilter])\n\n  const getEventValues = useCallback(\n    ({\n      countryCode = countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    } = {}) => {\n      return {\n        ...(!omitCountryCodeField ? { countryCode } : {}),\n        phoneNumber,\n      }\n    },\n    [omitCountryCodeField, emptyValue]\n  )\n\n  const callOnChange = useCallback(\n    ({ countryCode = undefined, phoneNumber = undefined }) => {\n      const eventValues = getEventValues({ countryCode, phoneNumber })\n      handleChange(\n        joinValue([eventValues.countryCode, eventValues.phoneNumber]),\n        eventValues\n      )\n    },\n    [getEventValues, handleChange]\n  )\n\n  const callOnBlurOrFocus = useCallback(\n    (hasFocus: boolean) => {\n      setHasFocus(hasFocus, undefined, getEventValues())\n    },\n    [setHasFocus, getEventValues]\n  )\n\n  /**\n   * We do not process the whole country list at the first render.\n   * Only when the Autocomplete opens (focus).\n   * To achieve this, we use memo instead of effect to update refs in sync.\n   *\n   * We set or update the data list depending on if the countrycode changes or lang changes.\n   * We then update countryCode and phoneNumber when value changes.\n   */\n  useMemo(() => {\n    const [countryCode, phoneNumber] = splitValue(props.value || value)\n    numberRef.current = phoneNumber\n\n    if (lang !== langRef.current || !wasFilled.current) {\n      if (!countryCodeRef.current || countryCode) {\n        countryCodeRef.current = countryCode || defaultCountryCode\n      }\n      langRef.current = lang\n\n      updateCurrentDataSet()\n    }\n  }, [value, props.value, lang, updateCurrentDataSet])\n\n  const prevCountryCodeRef = useRef(countryCodeRef.current)\n\n  const handleCountryCodeChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const countryCode = (countryCodeRef.current =\n        data?.selectedKey?.trim() || emptyValue)\n\n      callOnChange({ countryCode })\n      onCountryCodeChange?.(countryCode)\n    },\n    [emptyValue, callOnChange, onCountryCodeChange]\n  )\n\n  const handleNumberChange = useCallback(\n    (value: string) => {\n      const phoneNumber = (numberRef.current = value || emptyValue)\n\n      callOnChange({ phoneNumber })\n      onNumberChange?.(phoneNumber)\n    },\n    [emptyValue, callOnChange, onNumberChange]\n  )\n\n  const handleOnBlur = useCallback(() => {\n    callOnBlurOrFocus(false)\n  }, [callOnBlurOrFocus])\n\n  const handleOnFocus = useCallback(() => {\n    callOnBlurOrFocus(true)\n  }, [callOnBlurOrFocus])\n\n  const handleCountryCodeFocus = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleOnFocus()\n    },\n    [handleOnFocus, updateCurrentDataSet]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value, updateData, revalidateInputValue, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const cdcVal = /\\+\\d{1,3}\\s{1}\\d+/.test(value)\n          ? splitValue(value)[0]\n          : value\n        const country = countries.find(({ cdc }) => cdc === cdcVal)\n        if (country?.cdc) {\n          const countryCode = (countryCodeRef.current = formatCountryCode(\n            country.cdc\n          ))\n\n          updateCurrentDataSet()\n          updateData(dataRef.current)\n          callOnChange({ countryCode })\n\n          // To ensure correct input value,\n          // regardless if there is changed data before or not.\n          window.requestAnimationFrame(() => {\n            revalidateInputValue()\n          })\n        }\n      }\n    },\n    [callOnChange, updateCurrentDataSet]\n  )\n\n  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    className: classnames('dnb-forms-field-phone-number', className),\n    width: omitCountryCodeField || props.width ? undefined : width,\n    label: undefined,\n    help: undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Flex.Horizontal align=\"flex-end\">\n        {!omitCountryCodeField && (\n          <Autocomplete\n            className={classnames(\n              'dnb-forms-field-phone-number__country-code',\n              countryCodeFieldClassName\n            )}\n            mode=\"async\"\n            placeholder={countryCodePlaceholder}\n            label_direction=\"vertical\"\n            label={countryCodeLabel ?? defaultCountryCodeLabel}\n            data={dataRef.current}\n            value={countryCodeRef.current}\n            status={hasError ? 'error' : undefined}\n            disabled={disabled}\n            on_focus={handleCountryCodeFocus}\n            on_blur={handleOnBlur}\n            on_change={handleCountryCodeChange}\n            on_type={onTypeHandler}\n            independent_width\n            search_numbers\n            keep_selection\n            autoComplete=\"tel-country-code\"\n            no_animation={props.noAnimation}\n            stretch={width === 'stretch'}\n          />\n        )}\n\n        <StringField\n          className={classnames(\n            'dnb-forms-field-phone-number__number',\n            numberFieldClassName\n          )}\n          type=\"tel\"\n          autoComplete=\"tel-national\"\n          emptyValue={emptyValue}\n          layout=\"vertical\"\n          label={label}\n          placeholder={\n            placeholder ?? (isDefault ? defaultPlaceholder : undefined)\n          }\n          mask={\n            numberMask ?? (isDefault ? defaultMask : Array(12).fill(/\\d/))\n          }\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          onChange={handleNumberChange}\n          value={numberRef.current}\n          innerRef={inputRef}\n          info={info}\n          warning={warning}\n          error={error}\n          disabled={disabled}\n          width={\n            omitCountryCodeField ? 'medium' : props.width ?? 'stretch'\n          }\n          help={{ ...help, breakout: false }}\n          required={required}\n          errorMessages={errorMessages}\n          validateInitially={validateInitially}\n          continuousValidation={continuousValidation}\n          validateUnchanged={validateUnchanged}\n          inputMode=\"tel\"\n        />\n      </Flex.Horizontal>\n    </FieldBlock>\n  )\n}\n\nfunction makeObject(country: CountryType, lang: string) {\n  return {\n    selectedKey: formatCountryCode(country.cdc),\n    selected_value: `${country.iso} (${formatCountryCode(country.cdc)})`,\n    content: `${formatCountryCode(country.cdc)} ${\n      country.i18n[lang] ?? country.i18n.en\n    }`,\n  }\n}\n\nfunction formatCountryCode(value: string) {\n  return `+${value}`\n}\n\nfunction splitValue(value: string) {\n  return (\n    typeof value === 'string'\n      ? value.match(/^(\\+[^ ]+)? ?(.*)$/)\n      : [undefined, '', '']\n  ).slice(1)\n}\n\nfunction joinValue(array: Array<string>) {\n  return array.filter(Boolean).join(' ')\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":"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"}

package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js

@@ -15,11 +15,6 @@ export const PhoneNumberProperties = {
     type: 'string',
     status: 'optional'
   },
-  help: {
-    doc: 'Provide a help button. Object consisting of `title` and `content`.',
-    type: 'object',
-    status: 'optional'
-  },
   omitCountryCodeField: {
     doc: 'If `true` is given, then everything related to country code is removed.',
     type: 'boolean',

package/es/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberDocs.js","names":["getFieldEventsWithTypes","PhoneNumberProperties","countries","doc","type","status","filterCountries","pattern","help","omitCountryCodeField","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","countryCodeLabel","numberMask","width","phoneNumberSpecificEvents","onCountryCodeChange","onNumberChange","phoneNumberGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\n\nexport const PhoneNumberProperties: PropertiesTableProps = {\n  countries: {\n    doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterCountries: {\n    doc: 'Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.',\n    type: 'function',\n    status: 'optional',\n  },\n  pattern: {\n    doc: 'Validation based on regex pattern for the number field e.g. `pattern=\"^[49]+\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n  omitCountryCodeField: {\n    doc: 'If `true` is given, then everything related to country code is removed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  countryCodeFieldClassName: {\n    doc: 'Class name for the country code component.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberFieldClassName: {\n    doc: 'Class name for the number component.',\n    type: 'string',\n    status: 'optional',\n  },\n  countryCodePlaceholder: {\n    doc: 'Placeholder for the country code field.',\n    type: 'string',\n    status: 'optional',\n  },\n  countryCodeLabel: {\n    doc: 'Label to show above / before the country code field.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberMask: {\n    doc: 'See property `mask` of the [InputMasked](/uilib/components/input-masked/properties) component.',\n    type: 'Various',\n    status: 'optional',\n  },\n  width: {\n    doc: '`large` for predefined standard width, `stretch` for fill available width.',\n    type: 'string | false',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const phoneNumberSpecificEvents: PropertiesTableProps = {\n  onCountryCodeChange: {\n    doc: 'Callback on country code change.',\n    type: '(value?: string) => void',\n    status: 'optional',\n  },\n  onNumberChange: {\n    doc: 'Callback on phone number change.',\n    type: '(value?: string) => void',\n    status: 'optional',\n  },\n}\n\nexport const phoneNumberGeneralEvents = getFieldEventsWithTypes(\n  { type: 'string', optional: true },\n  { type: 'object' }\n)\n"],"mappings":"AACA,SAASA,uBAAuB,QAAQ,cAAc;AAEtD,OAAO,MAAMC,qBAA2C,GAAG;EACzDC,SAAS,EAAE;IACTC,GAAG,EAAE,sPAAsP;IAC3PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+JAA+J;IACpKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,oBAAoB,EAAE;IACpBN,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,yBAAyB,EAAE;IACzBP,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,oBAAoB,EAAE;IACpBR,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,sBAAsB,EAAE;IACtBT,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,gBAAgB,EAAE;IAChBV,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,gGAAgG;IACrGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,KAAK,EAAE;IACLZ,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,gBAAgB;IACtBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMW,yBAA+C,GAAG;EAC7DC,mBAAmB,EAAE;IACnBd,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM,EAAE;EACV,CAAC;EACDa,cAAc,EAAE;IACdf,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMc,wBAAwB,GAAGnB,uBAAuB,CAC7D;EAAEI,IAAI,EAAE,QAAQ;EAAEgB,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEhB,IAAI,EAAE;AAAS,CACnB,CAAC"}
+{"version":3,"file":"PhoneNumberDocs.js","names":["getFieldEventsWithTypes","PhoneNumberProperties","countries","doc","type","status","filterCountries","pattern","omitCountryCodeField","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","countryCodeLabel","numberMask","width","phoneNumberSpecificEvents","onCountryCodeChange","onNumberChange","phoneNumberGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\n\nexport const PhoneNumberProperties: PropertiesTableProps = {\n  countries: {\n    doc: 'List only a certain set of countries: `Scandinavia`, `Nordic`, `Europe` or `Prioritized`(all countries [sorted by priority](/uilib/extensions/forms/feature-fields/SelectCountry/#filter-or-prioritize-country-listing)). Defaults to `Prioritized`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterCountries: {\n    doc: 'Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.',\n    type: 'function',\n    status: 'optional',\n  },\n  pattern: {\n    doc: 'Validation based on regex pattern for the number field e.g. `pattern=\"^[49]+\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  omitCountryCodeField: {\n    doc: 'If `true` is given, then everything related to country code is removed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  countryCodeFieldClassName: {\n    doc: 'Class name for the country code component.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberFieldClassName: {\n    doc: 'Class name for the number component.',\n    type: 'string',\n    status: 'optional',\n  },\n  countryCodePlaceholder: {\n    doc: 'Placeholder for the country code field.',\n    type: 'string',\n    status: 'optional',\n  },\n  countryCodeLabel: {\n    doc: 'Label to show above / before the country code field.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberMask: {\n    doc: 'See property `mask` of the [InputMasked](/uilib/components/input-masked/properties) component.',\n    type: 'Various',\n    status: 'optional',\n  },\n  width: {\n    doc: '`large` for predefined standard width, `stretch` for fill available width.',\n    type: 'string | false',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const phoneNumberSpecificEvents: PropertiesTableProps = {\n  onCountryCodeChange: {\n    doc: 'Callback on country code change.',\n    type: '(value?: string) => void',\n    status: 'optional',\n  },\n  onNumberChange: {\n    doc: 'Callback on phone number change.',\n    type: '(value?: string) => void',\n    status: 'optional',\n  },\n}\n\nexport const phoneNumberGeneralEvents = getFieldEventsWithTypes(\n  { type: 'string', optional: true },\n  { type: 'object' }\n)\n"],"mappings":"AACA,SAASA,uBAAuB,QAAQ,cAAc;AAEtD,OAAO,MAAMC,qBAA2C,GAAG;EACzDC,SAAS,EAAE;IACTC,GAAG,EAAE,sPAAsP;IAC3PC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,+JAA+J;IACpKC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,oBAAoB,EAAE;IACpBL,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,yBAAyB,EAAE;IACzBN,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,oBAAoB,EAAE;IACpBP,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,sBAAsB,EAAE;IACtBR,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,gBAAgB,EAAE;IAChBT,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,UAAU,EAAE;IACVV,GAAG,EAAE,gGAAgG;IACrGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,KAAK,EAAE;IACLX,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,gBAAgB;IACtBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMU,yBAA+C,GAAG;EAC7DC,mBAAmB,EAAE;IACnBb,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM,EAAE;EACV,CAAC;EACDY,cAAc,EAAE;IACdd,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMa,wBAAwB,GAAGlB,uBAAuB,CAC7D;EAAEI,IAAI,EAAE,QAAQ;EAAEe,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEf,IAAI,EAAE;AAAS,CACnB,CAAC"}

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts

@@ -1,7 +1,8 @@
 import { Props as FieldBlockProps } from '../../FieldBlock';
 import { Props as StringFieldProps } from '../String';
-import { FieldHelpProps, Path } from '../../types';
-export type Props = FieldHelpProps & Omit<FieldBlockProps, 'children'> & Partial<Record<'postalCode' | 'city', StringFieldProps>> & {
+import { Path } from '../../types';
+import { HelpProps } from '../../../../components/help-button/HelpButtonInline';
+export type Props = Pick<FieldBlockProps, 'error' | 'warning' | 'info' | 'width' | 'className'> & Partial<Record<'postalCode' | 'city', StringFieldProps>> & {
     /**
      * Defines which country the postal code and city is for.
      * Setting it to anything other than `no` will remove the default norwegian postal code pattern.
@@ -9,6 +10,7 @@ export type Props = FieldHelpProps & Omit<FieldBlockProps, 'children'> & Partial
      * Default: `NO`
      */
     country?: Path | string;
+    help?: HelpProps;
 };
 declare function PostalCodeAndCity(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace PostalCodeAndCity {

package/es/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js

@@ -79,7 +79,9 @@ function PostalCodeAndCity(props) {
     inputClassName: "dnb-forms-field-postal-code-and-city__postal-code-input",
     inputMode: "numeric",
     autoComplete: "postal-code"
-  })), React.createElement(StringField, _extends({}, city, {
+  })), React.createElement(StringField, _extends({
+    help: help
+  }, city, {
     className: classnames('dnb-forms-field-postal-code-and-city__city', cityClassName),
     label: cityLabel !== null && cityLabel !== void 0 ? cityLabel : translations.City.label,
     errorMessages: _objectSpread({
@@ -89,8 +91,7 @@ function PostalCodeAndCity(props) {
     pattern: cityPattern !== null && cityPattern !== void 0 ? cityPattern : '^[A-Za-zÆØÅæøå -]+$',
     trim: true,
     width: cityWidth !== null && cityWidth !== void 0 ? cityWidth : 'stretch',
-    autoComplete: "address-level2",
-    help: help
+    autoComplete: "address-level2"
   })));
 }
 PostalCodeAndCity._supportsSpacingProps = true;