Отсутствует поиск у компонента SelectWithTags.

[Medivero]

У компонента SelectWithTags есть проп showSearch. По аналогии с компонентом Select с значением showSearch={true} в модалке с выбором опций должна появиться область поиска. Однако ее нет.

[dHIM24]

Привет, насколько я правильно понял запрос, смотрю в текущей демке все работает,
в шторке: https://core-ds.github.io/core-components/master/?path=/story/selectwithtags--select-with-tags
в popover: https://core-ds.github.io/core-components/master/?path=/docs/sandbox--docs

Скорее всего ты дополнительно не прокинул компонент Search

const options = [
    { key: '1', content: 'H', value: 'H' },
    { key: '2', content: 'Li', value: 'Li' },
    { key: '3', content: 'Na', value: 'Na' },
    { key: '4', content: 'Curium', value: 'Curium' },
    { key: '5', content: 'Berkelium', value: 'Berkelium' },
    { key: '6', content: 'Californium', value: 'Californium' },
    { key: '7', content: 'Einsteinium', value: 'Einsteinium' },
    { key: '8', content: 'Fermium', value: 'Fermium' },
];

render(() => {
    const [autocomplete, setAutocomplete] = React.useState(false);
    const [collapseTagList, setCollapseTagList] = React.useState(false);
    const [value, setValue] = React.useState('');
    const [selected, setSelected] = React.useState([]);

    const handleChange = ({ selectedMultiple }) => {
        setSelected(selectedMultiple);
    };

    const handleInput = (event) => {
        setValue(event.target.value);
    };

    return (
        <>
            <div style={{ width: isMobile() ? '100%' : 280 }}>
                <SelectWithTags
                    selected={selected}
                    onChange={handleChange}
                    label='Элементы'
                    labelView='outer'
                    placeholder='Выберите элементы'
                    size={isMobile() ? 48 : 56}
                    block={true}
                    value={value}
                    options={options}
                    onInput={handleInput}
                    autocomplete={autocomplete}
                    collapseTagList={collapseTagList}
                    Option={BaseOption}
                    optionsListProps={{
                        emptyPlaceholder: (
                            <div style={{ display: 'flex', justifyContent: 'center' }}>
                                <Typography.Text view='primary-small'>
                                    Ничего не нашлось
                                </Typography.Text>
                            </div>
                        ),
                    }}
                />
            </div>

            <Gap size={24} />

            <Switch
                checked={collapseTagList}
                onChange={() => {
                    setCollapseTagList((prevState) => !prevState);
                    setSelected([]);
                }}
                label='Скрывать теги при переполнении'
            />

            <Gap size={16} />

            <Switch
                checked={autocomplete}
                onChange={() => {
                    setAutocomplete((prevState) => !prevState);
                    setSelected([]);
                }}
                label='Режим автокомплита'
            />
        </>
    );
});

[Medivero]

Поиск появляется только в случае если я дополнительно прокидываю Search компонент в пропсы Search.

return (
            <SelectWithTags
                Option={BaseOption}
                Search={(props) => <Search {...props} />}
                block={true}
                collapseTagList={true}
                onChange={(val) => setFieldValue(name, val.selectedMultiple)}
                optionsSize={'s'}
                popoverPosition='top'
                showSearch={true}
                size={'s'}
            />
        );

Если я уберу проп Search

return (
            <SelectWithTags
                Option={BaseOption}
                block={true}
                collapseTagList={true}
                onChange={(val) => setFieldValue(name, val.selectedMultiple)}
                optionsSize={'s'}
                popoverPosition='top'
                showSearch={true}
                size={'s'}
            />
        );

При этом параметр showSearch везде true.

В то же время в компоненте Select не нужно передавать компонент Search в пропсы, чтобы показать поиск, а достаточно передать showSearch = {true}.

[dHIM24]

Привет, согласен, выглядит, как не совсем удобный DX, - DS-16488