From ab5475534bd416cd75f7e135a8d65b652540267a Mon Sep 17 00:00:00 2001 From: achmurali <22786016+achmurali@users.noreply.github.com> Date: Wed, 31 Aug 2022 13:18:37 +0530 Subject: [PATCH] fix grouping in Autocomplete --- src/mantine-core/src/Autocomplete/Autocomplete.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/mantine-core/src/Autocomplete/Autocomplete.tsx b/src/mantine-core/src/Autocomplete/Autocomplete.tsx index df84fc1afa8..180f2009bb2 100644 --- a/src/mantine-core/src/Autocomplete/Autocomplete.tsx +++ b/src/mantine-core/src/Autocomplete/Autocomplete.tsx @@ -1,6 +1,7 @@ import React, { useState, forwardRef, useRef } from 'react'; import { useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks'; import { DefaultProps, getDefaultZIndex } from '@mantine/styles'; +import { groupOptions } from '@mantine/utils'; import { Input, InputWrapperBaseProps, InputSharedProps, useInputProps } from '../Input'; import { SelectStylesNames } from '../Select'; import { SelectItems } from '../Select/SelectItems/SelectItems'; @@ -121,7 +122,9 @@ export const Autocomplete = forwardRef((pro }; const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item)); - const filteredData = filterData({ data: formattedData, value: _value, limit, filter }); + const filteredData = groupOptions({ + data: filterData({ data: formattedData, value: _value, limit, filter }), + }); const handleInputKeydown = (event: React.KeyboardEvent) => { if (IMEOpen) {