fui-material 2.7.9 → 2.7.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/f-ui-kit.es.js +113 -49
- package/dist/f-ui-kit.es.js.map +1 -1
- package/dist/f-ui-kit.umd.js +2 -2
- package/dist/f-ui-kit.umd.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/types/material/FSearchableSelect/FSearchableSelect.d.ts +1 -38
- package/dist/types/material/MenuLinks/FMenuBlockLinks/FMenuBlockLinks.d.ts +1 -0
- package/dist/types/material/MenuLinks/FMenuLinks/FMenuLinks.d.ts +0 -5
- package/package.json +1 -1
|
@@ -88,45 +88,8 @@ export interface IFSearchableSelect extends Omit<React.InputHTMLAttributes<HTMLI
|
|
|
88
88
|
* - Может работать как обычный Select или как Combobox (с `allowCreate`).
|
|
89
89
|
* - Парсит опции из переданных `children` (например, `<option value="1">One</option>`).
|
|
90
90
|
* - Поддерживает навигацию с клавиатуры (стрелки, Enter, Escape).
|
|
91
|
+
* - Выпадающий список рендерится через Portal поверх всех элементов и адаптируется под размер экрана.
|
|
91
92
|
* - Имеет состояния: ошибка, загрузка, disabled.
|
|
92
|
-
*
|
|
93
|
-
* @component
|
|
94
|
-
* @example
|
|
95
|
-
* // Простой пример использования с опциями
|
|
96
|
-
* <FSearchableSelect
|
|
97
|
-
* label="Выберите город"
|
|
98
|
-
* value={city}
|
|
99
|
-
* onChange={(e) => setCity(e.target.value)}
|
|
100
|
-
* fullWidth
|
|
101
|
-
* >
|
|
102
|
-
* <option value="moscow">Москва</option>
|
|
103
|
-
* <option value="spb">Санкт-Петербург</option>
|
|
104
|
-
* </FSearchableSelect>
|
|
105
|
-
*
|
|
106
|
-
* @example
|
|
107
|
-
* // Пример с созданием новых значений (allowCreate) и ошибкой
|
|
108
|
-
* <FSearchableSelect
|
|
109
|
-
* label="Теги"
|
|
110
|
-
* allowCreate
|
|
111
|
-
* value={tag}
|
|
112
|
-
* onChange={(e) => setTag(e.target.value)}
|
|
113
|
-
* errText={hasError ? ['Некорректный тег'] : undefined}
|
|
114
|
-
* >
|
|
115
|
-
* {tagsList.map(t => <option key={t.id} value={t.name}>{t.name}</option>)}
|
|
116
|
-
* </FSearchableSelect>
|
|
117
|
-
*
|
|
118
|
-
* @param {string} [label] - Метка поля.
|
|
119
|
-
* @param {CSSProperties} [st] - Стили контейнера.
|
|
120
|
-
* @param {ReactNode} [children] - Опции списка.
|
|
121
|
-
* @param {boolean} [fullWidth=false] - Растянуть на 100%.
|
|
122
|
-
* @param {boolean} [load=false] - Показать лоадер.
|
|
123
|
-
* @param {string[] | string} [errText] - Текст ошибки.
|
|
124
|
-
* @param {string} [helpText] - Подсказка.
|
|
125
|
-
* @param {boolean} [allowCreate=false] - Разрешить ввод своих значений.
|
|
126
|
-
* @param {string|number} [value] - Значение.
|
|
127
|
-
* @param {Function} [onChange] - Обработчик изменений.
|
|
128
|
-
*
|
|
129
|
-
* @returns {JSX.Element} Рендерит кастомный Select с поиском.
|
|
130
93
|
*/
|
|
131
94
|
declare const FSearchableSelect: React.ForwardRefExoticComponent<IFSearchableSelect & React.RefAttributes<HTMLInputElement>>;
|
|
132
95
|
export default FSearchableSelect;
|
|
@@ -30,6 +30,7 @@ interface IFMenuBlockLinksProps {
|
|
|
30
30
|
*/
|
|
31
31
|
withSearch?: boolean;
|
|
32
32
|
}
|
|
33
|
+
export declare const MenuSearchContext: import("react").Context<string>;
|
|
33
34
|
/**
|
|
34
35
|
* Компонент-карточка для группировки ссылок меню.
|
|
35
36
|
* Используется вместе с `FMenuLinks` для создания блоков вида:
|
|
@@ -30,11 +30,6 @@ interface IFMenuLinksProps {
|
|
|
30
30
|
badges?: (string | undefined)[];
|
|
31
31
|
/** Заголовок блока (отображается над списком ссылок) */
|
|
32
32
|
title?: string;
|
|
33
|
-
/**
|
|
34
|
-
* Строка поиска. Передается автоматически компонентом-оберткой `FMenuBlockLinks`.
|
|
35
|
-
* Фильтрует ссылки по их текстовому содержимому и коду бейджа.
|
|
36
|
-
*/
|
|
37
|
-
searchTerm?: string;
|
|
38
33
|
}
|
|
39
34
|
/**
|
|
40
35
|
* Компонент FMenuLinks — единый стилизованный список ссылок меню в виде карточки.
|