koval-ui/dist/src/lib/Name/NameLanguage.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"NameLanguage.cjs","sources":["../../../../src/lib/Name/NameLanguage.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\nimport {useBrowserLocale} from '@/internal/locale';\nimport type {Locale, LanguageCodes} from '@/internal/locale';\n\nimport classes from './Name.module.css';\n\nexport type Props = DataAttributes &\n    LibraryProps & {\n        /**\n         * Provide a string with a BCP 47 language tag or an Intl.Locale instance,\n         * or an array of such locale identifiers. Defaults to user setting\n         * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames#locales\n         */\n        locale?: Locale;\n        /**\n         * Provide a two-letter ISO 639-1 language code\n         * @see https://www.iso.org/iso-639-language-code\n         */\n        languageCode: keyof typeof LanguageCodes;\n    };\n\nexport const NameLanguage = forwardRef<HTMLDivElement, Props>(\n    ({className, locale: localeProp, languageCode, ...nativeProps}, ref) => {\n        const userLocale = useBrowserLocale();\n        const locale = localeProp ? localeProp : userLocale;\n        const formattedValue = useMemo(\n            () => new Intl.DisplayNames(locale, {type: 'language'}).of(languageCode),\n            [languageCode, locale]\n        );\n\n        return (\n            <span {...nativeProps} className={classNames(classes.name, className)} ref={ref}>\n                {formattedValue}\n            </span>\n        );\n    }\n);\n\nNameLanguage.displayName = 'NameLanguage';\n"],"names":["NameLanguage","forwardRef","className","localeProp","languageCode","nativeProps","ref","userLocale","useBrowserLocale","locale","formattedValue","useMemo","jsx","classNames","classes"],"mappings":"wQAwBaA,EAAeC,EAAA,WACxB,CAAC,CAAC,UAAAC,EAAW,OAAQC,EAAY,aAAAC,EAAc,GAAGC,CAAW,EAAGC,IAAQ,CACpE,MAAMC,EAAaC,EAAAA,iBAAiB,EAC9BC,EAASN,GAA0BI,EACnCG,EAAiBC,EAAA,QACnB,IAAM,IAAI,KAAK,aAAaF,EAAQ,CAAC,KAAM,UAAW,CAAA,EAAE,GAAGL,CAAY,EACvE,CAACA,EAAcK,CAAM,CACzB,EAGI,OAAAG,EAAA,IAAC,OAAM,CAAA,GAAGP,EAAa,UAAWQ,EAAWC,UAAQ,KAAMZ,CAAS,EAAG,IAAAI,EAClE,SACLI,CAAA,CAAA,CAAA,CAGZ,EAEAV,EAAa,YAAc"}