@dnb/eufemia 10.73.0 → 10.73.1

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","useEffect","useRef","Autocomplete","classnames","countries","StringField","CompositionField","useFieldProps","pickSpacingProps","SharedContext","countryFilter","getCountryData","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_props$inputRef","_countryCodeRef$curre","sharedContext","label","defaultLabel","countryCodeLabel","defaultCountryCodeLabel","errorRequired","lang","locale","split","countryCodeRef","emptyValue","prevCountryCodeRef","current","numberRef","dataRef","langRef","wasFilled","currentCountryRef","errorMessages","_objectSpread","validateRequired","value","required","isChanged","error","countryCode","phoneNumber","splitValue","undefined","fromExternal","external","omitCountryCodeField","toEvent","schema","_props$schema","type","pattern","defaultProps","ref","preparedProps","inputRef","id","path","itemPath","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","numberMask","ccFilter","info","warning","size","hasError","disabled","width","help","validateInitially","continuousValidation","validateContinuously","validateUnchanged","setHasFocus","handleChange","setDisplayValue","onCountryCodeChange","onNumberChange","filterCountries","_inputRef$current","number","length","joinValue","filter","country","updateCurrentDataSet","formatCountryCode","cdc","sort","makeObject","prepareEventValues","_currentCountryRef$cu","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","test","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","mode","label_direction","status","on_focus","on_blur","on_change","on_type","independent_width","search_numbers","keep_selection","autoComplete","no_animation","noAnimation","layout","mask","Array","fill","onFocus","onBlur","onChange","innerRef","breakout","outset","inputMode","_country$i18n$lang","selected_value","content","i18n","en","match","slice","array","Boolean","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Autocomplete } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport classnames from 'classnames'\nimport countries, {\n  CountryISO,\n  type CountryLang,\n  type CountryType,\n} from '../../constants/countries'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport CompositionField from '../Composition'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldPropsWithExtraValue,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  countryFilter,\n  CountryFilterSet,\n  getCountryData,\n} from '../SelectCountry'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataArrayItem } from '../../../../fragments/DrawerList'\n\nexport type AdditionalArgs = {\n  phoneNumber: string\n  countryCode: string\n  iso: string\n}\n\nexport type Props = Omit<\n  FieldPropsWithExtraValue<string, AdditionalArgs, undefined | string>,\n  'layout' | 'layoutOptions'\n> & {\n  countryCodeFieldClassName?: string\n  numberFieldClassName?: string\n  countryCodePlaceholder?: string\n  countryCodeLabel?: string\n  numberMask?: InputMaskedProps['mask']\n  pattern?: StringFieldProps['pattern']\n  width?: 'large' | 'stretch'\n  inputRef?: React.RefObject<HTMLInputElement>\n  omitCountryCodeField?: boolean\n  onCountryCodeChange?: (value: string | undefined) => void\n  onNumberChange?: (value: string | undefined) => void\n\n  /**\n   * Defines the countries to filter. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n} & Pick<StringFieldProps, 'size'>\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\ntype EventValues = {\n  countryCode?: string\n  phoneNumber?: string\n}\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    label: defaultLabel,\n    countryCodeLabel: defaultCountryCodeLabel,\n    errorRequired,\n  } = useTranslation().PhoneNumber\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = useRef<Props['value']>(props?.emptyValue)\n  const prevCountryCodeRef = useRef(countryCodeRef.current)\n  const numberRef = useRef<Props['value']>(props?.emptyValue)\n  const dataRef = useRef<Array<DrawerListDataArrayItem>>(null)\n  const langRef = useRef<string>(lang)\n  const wasFilled = useRef<boolean>(false)\n  const currentCountryRef = useRef<CountryType>()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, isChanged, error }) => {\n      if (required) {\n        const [countryCode, phoneNumber] = splitValue(value)\n\n        if (countryCode !== prevCountryCodeRef.current) {\n          if (countryCode) {\n            prevCountryCodeRef.current = countryCode\n          }\n          return undefined\n        }\n\n        if (isChanged && !phoneNumber) {\n          return error\n        }\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const fromExternal = useCallback(\n    (external: string) => {\n      const [, phoneNumber] = splitValue(external)\n      if (!phoneNumber && !props.omitCountryCodeField) {\n        return countryCodeRef.current\n      }\n      return external\n    },\n    [props.omitCountryCodeField]\n  )\n\n  const toEvent = useCallback(\n    (value: string) => {\n      const [, phoneNumber] = splitValue(value)\n      if (!phoneNumber) {\n        return props.emptyValue\n      }\n      return value\n    },\n    [props.emptyValue]\n  )\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        pattern: props.pattern,\n      },\n    [props.schema, props.pattern]\n  )\n  const defaultProps: Partial<Props> = {\n    schema,\n    errorMessages,\n  }\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n    inputRef: props.inputRef ?? ref,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    value,\n    className,\n    inputRef,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = defaultLabel,\n    numberMask,\n    countries: ccFilter = 'Prioritized',\n    emptyValue,\n    info,\n    warning,\n    size,\n    error,\n    hasError,\n    disabled,\n    width = props.omitCountryCodeField ? 'medium' : 'large',\n    help,\n    required,\n    validateInitially,\n    continuousValidation,\n    validateContinuously,\n    validateUnchanged,\n    omitCountryCodeField,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    if (path || itemPath) {\n      const number = inputRef.current?.value\n      setDisplayValue(\n        number?.length > 0\n          ? joinValue([countryCodeRef.current, number])\n          : undefined\n      )\n    }\n  }, [inputRef, itemPath, path, setDisplayValue, value])\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\n  )\n\n  const updateCurrentDataSet = useCallback(() => {\n    dataRef.current = getCountryData({\n      lang,\n      filter:\n        // Make sure the whole cc list is displayed when cc filter is set to specific region\n        ccFilter === 'Prioritized' && !wasFilled.current\n          ? (country) =>\n              `${formatCountryCode(country.cdc)}` ===\n              countryCodeRef.current\n          : filter,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filter, ccFilter])\n\n  const prepareEventValues = useCallback(\n    ({\n      countryCode = countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    }: EventValues = {}) => {\n      if (!currentCountryRef.current) {\n        type Item = DrawerListDataArrayItem & { country: CountryType }\n\n        const cdcVal = countryCode?.replace(/^\\+/, '')\n        const item = dataRef.current.find((item: Item) => {\n          const cdc = item?.country?.cdc\n          return cdc === cdcVal\n        }) as Item\n\n        currentCountryRef.current = item?.country\n      }\n\n      return {\n        ...(!omitCountryCodeField ? { countryCode } : {}),\n        phoneNumber,\n        iso: currentCountryRef.current?.iso as CountryISO,\n      }\n    },\n    [emptyValue, omitCountryCodeField]\n  )\n\n  const callOnChange = useCallback(\n    (data: EventValues) => {\n      const eventValues = prepareEventValues(data)\n      handleChange(\n        joinValue([eventValues.countryCode, eventValues.phoneNumber]),\n        eventValues\n      )\n    },\n    [prepareEventValues, handleChange]\n  )\n\n  const callOnBlurOrFocus = useCallback(\n    (hasFocus: boolean) => {\n      setHasFocus(hasFocus, undefined, prepareEventValues())\n    },\n    [prepareEventValues, setHasFocus]\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 handleCountryCodeChange = useCallback(\n    ({\n      data,\n    }: {\n      data: { selectedKey: string; country: CountryType }\n    }) => {\n      const countryCode = (countryCodeRef.current =\n        data?.selectedKey?.trim() || emptyValue)\n      currentCountryRef.current = data?.country\n\n      callOnChange({ countryCode })\n      onCountryCodeChange?.(countryCode)\n    },\n    [emptyValue, callOnChange, onCountryCodeChange]\n  )\n\n  const handleNumberChange = useCallback(\n    (value: string) => {\n      const phoneNumber = (numberRef.current = value || emptyValue)\n\n      callOnChange({ phoneNumber })\n      onNumberChange?.(phoneNumber)\n    },\n    [emptyValue, callOnChange, onNumberChange]\n  )\n\n  const handleOnBlur = useCallback(() => {\n    callOnBlurOrFocus(false)\n  }, [callOnBlurOrFocus])\n\n  const handleOnFocus = useCallback(() => {\n    callOnBlurOrFocus(true)\n  }, [callOnBlurOrFocus])\n\n  const handleCountryCodeFocus = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleOnFocus()\n    },\n    [handleOnFocus, updateCurrentDataSet]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value, updateData, revalidateInputValue, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const cdcVal = /\\+\\d{1,3}\\s{1}\\d+/.test(value)\n          ? splitValue(value)[0]\n          : value\n        const country = countries.find(({ cdc }) => cdc === cdcVal)\n        if (country?.cdc) {\n          const countryCode = (countryCodeRef.current = formatCountryCode(\n            country.cdc\n          ))\n\n          updateCurrentDataSet()\n          updateData(dataRef.current)\n          callOnChange({ countryCode })\n\n          // To ensure correct input value,\n          // regardless if there is changed data before or not.\n          window.requestAnimationFrame(() => {\n            revalidateInputValue()\n          })\n        }\n      }\n    },\n    [callOnChange, updateCurrentDataSet]\n  )\n\n  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    className: classnames('dnb-forms-field-phone-number', className),\n    width,\n    label: undefined,\n    help: undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <CompositionField {...fieldBlockProps}>\n      {!omitCountryCodeField && (\n        <Autocomplete\n          className={classnames(\n            'dnb-forms-field-phone-number__country-code',\n            countryCodeFieldClassName\n          )}\n          mode=\"async\"\n          placeholder={countryCodePlaceholder}\n          label_direction=\"vertical\"\n          label={countryCodeLabel ?? defaultCountryCodeLabel}\n          data={dataRef.current}\n          value={countryCodeRef.current}\n          status={hasError ? 'error' : undefined}\n          disabled={disabled}\n          on_focus={handleCountryCodeFocus}\n          on_blur={handleOnBlur}\n          on_change={handleCountryCodeChange}\n          on_type={onTypeHandler}\n          independent_width\n          search_numbers\n          keep_selection\n          autoComplete=\"tel-country-code\"\n          no_animation={props.noAnimation}\n          size={size}\n        />\n      )}\n      <StringField\n        className={classnames(\n          'dnb-forms-field-phone-number__number',\n          numberFieldClassName\n        )}\n        type=\"tel\"\n        autoComplete=\"tel-national\"\n        emptyValue={emptyValue}\n        layout=\"vertical\"\n        label={label}\n        placeholder={\n          placeholder ?? (isDefault ? defaultPlaceholder : undefined)\n        }\n        mask={\n          numberMask ?? (isDefault ? defaultMask : Array(12).fill(/\\d/))\n        }\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        onChange={handleNumberChange}\n        value={numberRef.current}\n        innerRef={inputRef}\n        info={info}\n        warning={warning}\n        error={error}\n        disabled={disabled}\n        width=\"stretch\"\n        help={{ ...help, breakout: false, outset: false }}\n        required={required}\n        errorMessages={errorMessages}\n        validateInitially={validateInitially}\n        validateContinuously={continuousValidation || validateContinuously}\n        validateUnchanged={validateUnchanged}\n        inputMode=\"tel\"\n        size={size}\n      />\n    </CompositionField>\n  )\n}\n\nfunction makeObject(country: CountryType, lang: string) {\n  return {\n    selectedKey: formatCountryCode(country.cdc),\n    selected_value: `${country.iso} (${formatCountryCode(country.cdc)})`,\n    content: `${formatCountryCode(country.cdc)} ${\n      country.i18n[lang] ?? country.i18n.en\n    }`,\n    country,\n  }\n}\n\nfunction formatCountryCode(value: string) {\n  return `+${value}`\n}\n\nfunction splitValue(value: string) {\n  return (\n    typeof value === 'string'\n      ? value.match(/^(\\+[^ ]+)? ?(.*)$/)\n      : [undefined, '', '']\n  ).slice(1)\n}\n\nfunction joinValue(array: Array<string>) {\n  return array.filter(Boolean).join(' ')\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PhoneNumber.js","names":["React","useMemo","useContext","useCallback","useEffect","useRef","Autocomplete","classnames","countries","StringField","CompositionField","useFieldProps","pickSpacingProps","SharedContext","countryFilter","getCountryData","useTranslation","defaultCountryCode","defaultPlaceholder","defaultMask","PhoneNumber","props","_sharedContext$locale","_props$inputRef","_countryCodeRef$curre","sharedContext","label","defaultLabel","countryCodeLabel","defaultCountryCodeLabel","errorRequired","lang","locale","split","countryCodeRef","emptyValue","prevCountryCodeRef","current","numberRef","dataRef","langRef","wasFilled","currentCountryRef","errorMessages","_objectSpread","validateRequired","value","required","isChanged","error","countryCode","phoneNumber","splitValue","undefined","fromExternal","external","omitCountryCodeField","toEvent","schema","_props$schema","type","pattern","defaultProps","ref","preparedProps","inputRef","id","path","itemPath","className","countryCodeFieldClassName","numberFieldClassName","countryCodePlaceholder","placeholder","numberMask","ccFilter","info","warning","size","hasError","disabled","width","help","validateInitially","continuousValidation","validateContinuously","validateUnchanged","setHasFocus","handleChange","setDisplayValue","onCountryCodeChange","onNumberChange","filterCountries","_inputRef$current","number","length","joinValue","filter","country","updateCurrentDataSet","formatCountryCode","cdc","sort","makeObject","prepareEventValues","_currentCountryRef$cu","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","updateData","onTypeHandler","revalidateInputValue","event","_event$nativeEvent","nativeEvent","test","window","requestAnimationFrame","isDefault","includes","fieldBlockProps","createElement","mode","label_direction","status","on_focus","on_blur","on_change","on_type","independent_width","search_numbers","keep_selection","selectall","autoComplete","no_animation","noAnimation","layout","mask","Array","fill","onFocus","onBlur","onChange","innerRef","breakout","outset","inputMode","_country$i18n$lang","name","i18n","en","code","selected_value","search_content","content","match","slice","array","Boolean","join","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport { Autocomplete } from '../../../../components'\nimport { InputMaskedProps } from '../../../../components/InputMasked'\nimport classnames from 'classnames'\nimport countries, {\n  CountryISO,\n  type CountryLang,\n  type CountryType,\n} from '../../constants/countries'\nimport StringField, { Props as StringFieldProps } from '../String'\nimport { Props as FieldBlockProps } from '../../FieldBlock'\nimport CompositionField from '../Composition'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldPropsWithExtraValue,\n  AllJSONSchemaVersions,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  countryFilter,\n  CountryFilterSet,\n  getCountryData,\n} from '../SelectCountry'\nimport useTranslation from '../../hooks/useTranslation'\nimport { DrawerListDataArrayItem } from '../../../../fragments/DrawerList'\n\nexport type AdditionalArgs = {\n  phoneNumber: string\n  countryCode: string\n  iso: string\n}\n\nexport type Props = Omit<\n  FieldPropsWithExtraValue<string, AdditionalArgs, undefined | string>,\n  'layout' | 'layoutOptions'\n> & {\n  countryCodeFieldClassName?: string\n  numberFieldClassName?: string\n  countryCodePlaceholder?: string\n  countryCodeLabel?: string\n  numberMask?: InputMaskedProps['mask']\n  pattern?: StringFieldProps['pattern']\n  width?: 'large' | 'stretch'\n  inputRef?: React.RefObject<HTMLInputElement>\n  omitCountryCodeField?: boolean\n  onCountryCodeChange?: (value: string | undefined) => void\n  onNumberChange?: (value: string | undefined) => void\n\n  /**\n   * Defines the countries to filter. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n} & Pick<StringFieldProps, 'size'>\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\ntype EventValues = {\n  countryCode?: string\n  phoneNumber?: string\n}\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    label: defaultLabel,\n    countryCodeLabel: defaultCountryCodeLabel,\n    errorRequired,\n  } = useTranslation().PhoneNumber\n  const lang = sharedContext.locale?.split('-')[0] as CountryLang\n\n  const countryCodeRef = useRef<Props['value']>(props?.emptyValue)\n  const prevCountryCodeRef = useRef(countryCodeRef.current)\n  const numberRef = useRef<Props['value']>(props?.emptyValue)\n  const dataRef = useRef<Array<DrawerListDataArrayItem>>(null)\n  const langRef = useRef<string>(lang)\n  const wasFilled = useRef<boolean>(false)\n  const currentCountryRef = useRef<CountryType>()\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': errorRequired,\n      'Field.errorPattern': errorRequired,\n      ...props.errorMessages,\n    }),\n    [errorRequired, props.errorMessages]\n  )\n\n  const validateRequired = useCallback(\n    (value: string, { required, isChanged, error }) => {\n      if (required) {\n        const [countryCode, phoneNumber] = splitValue(value)\n\n        if (countryCode !== prevCountryCodeRef.current) {\n          if (countryCode) {\n            prevCountryCodeRef.current = countryCode\n          }\n          return undefined\n        }\n\n        if (isChanged && !phoneNumber) {\n          return error\n        }\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const fromExternal = useCallback(\n    (external: string) => {\n      const [countryCode, phoneNumber] = splitValue(external)\n      if (!countryCode && !phoneNumber && !props.omitCountryCodeField) {\n        return countryCodeRef.current\n      }\n      return external\n    },\n    [props.omitCountryCodeField]\n  )\n\n  const toEvent = useCallback(\n    (value: string) => {\n      const [, phoneNumber] = splitValue(value)\n      if (!phoneNumber) {\n        return props.emptyValue\n      }\n      return value\n    },\n    [props.emptyValue]\n  )\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        pattern: props.pattern,\n      },\n    [props.schema, props.pattern]\n  )\n  const defaultProps: Partial<Props> = {\n    schema,\n    errorMessages,\n  }\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    ...defaultProps,\n    validateRequired,\n    fromExternal,\n    toEvent,\n    inputRef: props.inputRef ?? ref,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    value,\n    className,\n    inputRef,\n    countryCodeFieldClassName,\n    numberFieldClassName,\n    countryCodePlaceholder,\n    placeholder,\n    countryCodeLabel,\n    label = defaultLabel,\n    numberMask,\n    countries: ccFilter = 'Prioritized',\n    emptyValue,\n    info,\n    warning,\n    size,\n    error,\n    hasError,\n    disabled,\n    width = props.omitCountryCodeField ? 'medium' : 'large',\n    help,\n    required,\n    validateInitially,\n    continuousValidation,\n    validateContinuously,\n    validateUnchanged,\n    omitCountryCodeField,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    onCountryCodeChange,\n    onNumberChange,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    if (path || itemPath) {\n      const number = inputRef.current?.value\n      setDisplayValue(\n        number?.length > 0\n          ? joinValue([countryCodeRef.current, number])\n          : undefined\n      )\n    }\n  }, [inputRef, itemPath, path, setDisplayValue, value])\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\n  )\n\n  const updateCurrentDataSet = useCallback(() => {\n    dataRef.current = getCountryData({\n      lang,\n      filter:\n        // Make sure the whole cc list is displayed when cc filter is set to specific region\n        ccFilter === 'Prioritized' && !wasFilled.current\n          ? (country) =>\n              `${formatCountryCode(country.cdc)}` ===\n              countryCodeRef.current\n          : filter,\n      sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      makeObject,\n    })\n  }, [lang, filter, ccFilter])\n\n  const prepareEventValues = useCallback(\n    ({\n      countryCode = countryCodeRef.current || emptyValue,\n      phoneNumber = numberRef.current || emptyValue,\n    }: EventValues = {}) => {\n      if (!currentCountryRef.current) {\n        type Item = DrawerListDataArrayItem & { country: CountryType }\n\n        const cdcVal = countryCode?.replace(/^\\+/, '')\n        const item = dataRef.current.find((item: Item) => {\n          const cdc = item?.country?.cdc\n          return cdc === cdcVal\n        }) as Item\n\n        currentCountryRef.current = item?.country\n      }\n\n      return {\n        ...(!omitCountryCodeField ? { countryCode } : {}),\n        phoneNumber,\n        iso: currentCountryRef.current?.iso as CountryISO,\n      }\n    },\n    [emptyValue, omitCountryCodeField]\n  )\n\n  const callOnChange = useCallback(\n    (data: EventValues) => {\n      const eventValues = prepareEventValues(data)\n      handleChange(\n        joinValue([eventValues.countryCode, eventValues.phoneNumber]),\n        eventValues\n      )\n    },\n    [prepareEventValues, handleChange]\n  )\n\n  const callOnBlurOrFocus = useCallback(\n    (hasFocus: boolean) => {\n      setHasFocus(hasFocus, undefined, prepareEventValues())\n    },\n    [prepareEventValues, setHasFocus]\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 handleCountryCodeChange = useCallback(\n    ({\n      data,\n    }: {\n      data: { selectedKey: string; country: CountryType }\n    }) => {\n      const countryCode = (countryCodeRef.current =\n        data?.selectedKey?.trim() || emptyValue)\n      currentCountryRef.current = data?.country\n\n      callOnChange({ countryCode })\n      onCountryCodeChange?.(countryCode)\n    },\n    [emptyValue, callOnChange, onCountryCodeChange]\n  )\n\n  const handleNumberChange = useCallback(\n    (value: string) => {\n      const phoneNumber = (numberRef.current = value || emptyValue)\n\n      callOnChange({ phoneNumber })\n      onNumberChange?.(phoneNumber)\n    },\n    [emptyValue, callOnChange, onNumberChange]\n  )\n\n  const handleOnBlur = useCallback(() => {\n    callOnBlurOrFocus(false)\n  }, [callOnBlurOrFocus])\n\n  const handleOnFocus = useCallback(() => {\n    callOnBlurOrFocus(true)\n  }, [callOnBlurOrFocus])\n\n  const handleCountryCodeFocus = useCallback(\n    ({ updateData }) => {\n      if (!wasFilled.current) {\n        wasFilled.current = true\n        updateCurrentDataSet()\n        updateData(dataRef.current)\n      }\n      handleOnFocus()\n    },\n    [handleOnFocus, updateCurrentDataSet]\n  )\n\n  const onTypeHandler = useCallback(\n    ({ value, updateData, revalidateInputValue, event }) => {\n      // Handle browser autofill/autocomplete\n      if (typeof event?.nativeEvent?.data === 'undefined') {\n        const cdcVal = /\\+\\d{1,3}\\s{1}\\d+/.test(value)\n          ? splitValue(value)[0]\n          : value\n        const country = countries.find(({ cdc }) => cdc === cdcVal)\n        if (country?.cdc) {\n          const countryCode = (countryCodeRef.current = formatCountryCode(\n            country.cdc\n          ))\n\n          updateCurrentDataSet()\n          updateData(dataRef.current)\n          callOnChange({ countryCode })\n\n          // To ensure correct input value,\n          // regardless if there is changed data before or not.\n          window.requestAnimationFrame(() => {\n            revalidateInputValue()\n          })\n        }\n      }\n    },\n    [callOnChange, updateCurrentDataSet]\n  )\n\n  const isDefault = countryCodeRef.current?.includes(defaultCountryCode)\n\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    className: classnames('dnb-forms-field-phone-number', className),\n    width,\n    label: undefined,\n    help: undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <CompositionField {...fieldBlockProps}>\n      {!omitCountryCodeField && (\n        <Autocomplete\n          className={classnames(\n            'dnb-forms-field-phone-number__country-code',\n            countryCodeFieldClassName\n          )}\n          mode=\"async\"\n          placeholder={countryCodePlaceholder}\n          label_direction=\"vertical\"\n          label={countryCodeLabel ?? defaultCountryCodeLabel}\n          data={dataRef.current}\n          value={countryCodeRef.current}\n          status={hasError ? 'error' : undefined}\n          disabled={disabled}\n          on_focus={handleCountryCodeFocus}\n          on_blur={handleOnBlur}\n          on_change={handleCountryCodeChange}\n          on_type={onTypeHandler}\n          independent_width\n          search_numbers\n          keep_selection\n          selectall\n          autoComplete=\"tel-country-code\"\n          no_animation={props.noAnimation}\n          size={size}\n        />\n      )}\n      <StringField\n        className={classnames(\n          'dnb-forms-field-phone-number__number',\n          numberFieldClassName\n        )}\n        type=\"tel\"\n        autoComplete=\"tel-national\"\n        emptyValue={emptyValue}\n        layout=\"vertical\"\n        label={label}\n        placeholder={\n          placeholder ?? (isDefault ? defaultPlaceholder : undefined)\n        }\n        mask={\n          numberMask ?? (isDefault ? defaultMask : Array(12).fill(/\\d/))\n        }\n        onFocus={handleOnFocus}\n        onBlur={handleOnBlur}\n        onChange={handleNumberChange}\n        value={numberRef.current}\n        innerRef={inputRef}\n        info={info}\n        warning={warning}\n        error={error}\n        disabled={disabled}\n        width=\"stretch\"\n        help={{ ...help, breakout: false, outset: false }}\n        required={required}\n        errorMessages={errorMessages}\n        validateInitially={validateInitially}\n        validateContinuously={continuousValidation || validateContinuously}\n        validateUnchanged={validateUnchanged}\n        inputMode=\"tel\"\n        size={size}\n      />\n    </CompositionField>\n  )\n}\n\nfunction makeObject(country: CountryType, lang: string) {\n  const name = country.i18n[lang] ?? country.i18n.en\n  const code = formatCountryCode(country.cdc)\n  return {\n    selectedKey: code,\n    selected_value: `${country.iso} (${code})`,\n    search_content: [code, name],\n    content: [name, code],\n    country,\n  }\n}\n\nfunction formatCountryCode(value: string) {\n  return `+${value}`\n}\n\nfunction splitValue(value: string) {\n  return (\n    typeof value === 'string'\n      ? value.match(/^(\\+[^ ]+)? ?(.*)$/)\n      : [undefined, '', '']\n  ).slice(1)\n}\n\nfunction joinValue(array: Array<string>) {\n  return array.filter(Boolean).join(' ')\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":"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","ignoreList":[]}

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

@@ -37,12 +37,12 @@ type GetCountryData = {
     sort?: Extract<CountryFilterSet, 'Prioritized'>;
     makeObject?: (country: CountryType, lang: string) => {
         selectedKey: string;
-        content: string;
+        content: string | Array<string>;
     };
 };
 export declare function getCountryData({ lang, filter, sort, makeObject, }?: GetCountryData): {
     selectedKey: string;
-    content: string;
+    content: string | string[];
 }[];
 export declare function countryFilter(country: CountryType, filterCountries: (country: CountryType) => boolean, ccFilter: CountryFilterSet): boolean;
 export declare function makeCountryFilterSet(ccFilter: CountryFilterSet): (country: CountryType) => boolean;

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

@@ -167,6 +167,7 @@ function SelectCountry(props) {
     on_change: handleCountryChange,
     on_type: onTypeHandler,
     stretch: true,
+    selectall: true,
     status: hasError ? 'error' : undefined,
     show_submit_button: true,
     keep_selection: true,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectCountry.js","names":["React","useCallback","useContext","useMemo","useRef","classnames","SharedContext","FieldBlockContext","LOCALE","Autocomplete","pickSpacingProps","countries","prioritizedCountries","useFieldProps","FieldBlock","useTranslation","SelectCountry","props","_props$width","sharedContext","fieldBlockContext","label","defaultLabel","placeholder","defaultPlaceholder","errorRequired","lang","locale","split","getCountryObjectByIso","value","country","find","iso","i18n","provideAdditionalArgs","errorMessages","required","preparedProps","_objectSpread","width","composition","id","path","itemPath","className","ccFilter","hasError","disabled","size","noAnimation","autoComplete","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","setDisplayValue","forceUpdate","filterCountries","dataRef","langRef","wasFilled","filter","countryFilter","isLangChange","current","getCountryData","sort","window","requestAnimationFrame","handleCountryChange","data","newValue","selectedKey","fillData","onFocusHandler","updateData","onTypeHandler","currentValue","setHidden","event","_event$nativeEvent","nativeEvent","search","toLowerCase","Object","values","some","s","includes","_getCountryObjectByIs","_getCountryObjectByIs2","fieldBlockProps","forId","undefined","contentWidth","createElement","_extends","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","status","show_submit_button","keep_selection","no_animation","makeObject","_country$i18n$lang","content","en","sortedCountries","a","b","_String","_String$localeCompare","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","length","result","_country$regions","regions","continent","makeCountryFilterSet","_country$regions2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { Autocomplete } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport countries, {\n  prioritizedCountries,\n  type CountryType,\n  type CountryLang,\n  type CountryISO,\n} from '../../constants/countries'\nimport { useFieldProps } from '../../hooks'\nimport { FieldPropsWithExtraValue } from '../../types'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport useTranslation from '../../hooks/useTranslation'\nimport { AutocompleteAllProps } from '../../../../components/autocomplete/Autocomplete'\n\nexport type CountryFilterSet =\n  | 'Scandinavia'\n  | 'Nordic'\n  | 'Europe'\n  | 'Prioritized'\nexport type { CountryType }\n\nexport type Props = FieldPropsWithExtraValue<\n  CountryISO,\n  CountryType,\n  undefined | string\n> & {\n  /**\n   * Lists only the countries you want to show. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n\n  /**\n   * The width of the component.\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * The size of the component.\n   */\n  size?: AutocompleteAllProps['size']\n}\n\nfunction SelectCountry(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const {\n    label: defaultLabel,\n    placeholder: defaultPlaceholder,\n    errorRequired,\n  } = useTranslation().SelectCountry\n  const lang = (sharedContext.locale || LOCALE).split(\n    '-'\n  )[0] as CountryLang\n\n  const getCountryObjectByIso = useCallback(\n    (value: CountryType['iso']) => {\n      const country = countries.find(({ iso }) => value === iso)\n      if (country?.i18n) {\n        country['name'] = country.i18n[lang]\n      }\n      return country\n    },\n    [lang]\n  )\n\n  const provideAdditionalArgs = useCallback(\n    (value: CountryType['iso']) => {\n      const country = getCountryObjectByIso(value)\n\n      if (country?.iso) {\n        return country\n      }\n    },\n    [getCountryObjectByIso]\n  )\n\n  const errorMessages = useMemo(\n    () => ({\n      required: errorRequired,\n    }),\n    [errorRequired]\n  )\n\n  const preparedProps: Props = {\n    errorMessages,\n    ...props,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'large'),\n    provideAdditionalArgs,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    placeholder = defaultPlaceholder,\n    label = defaultLabel,\n    countries: ccFilter = 'Prioritized',\n    hasError,\n    disabled,\n    size,\n    value,\n    width,\n    noAnimation,\n    autoComplete,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    setDisplayValue,\n    forceUpdate,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  const dataRef = useRef(null)\n  const langRef = useRef(lang)\n  const wasFilled = useRef(false)\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\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 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          : filter,\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, filter, ccFilter, updateValue, value])\n\n  const handleCountryChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const newValue = data?.selectedKey\n      const country = getCountryObjectByIso(newValue)\n      if (country?.iso) {\n        handleChange(country.iso, country)\n      }\n    },\n    [getCountryObjectByIso, 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,\n        sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      })\n      forceUpdate()\n    }\n  }, [ccFilter, filter, 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)\n        }\n      }\n    },\n    [handleChange]\n  )\n\n  useMemo(() => {\n    if (path || itemPath) {\n      setDisplayValue(\n        getCountryObjectByIso(value)?.i18n?.[langRef.current]\n      )\n    }\n  }, [getCountryObjectByIso, itemPath, path, setDisplayValue, value])\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames('dnb-forms-field-select-country', className),\n    label,\n    width:\n      width === 'stretch' || fieldBlockContext?.composition\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Autocomplete\n        id={id}\n        placeholder={placeholder}\n        input_icon={false}\n        data={dataRef.current}\n        value={typeof value === 'string' ? value : null}\n        disabled={disabled}\n        size={size}\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        keep_selection\n        autoComplete={autoComplete ?? 'country-name'}\n        no_animation={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    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  const sortedCountries = 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 String(a[lang])?.localeCompare?.(b[lang], 'nb') // Always sort by nb, because åøæ (for Åland) is not in the en alphabet\n    })\n    .map((country) => makeObject(country, lang))\n\n  if (sortedCountries.length === 0) {\n    return undefined\n  }\n\n  return sortedCountries\n}\n\nexport function countryFilter(\n  country: CountryType,\n  filterCountries: (country: CountryType) => boolean,\n  ccFilter: CountryFilterSet\n) {\n  let result = true\n\n  if (ccFilter !== 'Prioritized') {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic': {\n        result = country.regions?.includes(ccFilter)\n        break\n      }\n      case 'Europe': {\n        result = country.continent.includes(ccFilter)\n        break\n      }\n    }\n  }\n\n  if (result && filterCountries) {\n    result = filterCountries(country)\n  }\n\n  return result\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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","ignoreList":[]}
+{"version":3,"file":"SelectCountry.js","names":["React","useCallback","useContext","useMemo","useRef","classnames","SharedContext","FieldBlockContext","LOCALE","Autocomplete","pickSpacingProps","countries","prioritizedCountries","useFieldProps","FieldBlock","useTranslation","SelectCountry","props","_props$width","sharedContext","fieldBlockContext","label","defaultLabel","placeholder","defaultPlaceholder","errorRequired","lang","locale","split","getCountryObjectByIso","value","country","find","iso","i18n","provideAdditionalArgs","errorMessages","required","preparedProps","_objectSpread","width","composition","id","path","itemPath","className","ccFilter","hasError","disabled","size","noAnimation","autoComplete","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","setDisplayValue","forceUpdate","filterCountries","dataRef","langRef","wasFilled","filter","countryFilter","isLangChange","current","getCountryData","sort","window","requestAnimationFrame","handleCountryChange","data","newValue","selectedKey","fillData","onFocusHandler","updateData","onTypeHandler","currentValue","setHidden","event","_event$nativeEvent","nativeEvent","search","toLowerCase","Object","values","some","s","includes","_getCountryObjectByIs","_getCountryObjectByIs2","fieldBlockProps","forId","undefined","contentWidth","createElement","_extends","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","selectall","status","show_submit_button","keep_selection","no_animation","makeObject","_country$i18n$lang","content","en","sortedCountries","a","b","_String","_String$localeCompare","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","length","result","_country$regions","regions","continent","makeCountryFilterSet","_country$regions2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/SelectCountry.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { Autocomplete } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport countries, {\n  prioritizedCountries,\n  type CountryType,\n  type CountryLang,\n  type CountryISO,\n} from '../../constants/countries'\nimport { useFieldProps } from '../../hooks'\nimport { FieldPropsWithExtraValue } from '../../types'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport useTranslation from '../../hooks/useTranslation'\nimport { AutocompleteAllProps } from '../../../../components/autocomplete/Autocomplete'\n\nexport type CountryFilterSet =\n  | 'Scandinavia'\n  | 'Nordic'\n  | 'Europe'\n  | 'Prioritized'\nexport type { CountryType }\n\nexport type Props = FieldPropsWithExtraValue<\n  CountryISO,\n  CountryType,\n  undefined | string\n> & {\n  /**\n   * Lists only the countries you want to show. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  countries?: CountryFilterSet\n\n  /**\n   * Use this prop to filter out certain countries. The function receives the country object and should return a boolean. Returning `false` will omit the country.\n   */\n  filterCountries?: (country: CountryType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n\n  /**\n   * The width of the component.\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * The size of the component.\n   */\n  size?: AutocompleteAllProps['size']\n}\n\nfunction SelectCountry(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const {\n    label: defaultLabel,\n    placeholder: defaultPlaceholder,\n    errorRequired,\n  } = useTranslation().SelectCountry\n  const lang = (sharedContext.locale || LOCALE).split(\n    '-'\n  )[0] as CountryLang\n\n  const getCountryObjectByIso = useCallback(\n    (value: CountryType['iso']) => {\n      const country = countries.find(({ iso }) => value === iso)\n      if (country?.i18n) {\n        country['name'] = country.i18n[lang]\n      }\n      return country\n    },\n    [lang]\n  )\n\n  const provideAdditionalArgs = useCallback(\n    (value: CountryType['iso']) => {\n      const country = getCountryObjectByIso(value)\n\n      if (country?.iso) {\n        return country\n      }\n    },\n    [getCountryObjectByIso]\n  )\n\n  const errorMessages = useMemo(\n    () => ({\n      required: errorRequired,\n    }),\n    [errorRequired]\n  )\n\n  const preparedProps: Props = {\n    errorMessages,\n    ...props,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'large'),\n    provideAdditionalArgs,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    placeholder = defaultPlaceholder,\n    label = defaultLabel,\n    countries: ccFilter = 'Prioritized',\n    hasError,\n    disabled,\n    size,\n    value,\n    width,\n    noAnimation,\n    autoComplete,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    setDisplayValue,\n    forceUpdate,\n    filterCountries,\n  } = useFieldProps(preparedProps)\n\n  const dataRef = useRef(null)\n  const langRef = useRef(lang)\n  const wasFilled = useRef(false)\n\n  const filter = useCallback(\n    (country: CountryType) => {\n      return countryFilter(country, filterCountries, ccFilter)\n    },\n    [ccFilter, filterCountries]\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 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          : filter,\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, filter, ccFilter, updateValue, value])\n\n  const handleCountryChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const newValue = data?.selectedKey\n      const country = getCountryObjectByIso(newValue)\n      if (country?.iso) {\n        handleChange(country.iso, country)\n      }\n    },\n    [getCountryObjectByIso, 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,\n        sort: ccFilter as Extract<CountryFilterSet, 'Prioritized'>,\n      })\n      forceUpdate()\n    }\n  }, [ccFilter, filter, 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)\n        }\n      }\n    },\n    [handleChange]\n  )\n\n  useMemo(() => {\n    if (path || itemPath) {\n      setDisplayValue(\n        getCountryObjectByIso(value)?.i18n?.[langRef.current]\n      )\n    }\n  }, [getCountryObjectByIso, itemPath, path, setDisplayValue, value])\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames('dnb-forms-field-select-country', className),\n    label,\n    width:\n      width === 'stretch' || fieldBlockContext?.composition\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Autocomplete\n        id={id}\n        placeholder={placeholder}\n        input_icon={false}\n        data={dataRef.current}\n        value={typeof value === 'string' ? value : null}\n        disabled={disabled}\n        size={size}\n        on_show={fillData}\n        on_focus={onFocusHandler}\n        on_blur={handleBlur}\n        on_change={handleCountryChange}\n        on_type={onTypeHandler}\n        stretch\n        selectall\n        status={hasError ? 'error' : undefined}\n        show_submit_button\n        keep_selection\n        autoComplete={autoComplete ?? 'country-name'}\n        no_animation={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    content: string | Array<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  const sortedCountries = 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 String(a[lang])?.localeCompare?.(b[lang], 'nb') // Always sort by nb, because åøæ (for Åland) is not in the en alphabet\n    })\n    .map((country) => makeObject(country, lang))\n\n  if (sortedCountries.length === 0) {\n    return undefined\n  }\n\n  return sortedCountries\n}\n\nexport function countryFilter(\n  country: CountryType,\n  filterCountries: (country: CountryType) => boolean,\n  ccFilter: CountryFilterSet\n) {\n  let result = true\n\n  if (ccFilter !== 'Prioritized') {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic': {\n        result = country.regions?.includes(ccFilter)\n        break\n      }\n      case 'Europe': {\n        result = country.continent.includes(ccFilter)\n        break\n      }\n    }\n  }\n\n  if (result && filterCountries) {\n    result = filterCountries(country)\n  }\n\n  return result\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":";;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,SAAS,IACdC,oBAAoB,QAIf,2BAA2B;AAClC,SAASC,aAAa,QAAQ,aAAa;AAE3C,OAAOC,UAAU,MAGV,kBAAkB;AACzB,OAAOC,cAAc,MAAM,4BAA4B;AA0CvD,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACnC,MAAMC,aAAa,GAAGjB,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAMc,iBAAiB,GAAGlB,UAAU,CAACK,iBAAiB,CAAC;EACvD,MAAM;IACJc,KAAK,EAAEC,YAAY;IACnBC,WAAW,EAAEC,kBAAkB;IAC/BC;EACF,CAAC,GAAGV,cAAc,CAAC,CAAC,CAACC,aAAa;EAClC,MAAMU,IAAI,GAAG,CAACP,aAAa,CAACQ,MAAM,IAAInB,MAAM,EAAEoB,KAAK,CACjD,GACF,CAAC,CAAC,CAAC,CAAgB;EAEnB,MAAMC,qBAAqB,GAAG5B,WAAW,CACtC6B,KAAyB,IAAK;IAC7B,MAAMC,OAAO,GAAGpB,SAAS,CAACqB,IAAI,CAAC,CAAC;MAAEC;IAAI,CAAC,KAAKH,KAAK,KAAKG,GAAG,CAAC;IAC1D,IAAIF,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEG,IAAI,EAAE;MACjBH,OAAO,CAAC,MAAM,CAAC,GAAGA,OAAO,CAACG,IAAI,CAACR,IAAI,CAAC;IACtC;IACA,OAAOK,OAAO;EAChB,CAAC,EACD,CAACL,IAAI,CACP,CAAC;EAED,MAAMS,qBAAqB,GAAGlC,WAAW,CACtC6B,KAAyB,IAAK;IAC7B,MAAMC,OAAO,GAAGF,qBAAqB,CAACC,KAAK,CAAC;IAE5C,IAAIC,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,GAAG,EAAE;MAChB,OAAOF,OAAO;IAChB;EACF,CAAC,EACD,CAACF,qBAAqB,CACxB,CAAC;EAED,MAAMO,aAAa,GAAGjC,OAAO,CAC3B,OAAO;IACLkC,QAAQ,EAAEZ;EACZ,CAAC,CAAC,EACF,CAACA,aAAa,CAChB,CAAC;EAED,MAAMa,aAAoB,GAAAC,aAAA,CAAAA,aAAA;IACxBH;EAAa,GACVnB,KAAK;IACRuB,KAAK,GAAAtB,YAAA,GACHD,KAAK,CAACuB,KAAK,cAAAtB,YAAA,cAAAA,YAAA,GACVE,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEqB,WAAW,GAAG,SAAS,GAAG,OAAQ;IACxDN;EAAqB,EACtB;EAED,MAAM;IACJO,EAAE;IACFC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTtB,WAAW,GAAGC,kBAAkB;IAChCH,KAAK,GAAGC,YAAY;IACpBX,SAAS,EAAEmC,QAAQ,GAAG,aAAa;IACnCC,QAAQ;IACRC,QAAQ;IACRC,IAAI;IACJnB,KAAK;IACLU,KAAK;IACLU,WAAW;IACXC,YAAY;IACZC,cAAc;IACdC,WAAW;IACXC,UAAU;IACVC,YAAY;IACZC,WAAW;IACXC,eAAe;IACfC,WAAW;IACXC;EACF,CAAC,GAAG9C,aAAa,CAACyB,aAAa,CAAC;EAEhC,MAAMsB,OAAO,GAAGxD,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMyD,OAAO,GAAGzD,MAAM,CAACsB,IAAI,CAAC;EAC5B,MAAMoC,SAAS,GAAG1D,MAAM,CAAC,KAAK,CAAC;EAE/B,MAAM2D,MAAM,GAAG9D,WAAW,CACvB8B,OAAoB,IAAK;IACxB,OAAOiC,aAAa,CAACjC,OAAO,EAAE4B,eAAe,EAAEb,QAAQ,CAAC;EAC1D,CAAC,EACD,CAACA,QAAQ,EAAEa,eAAe,CAC5B,CAAC;EAUDxD,OAAO,CAAC,MAAM;IACZ,MAAM8D,YAAY,GAAGvC,IAAI,KAAKmC,OAAO,CAACK,OAAO;IAE7C,IAAID,YAAY,IAAI,CAACH,SAAS,CAACI,OAAO,EAAE;MACtCL,OAAO,CAACK,OAAO,GAAGxC,IAAI;MACtBkC,OAAO,CAACM,OAAO,GAAGC,cAAc,CAAC;QAC/BzC,IAAI;QACJqC,MAAM,EAAE,CAACD,SAAS,CAACI,OAAO,GACrBnC,OAAO,IAAKA,OAAO,CAACE,GAAG,KAAKH,KAAK,GAClCiC,MAAM;QACVK,IAAI,EAAEtB;MACR,CAAC,CAAC;MAGF,IAAImB,YAAY,IAAInC,KAAK,IAAI,OAAOuC,MAAM,KAAK,WAAW,EAAE;QAC1Db,WAAW,CAAC,IAAI,CAAC;QACjBa,MAAM,CAACC,qBAAqB,CAAC,MAAM;UACjCd,WAAW,CAAC1B,KAAK,CAAC;QACpB,CAAC,CAAC;MACJ;IACF;EACF,CAAC,EAAE,CAACJ,IAAI,EAAEqC,MAAM,EAAEjB,QAAQ,EAAEU,WAAW,EAAE1B,KAAK,CAAC,CAAC;EAEhD,MAAMyC,mBAAmB,GAAGtE,WAAW,CACrC,CAAC;IAAEuE;EAAwC,CAAC,KAAK;IAC/C,MAAMC,QAAQ,GAAGD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,WAAW;IAClC,MAAM3C,OAAO,GAAGF,qBAAqB,CAAC4C,QAAQ,CAAC;IAC/C,IAAI1C,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,GAAG,EAAE;MAChBsB,YAAY,CAACxB,OAAO,CAACE,GAAG,EAAEF,OAAO,CAAC;IACpC;EACF,CAAC,EACD,CAACF,qBAAqB,EAAE0B,YAAY,CACtC,CAAC;EAED,MAAMoB,QAAQ,GAAG1E,WAAW,CAAC,MAAM;IACjC,IAAI,CAAC6D,SAAS,CAACI,OAAO,EAAE;MACtBJ,SAAS,CAACI,OAAO,GAAG,IAAI;MACxBN,OAAO,CAACM,OAAO,GAAGC,cAAc,CAAC;QAC/BzC,IAAI,EAAEmC,OAAO,CAACK,OAAO;QACrBH,MAAM;QACNK,IAAI,EAAEtB;MACR,CAAC,CAAC;MACFY,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACZ,QAAQ,EAAEiB,MAAM,EAAEL,WAAW,CAAC,CAAC;EAEnC,MAAMkB,cAAc,GAAG3E,WAAW,CAChC,CAAC;IAAE4E;EAAW,CAAC,KAAK;IAClBF,QAAQ,CAAC,CAAC;IACVE,UAAU,CAACjB,OAAO,CAACM,OAAO,CAAC;IAC3Bb,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CAACsB,QAAQ,EAAEtB,WAAW,CACxB,CAAC;EAED,MAAMyB,aAAa,GAAG7E,WAAW,CAC/B,CAAC;IAAE6B,KAAK,EAAEiD,YAAY;IAAEC,SAAS;IAAEC;EAAM,CAAC,KAAK;IAAA,IAAAC,kBAAA;IAE7C,IAAI,QAAOD,KAAK,aAALA,KAAK,wBAAAC,kBAAA,GAALD,KAAK,CAAEE,WAAW,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAoBV,IAAI,MAAK,WAAW,EAAE;MACnD,MAAMY,MAAM,GAAGL,YAAY,CAACM,WAAW,CAAC,CAAC;MACzC,MAAMtD,OAAO,GAAGpB,SAAS,CAACqB,IAAI,CAAC,CAAC;QAAEE;MAAK,CAAC,KACtCoD,MAAM,CAACC,MAAM,CAACrD,IAAI,CAAC,CAACsD,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACJ,WAAW,CAAC,CAAC,CAACK,QAAQ,CAACN,MAAM,CAAC,CAClE,CAAC;MACD,IAAIrD,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,GAAG,EAAE;QAChB+C,SAAS,CAAC,CAAC;QACXzB,YAAY,CAACxB,OAAO,CAACE,GAAG,CAAC;MAC3B;IACF;EACF,CAAC,EACD,CAACsB,YAAY,CACf,CAAC;EAEDpD,OAAO,CAAC,MAAM;IACZ,IAAIwC,IAAI,IAAIC,QAAQ,EAAE;MAAA,IAAA+C,qBAAA,EAAAC,sBAAA;MACpBnC,eAAe,EAAAkC,qBAAA,GACb9D,qBAAqB,CAACC,KAAK,CAAC,cAAA6D,qBAAA,wBAAAC,sBAAA,GAA5BD,qBAAA,CAA8BzD,IAAI,cAAA0D,sBAAA,uBAAlCA,sBAAA,CAAqC/B,OAAO,CAACK,OAAO,CACtD,CAAC;IACH;EACF,CAAC,EAAE,CAACrC,qBAAqB,EAAEe,QAAQ,EAAED,IAAI,EAAEc,eAAe,EAAE3B,KAAK,CAAC,CAAC;EAEnE,MAAM+D,eAAgC,GAAAtD,aAAA;IACpCuD,KAAK,EAAEpD,EAAE;IACTG,SAAS,EAAExC,UAAU,CAAC,gCAAgC,EAAEwC,SAAS,CAAC;IAClExB,KAAK;IACLmB,KAAK,EACHA,KAAK,KAAK,SAAS,IAAIpB,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEqB,WAAW,GACjDD,KAAK,GACLuD,SAAS;IACfC,YAAY,EAAExD,KAAK,KAAK,KAAK,GAAGA,KAAK,GAAGuD;EAAS,GAC9CrF,gBAAgB,CAACO,KAAK,CAAC,CAC3B;EAED,OACEjB,KAAA,CAAAiG,aAAA,CAACnF,UAAU,EAAK+E,eAAe,EAC7B7F,KAAA,CAAAiG,aAAA,CAACxF,YAAY,EAAAyF,QAAA;IACXxD,EAAE,EAAEA,EAAG;IACPnB,WAAW,EAAEA,WAAY;IACzB4E,UAAU,EAAE,KAAM;IAClB3B,IAAI,EAAEZ,OAAO,CAACM,OAAQ;IACtBpC,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,IAAK;IAChDkB,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA,IAAK;IACXmD,OAAO,EAAEzB,QAAS;IAClB0B,QAAQ,EAAEzB,cAAe;IACzB0B,OAAO,EAAEhD,UAAW;IACpBiD,SAAS,EAAEhC,mBAAoB;IAC/BiC,OAAO,EAAE1B,aAAc;IACvB2B,OAAO;IACPC,SAAS;IACTC,MAAM,EAAE5D,QAAQ,GAAG,OAAO,GAAGgD,SAAU;IACvCa,kBAAkB;IAClBC,cAAc;IACd1D,YAAY,EAAEA,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,cAAe;IAC7C2D,YAAY,EAAE5D;EAAY,GACtBE,cAAc,CACnB,CACS,CAAC;AAEjB;AAeA,OAAO,SAASe,cAAcA,CAAC;EAC7BzC,IAAI,GAAG,IAAI;EACXqC,MAAM,GAAG,IAAI;EACbK,IAAI,GAAG,IAAI;EACX2C,UAAU,GAAGA,CAAChF,OAAoB,EAAEL,IAAY,KAAK;IAAA,IAAAsF,kBAAA;IACnD,MAAMC,OAAO,IAAAD,kBAAA,GAAGjF,OAAO,CAACG,IAAI,CAACR,IAAI,CAAC,cAAAsF,kBAAA,cAAAA,kBAAA,GAAIjF,OAAO,CAACG,IAAI,CAACgF,EAAE;IACrD,OAAO;MACLxC,WAAW,EAAE3C,OAAO,CAACE,GAAG;MACxBgF;IACF,CAAC;EACH;AACc,CAAC,GAAG,CAAC,CAAC,EAAE;EACtB,MAAME,eAAe,GAAGxG,SAAS,CAC9BoD,MAAM,CAAEhC,OAAO,IAAK;IACnB,IAAI,OAAOgC,MAAM,KAAK,UAAU,EAAE;MAChC,OAAOA,MAAM,CAAChC,OAAO,CAAC;IACxB;IAEA,OAAO,CAACgC,MAAM;EAChB,CAAC,CAAC,CACDK,IAAI,CAAC,CAAC;IAAElC,IAAI,EAAEkF;EAAE,CAAC,EAAE;IAAElF,IAAI,EAAEmF;EAAE,CAAC,KAAK;IAAA,IAAAC,OAAA,EAAAC,qBAAA;IAClC,IAAInD,IAAI,KAAK,aAAa,EAAE;MAC1B,MAAMoD,MAAM,GAAG5G,oBAAoB,CAAC6G,OAAO,CAACL,CAAC,CAAC,IAAI,CAAC,CAAC;MACpD,MAAMM,MAAM,GAAG9G,oBAAoB,CAAC6G,OAAO,CAACJ,CAAC,CAAC,IAAI,CAAC,CAAC;MAEpD,MAAMM,SAAS,GAAGH,MAAM,KAAK,CAAC,CAAC;MAC/B,MAAMI,SAAS,GAAGF,MAAM,KAAK,CAAC,CAAC;MAE/B,IAAIC,SAAS,IAAIC,SAAS,EAAE;QAC1B,OAAOJ,MAAM,GAAGE,MAAM;MACxB,CAAC,MAAM,IAAIC,SAAS,EAAE;QACpB,OAAO,CAAC,CAAC;MACX,CAAC,MAAM,IAAIC,SAAS,EAAE;QACpB,OAAO,CAAC;MACV;IACF;IAEA,QAAAN,OAAA,GAAOO,MAAM,CAACT,CAAC,CAAC1F,IAAI,CAAC,CAAC,cAAA4F,OAAA,wBAAAC,qBAAA,GAAfD,OAAA,CAAiBQ,aAAa,cAAAP,qBAAA,uBAA9BA,qBAAA,CAAAQ,IAAA,CAAAT,OAAA,EAAiCD,CAAC,CAAC3F,IAAI,CAAC,EAAE,IAAI,CAAC;EACxD,CAAC,CAAC,CACDsG,GAAG,CAAEjG,OAAO,IAAKgF,UAAU,CAAChF,OAAO,EAAEL,IAAI,CAAC,CAAC;EAE9C,IAAIyF,eAAe,CAACc,MAAM,KAAK,CAAC,EAAE;IAChC,OAAOlC,SAAS;EAClB;EAEA,OAAOoB,eAAe;AACxB;AAEA,OAAO,SAASnD,aAAaA,CAC3BjC,OAAoB,EACpB4B,eAAkD,EAClDb,QAA0B,EAC1B;EACA,IAAIoF,MAAM,GAAG,IAAI;EAEjB,IAAIpF,QAAQ,KAAK,aAAa,EAAE;IAC9B,QAAQA,QAAQ;MACd,KAAK,aAAa;MAClB,KAAK,QAAQ;QAAE;UAAA,IAAAqF,gBAAA;UACbD,MAAM,IAAAC,gBAAA,GAAGpG,OAAO,CAACqG,OAAO,cAAAD,gBAAA,uBAAfA,gBAAA,CAAiBzC,QAAQ,CAAC5C,QAAQ,CAAC;UAC5C;QACF;MACA,KAAK,QAAQ;QAAE;UACboF,MAAM,GAAGnG,OAAO,CAACsG,SAAS,CAAC3C,QAAQ,CAAC5C,QAAQ,CAAC;UAC7C;QACF;IACF;EACF;EAEA,IAAIoF,MAAM,IAAIvE,eAAe,EAAE;IAC7BuE,MAAM,GAAGvE,eAAe,CAAC5B,OAAO,CAAC;EACnC;EAEA,OAAOmG,MAAM;AACf;AAEA,OAAO,SAASI,oBAAoBA,CAACxF,QAA0B,EAAE;EAC/D,OAAQf,OAAoB,IAAK;IAAA,IAAAwG,iBAAA;IAC/B,QAAQzF,QAAQ;MACd,KAAK,aAAa;MAClB,KAAK,QAAQ;QACX,QAAAyF,iBAAA,GAAOxG,OAAO,CAACqG,OAAO,cAAAG,iBAAA,uBAAfA,iBAAA,CAAiB7C,QAAQ,CAAC5C,QAAQ,CAAC;MAC5C,KAAK,QAAQ;QACX,OAAOf,OAAO,CAACsG,SAAS,CAAC3C,QAAQ,CAAC5C,QAAQ,CAAC;IAC/C;IACA,OAAO,IAAI;EACb,CAAC;AACH;AAEA9B,aAAa,CAACwH,qBAAqB,GAAG,IAAI;AAC1C,eAAexH,aAAa","ignoreList":[]}

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

@@ -167,6 +167,7 @@ function SelectCurrency(props) {
     on_change: handleCurrencyChange,
     on_type: onTypeHandler,
     stretch: true,
+    selectall: true,
     status: hasError ? 'error' : undefined,
     show_submit_button: true,
     keep_selection: true,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectCurrency.js","names":["React","useCallback","useContext","useMemo","useRef","classnames","SharedContext","FieldBlockContext","LOCALE","Autocomplete","pickSpacingProps","currencies","prioritizedCurrencies","useFieldProps","FieldBlock","useTranslation","SelectCurrency","props","_props$width","sharedContext","fieldBlockContext","label","defaultLabel","placeholder","defaultPlaceholder","errorRequired","lang","locale","split","getCurrencyObjectByIso","value","currency","find","iso","i18n","provideAdditionalArgs","errorMessages","required","preparedProps","_objectSpread","width","composition","id","path","itemPath","className","ccFilter","hasError","disabled","size","noAnimation","autoComplete","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","setDisplayValue","forceUpdate","filterCurrencies","dataRef","langRef","wasFilled","filter","currencyFilter","isLangChange","current","getCurrencyData","sort","window","requestAnimationFrame","handleCurrencyChange","data","newValue","selectedKey","fillData","onFocusHandler","updateData","onTypeHandler","currentValue","setHidden","event","_event$nativeEvent","nativeEvent","search","toLowerCase","Object","values","some","s","includes","_getCurrencyObjectByI","_getCurrencyObjectByI2","fieldBlockProps","forId","undefined","contentWidth","createElement","_extends","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","status","show_submit_button","keep_selection","no_animation","makeObject","_currency$i18n$lang","translation","en","content","selected_value","sortedCurrencies","a","a1","b","b1","_String","_String$localeCompare","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","length","result","_currency$regions","regions","continent","makeCurrencyFilterSet","_currency$regions2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/SelectCurrency/SelectCurrency.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { Autocomplete } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport currencies, {\n  prioritizedCurrencies,\n  type CurrencyType,\n  type CurrencyLang,\n  type CurrencyISO,\n} from '../../constants/currencies'\nimport { useFieldProps } from '../../hooks'\nimport { FieldPropsWithExtraValue } from '../../types'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport useTranslation from '../../hooks/useTranslation'\nimport { AutocompleteAllProps } from '../../../../components/autocomplete/Autocomplete'\n\nexport type CurrencyFilterSet =\n  | 'Scandinavia'\n  | 'Nordic'\n  | 'Europe'\n  | 'Prioritized'\nexport type { CurrencyType }\n\nexport type Props = FieldPropsWithExtraValue<\n  CurrencyISO,\n  CurrencyType,\n  undefined | string\n> & {\n  /**\n   * Lists only the currencies you want to show. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  currencies?: CurrencyFilterSet\n\n  /**\n   * Use this prop to filter out certain currencies. The function receives the currency object and should return a boolean. Returning `false` will omit the currency.\n   */\n  filterCurrencies?: (currency: CurrencyType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n\n  /**\n   * The width of the component.\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * The size of the component.\n   */\n  size?: AutocompleteAllProps['size']\n}\n\nfunction SelectCurrency(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const {\n    label: defaultLabel,\n    placeholder: defaultPlaceholder,\n    errorRequired,\n  } = useTranslation().SelectCurrency\n  const lang = (sharedContext.locale || LOCALE).split(\n    '-'\n  )[0] as CurrencyLang\n\n  const getCurrencyObjectByIso = useCallback(\n    (value: CurrencyType['iso']) => {\n      const currency = currencies.find(({ iso }) => value === iso)\n      if (currency?.i18n) {\n        currency['name'] = currency.i18n[lang]\n      }\n      return currency\n    },\n    [lang]\n  )\n\n  const provideAdditionalArgs = useCallback(\n    (value: CurrencyType['iso']) => {\n      const currency = getCurrencyObjectByIso(value)\n\n      if (currency?.iso) {\n        return currency\n      }\n    },\n    [getCurrencyObjectByIso]\n  )\n\n  const errorMessages = useMemo(\n    () => ({\n      required: errorRequired,\n    }),\n    [errorRequired]\n  )\n\n  const preparedProps: Props = {\n    errorMessages,\n    ...props,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'large'),\n    provideAdditionalArgs,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    placeholder = defaultPlaceholder,\n    label = defaultLabel,\n    currencies: ccFilter = 'Prioritized',\n    hasError,\n    disabled,\n    size,\n    value,\n    width,\n    noAnimation,\n    autoComplete,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    setDisplayValue,\n    forceUpdate,\n    filterCurrencies,\n  } = useFieldProps(preparedProps)\n\n  const dataRef = useRef(null)\n  const langRef = useRef(lang)\n  const wasFilled = useRef(false)\n\n  const filter = useCallback(\n    (currency: CurrencyType) => {\n      return currencyFilter(currency, filterCurrencies, ccFilter)\n    },\n    [ccFilter, filterCurrencies]\n  )\n\n  /**\n   * We do not process the whole currency 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 currency code 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 = getCurrencyData({\n        lang,\n        filter: !wasFilled.current\n          ? (currency) => currency.iso === value\n          : filter,\n        sort: ccFilter as Extract<CurrencyFilterSet, '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, filter, ccFilter, updateValue, value])\n\n  const handleCurrencyChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const newValue = data?.selectedKey\n      const currency = getCurrencyObjectByIso(newValue)\n      if (currency?.iso) {\n        handleChange(currency.iso, currency)\n      }\n    },\n    [getCurrencyObjectByIso, handleChange]\n  )\n\n  const fillData = useCallback(() => {\n    if (!wasFilled.current) {\n      wasFilled.current = true\n      dataRef.current = getCurrencyData({\n        lang: langRef.current,\n        filter,\n        sort: ccFilter as Extract<CurrencyFilterSet, 'Prioritized'>,\n      })\n      forceUpdate()\n    }\n  }, [ccFilter, filter, 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 currency = currencies.find(({ i18n }) =>\n          Object.values(i18n).some((s) => s.toLowerCase().includes(search))\n        )\n        if (currency?.iso) {\n          setHidden()\n          handleChange(currency.iso)\n        }\n      }\n    },\n    [handleChange]\n  )\n\n  useMemo(() => {\n    if (path || itemPath) {\n      setDisplayValue(\n        getCurrencyObjectByIso(value)?.i18n?.[langRef.current]\n      )\n    }\n  }, [getCurrencyObjectByIso, itemPath, path, setDisplayValue, value])\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames('dnb-forms-field-select-currency', className),\n    label,\n    width:\n      width === 'stretch' || fieldBlockContext?.composition\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Autocomplete\n        id={id}\n        placeholder={placeholder}\n        input_icon={false}\n        data={dataRef.current}\n        value={typeof value === 'string' ? value : null}\n        disabled={disabled}\n        size={size}\n        on_show={fillData}\n        on_focus={onFocusHandler}\n        on_blur={handleBlur}\n        on_change={handleCurrencyChange}\n        on_type={onTypeHandler}\n        stretch\n        status={hasError ? 'error' : undefined}\n        show_submit_button\n        keep_selection\n        autoComplete={autoComplete}\n        no_animation={noAnimation}\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\ntype GetCurrencyData = {\n  lang?: CurrencyLang\n  filter?: Props['filterCurrencies']\n  sort?: Extract<CurrencyFilterSet, 'Prioritized'>\n  makeObject?: (\n    currency: CurrencyType,\n    lang: string\n  ) => {\n    selectedKey: string\n    selected_value: string\n    content: string[]\n  }\n}\n\nexport function getCurrencyData({\n  lang = 'nb',\n  filter = null,\n  sort = null,\n  makeObject = (currency: CurrencyType, lang: string) => {\n    const translation = currency.i18n[lang] ?? currency.i18n.en\n    const content = [translation, currency.iso]\n    return {\n      selectedKey: currency.iso,\n      selected_value: `${translation} (${currency.iso})`,\n      content,\n    }\n  },\n}: GetCurrencyData = {}) {\n  const sortedCurrencies = currencies\n    .filter((currency) => {\n      if (typeof filter === 'function') {\n        return filter(currency)\n      }\n\n      return !filter\n    })\n    .sort(({ i18n: a, iso: a1 }, { i18n: b, iso: b1 }) => {\n      if (sort === 'Prioritized') {\n        const indexA = prioritizedCurrencies.indexOf(a1)\n        const indexB = prioritizedCurrencies.indexOf(b1)\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 String(a[lang])?.localeCompare?.(b[lang], 'nb') // Always sort by nb, because åøæ (for Østkaribisk dollar) is not in the en alphabet\n    })\n    .map((currency) => makeObject(currency, lang))\n\n  if (sortedCurrencies.length === 0) {\n    return undefined\n  }\n\n  return sortedCurrencies\n}\n\nexport function currencyFilter(\n  currency: CurrencyType,\n  filterCurrencies: (currency: CurrencyType) => boolean,\n  ccFilter: CurrencyFilterSet\n) {\n  let result = true\n\n  if (ccFilter !== 'Prioritized') {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic': {\n        result = currency.regions?.includes(ccFilter)\n        break\n      }\n      case 'Europe': {\n        result = currency.continent.includes(ccFilter)\n        break\n      }\n    }\n  }\n\n  if (result && filterCurrencies) {\n    result = filterCurrencies(currency)\n  }\n\n  return result\n}\n\nexport function makeCurrencyFilterSet(ccFilter: CurrencyFilterSet) {\n  return (currency: CurrencyType) => {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic':\n        return currency.regions?.includes(ccFilter)\n      case 'Europe':\n        return currency.continent.includes(ccFilter)\n    }\n    return true\n  }\n}\n\nSelectCurrency._supportsSpacingProps = true\nexport default SelectCurrency\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectCurrency.js","names":["React","useCallback","useContext","useMemo","useRef","classnames","SharedContext","FieldBlockContext","LOCALE","Autocomplete","pickSpacingProps","currencies","prioritizedCurrencies","useFieldProps","FieldBlock","useTranslation","SelectCurrency","props","_props$width","sharedContext","fieldBlockContext","label","defaultLabel","placeholder","defaultPlaceholder","errorRequired","lang","locale","split","getCurrencyObjectByIso","value","currency","find","iso","i18n","provideAdditionalArgs","errorMessages","required","preparedProps","_objectSpread","width","composition","id","path","itemPath","className","ccFilter","hasError","disabled","size","noAnimation","autoComplete","htmlAttributes","handleFocus","handleBlur","handleChange","updateValue","setDisplayValue","forceUpdate","filterCurrencies","dataRef","langRef","wasFilled","filter","currencyFilter","isLangChange","current","getCurrencyData","sort","window","requestAnimationFrame","handleCurrencyChange","data","newValue","selectedKey","fillData","onFocusHandler","updateData","onTypeHandler","currentValue","setHidden","event","_event$nativeEvent","nativeEvent","search","toLowerCase","Object","values","some","s","includes","_getCurrencyObjectByI","_getCurrencyObjectByI2","fieldBlockProps","forId","undefined","contentWidth","createElement","_extends","input_icon","on_show","on_focus","on_blur","on_change","on_type","stretch","selectall","status","show_submit_button","keep_selection","no_animation","makeObject","_currency$i18n$lang","translation","en","content","selected_value","sortedCurrencies","a","a1","b","b1","_String","_String$localeCompare","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","length","result","_currency$regions","regions","continent","makeCurrencyFilterSet","_currency$regions2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/SelectCurrency/SelectCurrency.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../../shared/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport { LOCALE } from '../../../../shared/defaults'\nimport { Autocomplete } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport currencies, {\n  prioritizedCurrencies,\n  type CurrencyType,\n  type CurrencyLang,\n  type CurrencyISO,\n} from '../../constants/currencies'\nimport { useFieldProps } from '../../hooks'\nimport { FieldPropsWithExtraValue } from '../../types'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport useTranslation from '../../hooks/useTranslation'\nimport { AutocompleteAllProps } from '../../../../components/autocomplete/Autocomplete'\n\nexport type CurrencyFilterSet =\n  | 'Scandinavia'\n  | 'Nordic'\n  | 'Europe'\n  | 'Prioritized'\nexport type { CurrencyType }\n\nexport type Props = FieldPropsWithExtraValue<\n  CurrencyISO,\n  CurrencyType,\n  undefined | string\n> & {\n  /**\n   * Lists only the currencies you want to show. Can be `Scandinavia`, `Nordic`, `Europe` or `Prioritized`.\n   * Defaults to `Prioritized`.\n   */\n  currencies?: CurrencyFilterSet\n\n  /**\n   * Use this prop to filter out certain currencies. The function receives the currency object and should return a boolean. Returning `false` will omit the currency.\n   */\n  filterCurrencies?: (currency: CurrencyType) => boolean\n\n  /**\n   * For internal testing purposes\n   */\n  noAnimation?: boolean\n\n  /**\n   * The width of the component.\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * The size of the component.\n   */\n  size?: AutocompleteAllProps['size']\n}\n\nfunction SelectCurrency(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const {\n    label: defaultLabel,\n    placeholder: defaultPlaceholder,\n    errorRequired,\n  } = useTranslation().SelectCurrency\n  const lang = (sharedContext.locale || LOCALE).split(\n    '-'\n  )[0] as CurrencyLang\n\n  const getCurrencyObjectByIso = useCallback(\n    (value: CurrencyType['iso']) => {\n      const currency = currencies.find(({ iso }) => value === iso)\n      if (currency?.i18n) {\n        currency['name'] = currency.i18n[lang]\n      }\n      return currency\n    },\n    [lang]\n  )\n\n  const provideAdditionalArgs = useCallback(\n    (value: CurrencyType['iso']) => {\n      const currency = getCurrencyObjectByIso(value)\n\n      if (currency?.iso) {\n        return currency\n      }\n    },\n    [getCurrencyObjectByIso]\n  )\n\n  const errorMessages = useMemo(\n    () => ({\n      required: errorRequired,\n    }),\n    [errorRequired]\n  )\n\n  const preparedProps: Props = {\n    errorMessages,\n    ...props,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'large'),\n    provideAdditionalArgs,\n  }\n\n  const {\n    id,\n    path,\n    itemPath,\n    className,\n    placeholder = defaultPlaceholder,\n    label = defaultLabel,\n    currencies: ccFilter = 'Prioritized',\n    hasError,\n    disabled,\n    size,\n    value,\n    width,\n    noAnimation,\n    autoComplete,\n    htmlAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    setDisplayValue,\n    forceUpdate,\n    filterCurrencies,\n  } = useFieldProps(preparedProps)\n\n  const dataRef = useRef(null)\n  const langRef = useRef(lang)\n  const wasFilled = useRef(false)\n\n  const filter = useCallback(\n    (currency: CurrencyType) => {\n      return currencyFilter(currency, filterCurrencies, ccFilter)\n    },\n    [ccFilter, filterCurrencies]\n  )\n\n  /**\n   * We do not process the whole currency 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 currency code 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 = getCurrencyData({\n        lang,\n        filter: !wasFilled.current\n          ? (currency) => currency.iso === value\n          : filter,\n        sort: ccFilter as Extract<CurrencyFilterSet, '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, filter, ccFilter, updateValue, value])\n\n  const handleCurrencyChange = useCallback(\n    ({ data }: { data: { selectedKey: string } }) => {\n      const newValue = data?.selectedKey\n      const currency = getCurrencyObjectByIso(newValue)\n      if (currency?.iso) {\n        handleChange(currency.iso, currency)\n      }\n    },\n    [getCurrencyObjectByIso, handleChange]\n  )\n\n  const fillData = useCallback(() => {\n    if (!wasFilled.current) {\n      wasFilled.current = true\n      dataRef.current = getCurrencyData({\n        lang: langRef.current,\n        filter,\n        sort: ccFilter as Extract<CurrencyFilterSet, 'Prioritized'>,\n      })\n      forceUpdate()\n    }\n  }, [ccFilter, filter, 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 currency = currencies.find(({ i18n }) =>\n          Object.values(i18n).some((s) => s.toLowerCase().includes(search))\n        )\n        if (currency?.iso) {\n          setHidden()\n          handleChange(currency.iso)\n        }\n      }\n    },\n    [handleChange]\n  )\n\n  useMemo(() => {\n    if (path || itemPath) {\n      setDisplayValue(\n        getCurrencyObjectByIso(value)?.i18n?.[langRef.current]\n      )\n    }\n  }, [getCurrencyObjectByIso, itemPath, path, setDisplayValue, value])\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames('dnb-forms-field-select-currency', className),\n    label,\n    width:\n      width === 'stretch' || fieldBlockContext?.composition\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Autocomplete\n        id={id}\n        placeholder={placeholder}\n        input_icon={false}\n        data={dataRef.current}\n        value={typeof value === 'string' ? value : null}\n        disabled={disabled}\n        size={size}\n        on_show={fillData}\n        on_focus={onFocusHandler}\n        on_blur={handleBlur}\n        on_change={handleCurrencyChange}\n        on_type={onTypeHandler}\n        stretch\n        selectall\n        status={hasError ? 'error' : undefined}\n        show_submit_button\n        keep_selection\n        autoComplete={autoComplete}\n        no_animation={noAnimation}\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\ntype GetCurrencyData = {\n  lang?: CurrencyLang\n  filter?: Props['filterCurrencies']\n  sort?: Extract<CurrencyFilterSet, 'Prioritized'>\n  makeObject?: (\n    currency: CurrencyType,\n    lang: string\n  ) => {\n    selectedKey: string\n    selected_value: string\n    content: string[]\n  }\n}\n\nexport function getCurrencyData({\n  lang = 'nb',\n  filter = null,\n  sort = null,\n  makeObject = (currency: CurrencyType, lang: string) => {\n    const translation = currency.i18n[lang] ?? currency.i18n.en\n    const content = [translation, currency.iso]\n    return {\n      selectedKey: currency.iso,\n      selected_value: `${translation} (${currency.iso})`,\n      content,\n    }\n  },\n}: GetCurrencyData = {}) {\n  const sortedCurrencies = currencies\n    .filter((currency) => {\n      if (typeof filter === 'function') {\n        return filter(currency)\n      }\n\n      return !filter\n    })\n    .sort(({ i18n: a, iso: a1 }, { i18n: b, iso: b1 }) => {\n      if (sort === 'Prioritized') {\n        const indexA = prioritizedCurrencies.indexOf(a1)\n        const indexB = prioritizedCurrencies.indexOf(b1)\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 String(a[lang])?.localeCompare?.(b[lang], 'nb') // Always sort by nb, because åøæ (for Østkaribisk dollar) is not in the en alphabet\n    })\n    .map((currency) => makeObject(currency, lang))\n\n  if (sortedCurrencies.length === 0) {\n    return undefined\n  }\n\n  return sortedCurrencies\n}\n\nexport function currencyFilter(\n  currency: CurrencyType,\n  filterCurrencies: (currency: CurrencyType) => boolean,\n  ccFilter: CurrencyFilterSet\n) {\n  let result = true\n\n  if (ccFilter !== 'Prioritized') {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic': {\n        result = currency.regions?.includes(ccFilter)\n        break\n      }\n      case 'Europe': {\n        result = currency.continent.includes(ccFilter)\n        break\n      }\n    }\n  }\n\n  if (result && filterCurrencies) {\n    result = filterCurrencies(currency)\n  }\n\n  return result\n}\n\nexport function makeCurrencyFilterSet(ccFilter: CurrencyFilterSet) {\n  return (currency: CurrencyType) => {\n    switch (ccFilter) {\n      case 'Scandinavia':\n      case 'Nordic':\n        return currency.regions?.includes(ccFilter)\n      case 'Europe':\n        return currency.continent.includes(ccFilter)\n    }\n    return true\n  }\n}\n\nSelectCurrency._supportsSpacingProps = true\nexport default SelectCurrency\n"],"mappings":"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","ignoreList":[]}

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

@@ -173,7 +173,8 @@ function Selection(props) {
         return React.createElement(FieldBlock, _extends({}, fieldBlockProps, specificFieldBlockProps), variant === 'autocomplete' ? React.createElement(Autocomplete, _extends({}, sharedProps, autocompleteProps ? convertCamelCasePropsToSnakeCase(Object.freeze(autocompleteProps)) : null, {
           value: autocompleteProps !== null && autocompleteProps !== void 0 && autocompleteProps.preventSelection ? undefined : value,
           on_type: onTypeAutocompleteHandler,
-          data: !props.data && !props.dataPath && (autocompleteProps === null || autocompleteProps === void 0 ? void 0 : autocompleteProps.mode) === 'async' ? undefined : data
+          data: !props.data && !props.dataPath && (autocompleteProps === null || autocompleteProps === void 0 ? void 0 : autocompleteProps.mode) === 'async' ? undefined : data,
+          selectall: true
         })) : React.createElement(Dropdown, _extends({}, sharedProps, dropdownProps ? convertCamelCasePropsToSnakeCase(dropdownProps) : null)));
       }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Selection.js","names":["React","useMemo","useCallback","classnames","convertJsxToString","makeUniqueId","ToggleButton","Dropdown","Radio","Autocomplete","HelpButton","OptionField","useFieldProps","checkForError","pickSpacingProps","FieldBlock","convertCamelCasePropsToSnakeCase","useDataValue","Selection","props","_props$autocompletePr","clearValue","id","className","variant","layout","optionsLayout","placeholder","value","info","warning","error","hasError","disabled","size","emptyValue","width","htmlAttributes","setHasFocus","handleChange","setDisplayValue","transformSelection","data","dataPath","children","additionalArgs","autocompleteProps","dropdownProps","getValueByPath","dataList","handleDrawerListChange","_data$selectedKey","selectedKey","onChangeHandler","undefined","handleShow","handleHide","cn","fieldBlockProps","_objectSpread","forId","disableStatusSummary","onType","onTypeAutocompleteHandler","event","Component","items","renderRadioItems","iterateOverItems","v","label","additionalFieldBlockProps","asFieldset","Children","count","labelHeight","createElement","_extends","Group","role","layout_direction","on_change","String","_data$find","renderDropdownItems","concat","makeOptions","filter","Boolean","displayValue","find","item","content","sharedProps","list_class","portal_class","title","status","on_show","on_hide","stretch","specificFieldBlockProps","contentWidth","Object","freeze","preventSelection","on_type","mode","valueProp","optionsCount","length","createOption","i","help","rest","_objectWithoutProperties","_excluded","suffix","key","text","map","mapOptions","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref","_props$title","_props$value","_em","selected_value","style","_em2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Selection/Selection.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport {\n  convertJsxToString,\n  makeUniqueId,\n} from '../../../../shared/component-helper'\nimport {\n  ToggleButton,\n  Dropdown,\n  Radio,\n  Autocomplete,\n  HelpButton,\n} from '../../../../components'\nimport OptionField, { Props as OptionFieldProps } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { checkForError, ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { FieldProps, Path } from '../../types'\nimport type { FormStatusText } from '../../../../components/FormStatus'\nimport type { AutocompleteAllProps } from '../../../../components/Autocomplete'\nimport type { DropdownAllProps } from '../../../../components/Dropdown'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\nimport {\n  convertCamelCasePropsToSnakeCase,\n  ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\nimport { FormError } from '../../utils'\nimport type { RadioProps } from '../../../../components/Radio'\nimport type { ToggleButtonProps } from '../../../../components/ToggleButton'\nimport type { RadioGroupProps } from '../../../../components/radio/RadioGroup'\nimport type { ToggleButtonGroupProps } from '../../../../components/toggle-button/ToggleButtonGroup'\n\ntype IOption = {\n  title: string | React.ReactNode\n  value: number | string\n  status: FormStatusText\n}\nexport type Data = Array<{\n  value: string\n  title: React.ReactNode\n  text?: React.ReactNode\n  disabled?: boolean\n  style?: React.CSSProperties\n}>\n\nexport type Props = FieldProps<IOption['value']> & {\n  /**\n   * Defines the variant of the component.\n   * Default: dropdown\n   */\n  variant?: 'dropdown' | 'autocomplete' | 'radio' | 'radio-list' | 'button'\n\n  /**\n   * The width of the component.\n   * Default: large\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * Defines the layout of the options for radio and button variants.\n   */\n  optionsLayout?: 'horizontal' | 'vertical'\n\n  /**\n   * Transform the displayed selection for Dropdown and Autocomplete variant.\n   * Use it to display a different value than the one in the data set.\n   */\n  transformSelection?: (props: OptionFieldProps) => React.ReactNode\n\n  /**\n   * The path to the context data (Form.Handler).\n   * The context data object needs to have a `value` and a `title` property.\n   */\n  dataPath?: Path\n\n  /**\n   * Data to be used for the component. The object needs to have a `value` and a `title` property.\n   * The generated options will be placed above given JSX based children.\n   */\n  data?: Data\n\n  /**\n   * Autocomplete specific props\n   */\n  autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n\n  /**\n   * Dropdown specific props\n   */\n  dropdownProps?: ToCamelCase<DropdownAllProps>\n\n  /**\n   * The size of the component.\n   */\n  size?:\n    | ToggleButtonGroupProps['size']\n    | RadioGroupProps['size']\n    | AutocompleteAllProps['size']\n    | DropdownAllProps['size']\n\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode\n}\n\nfunction Selection(props: Props) {\n  const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n  const {\n    id,\n    className,\n    variant = 'dropdown',\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    placeholder,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    size,\n    emptyValue,\n    width = 'large',\n    htmlAttributes,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    transformSelection,\n    data,\n    dataPath,\n    children,\n    additionalArgs,\n\n    // - Autocomplete and Dropdown specific props\n    autocompleteProps,\n    dropdownProps,\n  } = useFieldProps(props)\n\n  const { getValueByPath } = useDataValue()\n  let dataList = data\n  if (dataPath) {\n    dataList = getValueByPath(dataPath)\n  }\n\n  const handleDrawerListChange = useCallback(\n    ({ data, value }) => {\n      const selectedKey = data?.selectedKey ?? value\n      handleChange?.(\n        !selectedKey || selectedKey === clearValue\n          ? emptyValue\n          : selectedKey,\n        { data }\n      )\n    },\n    [handleChange, emptyValue, clearValue]\n  )\n\n  const onChangeHandler = useCallback(\n    ({ value }) => {\n      handleChange?.(value === undefined ? emptyValue : value)\n    },\n    [handleChange, emptyValue]\n  )\n\n  // Specific handleShow and handleHide because Dropdown preserve the initially received callbacks, so changes\n  // due to `useCallback` usage will have no effect, leading to useFieldPropss handleFocus and handleBlur sending out old\n  // copies of value as arguments.\n  const handleShow = useCallback(\n    ({ data }) => {\n      setHasFocus(true, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      setHasFocus(false, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const cn = classnames(\n    'dnb-forms-field-selection',\n    `dnb-forms-field-selection__variant--${variant}`,\n    `dnb-forms-field-selection--layout-${layout}`,\n    `dnb-forms-field-selection--options-layout--${optionsLayout}`,\n    className\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disableStatusSummary: true,\n    ...pickSpacingProps(props),\n  }\n\n  const onType = props?.autocompleteProps?.onType\n  const onTypeAutocompleteHandler = useCallback(\n    (event) => {\n      if (typeof onType === 'function') {\n        const { value } = event\n        onType({\n          ...event,\n          ...additionalArgs,\n          value: value === '' ? emptyValue : value,\n        })\n      }\n    },\n    [additionalArgs, emptyValue, onType]\n  )\n\n  switch (variant) {\n    case 'radio':\n    case 'radio-list':\n    case 'button': {\n      const Component = (\n        variant === 'radio' || variant === 'radio-list'\n          ? Radio\n          : ToggleButton\n      ) as typeof Radio & typeof ToggleButton\n\n      const items = renderRadioItems({\n        id,\n        value,\n        variant,\n        info,\n        warning,\n        htmlAttributes,\n        children,\n        dataList,\n        hasError,\n        iterateOverItems: ({ value: v, label }) => {\n          if (v === value) {\n            setDisplayValue(label)\n          }\n        },\n      })\n\n      const additionalFieldBlockProps: FieldBlockProps = {\n        asFieldset: React.Children.count(items) > 1,\n      }\n      if (!size) {\n        additionalFieldBlockProps.labelHeight = 'small'\n      }\n      if (variant === 'radio-list') {\n        additionalFieldBlockProps.width = width\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} {...additionalFieldBlockProps}>\n          <Component.Group\n            role=\"radiogroup\"\n            size={size}\n            className={cn}\n            layout_direction={\n              optionsLayout === 'horizontal' ? 'row' : 'column'\n            }\n            disabled={disabled}\n            on_change={onChangeHandler}\n            value={String(value ?? '')}\n          >\n            {items}\n          </Component.Group>\n        </FieldBlock>\n      )\n    }\n\n    case 'autocomplete':\n    case 'dropdown': {\n      const data = renderDropdownItems(dataList, transformSelection)\n        .concat(makeOptions(children, transformSelection))\n        .filter(Boolean)\n      const displayValue = data.find((item) => item.selectedKey === value)\n        ?.content\n      setDisplayValue(displayValue)\n\n      const sharedProps: AutocompleteAllProps & DropdownAllProps = {\n        id,\n        list_class: 'dnb-forms-field-selection__list',\n        portal_class: 'dnb-forms-field-selection__portal',\n        title: placeholder,\n        value: String(value ?? ''),\n        status:\n          (hasError || checkForError([error, info, warning])) && 'error',\n        disabled,\n        ...htmlAttributes,\n        data,\n        size,\n        on_change: handleDrawerListChange,\n        on_show: handleShow,\n        on_hide: handleHide,\n        stretch: true,\n      }\n\n      const specificFieldBlockProps: FieldBlockProps = {\n        width,\n      }\n      if (layout === 'horizontal') {\n        specificFieldBlockProps.width = undefined\n        specificFieldBlockProps.contentWidth = width\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} {...specificFieldBlockProps}>\n          {variant === 'autocomplete' ? (\n            <Autocomplete\n              {...sharedProps}\n              {...(autocompleteProps\n                ? (convertCamelCasePropsToSnakeCase(\n                    Object.freeze(autocompleteProps)\n                  ) as AutocompleteAllProps)\n                : null)}\n              value={\n                autocompleteProps?.preventSelection ? undefined : value\n              }\n              on_type={onTypeAutocompleteHandler}\n              data={\n                !props.data &&\n                !props.dataPath &&\n                autocompleteProps?.mode === 'async'\n                  ? undefined\n                  : data\n              }\n            />\n          ) : (\n            <Dropdown\n              {...sharedProps}\n              {...(dropdownProps\n                ? (convertCamelCasePropsToSnakeCase(\n                    dropdownProps\n                  ) as DropdownAllProps)\n                : null)}\n            />\n          )}\n        </FieldBlock>\n      )\n    }\n  }\n}\n\ntype OptionProps = React.ComponentProps<\n  React.FC<{\n    value: Props['value']\n    error: Error | FormError | undefined\n    help: HelpProps\n    title: React.ReactNode\n    children: React.ReactNode\n    size?: ToggleButtonProps['size'] | RadioProps['size']\n  }>\n>\n\nfunction renderRadioItems({\n  id,\n  value: valueProp,\n  variant,\n  info,\n  warning,\n  htmlAttributes,\n  children,\n  dataList,\n  hasError,\n  iterateOverItems,\n}: {\n  id: string\n  value: Props['value']\n  variant: Props['variant']\n  info: Props['info']\n  warning: Props['warning']\n  htmlAttributes: Props['htmlAttributes']\n  children: Props['children']\n  dataList: Data\n  hasError: ReturnAdditional<Props['value']>['hasError']\n  iterateOverItems?: (item: {\n    value: Props['value']\n    label: Props['children']\n  }) => void\n}) {\n  const optionsCount =\n    React.Children.count(children) + (dataList?.length || 0)\n\n  const createOption = (props: OptionProps, i: number) => {\n    const { value, title, children, error, help, size, ...rest } = props\n\n    const label = title ?? children\n    const suffix = help ? (\n      <HelpButton size=\"small\" title={convertJsxToString(help.title)}>\n        {help.content}\n      </HelpButton>\n    ) : undefined\n\n    iterateOverItems?.({ value, label })\n\n    const Component = (\n      variant === 'radio' || variant === 'radio-list'\n        ? Radio\n        : ToggleButton\n    ) as typeof Radio & typeof ToggleButton\n\n    return (\n      <Component\n        id={optionsCount === 1 ? id : undefined}\n        key={`option-${i}-${id}`}\n        label={\n          variant === 'radio' || variant === 'radio-list'\n            ? label\n            : undefined\n        }\n        text={variant === 'button' ? label : undefined}\n        role=\"radio\"\n        value={String(value ?? valueProp) || undefined}\n        status={\n          (hasError || checkForError([error, info, warning])) && 'error'\n        }\n        suffix={suffix}\n        size={size}\n        {...htmlAttributes}\n        {...rest}\n      />\n    )\n  }\n\n  return [\n    ...(dataList || []).map((props, i) => {\n      return createOption(props as OptionProps, i)\n    }),\n    ...(mapOptions(children, { createOption }) || []),\n  ].filter(Boolean)\n}\n\nexport function mapOptions(\n  children: React.ReactNode,\n  {\n    createOption,\n  }: { createOption: (props: OptionProps, i: number) => React.ReactNode }\n) {\n  return React.Children.map(\n    children,\n    (child: React.ReactElement<OptionProps>, i) => {\n      if (React.isValidElement(child)) {\n        if (child.type === OptionField) {\n          return createOption(child.props, i)\n        }\n\n        if (child.props.children) {\n          const nestedChildren = mapOptions(child.props.children, {\n            createOption,\n          })\n          return React.cloneElement(child, child.props, nestedChildren)\n        }\n      }\n\n      return child\n    }\n  )\n}\n\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode,\n  transformSelection?: Props['transformSelection']\n): T {\n  return React.Children.map(children, (child) => {\n    if (child?.['props']?.children?.type === OptionField) {\n      child = child['props'].children\n    }\n\n    if (React.isValidElement(child) && child.type === OptionField) {\n      const props = child.props as OptionFieldProps\n      const title = props.title ?? props.children ?? <em>Untitled</em>\n      const content = props.text ? [title, props.text] : title\n      const selected_value = transformSelection\n        ? transformSelection(props)\n        : undefined\n      const selectedKey = String(props.value ?? '')\n      const disabled = props.disabled\n      const style = props.style\n\n      return { selectedKey, selected_value, content, disabled, style }\n    }\n\n    // For other children, just show them as content\n    if (child) {\n      return {\n        content: child,\n      }\n    }\n  }) as T\n}\n\nfunction renderDropdownItems(\n  data: Data,\n  transformSelection?: Props['transformSelection']\n) {\n  return (\n    data?.map((props) => {\n      const { value, title, text, disabled, style } = props\n      return {\n        selectedKey: value,\n        content: (text ? [title, text] : title) || <em>Untitled</em>,\n        selected_value: transformSelection\n          ? transformSelection(props)\n          : undefined,\n        disabled,\n        style,\n      }\n    }) || []\n  )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Selection.js","names":["React","useMemo","useCallback","classnames","convertJsxToString","makeUniqueId","ToggleButton","Dropdown","Radio","Autocomplete","HelpButton","OptionField","useFieldProps","checkForError","pickSpacingProps","FieldBlock","convertCamelCasePropsToSnakeCase","useDataValue","Selection","props","_props$autocompletePr","clearValue","id","className","variant","layout","optionsLayout","placeholder","value","info","warning","error","hasError","disabled","size","emptyValue","width","htmlAttributes","setHasFocus","handleChange","setDisplayValue","transformSelection","data","dataPath","children","additionalArgs","autocompleteProps","dropdownProps","getValueByPath","dataList","handleDrawerListChange","_data$selectedKey","selectedKey","onChangeHandler","undefined","handleShow","handleHide","cn","fieldBlockProps","_objectSpread","forId","disableStatusSummary","onType","onTypeAutocompleteHandler","event","Component","items","renderRadioItems","iterateOverItems","v","label","additionalFieldBlockProps","asFieldset","Children","count","labelHeight","createElement","_extends","Group","role","layout_direction","on_change","String","_data$find","renderDropdownItems","concat","makeOptions","filter","Boolean","displayValue","find","item","content","sharedProps","list_class","portal_class","title","status","on_show","on_hide","stretch","specificFieldBlockProps","contentWidth","Object","freeze","preventSelection","on_type","mode","selectall","valueProp","optionsCount","length","createOption","i","help","rest","_objectWithoutProperties","_excluded","suffix","key","text","map","mapOptions","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref","_props$title","_props$value","_em","selected_value","style","_em2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Selection/Selection.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport {\n  convertJsxToString,\n  makeUniqueId,\n} from '../../../../shared/component-helper'\nimport {\n  ToggleButton,\n  Dropdown,\n  Radio,\n  Autocomplete,\n  HelpButton,\n} from '../../../../components'\nimport OptionField, { Props as OptionFieldProps } from '../Option'\nimport { useFieldProps } from '../../hooks'\nimport { checkForError, ReturnAdditional } from '../../hooks/useFieldProps'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { FieldProps, Path } from '../../types'\nimport type { FormStatusText } from '../../../../components/FormStatus'\nimport type { AutocompleteAllProps } from '../../../../components/Autocomplete'\nimport type { DropdownAllProps } from '../../../../components/Dropdown'\nimport { HelpProps } from '../../../../components/help-button/HelpButtonInline'\nimport { DrawerListProps } from '../../../../fragments/DrawerList'\nimport {\n  convertCamelCasePropsToSnakeCase,\n  ToCamelCase,\n} from '../../../../shared/helpers/withCamelCaseProps'\nimport useDataValue from '../../hooks/useDataValue'\nimport { FormError } from '../../utils'\nimport type { RadioProps } from '../../../../components/Radio'\nimport type { ToggleButtonProps } from '../../../../components/ToggleButton'\nimport type { RadioGroupProps } from '../../../../components/radio/RadioGroup'\nimport type { ToggleButtonGroupProps } from '../../../../components/toggle-button/ToggleButtonGroup'\n\ntype IOption = {\n  title: string | React.ReactNode\n  value: number | string\n  status: FormStatusText\n}\nexport type Data = Array<{\n  value: string\n  title: React.ReactNode\n  text?: React.ReactNode\n  disabled?: boolean\n  style?: React.CSSProperties\n}>\n\nexport type Props = FieldProps<IOption['value']> & {\n  /**\n   * Defines the variant of the component.\n   * Default: dropdown\n   */\n  variant?: 'dropdown' | 'autocomplete' | 'radio' | 'radio-list' | 'button'\n\n  /**\n   * The width of the component.\n   * Default: large\n   */\n  width?: FieldBlockWidth\n\n  /**\n   * Defines the layout of the options for radio and button variants.\n   */\n  optionsLayout?: 'horizontal' | 'vertical'\n\n  /**\n   * Transform the displayed selection for Dropdown and Autocomplete variant.\n   * Use it to display a different value than the one in the data set.\n   */\n  transformSelection?: (props: OptionFieldProps) => React.ReactNode\n\n  /**\n   * The path to the context data (Form.Handler).\n   * The context data object needs to have a `value` and a `title` property.\n   */\n  dataPath?: Path\n\n  /**\n   * Data to be used for the component. The object needs to have a `value` and a `title` property.\n   * The generated options will be placed above given JSX based children.\n   */\n  data?: Data\n\n  /**\n   * Autocomplete specific props\n   */\n  autocompleteProps?: ToCamelCase<AutocompleteAllProps>\n\n  /**\n   * Dropdown specific props\n   */\n  dropdownProps?: ToCamelCase<DropdownAllProps>\n\n  /**\n   * The size of the component.\n   */\n  size?:\n    | ToggleButtonGroupProps['size']\n    | RadioGroupProps['size']\n    | AutocompleteAllProps['size']\n    | DropdownAllProps['size']\n\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode\n}\n\nfunction Selection(props: Props) {\n  const clearValue = useMemo(() => `clear-option-${makeUniqueId()}`, [])\n\n  const {\n    id,\n    className,\n    variant = 'dropdown',\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    placeholder,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    size,\n    emptyValue,\n    width = 'large',\n    htmlAttributes,\n    setHasFocus,\n    handleChange,\n    setDisplayValue,\n    transformSelection,\n    data,\n    dataPath,\n    children,\n    additionalArgs,\n\n    // - Autocomplete and Dropdown specific props\n    autocompleteProps,\n    dropdownProps,\n  } = useFieldProps(props)\n\n  const { getValueByPath } = useDataValue()\n  let dataList = data\n  if (dataPath) {\n    dataList = getValueByPath(dataPath)\n  }\n\n  const handleDrawerListChange = useCallback(\n    ({ data, value }) => {\n      const selectedKey = data?.selectedKey ?? value\n      handleChange?.(\n        !selectedKey || selectedKey === clearValue\n          ? emptyValue\n          : selectedKey,\n        { data }\n      )\n    },\n    [handleChange, emptyValue, clearValue]\n  )\n\n  const onChangeHandler = useCallback(\n    ({ value }) => {\n      handleChange?.(value === undefined ? emptyValue : value)\n    },\n    [handleChange, emptyValue]\n  )\n\n  // Specific handleShow and handleHide because Dropdown preserve the initially received callbacks, so changes\n  // due to `useCallback` usage will have no effect, leading to useFieldPropss handleFocus and handleBlur sending out old\n  // copies of value as arguments.\n  const handleShow = useCallback(\n    ({ data }) => {\n      setHasFocus(true, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const handleHide = useCallback(\n    ({ data }) => {\n      setHasFocus(false, data?.selectedKey)\n    },\n    [setHasFocus]\n  )\n\n  const cn = classnames(\n    'dnb-forms-field-selection',\n    `dnb-forms-field-selection__variant--${variant}`,\n    `dnb-forms-field-selection--layout-${layout}`,\n    `dnb-forms-field-selection--options-layout--${optionsLayout}`,\n    className\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disableStatusSummary: true,\n    ...pickSpacingProps(props),\n  }\n\n  const onType = props?.autocompleteProps?.onType\n  const onTypeAutocompleteHandler = useCallback(\n    (event) => {\n      if (typeof onType === 'function') {\n        const { value } = event\n        onType({\n          ...event,\n          ...additionalArgs,\n          value: value === '' ? emptyValue : value,\n        })\n      }\n    },\n    [additionalArgs, emptyValue, onType]\n  )\n\n  switch (variant) {\n    case 'radio':\n    case 'radio-list':\n    case 'button': {\n      const Component = (\n        variant === 'radio' || variant === 'radio-list'\n          ? Radio\n          : ToggleButton\n      ) as typeof Radio & typeof ToggleButton\n\n      const items = renderRadioItems({\n        id,\n        value,\n        variant,\n        info,\n        warning,\n        htmlAttributes,\n        children,\n        dataList,\n        hasError,\n        iterateOverItems: ({ value: v, label }) => {\n          if (v === value) {\n            setDisplayValue(label)\n          }\n        },\n      })\n\n      const additionalFieldBlockProps: FieldBlockProps = {\n        asFieldset: React.Children.count(items) > 1,\n      }\n      if (!size) {\n        additionalFieldBlockProps.labelHeight = 'small'\n      }\n      if (variant === 'radio-list') {\n        additionalFieldBlockProps.width = width\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} {...additionalFieldBlockProps}>\n          <Component.Group\n            role=\"radiogroup\"\n            size={size}\n            className={cn}\n            layout_direction={\n              optionsLayout === 'horizontal' ? 'row' : 'column'\n            }\n            disabled={disabled}\n            on_change={onChangeHandler}\n            value={String(value ?? '')}\n          >\n            {items}\n          </Component.Group>\n        </FieldBlock>\n      )\n    }\n\n    case 'autocomplete':\n    case 'dropdown': {\n      const data = renderDropdownItems(dataList, transformSelection)\n        .concat(makeOptions(children, transformSelection))\n        .filter(Boolean)\n      const displayValue = data.find((item) => item.selectedKey === value)\n        ?.content\n      setDisplayValue(displayValue)\n\n      const sharedProps: AutocompleteAllProps & DropdownAllProps = {\n        id,\n        list_class: 'dnb-forms-field-selection__list',\n        portal_class: 'dnb-forms-field-selection__portal',\n        title: placeholder,\n        value: String(value ?? ''),\n        status:\n          (hasError || checkForError([error, info, warning])) && 'error',\n        disabled,\n        ...htmlAttributes,\n        data,\n        size,\n        on_change: handleDrawerListChange,\n        on_show: handleShow,\n        on_hide: handleHide,\n        stretch: true,\n      }\n\n      const specificFieldBlockProps: FieldBlockProps = {\n        width,\n      }\n      if (layout === 'horizontal') {\n        specificFieldBlockProps.width = undefined\n        specificFieldBlockProps.contentWidth = width\n      }\n\n      return (\n        <FieldBlock {...fieldBlockProps} {...specificFieldBlockProps}>\n          {variant === 'autocomplete' ? (\n            <Autocomplete\n              {...sharedProps}\n              {...(autocompleteProps\n                ? (convertCamelCasePropsToSnakeCase(\n                    Object.freeze(autocompleteProps)\n                  ) as AutocompleteAllProps)\n                : null)}\n              value={\n                autocompleteProps?.preventSelection ? undefined : value\n              }\n              on_type={onTypeAutocompleteHandler}\n              data={\n                !props.data &&\n                !props.dataPath &&\n                autocompleteProps?.mode === 'async'\n                  ? undefined\n                  : data\n              }\n              selectall\n            />\n          ) : (\n            <Dropdown\n              {...sharedProps}\n              {...(dropdownProps\n                ? (convertCamelCasePropsToSnakeCase(\n                    dropdownProps\n                  ) as DropdownAllProps)\n                : null)}\n            />\n          )}\n        </FieldBlock>\n      )\n    }\n  }\n}\n\ntype OptionProps = React.ComponentProps<\n  React.FC<{\n    value: Props['value']\n    error: Error | FormError | undefined\n    help: HelpProps\n    title: React.ReactNode\n    children: React.ReactNode\n    size?: ToggleButtonProps['size'] | RadioProps['size']\n  }>\n>\n\nfunction renderRadioItems({\n  id,\n  value: valueProp,\n  variant,\n  info,\n  warning,\n  htmlAttributes,\n  children,\n  dataList,\n  hasError,\n  iterateOverItems,\n}: {\n  id: string\n  value: Props['value']\n  variant: Props['variant']\n  info: Props['info']\n  warning: Props['warning']\n  htmlAttributes: Props['htmlAttributes']\n  children: Props['children']\n  dataList: Data\n  hasError: ReturnAdditional<Props['value']>['hasError']\n  iterateOverItems?: (item: {\n    value: Props['value']\n    label: Props['children']\n  }) => void\n}) {\n  const optionsCount =\n    React.Children.count(children) + (dataList?.length || 0)\n\n  const createOption = (props: OptionProps, i: number) => {\n    const { value, title, children, error, help, size, ...rest } = props\n\n    const label = title ?? children\n    const suffix = help ? (\n      <HelpButton size=\"small\" title={convertJsxToString(help.title)}>\n        {help.content}\n      </HelpButton>\n    ) : undefined\n\n    iterateOverItems?.({ value, label })\n\n    const Component = (\n      variant === 'radio' || variant === 'radio-list'\n        ? Radio\n        : ToggleButton\n    ) as typeof Radio & typeof ToggleButton\n\n    return (\n      <Component\n        id={optionsCount === 1 ? id : undefined}\n        key={`option-${i}-${id}`}\n        label={\n          variant === 'radio' || variant === 'radio-list'\n            ? label\n            : undefined\n        }\n        text={variant === 'button' ? label : undefined}\n        role=\"radio\"\n        value={String(value ?? valueProp) || undefined}\n        status={\n          (hasError || checkForError([error, info, warning])) && 'error'\n        }\n        suffix={suffix}\n        size={size}\n        {...htmlAttributes}\n        {...rest}\n      />\n    )\n  }\n\n  return [\n    ...(dataList || []).map((props, i) => {\n      return createOption(props as OptionProps, i)\n    }),\n    ...(mapOptions(children, { createOption }) || []),\n  ].filter(Boolean)\n}\n\nexport function mapOptions(\n  children: React.ReactNode,\n  {\n    createOption,\n  }: { createOption: (props: OptionProps, i: number) => React.ReactNode }\n) {\n  return React.Children.map(\n    children,\n    (child: React.ReactElement<OptionProps>, i) => {\n      if (React.isValidElement(child)) {\n        if (child.type === OptionField) {\n          return createOption(child.props, i)\n        }\n\n        if (child.props.children) {\n          const nestedChildren = mapOptions(child.props.children, {\n            createOption,\n          })\n          return React.cloneElement(child, child.props, nestedChildren)\n        }\n      }\n\n      return child\n    }\n  )\n}\n\nexport function makeOptions<T = DrawerListProps['data']>(\n  children: React.ReactNode,\n  transformSelection?: Props['transformSelection']\n): T {\n  return React.Children.map(children, (child) => {\n    if (child?.['props']?.children?.type === OptionField) {\n      child = child['props'].children\n    }\n\n    if (React.isValidElement(child) && child.type === OptionField) {\n      const props = child.props as OptionFieldProps\n      const title = props.title ?? props.children ?? <em>Untitled</em>\n      const content = props.text ? [title, props.text] : title\n      const selected_value = transformSelection\n        ? transformSelection(props)\n        : undefined\n      const selectedKey = String(props.value ?? '')\n      const disabled = props.disabled\n      const style = props.style\n\n      return { selectedKey, selected_value, content, disabled, style }\n    }\n\n    // For other children, just show them as content\n    if (child) {\n      return {\n        content: child,\n      }\n    }\n  }) as T\n}\n\nfunction renderDropdownItems(\n  data: Data,\n  transformSelection?: Props['transformSelection']\n) {\n  return (\n    data?.map((props) => {\n      const { value, title, text, disabled, style } = props\n      return {\n        selectedKey: value,\n        content: (text ? [title, text] : title) || <em>Untitled</em>,\n        selected_value: transformSelection\n          ? transformSelection(props)\n          : undefined,\n        disabled,\n        style,\n      }\n    }) || []\n  )\n}\n\nSelection._supportsSpacingProps = true\nexport default Selection\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/forms/FieldBlock/FieldBlock.js

@@ -301,15 +301,19 @@ function FieldBlock(props) {
     className: gridClasses
   }, (label || labelDescription || hasHelp) && React.createElement(FormLabel, labelProps, React.createElement("span", null, label && React.createElement("span", {
     className: "dnb-forms-field-block__label__content"
-  }, label), hasHelp && !hasOnlyLabelDescription && React.createElement(HelpButtonInline, {
+  }, label), hasHelp && !hasOnlyLabelDescription && React.createElement("span", {
+    className: "dnb-help-button__word-joiner"
+  }, React.createElement(HelpButtonInline, {
     contentId: `${id}-help`,
     help: help
-  }), label && hasLabelDescription && !labelDescriptionInline && (_br || (_br = React.createElement("br", null))), hasLabelDescription && React.createElement("span", {
+  })), label && hasLabelDescription && !labelDescriptionInline && (_br || (_br = React.createElement("br", null))), hasLabelDescription && React.createElement("span", {
     className: "dnb-forms-field-block__label__description"
-  }, labelDescription), hasHelp && hasOnlyLabelDescription && React.createElement(HelpButtonInline, {
+  }, labelDescription), hasHelp && hasOnlyLabelDescription && React.createElement("span", {
+    className: "dnb-help-button__word-joiner"
+  }, React.createElement(HelpButtonInline, {
     contentId: `${id}-help`,
     help: help
-  }))), hasHelp && React.createElement(HelpButtonInlineContent, {
+  })))), hasHelp && React.createElement(HelpButtonInlineContent, {
     contentId: `${id}-help`,
     className: "dnb-forms-field-block__help",
     help: help,