@dnb/eufemia 10.43.0 → 10.44.0

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

@@ -16,6 +16,8 @@ import { clamp } from '../../../../components/slider/SliderHelpers';
 import useErrorMessage from '../../hooks/useErrorMessage';
 import useTranslation from '../../hooks/useTranslation';
 import DataContext from '../../DataContext/Context';
+const defaultMinimum = Number.MIN_SAFE_INTEGER;
+const defaultMaximum = Number.MAX_SAFE_INTEGER;
 function NumberComponent(props) {
   var _props$width, _dataContext$props2, _sharedContext$transl, _sharedContext$transl2;
   const dataContext = useContext(DataContext);
@@ -44,11 +46,11 @@ function NumberComponent(props) {
     multipleOf: translations.NumberField.errorMultipleOf
   });
   const schema = useMemo(() => {
-    var _props$schema;
+    var _props$schema, _props$minimum, _props$maximum;
     return (_props$schema = props.schema) !== null && _props$schema !== void 0 ? _props$schema : {
       type: 'number',
-      minimum: props.minimum,
-      maximum: props.maximum,
+      minimum: (_props$minimum = props.minimum) !== null && _props$minimum !== void 0 ? _props$minimum : defaultMinimum,
+      maximum: (_props$maximum = props.maximum) !== null && _props$maximum !== void 0 ? _props$maximum : defaultMaximum,
       exclusiveMinimum: props.exclusiveMinimum,
       exclusiveMaximum: props.exclusiveMaximum,
       multipleOf: props.multipleOf
@@ -69,12 +71,6 @@ function NumberComponent(props) {
     }
     return numberValue;
   }, [props.emptyValue]);
-  const transformValue = useCallback((value, currentValue) => {
-    if (value > Number.MAX_SAFE_INTEGER || value < Number.MIN_SAFE_INTEGER) {
-      return currentValue;
-    }
-    return value;
-  }, []);
   const maskProps = useMemo(() => {
     const mask_options = {
       prefix,
@@ -111,7 +107,6 @@ function NumberComponent(props) {
     schema,
     toInput,
     fromInput,
-    transformValue,
     width: (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : fieldBlockContext !== null && fieldBlockContext !== void 0 && fieldBlockContext.composition ? 'stretch' : 'medium'
   });
   const {
@@ -126,8 +121,8 @@ function NumberComponent(props) {
     labelDescription,
     value,
     startWith = null,
-    minimum = Number.MIN_SAFE_INTEGER,
-    maximum = Number.MAX_SAFE_INTEGER,
+    minimum = defaultMinimum,
+    maximum = defaultMaximum,
     disabled,
     htmlAttributes,
     info,

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["React","useContext","useMemo","useCallback","InputMasked","HelpButton","Button","SharedContext","FieldBlockContext","classnames","FieldBlock","useFieldProps","pickSpacingProps","clamp","useErrorMessage","useTranslation","DataContext","NumberComponent","props","_props$width","_dataContext$props2","_sharedContext$transl","_sharedContext$transl2","dataContext","fieldBlockContext","sharedContext","translations","currency","currencyDisplay","percent","mask","step","decimalLimit","allowNegative","disallowLeadingZeroes","prefix","suffix","showStepControls","errorMessages","path","required","Field","errorRequired","minimum","NumberField","errorMinimum","maximum","errorMaximum","exclusiveMinimum","errorExclusiveMinimum","exclusiveMaximum","errorExclusiveMaximum","multipleOf","errorMultipleOf","schema","_props$schema","type","toInput","external","undefined","fromInput","value","numberValue","emptyValue","transformValue","currentValue","Number","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","_objectSpread","preparedProps","valueType","width","composition","id","name","className","inputClassName","autoComplete","layout","placeholder","label","labelDescription","startWith","disabled","htmlAttributes","info","warning","error","hasError","help","size","align","handleFocus","handleBlur","handleChange","handleSubmit","onKeyDownHandler","event","_dataContext$props","isolate","key","_event$preventDefault","preventDefault","call","persist","fieldBlockProps","contentClassName","forId","contentWidth","increaseClickHandler","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","String","decreaseClickHandler","decreaseProps","subtractTitle","ariaParams","role","inputProps","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","createElement","content","_extends","asFieldset","left","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Number/Number.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react'\nimport { InputMasked, HelpButton, Button } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport type { InputAlign, InputSize } from '../../../../components/Input'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport classnames from 'classnames'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldProps,\n  FieldHelpProps,\n  AllJSONSchemaVersions,\n  CustomErrorMessages,\n  FieldBlockWidth,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { ButtonProps, ButtonSize } from '../../../../components/Button'\nimport { clamp } from '../../../../components/slider/SliderHelpers'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\nimport DataContext from '../../DataContext/Context'\n\ninterface ErrorMessages extends CustomErrorMessages {\n  required?: string\n  schema?: string\n  minimum?: string\n  maximum?: string\n  exclusiveMinimum?: string\n  exclusiveMaximum?: string\n  multipleOf?: string\n}\n\nexport type Props = FieldHelpProps &\n  FieldProps<number, undefined | number, ErrorMessages> & {\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\n    suffix?: 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\nfunction NumberComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const sharedContext = useContext(SharedContext)\n  const translations = useTranslation()\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,\n    suffix,\n    showStepControls,\n  } = props\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.Field.errorRequired,\n    minimum: translations.NumberField.errorMinimum,\n    maximum: translations.NumberField.errorMaximum,\n    exclusiveMinimum: translations.NumberField.errorExclusiveMinimum,\n    exclusiveMaximum: translations.NumberField.errorExclusiveMaximum,\n    multipleOf: translations.NumberField.errorMultipleOf,\n  })\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'number',\n        minimum: props.minimum,\n        maximum: props.maximum,\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  const transformValue = useCallback(\n    (value: number, currentValue: number) => {\n      if (\n        value > Number.MAX_SAFE_INTEGER ||\n        value < Number.MIN_SAFE_INTEGER\n      ) {\n        return currentValue\n      }\n\n      return value\n    },\n    []\n  )\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        },\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 preparedProps: Props = {\n    valueType: 'number',\n    ...props,\n    errorMessages,\n    schema,\n    toInput,\n    fromInput,\n    transformValue,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'medium'),\n  }\n\n  const {\n    id,\n    name,\n    className,\n    inputClassName,\n    autoComplete,\n    layout,\n    placeholder,\n    label,\n    labelDescription,\n    value,\n    startWith = null,\n    minimum = Number.MIN_SAFE_INTEGER,\n    maximum = Number.MAX_SAFE_INTEGER,\n    disabled,\n    htmlAttributes,\n    info,\n    warning,\n    error,\n    hasError,\n    help,\n    size,\n    width,\n    align,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  } = useFieldProps(preparedProps)\n\n  const { handleSubmit } = dataContext ?? {}\n  const onKeyDownHandler = useCallback(\n    ({ event }: { event: React.KeyboardEvent<HTMLInputElement> }) => {\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 = {\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    forId: id,\n    layout,\n    label,\n    labelDescription,\n    info,\n    warning,\n    error,\n    disabled,\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 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 = {\n    id,\n    name,\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(\n      width !== undefined || fieldBlockContext?.composition\n    ),\n    suffix:\n      help && !showStepControls ? (\n        <HelpButton title={help.title}>{help.content}</HelpButton>\n      ) : undefined,\n    ...ariaParams,\n  }\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","InputMasked","HelpButton","Button","SharedContext","FieldBlockContext","classnames","FieldBlock","useFieldProps","pickSpacingProps","clamp","useErrorMessage","useTranslation","DataContext","defaultMinimum","Number","MIN_SAFE_INTEGER","defaultMaximum","MAX_SAFE_INTEGER","NumberComponent","props","_props$width","_dataContext$props2","_sharedContext$transl","_sharedContext$transl2","dataContext","fieldBlockContext","sharedContext","translations","currency","currencyDisplay","percent","mask","step","decimalLimit","allowNegative","disallowLeadingZeroes","prefix","suffix","showStepControls","errorMessages","path","required","Field","errorRequired","minimum","NumberField","errorMinimum","maximum","errorMaximum","exclusiveMinimum","errorExclusiveMinimum","exclusiveMaximum","errorExclusiveMaximum","multipleOf","errorMultipleOf","schema","_props$schema","_props$minimum","_props$maximum","type","toInput","external","undefined","fromInput","value","numberValue","emptyValue","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","_objectSpread","preparedProps","valueType","width","composition","id","name","className","inputClassName","autoComplete","layout","placeholder","label","labelDescription","startWith","disabled","htmlAttributes","info","warning","error","hasError","help","size","align","handleFocus","handleBlur","handleChange","handleSubmit","onKeyDownHandler","event","_dataContext$props","isolate","key","_event$preventDefault","preventDefault","call","persist","fieldBlockProps","contentClassName","forId","contentWidth","increaseClickHandler","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","String","decreaseClickHandler","decreaseProps","subtractTitle","ariaParams","role","inputProps","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","createElement","content","_extends","asFieldset","left","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Number/Number.tsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react'\nimport { InputMasked, HelpButton, Button } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport type { InputAlign, InputSize } from '../../../../components/Input'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport classnames from 'classnames'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldProps,\n  FieldHelpProps,\n  AllJSONSchemaVersions,\n  CustomErrorMessages,\n  FieldBlockWidth,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { ButtonProps, ButtonSize } from '../../../../components/Button'\nimport { clamp } from '../../../../components/slider/SliderHelpers'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\nimport DataContext from '../../DataContext/Context'\n\ninterface ErrorMessages extends CustomErrorMessages {\n  required?: string\n  schema?: string\n  minimum?: string\n  maximum?: string\n  exclusiveMinimum?: string\n  exclusiveMaximum?: string\n  multipleOf?: string\n}\n\nexport type Props = FieldHelpProps &\n  FieldProps<number, undefined | number, ErrorMessages> & {\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\n    suffix?: 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  const translations = useTranslation()\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,\n    suffix,\n    showStepControls,\n  } = props\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.Field.errorRequired,\n    minimum: translations.NumberField.errorMinimum,\n    maximum: translations.NumberField.errorMaximum,\n    exclusiveMinimum: translations.NumberField.errorExclusiveMinimum,\n    exclusiveMaximum: translations.NumberField.errorExclusiveMaximum,\n    multipleOf: translations.NumberField.errorMultipleOf,\n  })\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 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        },\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 preparedProps: Props = {\n    valueType: 'number',\n    ...props,\n    errorMessages,\n    schema,\n    toInput,\n    fromInput,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'medium'),\n  }\n\n  const {\n    id,\n    name,\n    className,\n    inputClassName,\n    autoComplete,\n    layout,\n    placeholder,\n    label,\n    labelDescription,\n    value,\n    startWith = null,\n    minimum = defaultMinimum,\n    maximum = defaultMaximum,\n    disabled,\n    htmlAttributes,\n    info,\n    warning,\n    error,\n    hasError,\n    help,\n    size,\n    width,\n    align,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  } = useFieldProps(preparedProps)\n\n  const { handleSubmit } = dataContext ?? {}\n  const onKeyDownHandler = useCallback(\n    ({ event }: { event: React.KeyboardEvent<HTMLInputElement> }) => {\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 = {\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    forId: id,\n    layout,\n    label,\n    labelDescription,\n    info,\n    warning,\n    error,\n    disabled,\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 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 = {\n    id,\n    name,\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(\n      width !== undefined || fieldBlockContext?.composition\n    ),\n    suffix:\n      help && !showStepControls ? (\n        <HelpButton title={help.title}>{help.content}</HelpButton>\n      ) : undefined,\n    ...ariaParams,\n  }\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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"}

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

@@ -1,10 +1,8 @@
 import React from 'react';
 import type { FieldHelpProps, FieldProps } from '../../types';
-import { DrawerListProps } from '../../../../fragments/DrawerList';
 export type Props = FieldHelpProps & FieldProps<number | string> & {
-    title?: string;
-    text?: string;
+    title?: React.ReactNode;
+    text?: React.ReactNode;
     children?: React.ReactNode;
 };
 export default function Option({ className, title, text, children, }: Props): import("react/jsx-runtime").JSX.Element;
-export declare function makeOptions<T = DrawerListProps['data']>(children: React.ReactNode): T;

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

@@ -1,4 +1,3 @@
-var _em;
 import React from 'react';
 import classnames from 'classnames';
 export default function Option({
@@ -12,23 +11,4 @@ export default function Option({
     role: "option"
   }, children !== null && children !== void 0 ? children : title, text);
 }
-export function makeOptions(children) {
-  return React.Children.map(children, child => {
-    if (React.isValidElement(child) && child.type === Option) {
-      var _child$props$value, _ref, _child$props$children, _child$props$children2;
-      return child.props.text ? {
-        selectedKey: String((_child$props$value = child.props.value) !== null && _child$props$value !== void 0 ? _child$props$value : ''),
-        content: [(_ref = (_child$props$children = child.props.children) !== null && _child$props$children !== void 0 ? _child$props$children : child.props.title) !== null && _ref !== void 0 ? _ref : _em || (_em = React.createElement("em", null, "Untitled")), child.props.text]
-      } : {
-        selectedKey: child.props.value,
-        content: (_child$props$children2 = child.props.children) !== null && _child$props$children2 !== void 0 ? _child$props$children2 : child.props.title
-      };
-    }
-    if (child) {
-      return {
-        content: child
-      };
-    }
-  }).filter(Boolean);
-}
 //# sourceMappingURL=Option.js.map

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","makeOptions","Children","map","child","isValidElement","type","_child$props$value","_ref","_child$props$children","_child$props$children2","props","selectedKey","String","value","content","_em","filter","Boolean"],"sources":["../../../../../../src/extensions/forms/Field/Option/Option.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { FieldHelpProps, FieldProps } from '../../types'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number | string> & {\n    title?: string\n    text?: string\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\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode\n): T {\n  return React.Children.map(children, (child) => {\n    if (React.isValidElement(child) && child.type === Option) {\n      // Option components\n      return child.props.text\n        ? {\n            selectedKey: String(child.props.value ?? ''),\n            content: [\n              child.props.children ?? child.props.title ?? (\n                <em>Untitled</em>\n              ),\n              child.props.text,\n            ],\n          }\n        : {\n            selectedKey: child.props.value,\n            content: child.props.children ?? child.props.title,\n          }\n    }\n\n    if (child) {\n      // For other children, just show them as content\n      return {\n        content: child,\n      }\n    }\n  }).filter(Boolean) as T\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAWnC,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;AAEA,OAAO,SAASI,WAAWA,CACzBH,QAAyB,EACtB;EACH,OAAON,KAAK,CAACU,QAAQ,CAACC,GAAG,CAACL,QAAQ,EAAGM,KAAK,IAAK;IAC7C,IAAIZ,KAAK,CAACa,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKZ,MAAM,EAAE;MAAA,IAAAa,kBAAA,EAAAC,IAAA,EAAAC,qBAAA,EAAAC,sBAAA;MAExD,OAAON,KAAK,CAACO,KAAK,CAACd,IAAI,GACnB;QACEe,WAAW,EAAEC,MAAM,EAAAN,kBAAA,GAACH,KAAK,CAACO,KAAK,CAACG,KAAK,cAAAP,kBAAA,cAAAA,kBAAA,GAAI,EAAE,CAAC;QAC5CQ,OAAO,EAAE,EAAAP,IAAA,IAAAC,qBAAA,GACPL,KAAK,CAACO,KAAK,CAACb,QAAQ,cAAAW,qBAAA,cAAAA,qBAAA,GAAIL,KAAK,CAACO,KAAK,CAACf,KAAK,cAAAY,IAAA,cAAAA,IAAA,GAAAQ,GAAA,KAAAA,GAAA,GACvCxB,KAAA,CAAAO,aAAA,aAAI,UAAY,CAAC,GAEnBK,KAAK,CAACO,KAAK,CAACd,IAAI;MAEpB,CAAC,GACD;QACEe,WAAW,EAAER,KAAK,CAACO,KAAK,CAACG,KAAK;QAC9BC,OAAO,GAAAL,sBAAA,GAAEN,KAAK,CAACO,KAAK,CAACb,QAAQ,cAAAY,sBAAA,cAAAA,sBAAA,GAAIN,KAAK,CAACO,KAAK,CAACf;MAC/C,CAAC;IACP;IAEA,IAAIQ,KAAK,EAAE;MAET,OAAO;QACLW,OAAO,EAAEX;MACX,CAAC;IACH;EACF,CAAC,CAAC,CAACa,MAAM,CAACC,OAAO,CAAC;AACpB"}
+{"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"}

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

@@ -1,9 +1,12 @@
 import { InputMaskedProps } from '../../../../components/InputMasked';
 import { type CountryType } from '../../constants/countries';
 import { Props as StringFieldProps } from '../String';
-import { FieldHelpProps, FieldProps } from '../../types';
+import { FieldHelpProps, FieldPropsWithExtraValue } from '../../types';
 import { CountryFilterSet } from '../SelectCountry';
-export type Props = FieldHelpProps & FieldProps<string, undefined | string> & {
+export type Props = FieldHelpProps & FieldPropsWithExtraValue<string, {
+    country: string;
+    phone: string;
+}, undefined | string> & {
     countryCodeFieldClassName?: string;
     numberFieldClassName?: string;
     countryCodePlaceholder?: string;

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

@@ -92,8 +92,7 @@ function PhoneNumber(props) {
     continuousValidation,
     validateUnchanged,
     omitCountryCodeField,
-    handleFocus,
-    handleBlur,
+    setHasFocus,
     handleChange,
     onCountryCodeChange,
     onNumberChange,
@@ -121,17 +120,29 @@ function PhoneNumber(props) {
       makeObject
     });
   }, [lang, filterCountries, ccFilter]);
-  const callOnChange = useCallback(({
-    countryCode = omitCountryCodeField ? emptyValue : countryCodeRef.current || emptyValue,
+  const getEventValues = useCallback(({
+    countryCode = countryCodeRef.current || emptyValue,
     phoneNumber = numberRef.current || emptyValue
-  }) => {
-    handleChange(joinValue([countryCode, phoneNumber]), omitCountryCodeField ? {
+  } = {}) => {
+    return _objectSpread(_objectSpread({}, !omitCountryCodeField ? {
+      countryCode
+    } : {}), {}, {
       phoneNumber
-    } : {
+    });
+  }, [omitCountryCodeField, emptyValue]);
+  const callOnChange = useCallback(({
+    countryCode = undefined,
+    phoneNumber = undefined
+  }) => {
+    const eventValues = getEventValues({
       countryCode,
       phoneNumber
     });
-  }, [omitCountryCodeField, emptyValue, handleChange]);
+    handleChange(joinValue([eventValues.countryCode, eventValues.phoneNumber]), eventValues);
+  }, [getEventValues, handleChange]);
+  const callOnBlurOrFocus = useCallback(hasFocus => {
+    setHasFocus(hasFocus, undefined, getEventValues());
+  }, [setHasFocus, getEventValues]);
   useMemo(() => {
     const [countryCode, phoneNumber] = splitValue(props.value || value);
     numberRef.current = phoneNumber;
@@ -161,7 +172,13 @@ function PhoneNumber(props) {
     });
     onNumberChange === null || onNumberChange === void 0 ? void 0 : onNumberChange(phoneNumber);
   }, [emptyValue, callOnChange, onNumberChange]);
-  const onFocusHandler = useCallback(({
+  const handleOnBlur = useCallback(() => {
+    callOnBlurOrFocus(false);
+  }, [callOnBlurOrFocus]);
+  const handleOnFocus = useCallback(() => {
+    callOnBlurOrFocus(true);
+  }, [callOnBlurOrFocus]);
+  const handleCountryCodeFocus = useCallback(({
     updateData
   }) => {
     if (!wasFilled.current) {
@@ -169,8 +186,8 @@ function PhoneNumber(props) {
       updateCurrentDataSet();
       updateData(dataRef.current);
     }
-    handleFocus();
-  }, [handleFocus, updateCurrentDataSet]);
+    handleOnFocus();
+  }, [handleOnFocus, updateCurrentDataSet]);
   const onTypeHandler = useCallback(({
     value,
     updateData,
@@ -216,8 +233,8 @@ function PhoneNumber(props) {
     value: countryCodeRef.current,
     status: hasError ? 'error' : undefined,
     disabled: disabled,
-    on_focus: onFocusHandler,
-    on_blur: handleBlur,
+    on_focus: handleCountryCodeFocus,
+    on_blur: handleOnBlur,
     on_change: handleCountryCodeChange,
     on_type: onTypeHandler,
     independent_width: true,
@@ -235,8 +252,8 @@ function PhoneNumber(props) {
     label: label,
     placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : isDefault ? defaultPlaceholder : undefined,
     mask: numberMask !== null && numberMask !== void 0 ? numberMask : isDefault ? defaultMask : Array(12).fill(/\d/),
-    onFocus: handleFocus,
-    onBlur: handleBlur,
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur,
     onChange: handleNumberChange,
     value: numberRef.current,
     info: info,

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","Autocomplete","Flex","classnames","countries","StringField","FieldBlock","useFieldProps","pickSpacingProps","SharedContext","getCountryData","makeCountryFilterSet","useErrorMessage","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_countryCodeRef$curre","sharedContext","translations","lang","locale","split","countryCodeRef","useRef","emptyValue","numberRef","dataRef","langRef","wasFilled","errorMessages","path","required","errorRequired","pattern","validateRequired","value","isChanged","error","countryCode","phoneNumber","splitValue","prevCountryCodeRef","current","undefined","schema","_props$schema","type","defaultProps","preparedProps","_objectSpread","fromExternal","toEvent","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","countryCodeLabel","label","numberMask","ccFilter","info","warning","hasError","disabled","width","help","validateInitially","continuousValidation","validateUnchanged","omitCountryCodeField","handleFocus","handleBlur","handleChange","onCountryCodeChange","onNumberChange","filterCountries","external","updateCurrentDataSet","filter","country","formatCountryCode","cdc","sort","makeObject","callOnChange","joinValue","handleCountryCodeChange","data","_data$selectedKey","selectedKey","trim","handleNumberChange","onFocusHandler","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","cdcVal","test","find","window","requestAnimationFrame","isDefault","includes","createElement","_extends","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","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, { useMemo, useContext, useCallback } 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 from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldHelpProps,\n  FieldProps,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  CountryFilterSet,\n  getCountryData,\n  makeCountryFilterSet,\n} from '../SelectCountry'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataObject } from '../../../../fragments/DrawerList'\n\nexport type Props = FieldHelpProps &\n  FieldProps<string, undefined | string> & {\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    omitCountryCodeField?: boolean\n    onCountryCodeChange?: (value: string | undefined) => void\n    onNumberChange?: (value: string | undefined) => void\n    countries?: CountryFilterSet\n\n    /**\n     * For internal use only.\n     *\n     * @param country\n     * @returns boolean\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 translations = useTranslation()\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = React.useRef<Props['value']>(props?.emptyValue)\n  const numberRef = React.useRef<Props['value']>(props?.emptyValue)\n  const dataRef = React.useRef<Array<DrawerListDataObject>>(null)\n  const langRef = React.useRef<string>(lang)\n  const wasFilled = React.useRef<boolean>(false)\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.PhoneNumber.errorRequired,\n    pattern: translations.PhoneNumber.errorRequired,\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 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 preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n  }\n\n  const {\n    value,\n    className,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = translations.PhoneNumber.label,\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    handleFocus,\n    handleBlur,\n    handleChange,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries = ccFilter !== 'Prioritized'\n      ? makeCountryFilterSet(ccFilter)\n      : undefined,\n  } = useFieldProps(preparedProps)\n\n  function fromExternal(external: string) {\n    const [, phoneNumber] = splitValue(external)\n    if (!phoneNumber && !props.omitCountryCodeField) {\n      return countryCodeRef.current\n    }\n    return external\n  }\n\n  function toEvent(value: string) {\n    const [, phoneNumber] = splitValue(value)\n    if (!phoneNumber) {\n      return emptyValue\n    }\n    return value\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          : filterCountries,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filterCountries, ccFilter])\n\n  const callOnChange = useCallback(\n    ({\n      countryCode = omitCountryCodeField\n        ? emptyValue\n        : countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    }) => {\n      handleChange(\n        joinValue([countryCode, phoneNumber]),\n        omitCountryCodeField\n          ? { phoneNumber }\n          : { countryCode, phoneNumber }\n      )\n    },\n    [omitCountryCodeField, emptyValue, handleChange]\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 = React.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 onFocusHandler = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleFocus()\n    },\n    [handleFocus, 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  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-phone-number', className)}\n      width={omitCountryCodeField ? undefined : width}\n      info={info}\n      warning={warning}\n      error={error}\n      disabled={disabled}\n      {...pickSpacingProps(props)}\n    >\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={\n              countryCodeLabel ?? translations.PhoneNumber.countryCodeLabel\n            }\n            data={dataRef.current}\n            value={countryCodeRef.current}\n            status={hasError ? 'error' : undefined}\n            disabled={disabled}\n            on_focus={onFocusHandler}\n            on_blur={handleBlur}\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={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleNumberChange}\n          value={numberRef.current}\n          info={info}\n          warning={warning}\n          error={error}\n          disabled={disabled}\n          width={omitCountryCodeField ? 'medium' : 'stretch'}\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":"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"}
+{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","Autocomplete","Flex","classnames","countries","StringField","FieldBlock","useFieldProps","pickSpacingProps","SharedContext","getCountryData","makeCountryFilterSet","useErrorMessage","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_countryCodeRef$curre","sharedContext","translations","lang","locale","split","countryCodeRef","useRef","emptyValue","numberRef","dataRef","langRef","wasFilled","errorMessages","path","required","errorRequired","pattern","validateRequired","value","isChanged","error","countryCode","phoneNumber","splitValue","prevCountryCodeRef","current","undefined","schema","_props$schema","type","defaultProps","preparedProps","_objectSpread","fromExternal","toEvent","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","countryCodeLabel","label","numberMask","ccFilter","info","warning","hasError","disabled","width","help","validateInitially","continuousValidation","validateUnchanged","omitCountryCodeField","setHasFocus","handleChange","onCountryCodeChange","onNumberChange","filterCountries","external","updateCurrentDataSet","filter","country","formatCountryCode","cdc","sort","makeObject","getEventValues","callOnChange","eventValues","joinValue","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","createElement","_extends","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","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, { useMemo, useContext, useCallback } 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 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  CountryFilterSet,\n  getCountryData,\n  makeCountryFilterSet,\n} from '../SelectCountry'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataObject } from '../../../../fragments/DrawerList'\n\nexport type Props = FieldHelpProps &\n  FieldPropsWithExtraValue<\n    string,\n    { country: string; phone: string },\n    undefined | string\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    omitCountryCodeField?: boolean\n    onCountryCodeChange?: (value: string | undefined) => void\n    onNumberChange?: (value: string | undefined) => void\n    countries?: CountryFilterSet\n\n    /**\n     * For internal use only.\n     *\n     * @param country\n     * @returns boolean\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 translations = useTranslation()\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = React.useRef<Props['value']>(props?.emptyValue)\n  const numberRef = React.useRef<Props['value']>(props?.emptyValue)\n  const dataRef = React.useRef<Array<DrawerListDataObject>>(null)\n  const langRef = React.useRef<string>(lang)\n  const wasFilled = React.useRef<boolean>(false)\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.PhoneNumber.errorRequired,\n    pattern: translations.PhoneNumber.errorRequired,\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 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 preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n  }\n\n  const {\n    value,\n    className,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = translations.PhoneNumber.label,\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    onCountryCodeChange,\n    onNumberChange,\n    filterCountries = ccFilter !== 'Prioritized'\n      ? makeCountryFilterSet(ccFilter)\n      : undefined,\n  } = useFieldProps(preparedProps)\n\n  function fromExternal(external: string) {\n    const [, phoneNumber] = splitValue(external)\n    if (!phoneNumber && !props.omitCountryCodeField) {\n      return countryCodeRef.current\n    }\n    return external\n  }\n\n  function toEvent(value: string) {\n    const [, phoneNumber] = splitValue(value)\n    if (!phoneNumber) {\n      return emptyValue\n    }\n    return value\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          : filterCountries,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filterCountries, 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 = React.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  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-phone-number', className)}\n      width={omitCountryCodeField ? undefined : width}\n      info={info}\n      warning={warning}\n      error={error}\n      disabled={disabled}\n      {...pickSpacingProps(props)}\n    >\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={\n              countryCodeLabel ?? translations.PhoneNumber.countryCodeLabel\n            }\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          info={info}\n          warning={warning}\n          error={error}\n          disabled={disabled}\n          width={omitCountryCodeField ? 'medium' : 'stretch'}\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":"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"}

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

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

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

@@ -0,0 +1,20 @@
+import { getFieldEventsWithTypes } from '../FieldDocs';
+export const phoneNumberSpecificEvents = {
+  onCountryCodeChange: {
+    doc: ' Callback on country code change.',
+    type: '(value?: string) => void',
+    status: 'optional'
+  },
+  onNumberChange: {
+    doc: 'Callback on phone number change.',
+    type: '(value?: string) => void',
+    status: 'optional'
+  }
+};
+export const phoneNumberGeneralEvents = getFieldEventsWithTypes({
+  type: 'string',
+  optional: true
+}, {
+  type: 'object'
+});
+//# sourceMappingURL=PhoneNumberDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberDocs.js","names":["getFieldEventsWithTypes","phoneNumberSpecificEvents","onCountryCodeChange","doc","type","status","onNumberChange","phoneNumberGeneralEvents","optional"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumberDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { getFieldEventsWithTypes } from '../FieldDocs'\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,yBAA+C,GAAG;EAC7DC,mBAAmB,EAAE;IACnBC,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAME,wBAAwB,GAAGP,uBAAuB,CAC7D;EAAEI,IAAI,EAAE,QAAQ;EAAEI,QAAQ,EAAE;AAAK,CAAC,EAClC;EAAEJ,IAAI,EAAE;AAAS,CACnB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { type CountryType, type CountryLang } from '../../constants/countries';
-import { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types';
+import { FieldBlockWidth, FieldHelpProps, FieldPropsWithExtraValue } from '../../types';
 export type CountryFilterSet = 'Scandinavia' | 'Nordic' | 'Europe' | 'Prioritized';
-export type Props = FieldHelpProps & FieldProps<string, undefined | string> & {
+export type Props = FieldHelpProps & FieldPropsWithExtraValue<string, CountryType, undefined | string> & {
     countries?: CountryFilterSet;
     width?: FieldBlockWidth;
     /**

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

@@ -19,13 +19,25 @@ function SelectCountry(props) {
   const sharedContext = useContext(SharedContext);
   const translations = useTranslation().SelectCountry;
   const lang = (_sharedContext$locale = sharedContext.locale) === null || _sharedContext$locale === void 0 ? void 0 : _sharedContext$locale.split('-')[0];
+  const transformAdditionalArgs = (additionalArgs, value) => {
+    const country = countries.find(({
+      iso
+    }) => value === iso);
+    if (country !== null && country !== void 0 && country.iso) {
+      return country;
+    } else {
+      return additionalArgs;
+    }
+  };
   const errorMessages = useErrorMessage(props.path, props.errorMessages, {
     required: translations.errorRequired
   });
   const defaultProps = {
     errorMessages
   };
-  const preparedProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  const preparedProps = _objectSpread(_objectSpread(_objectSpread({}, defaultProps), props), {}, {
+    transformAdditionalArgs
+  });
   const {
     className,
     placeholder = translations.placeholder,
@@ -75,7 +87,7 @@ function SelectCountry(props) {
       iso
     }) => newValue === iso);
     if (country !== null && country !== void 0 && country.iso) {
-      handleChange(country.iso, country);
+      handleChange(country.iso);
     }
   }, [handleChange]);
   const fillData = useCallback(() => {
@@ -109,7 +121,7 @@ function SelectCountry(props) {
       }) => Object.values(i18n).some(s => s.toLowerCase().includes(search)));
       if (country !== null && country !== void 0 && country.iso) {
         setHidden();
-        handleChange(country.iso, country);
+        handleChange(country.iso);
       }
     }
   }, [handleChange]);
@@ -135,6 +147,7 @@ function SelectCountry(props) {
     stretch: true,
     status: hasError ? 'error' : undefined,
     show_submit_button: true,
+    keep_selection: true,
     suffix: help ? React.createElement(HelpButton, {
       title: help.title
     }, help.content) : undefined,