@ozen-ui/kit 0.58.3 → 0.59.0
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/__inner__/cjs/components/Accordion/types.d.ts +3 -3
- package/__inner__/cjs/components/Alert/types.d.ts +3 -3
- package/__inner__/cjs/components/Autocomplete/helper.d.ts +50 -55
- package/__inner__/cjs/components/Autocomplete/helper.js +2 -2
- package/__inner__/cjs/components/Autocomplete/types.d.ts +6 -7
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/helpers.js +2 -2
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/utils/useDataListNavigation.js +1 -2
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/utils/useScrollContainerToElement.js +1 -2
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/helpers.js +2 -2
- package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts +50 -55
- package/__inner__/cjs/components/AutocompleteNext/helpers.js +2 -2
- package/__inner__/cjs/components/AutocompleteNext/types.d.ts +7 -8
- package/__inner__/cjs/components/Avatar/types.d.ts +1 -1
- package/__inner__/cjs/components/Backdrop/types.d.ts +1 -1
- package/__inner__/cjs/components/Badge/types.d.ts +2 -2
- package/__inner__/cjs/components/Button/Button.d.ts +3 -3
- package/__inner__/cjs/components/ButtonBase/ButtonBase.d.ts +3 -3
- package/__inner__/cjs/components/ButtonNext/types.d.ts +3 -3
- package/__inner__/cjs/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts +1 -1
- package/__inner__/cjs/components/Card/types.d.ts +2 -2
- package/__inner__/cjs/components/Checkbox/types.d.ts +3 -3
- package/__inner__/cjs/components/Chip/Chip.d.ts +1 -1
- package/__inner__/cjs/components/ChipNext/types.d.ts +3 -3
- package/__inner__/cjs/components/Collapse/types.d.ts +2 -2
- package/__inner__/cjs/components/Container/useGutters.d.ts +1 -1
- package/__inner__/cjs/components/Container/useMaxWidth.d.ts +1 -1
- package/__inner__/cjs/components/DataList/components/DataListOption/types.d.ts +3 -3
- package/__inner__/cjs/components/DataList/types.d.ts +1 -1
- package/__inner__/cjs/components/DataList/utils/useDataListNavigation.js +1 -2
- package/__inner__/cjs/components/DataList/utils/useScrollContainerToElement.js +1 -2
- package/__inner__/cjs/components/DatePicker/DatePicker.d.ts +28 -28
- package/__inner__/cjs/components/DatePicker/types.d.ts +1 -1
- package/__inner__/cjs/components/DatePicker/utils/isInExclude/isInExclude.d.ts +1 -1
- package/__inner__/cjs/components/DatePicker/utils/isOutOfRange/isOutOfRange.d.ts +1 -1
- package/__inner__/cjs/components/Dialog/Dialog.d.ts +24 -32
- package/__inner__/cjs/components/Drawer/Drawer.d.ts +25 -33
- package/__inner__/cjs/components/FieldLabel/types.d.ts +5 -5
- package/__inner__/cjs/components/Fieldset/Fieldset.d.ts +1 -1
- package/__inner__/cjs/components/File/File.d.ts +2 -2
- package/__inner__/cjs/components/FilePicker/types.d.ts +10 -10
- package/__inner__/cjs/components/FormControlLabel/types.d.ts +1 -1
- package/__inner__/cjs/components/Grid/Grid.css +0 -2
- package/__inner__/cjs/components/Grid/useGrid.d.ts +1 -3
- package/__inner__/cjs/components/IconButton/IconButton.d.ts +4 -4
- package/__inner__/cjs/components/IconButtonNext/types.d.ts +4 -4
- package/__inner__/cjs/components/Indicator/types.d.ts +1 -1
- package/__inner__/cjs/components/Input/types.d.ts +8 -8
- package/__inner__/cjs/components/InputNumber/types.d.ts +7 -7
- package/__inner__/cjs/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/__inner__/cjs/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
- package/__inner__/cjs/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
- package/__inner__/cjs/components/List/types.d.ts +1 -1
- package/__inner__/cjs/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
- package/__inner__/cjs/components/Menu/components/MenuList/MenuList.d.ts +1 -1
- package/__inner__/cjs/components/Menu/types.d.ts +1 -1
- package/__inner__/cjs/components/Menu/useMenuFocusList.js +1 -2
- package/__inner__/cjs/components/Modal/Modal.d.ts +18 -26
- package/__inner__/cjs/components/Modal/ModalManager.js +1 -2
- package/__inner__/cjs/components/Modal/types.d.ts +5 -5
- package/__inner__/cjs/components/Pagination/components/PaginationItem/utils.d.ts +0 -1
- package/__inner__/cjs/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts +1 -1
- package/__inner__/cjs/components/Pagination/types.d.ts +1 -1
- package/__inner__/cjs/components/Popover/types.d.ts +8 -11
- package/__inner__/cjs/components/Portal/PortalManager.js +2 -2
- package/__inner__/cjs/components/Portal/types.d.ts +1 -1
- package/__inner__/cjs/components/Radio/types.d.ts +2 -2
- package/__inner__/cjs/components/SectionMessage/types.d.ts +1 -1
- package/__inner__/cjs/components/Segment/components/SegmentItem/types.d.ts +1 -1
- package/__inner__/cjs/components/Segment/types.d.ts +2 -2
- package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts +11 -11
- package/__inner__/cjs/components/Select/types.d.ts +3 -3
- package/__inner__/cjs/components/Slider/types.d.ts +2 -2
- package/__inner__/cjs/components/Snackbar/SnackbarProvider.d.ts +1 -1
- package/__inner__/cjs/components/Snackbar/components/Snackbar/Snackbar.d.ts +1 -1
- package/__inner__/cjs/components/Snackbar/components/Snackbar/SnackbarManager.js +1 -2
- package/__inner__/cjs/components/Snackbar/components/SnackbarItem/SnackbarItem.d.ts +11 -11
- package/__inner__/cjs/components/Snackbar/components/SnackbarItem/types.d.ts +4 -5
- package/__inner__/cjs/components/Snackbar/types.d.ts +1 -1
- package/__inner__/cjs/components/Stack/types.d.ts +3 -3
- package/__inner__/cjs/components/Stack/utils/generateDirectionCn.d.ts +1 -1
- package/__inner__/cjs/components/Stack/utils/generateGapCn.d.ts +1 -1
- package/__inner__/cjs/components/Table/TableContext.d.ts +0 -1
- package/__inner__/cjs/components/Table/components/TableRow/types.d.ts +2 -2
- package/__inner__/cjs/components/TagNext/types.d.ts +1 -1
- package/__inner__/cjs/components/Textarea/types.d.ts +8 -8
- package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.d.ts +0 -1
- package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.js +2 -2
- package/__inner__/cjs/components/Toggle/types.d.ts +2 -2
- package/__inner__/cjs/components/Tooltip/types.d.ts +3 -3
- package/__inner__/cjs/components/Typography/types.d.ts +2 -2
- package/__inner__/cjs/hooks/useBoolean/useBoolean.js +1 -2
- package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.js +1 -2
- package/__inner__/cjs/hooks/useClickOutside/useClickOutside.js +1 -2
- package/__inner__/cjs/hooks/useCounter/useCounter.js +1 -2
- package/__inner__/cjs/hooks/useDebounceCallback/useDebounceCallback.js +1 -2
- package/__inner__/cjs/hooks/useDeviceDetect/useDeviceDetect.js +1 -2
- package/__inner__/cjs/hooks/useElementSize/useElementSize.d.ts +0 -1
- package/__inner__/cjs/hooks/useElementSize/useElementSize.js +1 -2
- package/__inner__/cjs/hooks/useEventListener/useEventListener.js +1 -2
- package/__inner__/cjs/hooks/useFocusList/useFocusList.js +1 -2
- package/__inner__/cjs/hooks/useFocusTrap/useFocusTrap.js +1 -2
- package/__inner__/cjs/hooks/useHover/useHover.js +1 -2
- package/__inner__/cjs/hooks/useInterval/useInterval.js +1 -2
- package/__inner__/cjs/hooks/useLockBodyScroll/useLockBodyScroll.js +2 -2
- package/__inner__/cjs/hooks/useMultiRef/useMultiRef.js +1 -2
- package/__inner__/cjs/hooks/useMutableRef/useMutableRef.d.ts +0 -1
- package/__inner__/cjs/hooks/useMutableRef/useMutableRef.js +1 -2
- package/__inner__/cjs/hooks/usePrevious/usePrevious.js +1 -2
- package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.d.ts +0 -1
- package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.js +1 -2
- package/__inner__/cjs/hooks/useThemeVars/useThemeVars.js +1 -2
- package/__inner__/cjs/hooks/useTimer/useTimer.js +1 -2
- package/__inner__/cjs/hooks/useUniqueId/useUniqueId.js +1 -2
- package/__inner__/cjs/utils/animateProperty.d.ts +1 -1
- package/__inner__/cjs/utils/capitalizeFirstLetter/capitalizeFirstLetter.js +1 -2
- package/__inner__/cjs/utils/getByMap/getByMap.js +1 -2
- package/__inner__/cjs/utils/getNextIndex.js +1 -2
- package/__inner__/cjs/utils/getPrevIndex.js +1 -2
- package/__inner__/cjs/utils/isNotNil.d.ts +1 -1
- package/__inner__/cjs/utils/object/isPlainObject.js +1 -2
- package/__inner__/cjs/utils/polymorphicComponentWithRef.js +1 -2
- package/__inner__/cjs/utils/renderContent/renderContent.js +1 -2
- package/__inner__/cjs/utils/scrollContainerToElement.js +1 -2
- package/__inner__/esm/components/Accordion/types.d.ts +3 -3
- package/__inner__/esm/components/Alert/types.d.ts +3 -3
- package/__inner__/esm/components/Autocomplete/helper.d.ts +50 -55
- package/__inner__/esm/components/Autocomplete/types.d.ts +6 -7
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
- package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +50 -55
- package/__inner__/esm/components/AutocompleteNext/types.d.ts +7 -8
- package/__inner__/esm/components/Avatar/types.d.ts +1 -1
- package/__inner__/esm/components/Backdrop/types.d.ts +1 -1
- package/__inner__/esm/components/Badge/types.d.ts +2 -2
- package/__inner__/esm/components/Button/Button.d.ts +3 -3
- package/__inner__/esm/components/ButtonBase/ButtonBase.d.ts +3 -3
- package/__inner__/esm/components/ButtonNext/types.d.ts +3 -3
- package/__inner__/esm/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts +1 -1
- package/__inner__/esm/components/Card/types.d.ts +2 -2
- package/__inner__/esm/components/Checkbox/types.d.ts +3 -3
- package/__inner__/esm/components/Chip/Chip.d.ts +1 -1
- package/__inner__/esm/components/ChipNext/types.d.ts +3 -3
- package/__inner__/esm/components/Collapse/types.d.ts +2 -2
- package/__inner__/esm/components/Container/useGutters.d.ts +1 -1
- package/__inner__/esm/components/Container/useMaxWidth.d.ts +1 -1
- package/__inner__/esm/components/DataList/components/DataListOption/types.d.ts +3 -3
- package/__inner__/esm/components/DataList/types.d.ts +1 -1
- package/__inner__/esm/components/DatePicker/DatePicker.d.ts +28 -28
- package/__inner__/esm/components/DatePicker/types.d.ts +1 -1
- package/__inner__/esm/components/DatePicker/utils/isInExclude/isInExclude.d.ts +1 -1
- package/__inner__/esm/components/DatePicker/utils/isOutOfRange/isOutOfRange.d.ts +1 -1
- package/__inner__/esm/components/Dialog/Dialog.d.ts +24 -32
- package/__inner__/esm/components/Drawer/Drawer.d.ts +25 -33
- package/__inner__/esm/components/FieldLabel/types.d.ts +5 -5
- package/__inner__/esm/components/Fieldset/Fieldset.d.ts +1 -1
- package/__inner__/esm/components/File/File.d.ts +2 -2
- package/__inner__/esm/components/FilePicker/types.d.ts +10 -10
- package/__inner__/esm/components/FormControlLabel/types.d.ts +1 -1
- package/__inner__/esm/components/Grid/Grid.css +0 -2
- package/__inner__/esm/components/Grid/useGrid.d.ts +1 -3
- package/__inner__/esm/components/IconButton/IconButton.d.ts +4 -4
- package/__inner__/esm/components/IconButtonNext/types.d.ts +4 -4
- package/__inner__/esm/components/Indicator/types.d.ts +1 -1
- package/__inner__/esm/components/Input/types.d.ts +8 -8
- package/__inner__/esm/components/InputNumber/types.d.ts +7 -7
- package/__inner__/esm/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
- package/__inner__/esm/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
- package/__inner__/esm/components/List/types.d.ts +1 -1
- package/__inner__/esm/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
- package/__inner__/esm/components/Menu/components/MenuList/MenuList.d.ts +1 -1
- package/__inner__/esm/components/Menu/types.d.ts +1 -1
- package/__inner__/esm/components/Modal/Modal.d.ts +18 -26
- package/__inner__/esm/components/Modal/types.d.ts +5 -5
- package/__inner__/esm/components/Pagination/components/PaginationItem/utils.d.ts +0 -1
- package/__inner__/esm/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts +1 -1
- package/__inner__/esm/components/Pagination/types.d.ts +1 -1
- package/__inner__/esm/components/Popover/types.d.ts +8 -11
- package/__inner__/esm/components/Portal/types.d.ts +1 -1
- package/__inner__/esm/components/Radio/types.d.ts +2 -2
- package/__inner__/esm/components/SectionMessage/types.d.ts +1 -1
- package/__inner__/esm/components/Segment/components/SegmentItem/types.d.ts +1 -1
- package/__inner__/esm/components/Segment/types.d.ts +2 -2
- package/__inner__/esm/components/Select/components/SelectInput/types.d.ts +11 -11
- package/__inner__/esm/components/Select/types.d.ts +3 -3
- package/__inner__/esm/components/Slider/types.d.ts +2 -2
- package/__inner__/esm/components/Snackbar/SnackbarProvider.d.ts +1 -1
- package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.d.ts +1 -1
- package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.d.ts +11 -11
- package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.d.ts +4 -5
- package/__inner__/esm/components/Snackbar/types.d.ts +1 -1
- package/__inner__/esm/components/Stack/types.d.ts +3 -3
- package/__inner__/esm/components/Stack/utils/generateDirectionCn.d.ts +1 -1
- package/__inner__/esm/components/Stack/utils/generateGapCn.d.ts +1 -1
- package/__inner__/esm/components/Table/TableContext.d.ts +0 -1
- package/__inner__/esm/components/Table/components/TableRow/types.d.ts +2 -2
- package/__inner__/esm/components/TagNext/types.d.ts +1 -1
- package/__inner__/esm/components/Textarea/types.d.ts +8 -8
- package/__inner__/esm/components/ThemeProvider/ThemeProviderContext.d.ts +0 -1
- package/__inner__/esm/components/Toggle/types.d.ts +2 -2
- package/__inner__/esm/components/Tooltip/types.d.ts +3 -3
- package/__inner__/esm/components/Typography/types.d.ts +2 -2
- package/__inner__/esm/hooks/useElementSize/useElementSize.d.ts +0 -1
- package/__inner__/esm/hooks/useMutableRef/useMutableRef.d.ts +0 -1
- package/__inner__/esm/hooks/useResizeObserver/useResizeObserver.d.ts +0 -1
- package/__inner__/esm/utils/animateProperty.d.ts +1 -1
- package/__inner__/esm/utils/isNotNil.d.ts +1 -1
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.scrollContainerToElement =
|
|
3
|
+
exports.scrollContainerToElement = scrollContainerToElement;
|
|
4
4
|
function scrollContainerToElement(_a) {
|
|
5
5
|
var container = _a.container, element = _a.element, _b = _a.behavior, behavior = _b === void 0 ? 'smooth' : _b;
|
|
6
6
|
if (!container || !element) {
|
|
@@ -24,4 +24,3 @@ function scrollContainerToElement(_a) {
|
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
exports.scrollContainerToElement = scrollContainerToElement;
|
|
@@ -8,7 +8,7 @@ export type AccordionSizeVariant = (typeof accordionSizeVariant)[number];
|
|
|
8
8
|
export type AccordionVariant = (typeof accordionVariant)[number];
|
|
9
9
|
export type AccordionExpandIconPositionVariant = (typeof accordionExpandIconPositionVariant)[number];
|
|
10
10
|
export type AccordionContextValue = {
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` аккордеон раскрыт */
|
|
12
12
|
expanded: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* Размер
|
|
@@ -28,9 +28,9 @@ export type AccordionProps = ExtendableComponentPropsWithRef<{
|
|
|
28
28
|
size?: AccordionSizeVariant;
|
|
29
29
|
/** Вариант визуального отображения аккордеона */
|
|
30
30
|
variant?: AccordionVariant;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` аккордеон по умолчанию раскрыт (неконтролируемое поведение) */
|
|
32
32
|
defaultExpanded?: boolean;
|
|
33
|
-
/** Если
|
|
33
|
+
/** Если `true` уменьшает отступы для компактного отображения */
|
|
34
34
|
compressed?: boolean;
|
|
35
35
|
/** Обработчик события открытия и закрытия аккордеона */
|
|
36
36
|
onChange?(expanded: boolean, e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
|
|
@@ -8,7 +8,7 @@ export type AlertColorVariant = (typeof alertColorVariant)[number];
|
|
|
8
8
|
type AlertPropsDeprecated = {
|
|
9
9
|
/**
|
|
10
10
|
* Цветовая палитра сообщения
|
|
11
|
-
* @deprecated Используйте на замену свойство
|
|
11
|
+
* @deprecated Используйте на замену свойство `inverse`
|
|
12
12
|
* */
|
|
13
13
|
color?: AlertColorVariant;
|
|
14
14
|
};
|
|
@@ -20,10 +20,10 @@ type AlertBaseProps = {
|
|
|
20
20
|
* @default info
|
|
21
21
|
*/
|
|
22
22
|
status?: AlertStatusVariant;
|
|
23
|
-
/** Если
|
|
23
|
+
/** Если `true` инвертирует основные цвета компонента */
|
|
24
24
|
inverse?: boolean;
|
|
25
25
|
/**
|
|
26
|
-
* Если
|
|
26
|
+
* Если `true` отображает иконку со статусом
|
|
27
27
|
* @default true
|
|
28
28
|
*/
|
|
29
29
|
showIcon?: boolean;
|
|
@@ -1,36 +1,35 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
|
|
3
2
|
export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
|
|
4
3
|
export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
|
|
5
4
|
export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
|
|
6
5
|
export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTION>): ({
|
|
7
6
|
options: OPTION[];
|
|
8
|
-
size?: "
|
|
7
|
+
size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
|
|
9
8
|
value?: import("./types").AutocompletePropValue<OPTION>;
|
|
10
9
|
defaultValue?: import("./types").AutocompletePropValue<OPTION>;
|
|
11
|
-
onChange?: ((e:
|
|
12
|
-
inputValue?: string
|
|
13
|
-
onInputChange?: (
|
|
14
|
-
renderInput?: import("./types").AutocompleteRenderInput
|
|
10
|
+
onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
|
|
11
|
+
inputValue?: string;
|
|
12
|
+
onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
|
|
13
|
+
renderInput?: import("./types").AutocompleteRenderInput;
|
|
15
14
|
renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
|
|
16
15
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
17
16
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
18
17
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
19
|
-
disableCloseOnSelect?: boolean
|
|
20
|
-
allowCustomValue?: boolean
|
|
21
|
-
loading?: boolean
|
|
18
|
+
disableCloseOnSelect?: boolean;
|
|
19
|
+
allowCustomValue?: boolean;
|
|
20
|
+
loading?: boolean;
|
|
22
21
|
noOptionsText?: import("react").ReactNode;
|
|
23
|
-
clearText?: string
|
|
24
|
-
openText?: string
|
|
25
|
-
closeText?: string
|
|
22
|
+
clearText?: string;
|
|
23
|
+
openText?: string;
|
|
24
|
+
closeText?: string;
|
|
26
25
|
loadingText?: import("react").ReactNode;
|
|
27
|
-
onClose?: (
|
|
28
|
-
onOpen?: (
|
|
29
|
-
disableClearButton?: boolean
|
|
26
|
+
onClose?: () => void;
|
|
27
|
+
onOpen?: () => void;
|
|
28
|
+
disableClearButton?: boolean;
|
|
30
29
|
searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
|
|
31
|
-
disableShowEmptyOptionsList?: boolean
|
|
32
|
-
disableShowChevron?: boolean
|
|
33
|
-
dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef"
|
|
30
|
+
disableShowEmptyOptionsList?: boolean;
|
|
31
|
+
disableShowChevron?: boolean;
|
|
32
|
+
dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
|
|
34
33
|
} & {
|
|
35
34
|
error?: boolean | undefined;
|
|
36
35
|
label?: string | undefined;
|
|
@@ -44,26 +43,24 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
|
|
|
44
43
|
fullWidth?: boolean | undefined;
|
|
45
44
|
disableStroke?: boolean | undefined;
|
|
46
45
|
hint?: string | null | undefined;
|
|
47
|
-
renderLeft?:
|
|
48
|
-
renderRight?:
|
|
46
|
+
renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
|
|
47
|
+
renderRight?: import("../FieldIcon").FieldIconProps["icon"];
|
|
49
48
|
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
50
|
-
bodyProps?:
|
|
51
|
-
ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
|
|
52
|
-
}) | undefined;
|
|
49
|
+
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
53
50
|
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
54
51
|
} & {
|
|
55
|
-
open?: boolean
|
|
56
|
-
defaultOpen?:
|
|
52
|
+
open?: boolean;
|
|
53
|
+
defaultOpen?: never;
|
|
57
54
|
} & (OPTION extends {
|
|
58
|
-
label:
|
|
55
|
+
label: AutocompleteDefaultOption["label"];
|
|
59
56
|
} ? Record<string, unknown> : {
|
|
60
57
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
61
58
|
}) & (OPTION extends {
|
|
62
|
-
id:
|
|
59
|
+
id: AutocompleteDefaultOption["id"];
|
|
63
60
|
} ? Record<string, unknown> : {
|
|
64
61
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
65
62
|
}) & (OPTION extends {
|
|
66
|
-
disabled:
|
|
63
|
+
disabled: AutocompleteDefaultOption["disabled"];
|
|
67
64
|
} ? Record<string, unknown> : {
|
|
68
65
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
69
66
|
}) & {
|
|
@@ -72,32 +69,32 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
|
|
|
72
69
|
getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
|
|
73
70
|
}) | ({
|
|
74
71
|
options: OPTION[];
|
|
75
|
-
size?: "
|
|
72
|
+
size?: import("../../types/FormElementSizeVariant").FormElementSizeVariant;
|
|
76
73
|
value?: import("./types").AutocompletePropValue<OPTION>;
|
|
77
74
|
defaultValue?: import("./types").AutocompletePropValue<OPTION>;
|
|
78
|
-
onChange?: ((e:
|
|
79
|
-
inputValue?: string
|
|
80
|
-
onInputChange?: (
|
|
81
|
-
renderInput?: import("./types").AutocompleteRenderInput
|
|
75
|
+
onChange?: ((e: import("react").SyntheticEvent | KeyboardEvent, value: OPTION | null) => void) | undefined;
|
|
76
|
+
inputValue?: string;
|
|
77
|
+
onInputChange?: (e: import("react").ChangeEvent<HTMLInputElement> | null, value: string) => void;
|
|
78
|
+
renderInput?: import("./types").AutocompleteRenderInput;
|
|
82
79
|
renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
|
|
83
80
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
84
81
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
85
82
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
86
|
-
disableCloseOnSelect?: boolean
|
|
87
|
-
allowCustomValue?: boolean
|
|
88
|
-
loading?: boolean
|
|
83
|
+
disableCloseOnSelect?: boolean;
|
|
84
|
+
allowCustomValue?: boolean;
|
|
85
|
+
loading?: boolean;
|
|
89
86
|
noOptionsText?: import("react").ReactNode;
|
|
90
|
-
clearText?: string
|
|
91
|
-
openText?: string
|
|
92
|
-
closeText?: string
|
|
87
|
+
clearText?: string;
|
|
88
|
+
openText?: string;
|
|
89
|
+
closeText?: string;
|
|
93
90
|
loadingText?: import("react").ReactNode;
|
|
94
|
-
onClose?: (
|
|
95
|
-
onOpen?: (
|
|
96
|
-
disableClearButton?: boolean
|
|
91
|
+
onClose?: () => void;
|
|
92
|
+
onOpen?: () => void;
|
|
93
|
+
disableClearButton?: boolean;
|
|
97
94
|
searchFunction?: import("./types").AutocompleteSearchFunction<OPTION> | undefined;
|
|
98
|
-
disableShowEmptyOptionsList?: boolean
|
|
99
|
-
disableShowChevron?: boolean
|
|
100
|
-
dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef"
|
|
95
|
+
disableShowEmptyOptionsList?: boolean;
|
|
96
|
+
disableShowChevron?: boolean;
|
|
97
|
+
dataListProps?: Partial<Omit<import("../DataList").DataListProps, "onSelect" | "open" | "onClose" | "multiple" | "selected" | "anchorRef">>;
|
|
101
98
|
} & {
|
|
102
99
|
error?: boolean | undefined;
|
|
103
100
|
label?: string | undefined;
|
|
@@ -111,26 +108,24 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
|
|
|
111
108
|
fullWidth?: boolean | undefined;
|
|
112
109
|
disableStroke?: boolean | undefined;
|
|
113
110
|
hint?: string | null | undefined;
|
|
114
|
-
renderLeft?:
|
|
115
|
-
renderRight?:
|
|
111
|
+
renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
|
|
112
|
+
renderRight?: import("../FieldIcon").FieldIconProps["icon"];
|
|
116
113
|
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
117
|
-
bodyProps?:
|
|
118
|
-
ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
|
|
119
|
-
}) | undefined;
|
|
114
|
+
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
120
115
|
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
121
116
|
} & {
|
|
122
|
-
open?:
|
|
123
|
-
defaultOpen?: boolean
|
|
117
|
+
open?: never;
|
|
118
|
+
defaultOpen?: boolean;
|
|
124
119
|
} & (OPTION extends {
|
|
125
|
-
label:
|
|
120
|
+
label: AutocompleteDefaultOption["label"];
|
|
126
121
|
} ? Record<string, unknown> : {
|
|
127
122
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
128
123
|
}) & (OPTION extends {
|
|
129
|
-
id:
|
|
124
|
+
id: AutocompleteDefaultOption["id"];
|
|
130
125
|
} ? Record<string, unknown> : {
|
|
131
126
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
132
127
|
}) & (OPTION extends {
|
|
133
|
-
disabled:
|
|
128
|
+
disabled: AutocompleteDefaultOption["disabled"];
|
|
134
129
|
} ? Record<string, unknown> : {
|
|
135
130
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
136
131
|
}) & {
|
|
@@ -9,7 +9,6 @@ export type AutocompleteRenderOptionProps<OPTION> = {
|
|
|
9
9
|
export type AutocompletePropValue<OPTION> = OPTION | null | undefined;
|
|
10
10
|
export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
|
|
11
11
|
export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
|
|
12
|
-
export type AutocompletePropRenderValue<OPTION> = (value: OPTION) => ReactNode | null;
|
|
13
12
|
export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
|
|
14
13
|
export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
|
|
15
14
|
export type AutocompleteDefaultOption = {
|
|
@@ -58,11 +57,11 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
|
58
57
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
59
58
|
/** Функция для определения заблокированного элемента */
|
|
60
59
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
61
|
-
/** Если
|
|
60
|
+
/** Если `true` не закрывает выпадающий список при выборе опции */
|
|
62
61
|
disableCloseOnSelect?: boolean;
|
|
63
|
-
/** Если
|
|
62
|
+
/** Если `true` позволяет вводить кастомное значение в текстовом поле */
|
|
64
63
|
allowCustomValue?: boolean;
|
|
65
|
-
/** Если
|
|
64
|
+
/** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
|
|
66
65
|
loading?: boolean;
|
|
67
66
|
/** Текст компонента при отсутствующих опций */
|
|
68
67
|
noOptionsText?: ReactNode;
|
|
@@ -78,13 +77,13 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
|
78
77
|
onClose?: () => void;
|
|
79
78
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
|
|
80
79
|
onOpen?: () => void;
|
|
81
|
-
/** Если
|
|
80
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
82
81
|
disableClearButton?: boolean;
|
|
83
82
|
/** Функция поиска */
|
|
84
83
|
searchFunction?: AutocompleteSearchFunction<OPTION>;
|
|
85
|
-
/** Если
|
|
84
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
86
85
|
disableShowEmptyOptionsList?: boolean;
|
|
87
|
-
/** Если
|
|
86
|
+
/** Если `true` скрывает кнопку раскрытия/скрытия списка */
|
|
88
87
|
disableShowChevron?: boolean;
|
|
89
88
|
/** Свойства компонента DataList */
|
|
90
89
|
dataListProps?: AutocompleteDataListProps;
|
|
@@ -119,7 +119,7 @@ var AutocompleteDropdownRender = function (inProps, ref) {
|
|
|
119
119
|
disabled: isDisabled,
|
|
120
120
|
},
|
|
121
121
|
props: {
|
|
122
|
-
key: "".concat(idx, "
|
|
122
|
+
key: "".concat(idx, "-").concat(key),
|
|
123
123
|
role: 'option',
|
|
124
124
|
'aria-selected': isSelected,
|
|
125
125
|
'aria-disabled': isDisabled,
|
package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
|
|
|
10
10
|
name?: string;
|
|
11
11
|
/** Содержимое компонента */
|
|
12
12
|
children?: never;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
14
14
|
multiple?: MULTIPLE;
|
|
15
15
|
/** Список вариантов выбора (опции) */
|
|
16
16
|
options: OPTION[];
|
|
@@ -28,7 +28,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
|
|
|
28
28
|
getOptionLabel: AutocompletePropGetOptionLabel<OPTION>;
|
|
29
29
|
/** Функция для определения заблокированного элемента */
|
|
30
30
|
getOptionDisabled: AutocompletePropGetOptionDisabled<OPTION>;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
32
32
|
disableShowEmptyOptionsList?: boolean;
|
|
33
33
|
/** Текст компонента в состоянии загрузки */
|
|
34
34
|
loadingText?: ReactNode;
|
|
@@ -1,41 +1,40 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
|
|
3
2
|
export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
|
|
4
3
|
export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
|
|
5
4
|
export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
|
|
6
5
|
export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): ({
|
|
7
6
|
multiple?: MULTIPLE | undefined;
|
|
8
|
-
limitTags?: number | "responsive"
|
|
9
|
-
renderTag?: import("./types").AutocompletePropRenderTag
|
|
7
|
+
limitTags?: number | "responsive";
|
|
8
|
+
renderTag?: import("./types").AutocompletePropRenderTag;
|
|
10
9
|
renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
|
|
11
10
|
options: OPTION[];
|
|
12
|
-
size?: "
|
|
11
|
+
size?: import("./types").AutocompletePropSize;
|
|
13
12
|
value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
14
13
|
defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
15
14
|
onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
|
|
16
|
-
inputValue?: string
|
|
17
|
-
onInputChange?: import("./types").AutocompleteOnInputChange
|
|
18
|
-
renderInput?: import("./types").AutocompletePropRenderInput
|
|
15
|
+
inputValue?: string;
|
|
16
|
+
onInputChange?: import("./types").AutocompleteOnInputChange;
|
|
17
|
+
renderInput?: import("./types").AutocompletePropRenderInput;
|
|
19
18
|
renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
|
|
20
19
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
21
20
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
22
21
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
23
|
-
disableCloseOnSelect?: boolean
|
|
24
|
-
allowCustomValue?: boolean
|
|
25
|
-
loading?: boolean
|
|
22
|
+
disableCloseOnSelect?: boolean;
|
|
23
|
+
allowCustomValue?: boolean;
|
|
24
|
+
loading?: boolean;
|
|
26
25
|
noOptionsText?: import("react").ReactNode;
|
|
27
|
-
clearText?: string
|
|
28
|
-
openText?: string
|
|
29
|
-
closeText?: string
|
|
26
|
+
clearText?: string;
|
|
27
|
+
openText?: string;
|
|
28
|
+
closeText?: string;
|
|
30
29
|
loadingText?: import("react").ReactNode;
|
|
31
30
|
onClose?(): void;
|
|
32
31
|
onOpen?(): void;
|
|
33
|
-
disableClearButton?: boolean
|
|
32
|
+
disableClearButton?: boolean;
|
|
34
33
|
searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
|
|
35
|
-
disableShowEmptyOptionsList?: boolean
|
|
36
|
-
disableShowChevron?: boolean
|
|
37
|
-
popoverProps?:
|
|
38
|
-
listProps?:
|
|
34
|
+
disableShowEmptyOptionsList?: boolean;
|
|
35
|
+
disableShowChevron?: boolean;
|
|
36
|
+
popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
|
|
37
|
+
listProps?: import("./components").AutocompleteDropdownProps["listProps"];
|
|
39
38
|
} & {
|
|
40
39
|
error?: boolean | undefined;
|
|
41
40
|
label?: string | undefined;
|
|
@@ -49,26 +48,24 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
|
|
|
49
48
|
fullWidth?: boolean | undefined;
|
|
50
49
|
disableStroke?: boolean | undefined;
|
|
51
50
|
hint?: string | null | undefined;
|
|
52
|
-
renderLeft?:
|
|
53
|
-
renderRight?:
|
|
51
|
+
renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
|
|
52
|
+
renderRight?: import("../FieldIcon").FieldIconProps["icon"];
|
|
54
53
|
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
55
|
-
bodyProps?:
|
|
56
|
-
ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
|
|
57
|
-
}) | undefined;
|
|
54
|
+
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
58
55
|
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
59
56
|
} & {
|
|
60
|
-
open?: boolean
|
|
61
|
-
defaultOpen?:
|
|
57
|
+
open?: boolean;
|
|
58
|
+
defaultOpen?: never;
|
|
62
59
|
} & (OPTION extends {
|
|
63
|
-
label:
|
|
60
|
+
label: AutocompleteDefaultOption["label"];
|
|
64
61
|
} ? Record<string, unknown> : {
|
|
65
62
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
66
63
|
}) & (OPTION extends {
|
|
67
|
-
id:
|
|
64
|
+
id: AutocompleteDefaultOption["id"];
|
|
68
65
|
} ? Record<string, unknown> : {
|
|
69
66
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
70
67
|
}) & (OPTION extends {
|
|
71
|
-
disabled:
|
|
68
|
+
disabled: AutocompleteDefaultOption["disabled"];
|
|
72
69
|
} ? Record<string, unknown> : {
|
|
73
70
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
74
71
|
}) & {
|
|
@@ -77,37 +74,37 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
|
|
|
77
74
|
getOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption> | AutocompletePropGetOptionDisabled<OPTION>;
|
|
78
75
|
}) | ({
|
|
79
76
|
multiple?: MULTIPLE | undefined;
|
|
80
|
-
limitTags?: number | "responsive"
|
|
81
|
-
renderTag?: import("./types").AutocompletePropRenderTag
|
|
77
|
+
limitTags?: number | "responsive";
|
|
78
|
+
renderTag?: import("./types").AutocompletePropRenderTag;
|
|
82
79
|
renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
|
|
83
80
|
options: OPTION[];
|
|
84
|
-
size?: "
|
|
81
|
+
size?: import("./types").AutocompletePropSize;
|
|
85
82
|
value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
86
83
|
defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
|
|
87
84
|
onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
|
|
88
|
-
inputValue?: string
|
|
89
|
-
onInputChange?: import("./types").AutocompleteOnInputChange
|
|
90
|
-
renderInput?: import("./types").AutocompletePropRenderInput
|
|
85
|
+
inputValue?: string;
|
|
86
|
+
onInputChange?: import("./types").AutocompleteOnInputChange;
|
|
87
|
+
renderInput?: import("./types").AutocompletePropRenderInput;
|
|
91
88
|
renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
|
|
92
89
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
93
90
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
94
91
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
95
|
-
disableCloseOnSelect?: boolean
|
|
96
|
-
allowCustomValue?: boolean
|
|
97
|
-
loading?: boolean
|
|
92
|
+
disableCloseOnSelect?: boolean;
|
|
93
|
+
allowCustomValue?: boolean;
|
|
94
|
+
loading?: boolean;
|
|
98
95
|
noOptionsText?: import("react").ReactNode;
|
|
99
|
-
clearText?: string
|
|
100
|
-
openText?: string
|
|
101
|
-
closeText?: string
|
|
96
|
+
clearText?: string;
|
|
97
|
+
openText?: string;
|
|
98
|
+
closeText?: string;
|
|
102
99
|
loadingText?: import("react").ReactNode;
|
|
103
100
|
onClose?(): void;
|
|
104
101
|
onOpen?(): void;
|
|
105
|
-
disableClearButton?: boolean
|
|
102
|
+
disableClearButton?: boolean;
|
|
106
103
|
searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
|
|
107
|
-
disableShowEmptyOptionsList?: boolean
|
|
108
|
-
disableShowChevron?: boolean
|
|
109
|
-
popoverProps?:
|
|
110
|
-
listProps?:
|
|
104
|
+
disableShowEmptyOptionsList?: boolean;
|
|
105
|
+
disableShowChevron?: boolean;
|
|
106
|
+
popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
|
|
107
|
+
listProps?: import("./components").AutocompleteDropdownProps["listProps"];
|
|
111
108
|
} & {
|
|
112
109
|
error?: boolean | undefined;
|
|
113
110
|
label?: string | undefined;
|
|
@@ -121,26 +118,24 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
|
|
|
121
118
|
fullWidth?: boolean | undefined;
|
|
122
119
|
disableStroke?: boolean | undefined;
|
|
123
120
|
hint?: string | null | undefined;
|
|
124
|
-
renderLeft?:
|
|
125
|
-
renderRight?:
|
|
121
|
+
renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
|
|
122
|
+
renderRight?: import("../FieldIcon").FieldIconProps["icon"];
|
|
126
123
|
inputProps?: import("../FieldInput").FieldInputProps | undefined;
|
|
127
|
-
bodyProps?:
|
|
128
|
-
ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
|
|
129
|
-
}) | undefined;
|
|
124
|
+
bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
|
|
130
125
|
hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
|
|
131
126
|
} & {
|
|
132
|
-
open?:
|
|
133
|
-
defaultOpen?: boolean
|
|
127
|
+
open?: never;
|
|
128
|
+
defaultOpen?: boolean;
|
|
134
129
|
} & (OPTION extends {
|
|
135
|
-
label:
|
|
130
|
+
label: AutocompleteDefaultOption["label"];
|
|
136
131
|
} ? Record<string, unknown> : {
|
|
137
132
|
getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
|
|
138
133
|
}) & (OPTION extends {
|
|
139
|
-
id:
|
|
134
|
+
id: AutocompleteDefaultOption["id"];
|
|
140
135
|
} ? Record<string, unknown> : {
|
|
141
136
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
|
|
142
137
|
}) & (OPTION extends {
|
|
143
|
-
disabled:
|
|
138
|
+
disabled: AutocompleteDefaultOption["disabled"];
|
|
144
139
|
} ? Record<string, unknown> : {
|
|
145
140
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
|
|
146
141
|
}) & {
|
|
@@ -18,7 +18,6 @@ export type AutocompleteRenderOptionProps<OPTION> = {
|
|
|
18
18
|
export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
|
|
19
19
|
export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
|
|
20
20
|
export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
|
|
21
|
-
export type AutocompletePropRenderValue<OPTION> = (value: OPTION) => ReactNode | null;
|
|
22
21
|
export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
|
|
23
22
|
export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
|
|
24
23
|
export type AutocompleteDefaultOption = {
|
|
@@ -52,7 +51,7 @@ export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null
|
|
|
52
51
|
export type AutocompleteRef = InputRef;
|
|
53
52
|
export type AutocompletePropSize = FormElementSizeVariant;
|
|
54
53
|
export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
|
|
55
|
-
/** Если
|
|
54
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
56
55
|
multiple?: MULTIPLE;
|
|
57
56
|
/** Задает максимальное количество отображаемых тегов в компоненте с множественным выбором */
|
|
58
57
|
limitTags?: number | 'responsive';
|
|
@@ -84,11 +83,11 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
84
83
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
85
84
|
/** Функция для определения заблокированного элемента */
|
|
86
85
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
87
|
-
/** Если
|
|
86
|
+
/** Если `true` не закрывает выпадающий список при выборе опции */
|
|
88
87
|
disableCloseOnSelect?: boolean;
|
|
89
|
-
/** Если
|
|
88
|
+
/** Если `true` позволяет вводить кастомное значение в текстовом поле */
|
|
90
89
|
allowCustomValue?: boolean;
|
|
91
|
-
/** Если
|
|
90
|
+
/** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
|
|
92
91
|
loading?: boolean;
|
|
93
92
|
/** Текст компонента при отсутствующих опций */
|
|
94
93
|
noOptionsText?: ReactNode;
|
|
@@ -104,13 +103,13 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
104
103
|
onClose?(): void;
|
|
105
104
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
|
|
106
105
|
onOpen?(): void;
|
|
107
|
-
/** Если
|
|
106
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
108
107
|
disableClearButton?: boolean;
|
|
109
108
|
/** Функция поиска */
|
|
110
109
|
searchFunction?: AutocompletePropSearchFunction<OPTION>;
|
|
111
|
-
/** Если
|
|
110
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
112
111
|
disableShowEmptyOptionsList?: boolean;
|
|
113
|
-
/** Если
|
|
112
|
+
/** Если `true` скрывает кнопку раскрытия/скрытия списка */
|
|
114
113
|
disableShowChevron?: boolean;
|
|
115
114
|
/** Свойства компонента Popover */
|
|
116
115
|
popoverProps?: AutocompleteDropdownProps['popoverProps'];
|
|
@@ -10,7 +10,7 @@ export type AvatarRef = ComponentRef<typeof AVATAR_DEFAULT_TAG>;
|
|
|
10
10
|
export type AvatarProps = ExtendableComponentPropsWithRef<{
|
|
11
11
|
/** Размер */
|
|
12
12
|
size?: AvatarSizeVariant;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` отобразит индикатор онлайна */
|
|
14
14
|
online?: boolean;
|
|
15
15
|
/** url изображения */
|
|
16
16
|
src?: string;
|
|
@@ -8,7 +8,7 @@ export type BackdropBaseProps = {
|
|
|
8
8
|
/** Функция обратного вызова которая будет вызвана когда компонент запрашивает
|
|
9
9
|
* закрытие (клик по подложке) */
|
|
10
10
|
onClose?(): void;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает подложку невидимой */
|
|
12
12
|
isInvisible?: boolean;
|
|
13
13
|
/** Дополнительные CSS-классы */
|
|
14
14
|
className?: string;
|
|
@@ -29,9 +29,9 @@ export type BadgeBaseProps = {
|
|
|
29
29
|
horizontalOrigin?: BadgeHorizontalOriginVariant;
|
|
30
30
|
/** Расположение по вертикали */
|
|
31
31
|
verticalOrigin?: BadgeVerticalOriginVariant;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` отображает нулевое значение */
|
|
33
33
|
showZero?: boolean;
|
|
34
|
-
/** Если
|
|
34
|
+
/** Если `true` компонент будет скрыт */
|
|
35
35
|
invisible?: boolean;
|
|
36
36
|
};
|
|
37
37
|
export type BadgeProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<BadgeBaseProps, As>;
|
|
@@ -28,9 +28,9 @@ type ButtonBaseProps = {
|
|
|
28
28
|
color?: ButtonColorVariant;
|
|
29
29
|
/** Содержимое кнопки */
|
|
30
30
|
children?: ReactNode;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` делает кнопку заблокированной */
|
|
32
32
|
disabled?: boolean;
|
|
33
|
-
/** Если
|
|
33
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
34
34
|
loading?: boolean;
|
|
35
35
|
/** Дополнительные CSS-классы */
|
|
36
36
|
className?: string;
|
|
@@ -38,7 +38,7 @@ type ButtonBaseProps = {
|
|
|
38
38
|
iconLeft?: ButtonIcon;
|
|
39
39
|
/** Иконка справа */
|
|
40
40
|
iconRight?: ButtonIcon;
|
|
41
|
-
/** Если
|
|
41
|
+
/** Если `true` растягивает кнопку на всю ширину родительского контейнера */
|
|
42
42
|
fullWidth?: boolean;
|
|
43
43
|
/** Свойства лейбла кнопки */
|
|
44
44
|
labelProps?: ComponentPropsWithRef<'span'>;
|
|
@@ -5,13 +5,13 @@ import { BUTTON_BASE_DEFAULT_TAG } from './constants';
|
|
|
5
5
|
type ButtonBaseBaseProps = {
|
|
6
6
|
/** Содержимое кнопки */
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` делает кнопку заблокированной */
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
11
11
|
loading?: boolean;
|
|
12
12
|
/** Дополнительные CSS-классы */
|
|
13
13
|
className?: string;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` делает кнопку не стилизованной */
|
|
15
15
|
unstyled?: boolean;
|
|
16
16
|
};
|
|
17
17
|
export type ButtonBaseProps<As extends ElementType = typeof BUTTON_BASE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseBaseProps, As>;
|