UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

1 lines 1.33 kB
{"version":3,"file":"NativeSelectOption.cjs","names":[],"sources":["../../../src/components/NativeSelect/NativeSelectOption.tsx"],"sourcesContent":["import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox';\n\nexport interface NativeSelectOptionProps {\n data: ComboboxParsedItem;\n}\n\nfunction isGroup(input: ComboboxParsedItem): input is ComboboxParsedItemGroup {\n return 'group' in input;\n}\n\nexport function NativeSelectOption({ data }: NativeSelectOptionProps) {\n if (isGroup(data)) {\n const items = data.items.map((item) => <NativeSelectOption key={item.value} data={item} />);\n return <optgroup label={data.group}>{items}</optgroup>;\n }\n\n const { value, label, ...others } = data;\n\n return (\n <option value={data.value} {...others}>\n {data.label}\n </option>\n );\n}\n\nNativeSelectOption.displayName = '@mantine/core/NativeSelectOption';\n"],"mappings":";;;;AAMA,SAAS,QAAQ,OAA6D;AAC5E,QAAO,WAAW;;AAGpB,SAAgB,mBAAmB,EAAE,QAAiC;AACpE,KAAI,QAAQ,KAAK,EAAE;EACjB,MAAM,QAAQ,KAAK,MAAM,KAAK,SAAS,iBAAA,GAAA,kBAAA,KAAC,oBAAD,EAAqC,MAAM,MAAQ,EAA1B,KAAK,MAAqB,CAAC;AAC3F,SAAO,iBAAA,GAAA,kBAAA,KAAC,YAAD;GAAU,OAAO,KAAK;aAAQ;GAAiB,CAAA;;CAGxD,MAAM,EAAE,OAAO,OAAO,GAAG,WAAW;AAEpC,QACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;EAAQ,OAAO,KAAK;EAAO,GAAI;YAC5B,KAAK;EACC,CAAA;;AAIb,mBAAmB,cAAc"}