@dnb/eufemia 10.73.0 → 10.73.1

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

@@ -60,8 +60,8 @@ function PhoneNumber(props) {
     return undefined;
   }, []);
   const fromExternal = useCallback(external => {
-    const [, phoneNumber] = splitValue(external);
-    if (!phoneNumber && !props.omitCountryCodeField) {
+    const [countryCode, phoneNumber] = splitValue(external);
+    if (!countryCode && !phoneNumber && !props.omitCountryCodeField) {
       return countryCodeRef.current;
     }
     return external;
@@ -276,6 +276,7 @@ function PhoneNumber(props) {
     independent_width: true,
     search_numbers: true,
     keep_selection: true,
+    selectall: true,
     autoComplete: "tel-country-code",
     no_animation: props.noAnimation,
     size: size
@@ -313,10 +314,13 @@ function PhoneNumber(props) {
 }
 function makeObject(country, lang) {
   var _country$i18n$lang;
+  const name = (_country$i18n$lang = country.i18n[lang]) !== null && _country$i18n$lang !== void 0 ? _country$i18n$lang : country.i18n.en;
+  const code = formatCountryCode(country.cdc);
   return {
-    selectedKey: formatCountryCode(country.cdc),
-    selected_value: `${country.iso} (${formatCountryCode(country.cdc)})`,
-    content: `${formatCountryCode(country.cdc)} ${(_country$i18n$lang = country.i18n[lang]) !== null && _country$i18n$lang !== void 0 ? _country$i18n$lang : country.i18n.en}`,
+    selectedKey: code,
+    selected_value: `${country.iso} (${code})`,
+    search_content: [code, name],
+    content: [name, code],
     country
   };
 }

package/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","_ref","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","arguments","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_ref2","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","revalidateInputValue","event","nativeEvent","test","_ref5","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","_ref","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","arguments","cdcVal","replace","item","find","_item$country","iso","callOnChange","data","eventValues","callOnBlurOrFocus","hasFocus","handleCountryCodeChange","_ref2","_data$selectedKey","selectedKey","trim","handleNumberChange","handleOnBlur","handleOnFocus","handleCountryCodeFocus","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","revalidateInputValue","event","nativeEvent","test","_ref5","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/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/extensions/forms/Field/SelectCountry/SelectCountry.js

@@ -176,6 +176,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/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","_ref","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","_ref2","data","newValue","selectedKey","fillData","onFocusHandler","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","currentValue","setHidden","event","nativeEvent","search","toLowerCase","_ref5","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","arguments","length","sortedCountries","_ref6","_ref7","_String","_String$localeCompare","a","b","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","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","_ref","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","_ref2","data","newValue","selectedKey","fillData","onFocusHandler","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","currentValue","setHidden","event","nativeEvent","search","toLowerCase","_ref5","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","arguments","length","sortedCountries","_ref6","_ref7","_String","_String$localeCompare","a","b","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","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":"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","ignoreList":[]}

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

@@ -176,6 +176,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/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","_ref","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","_ref2","data","newValue","selectedKey","fillData","onFocusHandler","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","currentValue","setHidden","event","nativeEvent","search","toLowerCase","_ref5","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","arguments","length","sortedCurrencies","_ref6","_ref7","_String","_String$localeCompare","a","a1","b","b1","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","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","_ref","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","_ref2","data","newValue","selectedKey","fillData","onFocusHandler","_ref3","updateData","onTypeHandler","_ref4","_event$nativeEvent","currentValue","setHidden","event","nativeEvent","search","toLowerCase","_ref5","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","arguments","length","sortedCurrencies","_ref6","_ref7","_String","_String$localeCompare","a","a1","b","b1","indexA","indexOf","indexB","priorityA","priorityB","String","localeCompare","call","map","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/extensions/forms/Field/Selection/Selection.js

@@ -179,7 +179,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/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","_ref","_data$selectedKey","selectedKey","onChangeHandler","_ref2","undefined","handleShow","_ref3","handleHide","_ref4","cn","fieldBlockProps","_objectSpread","forId","disableStatusSummary","onType","onTypeAutocompleteHandler","event","Component","items","renderRadioItems","iterateOverItems","_ref5","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","_ref6","valueProp","optionsCount","length","createOption","i","help","rest","_objectWithoutProperties","_excluded","suffix","key","text","map","mapOptions","_ref7","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref8","_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","_ref","_data$selectedKey","selectedKey","onChangeHandler","_ref2","undefined","handleShow","_ref3","handleHide","_ref4","cn","fieldBlockProps","_objectSpread","forId","disableStatusSummary","onType","onTypeAutocompleteHandler","event","Component","items","renderRadioItems","iterateOverItems","_ref5","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","_ref6","valueProp","optionsCount","length","createOption","i","help","rest","_objectWithoutProperties","_excluded","suffix","key","text","map","mapOptions","_ref7","child","isValidElement","type","nestedChildren","cloneElement","_child","_child$props","_child$props$children","_ref8","_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":[]}