@dnb/eufemia 10.31.0 → 10.33.0

package/cjs/extensions/forms/Field/Indeterminate/useDependencePaths.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDependencePaths.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","obj","__esModule","default","useDependencePaths","dependencePaths","propagateIndeterminateState","data","fieldProps","handlePathChange","useContext","DataContext","allOn","allOff","indeterminate","useMemo","check","_ref","key","whenUndefined","every","path","pointer","has","_fieldProps$path","value","get","keepStateRef","useRef","current","setAllStates","useCallback","checked","forEach","_fieldProps$path2","fieldProp","internalValue"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/useDependencePaths.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport { Props } from './Indeterminate'\n\nexport default function useDependencePaths(\n  dependencePaths: Props['dependencePaths'],\n  propagateIndeterminateState: Props['propagateIndeterminateState']\n) {\n  const { data, fieldProps, handlePathChange } =\n    useContext(DataContext) || {}\n\n  const { allOn, allOff, indeterminate } = useMemo(() => {\n    if (!dependencePaths || !data) {\n      return {}\n    }\n\n    const check = ({ key, whenUndefined = false }) => {\n      return dependencePaths?.every((path) => {\n        if (pointer.has(data, path)) {\n          const value = pointer.get(data, path)\n          if (\n            // When value is undefined, we should also consider it as off\n            (whenUndefined ? typeof value === 'undefined' : false) ||\n            value === fieldProps?.[path]?.[key]\n          ) {\n            return true\n          }\n        }\n      })\n    }\n\n    const allOn = check({ key: 'valueOn' })\n    const allOff = check({ key: 'valueOff', whenUndefined: true })\n    const indeterminate = !allOn && !allOff\n\n    return {\n      allOn,\n      allOff,\n      indeterminate,\n    }\n  }, [data, dependencePaths, fieldProps])\n\n  const keepStateRef = useRef<boolean>()\n  useMemo(() => {\n    if (allOn && !keepStateRef.current) {\n      keepStateRef.current = true\n    } else if (allOff && keepStateRef.current) {\n      keepStateRef.current = false\n    } else {\n      if (propagateIndeterminateState !== 'auto' && indeterminate) {\n        keepStateRef.current = propagateIndeterminateState === 'unchecked'\n      }\n    }\n  }, [allOn, allOff, propagateIndeterminateState, indeterminate])\n\n  const setAllStates = useCallback(\n    (checked: boolean) => {\n      dependencePaths?.forEach((path) => {\n        const fieldProp = checked ? 'valueOn' : 'valueOff'\n        const value = fieldProps?.[path]?.[fieldProp]\n        handlePathChange?.(path, value)\n      })\n    },\n    [dependencePaths, fieldProps, handlePathChange]\n  )\n\n  return {\n    setAllStates,\n    indeterminate,\n    internalValue: keepStateRef.current,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDependencePaths.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","obj","__esModule","default","useDependencePaths","dependencePaths","propagateIndeterminateState","data","fieldPropsRef","handlePathChange","useContext","DataContext","allOn","allOff","indeterminate","useMemo","check","_ref","key","whenUndefined","every","path","pointer","has","_fieldPropsRef$curren","_fieldPropsRef$curren2","value","get","current","keepStateRef","useRef","setAllStates","useCallback","checked","forEach","_fieldPropsRef$curren3","_fieldPropsRef$curren4","fieldProp","internalValue"],"sources":["../../../../../../src/extensions/forms/Field/Indeterminate/useDependencePaths.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport { Props } from './Indeterminate'\n\nexport default function useDependencePaths(\n  dependencePaths: Props['dependencePaths'],\n  propagateIndeterminateState: Props['propagateIndeterminateState']\n) {\n  const { data, fieldPropsRef, handlePathChange } =\n    useContext(DataContext) || {}\n\n  const { allOn, allOff, indeterminate } = useMemo(() => {\n    if (!dependencePaths || !data) {\n      return {}\n    }\n\n    const check = ({ key, whenUndefined = false }) => {\n      return dependencePaths?.every((path) => {\n        if (pointer.has(data, path)) {\n          const value = pointer.get(data, path)\n          if (\n            // When value is undefined, we should also consider it as off\n            (whenUndefined ? typeof value === 'undefined' : false) ||\n            value === fieldPropsRef?.current?.[path]?.[key]\n          ) {\n            return true\n          }\n        }\n      })\n    }\n\n    const allOn = check({ key: 'valueOn' })\n    const allOff = check({ key: 'valueOff', whenUndefined: true })\n    const indeterminate = !allOn && !allOff\n\n    return {\n      allOn,\n      allOff,\n      indeterminate,\n    }\n  }, [data, dependencePaths, fieldPropsRef])\n\n  const keepStateRef = useRef<boolean>()\n  useMemo(() => {\n    if (allOn && !keepStateRef.current) {\n      keepStateRef.current = true\n    } else if (allOff && keepStateRef.current) {\n      keepStateRef.current = false\n    } else {\n      if (propagateIndeterminateState !== 'auto' && indeterminate) {\n        keepStateRef.current = propagateIndeterminateState === 'unchecked'\n      }\n    }\n  }, [allOn, allOff, propagateIndeterminateState, indeterminate])\n\n  const setAllStates = useCallback(\n    (checked: boolean) => {\n      dependencePaths?.forEach((path) => {\n        const fieldProp = checked ? 'valueOn' : 'valueOff'\n        const value = fieldPropsRef?.current?.[path]?.[fieldProp]\n        handlePathChange?.(path, value)\n      })\n    },\n    [dependencePaths, fieldPropsRef, handlePathChange]\n  )\n\n  return {\n    setAllStates,\n    indeterminate,\n    internalValue: keepStateRef.current,\n  }\n}\n"],"mappings":"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"}

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

@@ -109,7 +109,9 @@ function NumberComponent(props) {
       number_mask: _objectSpread({}, mask_options)
     };
   }, [currency, currencyDisplay, decimalLimit, mask, percent, prefix, suffix]);
-  const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
+  const preparedProps = _objectSpread(_objectSpread({
+    valueType: 'number'
+  }, props), {}, {
     errorMessages,
     schema,
     toInput,
@@ -169,7 +171,7 @@ function NumberComponent(props) {
       });
     }
   }, [handleChange, maximum, minimum, showStepControls, step, value]);
-  const fieldBlockProps = _objectSpread({
+  const fieldSectionProps = _objectSpread({
     className: (0, _classnames.default)("dnb-forms-field-number dnb-input__border--tokens", className),
     contentClassName: (0, _classnames.default)('dnb-forms-field-number__contents', showStepControls && 'dnb-forms-field-number__contents--has-controls', hasError && 'dnb-input__status--error', disabled && 'dnb-input--disabled'),
     forId: id,
@@ -240,7 +242,7 @@ function NumberComponent(props) {
     }, help.content) : undefined
   }, ariaParams);
   if (showStepControls) {
-    return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, {
+    return _react.default.createElement(_FieldBlock.default, _extends({}, fieldSectionProps, {
       asFieldset: false
     }), _react.default.createElement("span", {
       className: "dnb-input__border dnb-input__border--root"
@@ -249,7 +251,7 @@ function NumberComponent(props) {
       title: help.title
     }, help.content));
   }
-  return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, {
+  return _react.default.createElement(_FieldBlock.default, _extends({}, fieldSectionProps, {
     asFieldset: false
   }), _react.default.createElement(_components.InputMasked, inputProps));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Number.js","names":["_react","_interopRequireWildcard","require","_components","_Context","_interopRequireDefault","_FieldBlockContext","_classnames","_FieldBlock","_hooks","_utils","_SliderHelpers","_useErrorMessage","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","NumberComponent","props","_props$width","_sharedContext$transl","_sharedContext$transl2","fieldBlockContext","useContext","FieldBlockContext","sharedContext","SharedContext","translations","useTranslation","currency","currencyDisplay","percent","mask","step","decimalLimit","prefix","suffix","showStepControls","errorMessages","useErrorMessage","path","required","Field","errorRequired","minimum","NumberField","errorMinimum","maximum","errorMaximum","exclusiveMinimum","errorExclusiveMinimum","exclusiveMaximum","errorExclusiveMaximum","multipleOf","errorMultipleOf","schema","useMemo","_props$schema","type","toInput","useCallback","external","fromInput","_ref","numberValue","emptyValue","transformValue","currentValue","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","preparedProps","width","composition","id","name","className","inputClassName","autoComplete","layout","placeholder","label","labelDescription","disabled","htmlAttributes","info","warning","error","hasError","help","size","align","handleFocus","handleBlur","handleChange","useFieldProps","onKeyDownHandler","_ref2","event","clamp","persist","preventDefault","fieldBlockProps","classnames","contentClassName","forId","contentWidth","pickSpacingProps","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","decreaseProps","subtractTitle","ariaParams","role","inputProps","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","createElement","HelpButton","content","asFieldset","Button","InputMasked","left","_supportsSpacingProps","_default","exports"],"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'\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, 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    // Formatting\n    decimalLimit?: number\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 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    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 ''\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 = { prefix, suffix, decimalLimit }\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  ])\n\n  const preparedProps: Props = {\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    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 onKeyDownHandler = useCallback(\n    ({ key, event }) => {\n      if (!showStepControls) {\n        return\n      }\n\n      let numberValue = null\n\n      switch (key) {\n        case 'ArrowUp':\n          numberValue = clamp((value as number) + step, minimum, maximum)\n          break\n        case 'ArrowDown':\n          numberValue = clamp((value as number) - step, minimum, maximum)\n          break\n      }\n\n      if (numberValue !== null) {\n        event.persist()\n        event.preventDefault()\n        handleChange({ numberValue })\n      }\n    },\n    [handleChange, maximum, minimum, showStepControls, step, value]\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        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\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: () => {\n      handleChange({\n        numberValue: clamp((value as number) + step, minimum, maximum),\n      })\n    },\n    title: sharedContext?.translation.Slider.addTitle?.replace(\n      '%s',\n      String(value + step)\n    ),\n  }\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: () => {\n      handleChange({\n        numberValue: clamp((value as number) - step, minimum, maximum),\n      })\n    },\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","_interopRequireWildcard","require","_components","_Context","_interopRequireDefault","_FieldBlockContext","_classnames","_FieldBlock","_hooks","_utils","_SliderHelpers","_useErrorMessage","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","NumberComponent","props","_props$width","_sharedContext$transl","_sharedContext$transl2","fieldBlockContext","useContext","FieldBlockContext","sharedContext","SharedContext","translations","useTranslation","currency","currencyDisplay","percent","mask","step","decimalLimit","prefix","suffix","showStepControls","errorMessages","useErrorMessage","path","required","Field","errorRequired","minimum","NumberField","errorMinimum","maximum","errorMaximum","exclusiveMinimum","errorExclusiveMinimum","exclusiveMaximum","errorExclusiveMaximum","multipleOf","errorMultipleOf","schema","useMemo","_props$schema","type","toInput","useCallback","external","fromInput","_ref","numberValue","emptyValue","transformValue","currentValue","MAX_SAFE_INTEGER","MIN_SAFE_INTEGER","maskProps","mask_options","as_currency","currency_mask","as_percent","as_number","number_mask","preparedProps","valueType","width","composition","id","name","className","inputClassName","autoComplete","layout","placeholder","label","labelDescription","disabled","htmlAttributes","info","warning","error","hasError","help","size","align","handleFocus","handleBlur","handleChange","useFieldProps","onKeyDownHandler","_ref2","event","clamp","persist","preventDefault","fieldSectionProps","classnames","contentClassName","forId","contentWidth","pickSpacingProps","increaseProps","variant","icon","tabIndex","onClick","title","translation","Slider","addTitle","replace","decreaseProps","subtractTitle","ariaParams","role","inputProps","onKeyDown","onFocus","onBlur","onChange","status","stretch","Boolean","createElement","HelpButton","content","asFieldset","Button","InputMasked","left","_supportsSpacingProps","_default","exports"],"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'\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, 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    // Formatting\n    decimalLimit?: number\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 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    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 ''\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 = { prefix, suffix, decimalLimit }\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  ])\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    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 onKeyDownHandler = useCallback(\n    ({ key, event }) => {\n      if (!showStepControls) {\n        return\n      }\n\n      let numberValue = null\n\n      switch (key) {\n        case 'ArrowUp':\n          numberValue = clamp((value as number) + step, minimum, maximum)\n          break\n        case 'ArrowDown':\n          numberValue = clamp((value as number) - step, minimum, maximum)\n          break\n      }\n\n      if (numberValue !== null) {\n        event.persist()\n        event.preventDefault()\n        handleChange({ numberValue })\n      }\n    },\n    [handleChange, maximum, minimum, showStepControls, step, value]\n  )\n\n  const fieldSectionProps = {\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        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\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: () => {\n      handleChange({\n        numberValue: clamp((value as number) + step, minimum, maximum),\n      })\n    },\n    title: sharedContext?.translation.Slider.addTitle?.replace(\n      '%s',\n      String(value + step)\n    ),\n  }\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: () => {\n      handleChange({\n        numberValue: clamp((value as number) - step, minimum, maximum),\n      })\n    },\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 {...fieldSectionProps} 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 {...fieldSectionProps} asFieldset={false}>\n      <InputMasked {...inputProps} />\n    </FieldBlock>\n  )\n}\n\nNumberComponent._supportsSpacingProps = true\nexport default NumberComponent\n"],"mappings":"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"}

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

@@ -127,7 +127,7 @@ function PhoneNumber(props) {
   const updateCurrentDataSet = (0, _react.useCallback)(() => {
     dataRef.current = (0, _SelectCountry.getCountryData)({
       lang,
-      filter: !wasFilled.current ? country => `${formattCountryCode(country.cdc)}` === countryCodeRef.current : filterCountries,
+      filter: ccFilter === 'Prioritized' && !wasFilled.current ? country => `${formattCountryCode(country.cdc)}` === countryCodeRef.current : filterCountries,
       sort: ccFilter,
       makeObject
     });

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["_react","_interopRequireWildcard","require","_components","_classnames","_interopRequireDefault","_countries","_String","_FieldBlock","_hooks","_utils","_Context","_SelectCountry","_useErrorMessage","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_countryCodeRef$curre","sharedContext","useContext","SharedContext","translations","useTranslation","lang","locale","split","countryCodeRef","React","useRef","emptyValue","numberRef","dataRef","langRef","wasFilled","errorMessages","useErrorMessage","path","required","errorRequired","pattern","validateRequired","useCallback","_ref","isChanged","error","countryCode","phoneNumber","splitValue","prevCountryCodeRef","current","schema","useMemo","_props$schema","type","defaultProps","preparedProps","fromExternal","toEvent","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","countryCodeLabel","label","numberMask","countries","ccFilter","info","warning","hasError","disabled","width","help","validateInitially","continuousValidation","validateUnchanged","omitCountryCodeField","handleFocus","handleBlur","handleChange","onCountryCodeChange","onNumberChange","filterCountries","makeCountryFilterSet","useFieldProps","external","updateCurrentDataSet","getCountryData","country","formattCountryCode","cdc","sort","makeObject","callOnChange","_ref2","joinValue","handleCountryCodeChange","_ref3","_data$selectedKey","data","selectedKey","trim","handleNumberChange","onFocusHandler","_ref4","updateData","onTypeHandler","_ref5","_event$nativeEvent","revalidateInputValue","event","nativeEvent","cdcVal","test","find","_ref6","window","requestAnimationFrame","isDefault","includes","createElement","classnames","pickSpacingProps","Flex","Horizontal","align","Autocomplete","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","_default","exports"],"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'\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?.emptyValue)\n  const numberRef = React.useRef(props?.emptyValue)\n  const dataRef = React.useRef(null)\n  const langRef = React.useRef(lang)\n  const wasFilled = React.useRef(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: !wasFilled.current\n        ? (country) =>\n            `${formattCountryCode(country.cdc)}` === 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 = formattCountryCode(\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: formattCountryCode(country.cdc),\n    selected_value: `${country.iso} (${formattCountryCode(country.cdc)})`,\n    content: `${formattCountryCode(country.cdc)} ${\n      country.i18n[lang] ?? country.i18n.en\n    }`,\n  }\n}\n\nfunction formattCountryCode(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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AAIA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAMA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AAKA,IAAAW,gBAAA,GAAAR,sBAAA,CAAAH,OAAA;AACA,IAAAY,eAAA,GAAAT,sBAAA,CAAAH,OAAA;AAAuD,SAAAG,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAlB,wBAAAc,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAgCvD,MAAMS,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,qBAAA;EACjC,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC;EAC/C,MAAMC,YAAY,GAAG,IAAAC,uBAAc,EAAC,CAAC;EACrC,MAAMC,IAAI,IAAAP,qBAAA,GAAGE,aAAa,CAACM,MAAM,cAAAR,qBAAA,uBAApBA,qBAAA,CAAsBS,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAgB;EAE/D,MAAMC,cAAc,GAAGC,cAAK,CAACC,MAAM,CAACb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,UAAU,CAAC;EACtD,MAAMC,SAAS,GAAGH,cAAK,CAACC,MAAM,CAACb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEc,UAAU,CAAC;EACjD,MAAME,OAAO,GAAGJ,cAAK,CAACC,MAAM,CAAC,IAAI,CAAC;EAClC,MAAMI,OAAO,GAAGL,cAAK,CAACC,MAAM,CAACL,IAAI,CAAC;EAClC,MAAMU,SAAS,GAAGN,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC;EAErC,MAAMM,aAAa,GAAG,IAAAC,wBAAe,EAACpB,KAAK,CAACqB,IAAI,EAAErB,KAAK,CAACmB,aAAa,EAAE;IACrEG,QAAQ,EAAEhB,YAAY,CAACP,WAAW,CAACwB,aAAa;IAChDC,OAAO,EAAElB,YAAY,CAACP,WAAW,CAACwB;EACpC,CAAC,CAAC;EAEF,MAAME,gBAAgB,GAAG,IAAAC,kBAAW,EAClC,CAAC9C,KAAa,EAAA+C,IAAA,KAAqC;IAAA,IAAnC;MAAEL,QAAQ;MAAEM,SAAS;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC5C,IAAIL,QAAQ,EAAE;MACZ,MAAM,CAACQ,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAACpD,KAAK,CAAC;MAEpD,IAAIkD,WAAW,KAAKG,kBAAkB,CAACC,OAAO,EAAE;QAC9C,IAAIJ,WAAW,EAAE;UACfG,kBAAkB,CAACC,OAAO,GAAGJ,WAAW;QAC1C;QACA,OAAOtC,SAAS;MAClB;MAEA,IAAIoC,SAAS,IAAI,CAACG,WAAW,EAAE;QAC7B,OAAOF,KAAK;MACd;IACF;IAEA,OAAOrC,SAAS;EAClB,CAAC,EACD,EACF,CAAC;EAED,MAAM2C,MAAM,GAAG,IAAAC,cAAO,EACpB;IAAA,IAAAC,aAAA;IAAA,QAAAA,aAAA,GACErC,KAAK,CAACmC,MAAM,cAAAE,aAAA,cAAAA,aAAA,GAAI;MACdC,IAAI,EAAE,QAAQ;MACdd,OAAO,EAAExB,KAAK,CAACwB;IACjB,CAAC;EAAA,GACH,CAACxB,KAAK,CAACmC,MAAM,EAAEnC,KAAK,CAACwB,OAAO,CAC9B,CAAC;EACD,MAAMe,YAA4B,GAAG;IACnCJ,MAAM;IACNhB;EACF,CAAC;EACD,MAAMqB,aAAoB,GAAAjE,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACrByB,KAAK,GACLuC,YAAY;IACfd,gBAAgB;IAChBgB,YAAY;IACZC;EAAO,EACR;EAED,MAAM;IACJ9D,KAAK;IACL+D,SAAS;IACTC,yBAAyB;IACzBC,oBAAoB;IACpBC,sBAAsB;IACtBC,WAAW;IACXC,gBAAgB;IAChBC,KAAK,GAAG3C,YAAY,CAACP,WAAW,CAACkD,KAAK;IACtCC,UAAU;IACVC,SAAS,EAAEC,QAAQ,GAAG,aAAa;IACnCtC,UAAU;IACVuC,IAAI;IACJC,OAAO;IACPzB,KAAK;IACL0B,QAAQ;IACRC,QAAQ;IACRC,KAAK,GAAG,OAAO;IACfC,IAAI;IACJpC,QAAQ;IACRqC,iBAAiB;IACjBC,oBAAoB;IACpBC,iBAAiB;IACjBC,oBAAoB;IACpBC,WAAW;IACXC,UAAU;IACVC,YAAY;IACZC,mBAAmB;IACnBC,cAAc;IACdC,eAAe,GAAGhB,QAAQ,KAAK,aAAa,GACxC,IAAAiB,mCAAoB,EAACjB,QAAQ,CAAC,GAC9B5D;EACN,CAAC,GAAG,IAAA8E,oBAAa,EAAC9B,aAAa,CAAC;EAEhC,SAASC,YAAYA,CAAC8B,QAAgB,EAAE;IACtC,MAAM,GAAGxC,WAAW,CAAC,GAAGC,UAAU,CAACuC,QAAQ,CAAC;IAC5C,IAAI,CAACxC,WAAW,IAAI,CAAC/B,KAAK,CAAC8D,oBAAoB,EAAE;MAC/C,OAAOnD,cAAc,CAACuB,OAAO;IAC/B;IACA,OAAOqC,QAAQ;EACjB;EAEA,SAAS7B,OAAOA,CAAC9D,KAAa,EAAE;IAC9B,MAAM,GAAGmD,WAAW,CAAC,GAAGC,UAAU,CAACpD,KAAK,CAAC;IACzC,IAAI,CAACmD,WAAW,EAAE;MAChB,OAAOjB,UAAU;IACnB;IACA,OAAOlC,KAAK;EACd;EAEA,MAAM4F,oBAAoB,GAAG,IAAA9C,kBAAW,EAAC,MAAM;IAC7CV,OAAO,CAACkB,OAAO,GAAG,IAAAuC,6BAAc,EAAC;MAC/BjE,IAAI;MACJrC,MAAM,EAAE,CAAC+C,SAAS,CAACgB,OAAO,GACrBwC,OAAO,IACL,GAAEC,kBAAkB,CAACD,OAAO,CAACE,GAAG,CAAE,EAAC,KAAKjE,cAAc,CAACuB,OAAO,GACjEkC,eAAe;MACnBS,IAAI,EAAEzB,QAAoD;MAC1D0B;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACtE,IAAI,EAAE4D,eAAe,EAAEhB,QAAQ,CAAC,CAAC;EAErC,MAAM2B,YAAY,GAAG,IAAArD,kBAAW,EAC9BsD,KAAA,IAKM;IAAA,IALL;MACClD,WAAW,GAAGgC,oBAAoB,GAC9BhD,UAAU,GACVH,cAAc,CAACuB,OAAO,IAAIpB,UAAU;MACxCiB,WAAW,GAAGhB,SAAS,CAACmB,OAAO,IAAIpB;IACrC,CAAC,GAAAkE,KAAA;IACCf,YAAY,CACVgB,SAAS,CAAC,CAACnD,WAAW,EAAEC,WAAW,CAAC,CAAC,EACrC+B,oBAAoB,GAChB;MAAE/B;IAAY,CAAC,GACf;MAAED,WAAW;MAAEC;IAAY,CACjC,CAAC;EACH,CAAC,EACD,CAAC+B,oBAAoB,EAAEhD,UAAU,EAAEmD,YAAY,CACjD,CAAC;EAUD,IAAA7B,cAAO,EAAC,MAAM;IACZ,MAAM,CAACN,WAAW,EAAEC,WAAW,CAAC,GAAGC,UAAU,CAAChC,KAAK,CAACpB,KAAK,IAAIA,KAAK,CAAC;IACnEmC,SAAS,CAACmB,OAAO,GAAGH,WAAW;IAE/B,IAAIvB,IAAI,KAAKS,OAAO,CAACiB,OAAO,IAAI,CAAChB,SAAS,CAACgB,OAAO,EAAE;MAClD,IAAI,CAACvB,cAAc,CAACuB,OAAO,IAAIJ,WAAW,EAAE;QAC1CnB,cAAc,CAACuB,OAAO,GAAGJ,WAAW,IAAIlC,kBAAkB;MAC5D;MACAqB,OAAO,CAACiB,OAAO,GAAG1B,IAAI;MAEtBgE,oBAAoB,CAAC,CAAC;IACxB;EACF,CAAC,EAAE,CAAC5F,KAAK,EAAEoB,KAAK,CAACpB,KAAK,EAAE4B,IAAI,EAAEgE,oBAAoB,CAAC,CAAC;EAEpD,MAAMvC,kBAAkB,GAAGrB,cAAK,CAACC,MAAM,CAACF,cAAc,CAACuB,OAAO,CAAC;EAE/D,MAAMgD,uBAAuB,GAAG,IAAAxD,kBAAW,EACzCyD,KAAA,IAAiD;IAAA,IAAAC,iBAAA;IAAA,IAAhD;MAAEC;IAAwC,CAAC,GAAAF,KAAA;IAC1C,MAAMrD,WAAW,GAAInB,cAAc,CAACuB,OAAO,GACzC,CAAAmD,IAAI,aAAJA,IAAI,wBAAAD,iBAAA,GAAJC,IAAI,CAAEC,WAAW,cAAAF,iBAAA,uBAAjBA,iBAAA,CAAmBG,IAAI,CAAC,CAAC,KAAIzE,UAAW;IAE1CiE,YAAY,CAAC;MAAEjD;IAAY,CAAC,CAAC;IAC7BoC,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGpC,WAAW,CAAC;EACpC,CAAC,EACD,CAAChB,UAAU,EAAEiE,YAAY,EAAEb,mBAAmB,CAChD,CAAC;EAED,MAAMsB,kBAAkB,GAAG,IAAA9D,kBAAW,EACnC9C,KAAa,IAAK;IACjB,MAAMmD,WAAW,GAAIhB,SAAS,CAACmB,OAAO,GAAGtD,KAAK,IAAIkC,UAAW;IAE7DiE,YAAY,CAAC;MAAEhD;IAAY,CAAC,CAAC;IAC7BoC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGpC,WAAW,CAAC;EAC/B,CAAC,EACD,CAACjB,UAAU,EAAEiE,YAAY,EAAEZ,cAAc,CAC3C,CAAC;EAED,MAAMsB,cAAc,GAAG,IAAA/D,kBAAW,EAChCgE,KAAA,IAAoB;IAAA,IAAnB;MAAEC;IAAW,CAAC,GAAAD,KAAA;IACb,IAAI,CAACxE,SAAS,CAACgB,OAAO,EAAE;MACtBhB,SAAS,CAACgB,OAAO,GAAG,IAAI;MACxBsC,oBAAoB,CAAC,CAAC;MACtBmB,UAAU,CAAC3E,OAAO,CAACkB,OAAO,CAAC;IAC7B;IACA6B,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CAACA,WAAW,EAAES,oBAAoB,CACpC,CAAC;EAED,MAAMoB,aAAa,GAAG,IAAAlE,kBAAW,EAC/BmE,KAAA,IAAwD;IAAA,IAAAC,kBAAA;IAAA,IAAvD;MAAElH,KAAK;MAAE+G,UAAU;MAAEI,oBAAoB;MAAEC;IAAM,CAAC,GAAAH,KAAA;IAEjD,IAAI,QAAOG,KAAK,aAALA,KAAK,wBAAAF,kBAAA,GAALE,KAAK,CAAEC,WAAW,cAAAH,kBAAA,uBAAlBA,kBAAA,CAAoBT,IAAI,MAAK,WAAW,EAAE;MACnD,MAAMa,MAAM,GAAG,mBAAmB,CAACC,IAAI,CAACvH,KAAK,CAAC,GAC1CoD,UAAU,CAACpD,KAAK,CAAC,CAAC,CAAC,CAAC,GACpBA,KAAK;MACT,MAAM8F,OAAO,GAAGvB,kBAAS,CAACiD,IAAI,CAACC,KAAA;QAAA,IAAC;UAAEzB;QAAI,CAAC,GAAAyB,KAAA;QAAA,OAAKzB,GAAG,KAAKsB,MAAM;MAAA,EAAC;MAC3D,IAAIxB,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,GAAG,EAAE;QAChB,MAAM9C,WAAW,GAAInB,cAAc,CAACuB,OAAO,GAAGyC,kBAAkB,CAC9DD,OAAO,CAACE,GACV,CAAE;QAEFJ,oBAAoB,CAAC,CAAC;QACtBmB,UAAU,CAAC3E,OAAO,CAACkB,OAAO,CAAC;QAC3B6C,YAAY,CAAC;UAAEjD;QAAY,CAAC,CAAC;QAI7BwE,MAAM,CAACC,qBAAqB,CAAC,MAAM;UACjCR,oBAAoB,CAAC,CAAC;QACxB,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EACD,CAAChB,YAAY,EAAEP,oBAAoB,CACrC,CAAC;EAED,MAAMgC,SAAS,IAAAtG,qBAAA,GAAGS,cAAc,CAACuB,OAAO,cAAAhC,qBAAA,uBAAtBA,qBAAA,CAAwBuG,QAAQ,CAAC7G,kBAAkB,CAAC;EAEtE,OACE7E,MAAA,CAAAiB,OAAA,CAAA0K,aAAA,CAACnL,WAAA,CAAAS,OAAU,EAAAoB,QAAA;IACTuF,SAAS,EAAE,IAAAgE,mBAAU,EAAC,8BAA8B,EAAEhE,SAAS,CAAE;IACjEc,KAAK,EAAEK,oBAAoB,GAAGtE,SAAS,GAAGiE,KAAM;IAChDJ,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBzB,KAAK,EAAEA,KAAM;IACb2B,QAAQ,EAAEA;EAAS,GACf,IAAAoD,uBAAgB,EAAC5G,KAAK,CAAC,GAE3BjF,MAAA,CAAAiB,OAAA,CAAA0K,aAAA,CAACxL,WAAA,CAAA2L,IAAI,CAACC,UAAU;IAACC,KAAK,EAAC;EAAU,GAC9B,CAACjD,oBAAoB,IACpB/I,MAAA,CAAAiB,OAAA,CAAA0K,aAAA,CAACxL,WAAA,CAAA8L,YAAY;IACXrE,SAAS,EAAE,IAAAgE,mBAAU,EACnB,4CAA4C,EAC5C/D,yBACF,CAAE;IACFqE,IAAI,EAAC,OAAO;IACZlE,WAAW,EAAED,sBAAuB;IACpCoE,eAAe,EAAC,UAAU;IAC1BjE,KAAK,EACHD,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI1C,YAAY,CAACP,WAAW,CAACiD,gBAC9C;IACDqC,IAAI,EAAErE,OAAO,CAACkB,OAAQ;IACtBtD,KAAK,EAAE+B,cAAc,CAACuB,OAAQ;IAC9BiF,MAAM,EAAE5D,QAAQ,GAAG,OAAO,GAAG/D,SAAU;IACvCgE,QAAQ,EAAEA,QAAS;IACnB4D,QAAQ,EAAE3B,cAAe;IACzB4B,OAAO,EAAErD,UAAW;IACpBsD,SAAS,EAAEpC,uBAAwB;IACnCqC,OAAO,EAAE3B,aAAc;IACvB4B,iBAAiB;IACjBC,cAAc;IACdC,cAAc;IACdC,YAAY,EAAC,kBAAkB;IAC/BC,YAAY,EAAE5H,KAAK,CAAC6H,WAAY;IAChCC,OAAO,EAAErE,KAAK,KAAK;EAAU,CAC9B,CACF,EAED1I,MAAA,CAAAiB,OAAA,CAAA0K,aAAA,CAACpL,OAAA,CAAAU,OAAW;IACV2G,SAAS,EAAE,IAAAgE,mBAAU,EACnB,sCAAsC,EACtC9D,oBACF,CAAE;IACFP,IAAI,EAAC,KAAK;IACVqF,YAAY,EAAC,cAAc;IAC3B7G,UAAU,EAAEA,UAAW;IACvBiH,MAAM,EAAC,UAAU;IACjB9E,KAAK,EAAEA,KAAM;IACbF,WAAW,EACTA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAKyD,SAAS,GAAG3G,kBAAkB,GAAGL,SAClD;IACDwI,IAAI,EACF9E,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAKsD,SAAS,GAAG1G,WAAW,GAAGmI,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,IAAI,CAC7D;IACDC,OAAO,EAAEpE,WAAY;IACrBqE,MAAM,EAAEpE,UAAW;IACnBqE,QAAQ,EAAE7C,kBAAmB;IAC7B5G,KAAK,EAAEmC,SAAS,CAACmB,OAAQ;IACzBmB,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBzB,KAAK,EAAEA,KAAM;IACb2B,QAAQ,EAAEA,QAAS;IACnBC,KAAK,EAAEK,oBAAoB,GAAG,QAAQ,GAAG,SAAU;IACnDJ,IAAI,EAAEA,IAAK;IACXpC,QAAQ,EAAEA,QAAS;IACnBH,aAAa,EAAEA,aAAc;IAC7BwC,iBAAiB,EAAEA,iBAAkB;IACrCC,oBAAoB,EAAEA,oBAAqB;IAC3CC,iBAAiB,EAAEA,iBAAkB;IACrCyE,SAAS,EAAC;EAAK,CAChB,CACc,CACP,CAAC;AAEjB;AAEA,SAASxD,UAAUA,CAACJ,OAAoB,EAAElE,IAAY,EAAE;EAAA,IAAA+H,kBAAA;EACtD,OAAO;IACLjD,WAAW,EAAEX,kBAAkB,CAACD,OAAO,CAACE,GAAG,CAAC;IAC5C4D,cAAc,EAAG,GAAE9D,OAAO,CAAC+D,GAAI,KAAI9D,kBAAkB,CAACD,OAAO,CAACE,GAAG,CAAE,GAAE;IACrE8D,OAAO,EAAG,GAAE/D,kBAAkB,CAACD,OAAO,CAACE,GAAG,CAAE,IAAC,CAAA2D,kBAAA,GAC3C7D,OAAO,CAACiE,IAAI,CAACnI,IAAI,CAAC,cAAA+H,kBAAA,cAAAA,kBAAA,GAAI7D,OAAO,CAACiE,IAAI,CAACC,EACpC;EACH,CAAC;AACH;AAEA,SAASjE,kBAAkBA,CAAC/F,KAAa,EAAE;EACzC,OAAQ,IAAGA,KAAM,EAAC;AACpB;AAEA,SAASoD,UAAUA,CAACpD,KAAa,EAAE;EACjC,OAAO,CACL,OAAOA,KAAK,KAAK,QAAQ,GACrBA,KAAK,CAACiK,KAAK,CAAC,oBAAoB,CAAC,GACjC,CAACrJ,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,EACvBsJ,KAAK,CAAC,CAAC,CAAC;AACZ;AAEA,SAAS7D,SAASA,CAAC8D,KAAoB,EAAE;EACvC,OAAOA,KAAK,CAAC5K,MAAM,CAAC6K,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AACxC;AAEAlJ,WAAW,CAACmJ,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACzBpJ,WAAW;AAAAqJ,OAAA,CAAApN,OAAA,GAAAmN,QAAA"}
+{"version":3,"file":"PhoneNumber.js","names":["_react","_interopRequireWildcard","require","_components","_classnames","_interopRequireDefault","_countries","_String","_FieldBlock","_hooks","_utils","_Context","_SelectCountry","_useErrorMessage","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_countryCodeRef$curre","sharedContext","useContext","SharedContext","translations","useTranslation","lang","locale","split","countryCodeRef","React","useRef","emptyValue","numberRef","dataRef","langRef","wasFilled","errorMessages","useErrorMessage","path","required","errorRequired","pattern","validateRequired","useCallback","_ref","isChanged","error","countryCode","phoneNumber","splitValue","prevCountryCodeRef","current","schema","useMemo","_props$schema","type","defaultProps","preparedProps","fromExternal","toEvent","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","countryCodeLabel","label","numberMask","countries","ccFilter","info","warning","hasError","disabled","width","help","validateInitially","continuousValidation","validateUnchanged","omitCountryCodeField","handleFocus","handleBlur","handleChange","onCountryCodeChange","onNumberChange","filterCountries","makeCountryFilterSet","useFieldProps","external","updateCurrentDataSet","getCountryData","country","formattCountryCode","cdc","sort","makeObject","callOnChange","_ref2","joinValue","handleCountryCodeChange","_ref3","_data$selectedKey","data","selectedKey","trim","handleNumberChange","onFocusHandler","_ref4","updateData","onTypeHandler","_ref5","_event$nativeEvent","revalidateInputValue","event","nativeEvent","cdcVal","test","find","_ref6","window","requestAnimationFrame","isDefault","includes","createElement","classnames","pickSpacingProps","Flex","Horizontal","align","Autocomplete","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","_default","exports"],"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              `${formattCountryCode(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 = formattCountryCode(\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: formattCountryCode(country.cdc),\n    selected_value: `${country.iso} (${formattCountryCode(country.cdc)})`,\n    content: `${formattCountryCode(country.cdc)} ${\n      country.i18n[lang] ?? country.i18n.en\n    }`,\n  }\n}\n\nfunction formattCountryCode(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/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.d.ts

@@ -1,7 +1,7 @@
-import { Props as FieldBlockProps } from '../../FieldBlock';
+import { Props as FieldSectionProps } from '../../FieldBlock';
 import { Props as StringFieldProps } from '../String';
 import { FieldHelpProps } from '../../types';
-export type Props = FieldHelpProps & Omit<FieldBlockProps, 'children'> & Partial<Record<'postalCode' | 'city', StringFieldProps>>;
+export type Props = FieldHelpProps & Omit<FieldSectionProps, 'children'> & Partial<Record<'postalCode' | 'city', StringFieldProps>>;
 declare function PostalCodeAndCity(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace PostalCodeAndCity {
     var _supportsSpacingProps: boolean;

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

@@ -28,10 +28,10 @@ function PostalCodeAndCity(props) {
       help,
       width = 'large'
     } = props,
-    fieldBlockProps = _objectWithoutProperties(props, _excluded);
+    fieldSectionProps = _objectWithoutProperties(props, _excluded);
   return _react.default.createElement(_Composition.default, _extends({
     className: (0, _classnames.default)('dnb-forms-field-postal-code-and-city', props.className)
-  }, fieldBlockProps, {
+  }, fieldSectionProps, {
     width: width
   }), _react.default.createElement(_String.default, _extends({}, postalCode, {
     pattern: (_postalCode$pattern = postalCode.pattern) !== null && _postalCode$pattern !== void 0 ? _postalCode$pattern : '^[0-9]{4}$',

package/cjs/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostalCodeAndCity.js","names":["_react","_interopRequireDefault","require","_classnames","_String","_Composition","_useTranslation","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","PostalCodeAndCity","props","_postalCode$pattern","_postalCode$label","_postalCode$placehold","_city$label","_city$pattern","translations","useTranslation","postalCode","city","help","width","fieldBlockProps","createElement","className","classnames","pattern","mask","label","PostalCode","errorMessages","required","errorRequired","errorPattern","placeholder","inputClassName","inputMode","autoComplete","City","trim","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport CompositionField from '../Composition'\nimport { FieldHelpProps } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = FieldHelpProps &\n  Omit<FieldBlockProps, 'children'> &\n  Partial<Record<'postalCode' | 'city', StringFieldProps>>\n\nfunction PostalCodeAndCity(props: Props) {\n  const translations = useTranslation()\n\n  const {\n    postalCode = {},\n    city = {},\n    help,\n    width = 'large',\n    ...fieldBlockProps\n  } = props\n\n  return (\n    <CompositionField\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldBlockProps}\n      width={width}\n    >\n      <StringField\n        {...postalCode}\n        pattern={postalCode.pattern ?? '^[0-9]{4}$'}\n        mask={[/\\d/, /\\d/, /\\d/, /\\d/]}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__postal-code',\n          postalCode.className\n        )}\n        label={postalCode.label ?? translations.PostalCode.label}\n        errorMessages={{\n          required: translations.PostalCode.errorRequired,\n          pattern: translations.PostalCode.errorPattern,\n          ...postalCode.errorMessages,\n        }}\n        placeholder={postalCode.placeholder ?? '0000'}\n        width={false}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n      />\n      <StringField\n        {...city}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__city',\n          city.className\n        )}\n        label={city.label ?? translations.City.label}\n        errorMessages={{\n          required: translations.City.errorRequired,\n          pattern: translations.City.errorPattern,\n          ...city.errorMessages,\n        }}\n        pattern={city.pattern ?? '^[A-Za-zÆØÅæøå -]+$'}\n        trim\n        width=\"stretch\"\n        autoComplete=\"address-level2\"\n        help={help}\n      />\n    </CompositionField>\n  )\n}\n\nPostalCodeAndCity._supportsSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":"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"}
+{"version":3,"file":"PostalCodeAndCity.js","names":["_react","_interopRequireDefault","require","_classnames","_String","_Composition","_useTranslation","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","PostalCodeAndCity","props","_postalCode$pattern","_postalCode$label","_postalCode$placehold","_city$label","_city$pattern","translations","useTranslation","postalCode","city","help","width","fieldSectionProps","createElement","className","classnames","pattern","mask","label","PostalCode","errorMessages","required","errorRequired","errorPattern","placeholder","inputClassName","inputMode","autoComplete","City","trim","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/PostalCodeAndCity/PostalCodeAndCity.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Props as FieldSectionProps } from '../../FieldBlock'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport CompositionField from '../Composition'\nimport { FieldHelpProps } from '../../types'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type Props = FieldHelpProps &\n  Omit<FieldSectionProps, 'children'> &\n  Partial<Record<'postalCode' | 'city', StringFieldProps>>\n\nfunction PostalCodeAndCity(props: Props) {\n  const translations = useTranslation()\n\n  const {\n    postalCode = {},\n    city = {},\n    help,\n    width = 'large',\n    ...fieldSectionProps\n  } = props\n\n  return (\n    <CompositionField\n      className={classnames(\n        'dnb-forms-field-postal-code-and-city',\n        props.className\n      )}\n      {...fieldSectionProps}\n      width={width}\n    >\n      <StringField\n        {...postalCode}\n        pattern={postalCode.pattern ?? '^[0-9]{4}$'}\n        mask={[/\\d/, /\\d/, /\\d/, /\\d/]}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__postal-code',\n          postalCode.className\n        )}\n        label={postalCode.label ?? translations.PostalCode.label}\n        errorMessages={{\n          required: translations.PostalCode.errorRequired,\n          pattern: translations.PostalCode.errorPattern,\n          ...postalCode.errorMessages,\n        }}\n        placeholder={postalCode.placeholder ?? '0000'}\n        width={false}\n        inputClassName=\"dnb-forms-field-postal-code-and-city__postal-code-input\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n      />\n      <StringField\n        {...city}\n        className={classnames(\n          'dnb-forms-field-postal-code-and-city__city',\n          city.className\n        )}\n        label={city.label ?? translations.City.label}\n        errorMessages={{\n          required: translations.City.errorRequired,\n          pattern: translations.City.errorPattern,\n          ...city.errorMessages,\n        }}\n        pattern={city.pattern ?? '^[A-Za-zÆØÅæøå -]+$'}\n        trim\n        width=\"stretch\"\n        autoComplete=\"address-level2\"\n        help={help}\n      />\n    </CompositionField>\n  )\n}\n\nPostalCodeAndCity._supportsSpacingProps = true\nexport default PostalCodeAndCity\n"],"mappings":"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"}

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

@@ -68,17 +68,17 @@ function SelectCountry(props) {
       langRef.current = lang;
       dataRef.current = getCountryData({
         lang,
-        filter: !wasFilled.current ? country => country.iso === props.value : filterCountries,
+        filter: !wasFilled.current ? country => country.iso === value : filterCountries,
         sort: ccFilter
       });
-      if (isLangChange && props.value && typeof window !== 'undefined') {
+      if (isLangChange && value && typeof window !== 'undefined') {
         updateValue(null);
         window.requestAnimationFrame(() => {
-          updateValue(props.value);
+          updateValue(value);
         });
       }
     }
-  }, [lang, filterCountries, ccFilter, updateValue, props.value]);
+  }, [lang, filterCountries, ccFilter, updateValue, value]);
   const handleCountryChange = (0, _react.useCallback)(_ref => {
     let {
       data

package/cjs/extensions/forms/Field/SelectCountry/SelectCountry.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectCountry.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_components","_utils","_countries","_hooks","_FieldBlock","_useErrorMessage","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SelectCountry","props","_sharedContext$locale","sharedContext","useContext","SharedContext","translations","useTranslation","lang","locale","split","errorMessages","useErrorMessage","path","required","errorRequired","defaultProps","preparedProps","className","placeholder","label","countries","ccFilter","info","warning","error","hasError","disabled","width","help","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","forceUpdate","filterCountries","makeCountryFilterSet","useFieldProps","dataRef","React","useRef","langRef","wasFilled","useMemo","isLangChange","current","getCountryData","country","iso","sort","window","requestAnimationFrame","handleCountryChange","useCallback","_ref","data","newValue","selectedKey","find","_ref2","fillData","onFocusHandler","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","currentValue","setHidden","event","nativeEvent","search","toLowerCase","_ref5","i18n","values","some","s","includes","createElement","classnames","pickSpacingProps","Autocomplete","label_direction","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","status","show_submit_button","suffix","HelpButton","title","content","autoComplete","no_animation","noAnimation","makeObject","_country$i18n$lang","en","_ref6","_ref7","a","b","indexA","prioritizedCountries","indexOf","indexB","priorityA","priorityB","localeCompare","map","_country$regions","regions","continent","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport { Autocomplete, HelpButton } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport countries, {\n  prioritizedCountries,\n  type CountryType,\n  type CountryLang,\n} from '../../constants/countries'\nimport { useFieldProps } from '../../hooks'\nimport { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types'\nimport FieldBlock from '../../FieldBlock'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type CountryFilterSet =\n  | 'Scandinavia'\n  | 'Nordic'\n  | 'Europe'\n  | 'Prioritized'\n\nexport type Props = FieldHelpProps &\n  FieldProps<string, undefined | string> & {\n    countries?: CountryFilterSet\n\n    // Styling\n    width?: FieldBlockWidth\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\nfunction SelectCountry(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const translations = useTranslation().SelectCountry\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.errorRequired,\n  })\n\n  const defaultProps: Partial<Props> = {\n    errorMessages,\n  }\n  const preparedProps: Props = {\n    ...defaultProps,\n    ...props,\n  }\n\n  const {\n    className,\n    placeholder = translations.placeholder,\n    label = translations.label,\n    countries: ccFilter = 'Prioritized',\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    value,\n    width = 'large',\n    help,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n    filterCountries = ccFilter !== 'Prioritized'\n      ? makeCountryFilterSet(ccFilter)\n      : undefined,\n  } = useFieldProps(preparedProps)\n\n  const dataRef = React.useRef(null)\n  const langRef = React.useRef(lang)\n  const wasFilled = React.useRef(false)\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 data set when value changes.\n   */\n  useMemo(() => {\n    const isLangChange = lang !== langRef.current\n\n    if (isLangChange || !wasFilled.current) {\n      langRef.current = lang\n      dataRef.current = getCountryData({\n        lang,\n        filter: !wasFilled.current\n          ? (country) => country.iso === props.value\n          : filterCountries,\n        sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      })\n\n      // To force Autocomplete to re-evaluate the internal data\n      if (isLangChange && props.value && typeof window !== 'undefined') {\n        updateValue(null)\n        window.requestAnimationFrame(() => {\n          updateValue(props.value)\n        })\n      }\n    }\n  }, [lang, filterCountries, ccFilter, updateValue, props.value])\n\n  const handleCountryChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const newValue = data?.selectedKey\n      const country = countries.find(({ iso }) => newValue === iso)\n      if (country?.iso) {\n        handleChange(country.iso, country)\n      }\n    },\n    [handleChange]\n  )\n\n  const fillData = useCallback(() => {\n    if (!wasFilled.current) {\n      wasFilled.current = true\n      dataRef.current = getCountryData({\n        lang: langRef.current,\n        filter: filterCountries,\n        sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      })\n      forceUpdate()\n    }\n  }, [ccFilter, filterCountries, forceUpdate])\n\n  const onFocusHandler = useCallback(\n    ({ updateData }) => {\n      fillData()\n      updateData(dataRef.current)\n      handleFocus()\n    },\n    [fillData, handleFocus]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value: currentValue, setHidden, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const search = currentValue.toLowerCase()\n        const country = countries.find(({ i18n }) =>\n          Object.values(i18n).some((s) => s.toLowerCase().includes(search))\n        )\n        if (country?.iso) {\n          setHidden()\n          handleChange(country.iso, country)\n        }\n      }\n    },\n    [handleChange]\n  )\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-select-country', className)}\n      width={width}\n      info={info}\n      warning={warning}\n      error={error}\n      {...pickSpacingProps(props)}\n    >\n      <Autocomplete\n        placeholder={placeholder}\n        label_direction=\"vertical\"\n        label={label}\n        input_icon={false}\n        data={dataRef.current}\n        value={value}\n        disabled={disabled}\n        on_show={fillData}\n        on_focus={onFocusHandler}\n        on_blur={handleBlur}\n        on_change={handleCountryChange}\n        on_type={onTypeHandler}\n        stretch\n        status={hasError ? 'error' : undefined}\n        show_submit_button\n        suffix={\n          help ? (\n            <HelpButton title={help.title}>{help.content}</HelpButton>\n          ) : undefined\n        }\n        autoComplete=\"country-name\"\n        no_animation={props.noAnimation}\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\ntype GetCountryData = {\n  lang?: CountryLang\n  filter?: Props['filterCountries']\n  sort?: Extract<CountryFilterSet, 'Prioritized'>\n  makeObject?: (\n    country: CountryType,\n    lang: string\n  ) => {\n    selectedKey: string\n    selected_value?: string\n    content: string\n  }\n}\n\nexport function getCountryData({\n  lang = 'nb',\n  filter = null,\n  sort = null,\n  makeObject = (country: CountryType, lang: string) => {\n    const content = country.i18n[lang] ?? country.i18n.en\n    return {\n      selectedKey: country.iso,\n      content,\n    }\n  },\n}: GetCountryData = {}) {\n  return countries\n    .filter((country) => {\n      if (typeof filter === 'function') {\n        return filter(country)\n      }\n\n      return !filter\n    })\n    .sort(({ i18n: a }, { i18n: b }) => {\n      if (sort === 'Prioritized') {\n        const indexA = prioritizedCountries.indexOf(a['en'])\n        const indexB = prioritizedCountries.indexOf(b['en'])\n\n        const priorityA = indexA !== -1\n        const priorityB = indexB !== -1\n\n        if (priorityA && priorityB) {\n          return indexA - indexB\n        } else if (priorityA) {\n          return -1\n        } else if (priorityB) {\n          return 1\n        }\n      }\n\n      return a[lang].localeCompare(b[lang])\n    })\n    .map((country) => makeObject(country, lang))\n}\n\nexport function makeCountryFilterSet(ccFilter: CountryFilterSet) {\n  return (country: CountryType) => {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic':\n        return country.regions?.includes(ccFilter)\n      case 'Europe':\n        return country.continent.includes(ccFilter)\n    }\n    return true\n  }\n}\n\nSelectCountry._supportsSpacingProps = true\nexport default SelectCountry\n"],"mappings":"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"}
+{"version":3,"file":"SelectCountry.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_components","_utils","_countries","_hooks","_FieldBlock","_useErrorMessage","_useTranslation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SelectCountry","props","_sharedContext$locale","sharedContext","useContext","SharedContext","translations","useTranslation","lang","locale","split","errorMessages","useErrorMessage","path","required","errorRequired","defaultProps","preparedProps","className","placeholder","label","countries","ccFilter","info","warning","error","hasError","disabled","width","help","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","forceUpdate","filterCountries","makeCountryFilterSet","useFieldProps","dataRef","React","useRef","langRef","wasFilled","useMemo","isLangChange","current","getCountryData","country","iso","sort","window","requestAnimationFrame","handleCountryChange","useCallback","_ref","data","newValue","selectedKey","find","_ref2","fillData","onFocusHandler","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","currentValue","setHidden","event","nativeEvent","search","toLowerCase","_ref5","i18n","values","some","s","includes","createElement","classnames","pickSpacingProps","Autocomplete","label_direction","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","status","show_submit_button","suffix","HelpButton","title","content","autoComplete","no_animation","noAnimation","makeObject","_country$i18n$lang","en","_ref6","_ref7","a","b","indexA","prioritizedCountries","indexOf","indexB","priorityA","priorityB","localeCompare","map","_country$regions","regions","continent","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport { Autocomplete, HelpButton } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport countries, {\n  prioritizedCountries,\n  type CountryType,\n  type CountryLang,\n} from '../../constants/countries'\nimport { useFieldProps } from '../../hooks'\nimport { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types'\nimport FieldBlock from '../../FieldBlock'\nimport useErrorMessage from '../../hooks/useErrorMessage'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type CountryFilterSet =\n  | 'Scandinavia'\n  | 'Nordic'\n  | 'Europe'\n  | 'Prioritized'\n\nexport type Props = FieldHelpProps &\n  FieldProps<string, undefined | string> & {\n    countries?: CountryFilterSet\n\n    // Styling\n    width?: FieldBlockWidth\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\nfunction SelectCountry(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const translations = useTranslation().SelectCountry\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.errorRequired,\n  })\n\n  const defaultProps: Partial<Props> = {\n    errorMessages,\n  }\n  const preparedProps: Props = {\n    ...defaultProps,\n    ...props,\n  }\n\n  const {\n    className,\n    placeholder = translations.placeholder,\n    label = translations.label,\n    countries: ccFilter = 'Prioritized',\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    value,\n    width = 'large',\n    help,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n    filterCountries = ccFilter !== 'Prioritized'\n      ? makeCountryFilterSet(ccFilter)\n      : undefined,\n  } = useFieldProps(preparedProps)\n\n  const dataRef = React.useRef(null)\n  const langRef = React.useRef(lang)\n  const wasFilled = React.useRef(false)\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 data set when value changes.\n   */\n  useMemo(() => {\n    const isLangChange = lang !== langRef.current\n\n    if (isLangChange || !wasFilled.current) {\n      langRef.current = lang\n      dataRef.current = getCountryData({\n        lang,\n        filter: !wasFilled.current\n          ? (country) => country.iso === value\n          : filterCountries,\n        sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      })\n\n      // To force Autocomplete to re-evaluate the internal data\n      if (isLangChange && value && typeof window !== 'undefined') {\n        updateValue(null)\n        window.requestAnimationFrame(() => {\n          updateValue(value)\n        })\n      }\n    }\n  }, [lang, filterCountries, ccFilter, updateValue, value])\n\n  const handleCountryChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const newValue = data?.selectedKey\n      const country = countries.find(({ iso }) => newValue === iso)\n      if (country?.iso) {\n        handleChange(country.iso, country)\n      }\n    },\n    [handleChange]\n  )\n\n  const fillData = useCallback(() => {\n    if (!wasFilled.current) {\n      wasFilled.current = true\n      dataRef.current = getCountryData({\n        lang: langRef.current,\n        filter: filterCountries,\n        sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      })\n      forceUpdate()\n    }\n  }, [ccFilter, filterCountries, forceUpdate])\n\n  const onFocusHandler = useCallback(\n    ({ updateData }) => {\n      fillData()\n      updateData(dataRef.current)\n      handleFocus()\n    },\n    [fillData, handleFocus]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value: currentValue, setHidden, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const search = currentValue.toLowerCase()\n        const country = countries.find(({ i18n }) =>\n          Object.values(i18n).some((s) => s.toLowerCase().includes(search))\n        )\n        if (country?.iso) {\n          setHidden()\n          handleChange(country.iso, country)\n        }\n      }\n    },\n    [handleChange]\n  )\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-select-country', className)}\n      width={width}\n      info={info}\n      warning={warning}\n      error={error}\n      {...pickSpacingProps(props)}\n    >\n      <Autocomplete\n        placeholder={placeholder}\n        label_direction=\"vertical\"\n        label={label}\n        input_icon={false}\n        data={dataRef.current}\n        value={value}\n        disabled={disabled}\n        on_show={fillData}\n        on_focus={onFocusHandler}\n        on_blur={handleBlur}\n        on_change={handleCountryChange}\n        on_type={onTypeHandler}\n        stretch\n        status={hasError ? 'error' : undefined}\n        show_submit_button\n        suffix={\n          help ? (\n            <HelpButton title={help.title}>{help.content}</HelpButton>\n          ) : undefined\n        }\n        autoComplete=\"country-name\"\n        no_animation={props.noAnimation}\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\ntype GetCountryData = {\n  lang?: CountryLang\n  filter?: Props['filterCountries']\n  sort?: Extract<CountryFilterSet, 'Prioritized'>\n  makeObject?: (\n    country: CountryType,\n    lang: string\n  ) => {\n    selectedKey: string\n    selected_value?: string\n    content: string\n  }\n}\n\nexport function getCountryData({\n  lang = 'nb',\n  filter = null,\n  sort = null,\n  makeObject = (country: CountryType, lang: string) => {\n    const content = country.i18n[lang] ?? country.i18n.en\n    return {\n      selectedKey: country.iso,\n      content,\n    }\n  },\n}: GetCountryData = {}) {\n  return countries\n    .filter((country) => {\n      if (typeof filter === 'function') {\n        return filter(country)\n      }\n\n      return !filter\n    })\n    .sort(({ i18n: a }, { i18n: b }) => {\n      if (sort === 'Prioritized') {\n        const indexA = prioritizedCountries.indexOf(a['en'])\n        const indexB = prioritizedCountries.indexOf(b['en'])\n\n        const priorityA = indexA !== -1\n        const priorityB = indexB !== -1\n\n        if (priorityA && priorityB) {\n          return indexA - indexB\n        } else if (priorityA) {\n          return -1\n        } else if (priorityB) {\n          return 1\n        }\n      }\n\n      return a[lang].localeCompare(b[lang])\n    })\n    .map((country) => makeObject(country, lang))\n}\n\nexport function makeCountryFilterSet(ccFilter: CountryFilterSet) {\n  return (country: CountryType) => {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic':\n        return country.regions?.includes(ccFilter)\n      case 'Europe':\n        return country.continent.includes(ccFilter)\n    }\n    return true\n  }\n}\n\nSelectCountry._supportsSpacingProps = true\nexport default SelectCountry\n"],"mappings":"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"}

package/cjs/extensions/forms/Field/Selection/Selection.js

@@ -82,7 +82,7 @@ function Selection(props) {
     setHasFocus(false, data === null || data === void 0 ? void 0 : data.selectedKey);
   }, [setHasFocus]);
   const cn = (0, _classnames.default)(`dnb-forms-field-selection dnb-forms-field-selection__variant--${variant} dnb-forms-field-selection__options-layout--${optionsLayout}`, className);
-  const fieldBlockProps = _objectSpread(_objectSpread({
+  const fieldSectionProps = _objectSpread(_objectSpread({
     forId: id,
     className: cn
   }, (0, _utils.pickSpacingProps)(props)), {}, {
@@ -117,7 +117,7 @@ function Selection(props) {
           }, rest);
         });
         const Component = variant === 'radio' ? _components.Radio : _components.ToggleButton;
-        return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(Component.Group, {
+        return _react.default.createElement(_FieldBlock.default, fieldSectionProps, _react.default.createElement(Component.Group, {
           className: cn,
           layout_direction: optionsLayout === 'horizontal' ? 'row' : 'column',
           disabled: disabled,
@@ -161,7 +161,7 @@ function Selection(props) {
           on_hide: handleHide,
           stretch: true
         });
-        return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, {
+        return _react.default.createElement(_FieldBlock.default, _extends({}, fieldSectionProps, {
           width: width
         }), variant === 'autocomplete' ? _react.default.createElement(_components.Autocomplete, _extends({}, sharedProps, autocompleteProps ? (0, _withCamelCaseProps.convertCamelCaseProps)(autocompleteProps) : null)) : _react.default.createElement(_components.Dropdown, _extends({}, sharedProps, dropdownProps ? (0, _withCamelCaseProps.convertCamelCaseProps)(dropdownProps) : null)));
       }