@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
|
@@ -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
|
}) & {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.defaultGetOptionDisabled = exports.defaultGetOptionLabel = exports.defaultGetOptionKey = void 0;
|
|
4
|
+
exports.withDefaultGetters = withDefaultGetters;
|
|
4
5
|
var tslib_1 = require("tslib");
|
|
5
6
|
var defaultGetOptionKey = function (option) { var _a; return (_a = option.id) !== null && _a !== void 0 ? _a : option; };
|
|
6
7
|
exports.defaultGetOptionKey = defaultGetOptionKey;
|
|
@@ -11,4 +12,3 @@ exports.defaultGetOptionDisabled = defaultGetOptionDisabled;
|
|
|
11
12
|
function withDefaultGetters(props) {
|
|
12
13
|
return tslib_1.__assign(tslib_1.__assign({}, props), { getOptionLabel: props.getOptionLabel || exports.defaultGetOptionLabel, getOptionKey: props.getOptionKey || exports.defaultGetOptionKey, getOptionDisabled: props.getOptionDisabled || exports.defaultGetOptionDisabled });
|
|
13
14
|
}
|
|
14
|
-
exports.withDefaultGetters = withDefaultGetters;
|
|
@@ -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;
|
|
@@ -122,7 +122,7 @@ var AutocompleteDropdownRender = function (inProps, ref) {
|
|
|
122
122
|
disabled: isDisabled,
|
|
123
123
|
},
|
|
124
124
|
props: {
|
|
125
|
-
key: "".concat(idx, "
|
|
125
|
+
key: "".concat(idx, "-").concat(key),
|
|
126
126
|
role: 'option',
|
|
127
127
|
'aria-selected': isSelected,
|
|
128
128
|
'aria-disabled': isDisabled,
|
package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/helpers.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.isNotMultipleParams = exports.isMultipleParams = void 0;
|
|
4
|
+
exports.normalizeOptions = normalizeOptions;
|
|
4
5
|
var tslib_1 = require("tslib");
|
|
5
6
|
var isMultipleParams = function (params) { return !!params.multiple; };
|
|
6
7
|
exports.isMultipleParams = isMultipleParams;
|
|
@@ -33,4 +34,3 @@ function normalizeOptions(options, getOptionKey, getOptionDisabled) {
|
|
|
33
34
|
}
|
|
34
35
|
return res;
|
|
35
36
|
}
|
|
36
|
-
exports.normalizeOptions = normalizeOptions;
|
package/__inner__/cjs/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,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useDataListNavigation =
|
|
3
|
+
exports.useDataListNavigation = useDataListNavigation;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var useMutableRef_1 = require("../../../../../hooks/useMutableRef");
|
|
@@ -68,4 +68,3 @@ function useDataListNavigation(_a) {
|
|
|
68
68
|
}, [state.focused, state.current, active]);
|
|
69
69
|
return tslib_1.__assign(tslib_1.__assign({}, state), { onClick: onClick, onKeyDown: onKeyDown });
|
|
70
70
|
}
|
|
71
|
-
exports.useDataListNavigation = useDataListNavigation;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useScrollContainerToElement =
|
|
3
|
+
exports.useScrollContainerToElement = useScrollContainerToElement;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var scrollContainerToElement_1 = require("../../../../../utils/scrollContainerToElement");
|
|
6
6
|
function useScrollContainerToElement(container, element, behavior) {
|
|
@@ -12,4 +12,3 @@ function useScrollContainerToElement(container, element, behavior) {
|
|
|
12
12
|
});
|
|
13
13
|
}, [container, element]);
|
|
14
14
|
}
|
|
15
|
-
exports.useScrollContainerToElement = useScrollContainerToElement;
|
package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/components/helpers.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createMap = exports.calcElementsSize = exports.
|
|
3
|
+
exports.createMap = exports.calcElementsSize = exports.getAutocompleteSizeToTag = void 0;
|
|
4
|
+
exports.calcElementSize = calcElementSize;
|
|
4
5
|
var getByMap_1 = require("../../../../../utils/getByMap");
|
|
5
6
|
var typeMap = {
|
|
6
7
|
'2xs': '2xs',
|
|
@@ -21,7 +22,6 @@ function calcElementSize(el) {
|
|
|
21
22
|
parseInt(marginRight, 10) +
|
|
22
23
|
parseInt(marginLeft, 10));
|
|
23
24
|
}
|
|
24
|
-
exports.calcElementSize = calcElementSize;
|
|
25
25
|
var calcElementsSize = function (elements, map) {
|
|
26
26
|
var sum = 0;
|
|
27
27
|
for (var index = 0; index < elements.length; index++) {
|
|
@@ -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
|
}) & {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isNotMultipleParams = exports.isMultipleParams = exports.
|
|
3
|
+
exports.isNotMultipleParams = exports.isMultipleParams = exports.defaultGetOptionDisabled = exports.defaultGetOptionLabel = exports.defaultGetOptionKey = void 0;
|
|
4
|
+
exports.withDefaultGetters = withDefaultGetters;
|
|
4
5
|
var tslib_1 = require("tslib");
|
|
5
6
|
var defaultGetOptionKey = function (option) { var _a; return (_a = option.id) !== null && _a !== void 0 ? _a : option; };
|
|
6
7
|
exports.defaultGetOptionKey = defaultGetOptionKey;
|
|
@@ -11,7 +12,6 @@ exports.defaultGetOptionDisabled = defaultGetOptionDisabled;
|
|
|
11
12
|
function withDefaultGetters(props) {
|
|
12
13
|
return tslib_1.__assign(tslib_1.__assign({}, props), { getOptionLabel: props.getOptionLabel || exports.defaultGetOptionLabel, getOptionKey: props.getOptionKey || exports.defaultGetOptionKey, getOptionDisabled: props.getOptionDisabled || exports.defaultGetOptionDisabled });
|
|
13
14
|
}
|
|
14
|
-
exports.withDefaultGetters = withDefaultGetters;
|
|
15
15
|
var isMultipleParams = function (params) { return !!params.multiple; };
|
|
16
16
|
exports.isMultipleParams = isMultipleParams;
|
|
17
17
|
var isNotMultipleParams = function (params) { return !params.multiple; };
|
|
@@ -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'];
|