@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
|
@@ -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>;
|
|
@@ -27,9 +27,9 @@ export type ButtonBaseProps = {
|
|
|
27
27
|
color?: ButtonColorVariant;
|
|
28
28
|
/** Содержимое кнопки */
|
|
29
29
|
children?: ReactNode;
|
|
30
|
-
/** Если
|
|
30
|
+
/** Если `true` делает кнопку заблокированной */
|
|
31
31
|
disabled?: boolean;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
33
33
|
loading?: boolean;
|
|
34
34
|
/** Дополнительные CSS-классы */
|
|
35
35
|
className?: string;
|
|
@@ -37,7 +37,7 @@ export type ButtonBaseProps = {
|
|
|
37
37
|
iconLeft?: ButtonIcon;
|
|
38
38
|
/** Иконка справа */
|
|
39
39
|
iconRight?: ButtonIcon;
|
|
40
|
-
/** Если
|
|
40
|
+
/** Если `true` растягивает кнопку на всю ширину родительского контейнера */
|
|
41
41
|
fullWidth?: boolean;
|
|
42
42
|
/** Свойства лейбла кнопки */
|
|
43
43
|
labelProps?: ComponentPropsWithRef<'span'>;
|
|
@@ -5,5 +5,5 @@ export declare const cnCalendarDays: import("@bem-react/classname").ClassNameFor
|
|
|
5
5
|
export declare const cnCalendarMoths: import("@bem-react/classname").ClassNameFormatter;
|
|
6
6
|
export declare const cnCalendarYears: import("@bem-react/classname").ClassNameFormatter;
|
|
7
7
|
export declare const CalendarGrid: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
9
9
|
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -21,9 +21,9 @@ export type CardBaseProps = {
|
|
|
21
21
|
backgroundColor?: CardBackgroundColorVariant;
|
|
22
22
|
/** Свойство определяющее стиль отображения границы карточки */
|
|
23
23
|
borderVariant?: CardBorderVariant;
|
|
24
|
-
/** Если
|
|
24
|
+
/** Если `true` отображает компонент заблокированным и отключает взаимодействие с компонентом */
|
|
25
25
|
disabled?: boolean;
|
|
26
|
-
/** Если
|
|
26
|
+
/** Если `true` делает компонент интерактивным */
|
|
27
27
|
interactive?: boolean;
|
|
28
28
|
/** Содержимое карточки */
|
|
29
29
|
children: ReactNode;
|
|
@@ -8,11 +8,11 @@ export type CheckboxRef = ComponentRef<'label'>;
|
|
|
8
8
|
export type CheckboxProps = ExtendableComponentPropsWithRef<{
|
|
9
9
|
/** Размер */
|
|
10
10
|
size?: CheckboxSizeVariant;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает элемент неактивным */
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` делает элемент выбранным */
|
|
14
14
|
checked?: boolean;
|
|
15
|
-
/** Если
|
|
15
|
+
/** Если `true` отображает компонент как частично выбранный */
|
|
16
16
|
indeterminate?: boolean;
|
|
17
17
|
/** Расположение лейбла */
|
|
18
18
|
align?: FormControlLabelProps['align'];
|
|
@@ -14,7 +14,7 @@ export type ChipBaseProps = {
|
|
|
14
14
|
size?: ChipSizeVariant;
|
|
15
15
|
/** Вариант представления компонента */
|
|
16
16
|
color?: ChipColorVariant;
|
|
17
|
-
/** Если
|
|
17
|
+
/** Если `true` компонент отображается как заблокированный */
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
/** Иконка слева */
|
|
20
20
|
iconLeft?: ChipIconComponent;
|
|
@@ -13,9 +13,9 @@ export type ChipBaseProps = {
|
|
|
13
13
|
size?: ChipSizeVariant;
|
|
14
14
|
/** Вариант представления компонента */
|
|
15
15
|
color?: ChipColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` компонент отображается как заблокированный */
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
/** Если
|
|
18
|
+
/** Если `true` делает элемент выбранным */
|
|
19
19
|
checked?: boolean;
|
|
20
20
|
/** Обработчик нажатия */
|
|
21
21
|
onClick?: (e: MouseEvent<HTMLElement>, payload: {
|
|
@@ -25,7 +25,7 @@ export type ChipBaseProps = {
|
|
|
25
25
|
iconLeft?: ChipIcon;
|
|
26
26
|
/** Иконка справа */
|
|
27
27
|
iconRight?: ChipIcon;
|
|
28
|
-
/** Если
|
|
28
|
+
/** Если `true` разбивает длинный текст на несколько строк */
|
|
29
29
|
multiline?: boolean;
|
|
30
30
|
/** Дополнительные СSS-классы */
|
|
31
31
|
className?: string;
|
|
@@ -4,9 +4,9 @@ export type CollapseRef = ComponentRef<'div'>;
|
|
|
4
4
|
export type CollapseProps = ExtendableComponentPropsWithRef<{
|
|
5
5
|
/** Содержимое */
|
|
6
6
|
children?: ReactNode;
|
|
7
|
-
/** Если
|
|
7
|
+
/** Если `true` раскрыт */
|
|
8
8
|
expanded?: boolean;
|
|
9
|
-
/** Если
|
|
9
|
+
/** Если `true` размонтирует контент при закрытии */
|
|
10
10
|
unmountOnClosed?: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* Время анимации
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ClassNameFormatter } from '@bem-react/classname';
|
|
2
2
|
import type { ContainerProps } from './Container';
|
|
3
|
-
export declare const useGenerateGuttersCn: (cn: ClassNameFormatter, gutters: ContainerProps[
|
|
3
|
+
export declare const useGenerateGuttersCn: (cn: ClassNameFormatter, gutters: ContainerProps["gutters"]) => string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ClassNameFormatter } from '@bem-react/classname';
|
|
2
2
|
import type { ContainerProps } from './Container';
|
|
3
|
-
export declare const useGenerateMaxWidthCn: (cn: ClassNameFormatter, maxWidth: ContainerProps[
|
|
3
|
+
export declare const useGenerateMaxWidthCn: (cn: ClassNameFormatter, maxWidth: ContainerProps["maxWidth"]) => string;
|
|
@@ -7,11 +7,11 @@ export type DataListOptionProps = ExtendableComponentPropsWithRef<{
|
|
|
7
7
|
value: string | number;
|
|
8
8
|
/** Лейбл опции */
|
|
9
9
|
label?: string | number;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` отображает опцию заблокированной */
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` отображает опцию сфокусированной (клавиатура) */
|
|
13
13
|
focused?: boolean;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` отображает опцию выбранной */
|
|
15
15
|
selected?: boolean;
|
|
16
16
|
/** Функция обратного вызова обработчик нажатий на клавиатуре */
|
|
17
17
|
onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
|
|
@@ -19,7 +19,7 @@ export type DataListBaseProps<MULTIPLE extends boolean = false> = {
|
|
|
19
19
|
open?: boolean;
|
|
20
20
|
/** Содержимое компонента */
|
|
21
21
|
children: ReactNode;
|
|
22
|
-
/** Если
|
|
22
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
23
23
|
multiple?: MULTIPLE;
|
|
24
24
|
/** Дополнительные CSS-классы */
|
|
25
25
|
className?: string;
|
|
@@ -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");
|
|
@@ -73,4 +73,3 @@ function useDataListNavigation(_a) {
|
|
|
73
73
|
}, [state.focused, state.current, active]);
|
|
74
74
|
return tslib_1.__assign(tslib_1.__assign({}, state), { onClick: onClick, onKeyDown: onKeyDown });
|
|
75
75
|
}
|
|
76
|
-
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;
|
|
@@ -3,37 +3,37 @@ import React from 'react';
|
|
|
3
3
|
import type { DatePickerOnChange } from './types';
|
|
4
4
|
export declare const cnDatePicker: import("@bem-react/classname").ClassNameFormatter;
|
|
5
5
|
export declare const DatePicker: React.ForwardRefExoticComponent<(Omit<{
|
|
6
|
-
value?: Date | null
|
|
7
|
-
defaultValue?: Date | null
|
|
8
|
-
onChange?: DatePickerOnChange
|
|
9
|
-
onInputChange?: import("./types").DatePickerOnInputChange
|
|
10
|
-
onClose?: (
|
|
11
|
-
onOpen?: (
|
|
12
|
-
calendarProps?: import("../Calendar").CalendarProps
|
|
13
|
-
popoverProps?: import("../Popover").PopoverBaseProps
|
|
14
|
-
clearText?: string
|
|
15
|
-
disableClearButton?: boolean
|
|
16
|
-
onError?: import("./types").DatePickerPropOnError
|
|
6
|
+
value?: Date | null;
|
|
7
|
+
defaultValue?: Date | null;
|
|
8
|
+
onChange?: DatePickerOnChange;
|
|
9
|
+
onInputChange?: import("./types").DatePickerOnInputChange;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
onOpen?: () => void;
|
|
12
|
+
calendarProps?: import("../Calendar").CalendarProps;
|
|
13
|
+
popoverProps?: import("../Popover").PopoverBaseProps;
|
|
14
|
+
clearText?: string;
|
|
15
|
+
disableClearButton?: boolean;
|
|
16
|
+
onError?: import("./types").DatePickerPropOnError;
|
|
17
17
|
} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
|
|
18
|
-
open?: boolean
|
|
19
|
-
defaultOpen?:
|
|
18
|
+
open?: boolean;
|
|
19
|
+
defaultOpen?: never;
|
|
20
20
|
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
22
22
|
}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref"> | Omit<{
|
|
23
|
-
value?: Date | null
|
|
24
|
-
defaultValue?: Date | null
|
|
25
|
-
onChange?: DatePickerOnChange
|
|
26
|
-
onInputChange?: import("./types").DatePickerOnInputChange
|
|
27
|
-
onClose?: (
|
|
28
|
-
onOpen?: (
|
|
29
|
-
calendarProps?: import("../Calendar").CalendarProps
|
|
30
|
-
popoverProps?: import("../Popover").PopoverBaseProps
|
|
31
|
-
clearText?: string
|
|
32
|
-
disableClearButton?: boolean
|
|
33
|
-
onError?: import("./types").DatePickerPropOnError
|
|
23
|
+
value?: Date | null;
|
|
24
|
+
defaultValue?: Date | null;
|
|
25
|
+
onChange?: DatePickerOnChange;
|
|
26
|
+
onInputChange?: import("./types").DatePickerOnInputChange;
|
|
27
|
+
onClose?: () => void;
|
|
28
|
+
onOpen?: () => void;
|
|
29
|
+
calendarProps?: import("../Calendar").CalendarProps;
|
|
30
|
+
popoverProps?: import("../Popover").PopoverBaseProps;
|
|
31
|
+
clearText?: string;
|
|
32
|
+
disableClearButton?: boolean;
|
|
33
|
+
onError?: import("./types").DatePickerPropOnError;
|
|
34
34
|
} & Pick<import("../Calendar").CalendarProps, "exclude" | "offsetDate" | "minDate" | "maxDate"> & Pick<import("../Input").InputProps, "error" | "label" | "onKeyDown" | "disabled" | "placeholder" | "required" | "size" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps"> & {
|
|
35
|
-
open?:
|
|
36
|
-
defaultOpen?: boolean
|
|
35
|
+
open?: never;
|
|
36
|
+
defaultOpen?: boolean;
|
|
37
37
|
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
38
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
38
|
+
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
39
39
|
}, "value" | "defaultValue" | "error" | "label" | "onChange" | "onError" | "onKeyDown" | "disabled" | "open" | "onClose" | "placeholder" | "required" | "size" | "exclude" | "fullWidth" | "disableStroke" | "hint" | "renderLeft" | "renderRight" | "inputProps" | "hintProps" | "clearText" | "disableClearButton" | "onInputChange" | "onOpen" | "defaultOpen" | "popoverProps" | "offsetDate" | "minDate" | "maxDate" | "calendarProps">, "ref">) & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -47,7 +47,7 @@ export type DatePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
47
47
|
popoverProps?: PopoverBaseProps;
|
|
48
48
|
/** Текст для кнопки очистки поля */
|
|
49
49
|
clearText?: string;
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
51
51
|
disableClearButton?: boolean;
|
|
52
52
|
/** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
|
|
53
53
|
onError?: DatePickerPropOnError;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { DatePickerProps } from '../../index';
|
|
2
|
-
export declare const isInExclude: ({ exclude, value, }: Pick<DatePickerProps,
|
|
2
|
+
export declare const isInExclude: ({ exclude, value, }: Pick<DatePickerProps, "exclude" | "value">) => boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { DatePickerProps } from '../../index';
|
|
2
|
-
export declare const isOutOfRange: ({ minDate, maxDate, value, }: Pick<DatePickerProps,
|
|
2
|
+
export declare const isOutOfRange: ({ minDate, maxDate, value, }: Pick<DatePickerProps, "minDate" | "maxDate" | "value">) => boolean;
|
|
@@ -2,45 +2,37 @@ import './Dialog.css';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const cnDialog: import("@bem-react/classname").ClassNameFormatter;
|
|
4
4
|
export declare const Dialog: React.ForwardRefExoticComponent<{
|
|
5
|
-
size?: "
|
|
6
|
-
variant?: "
|
|
7
|
-
closeButtonProps?:
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
hideCloseButton?: boolean
|
|
5
|
+
size?: import("./types").DialogSizeVariant;
|
|
6
|
+
variant?: import("./types").DialogVariant;
|
|
7
|
+
closeButtonProps?: Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
|
|
8
|
+
"data-testid"?: string;
|
|
9
|
+
};
|
|
10
|
+
hideCloseButton?: boolean;
|
|
11
11
|
} & {
|
|
12
|
-
open?: boolean
|
|
12
|
+
open?: boolean;
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
onEnter?(): void;
|
|
15
15
|
onEntered?(): void;
|
|
16
16
|
onExit?(): void;
|
|
17
17
|
onExited?(): void;
|
|
18
18
|
onClose?(): void;
|
|
19
|
-
hideBackdrop?: boolean
|
|
20
|
-
keepMounted?: boolean
|
|
21
|
-
disableScrollLock?: boolean
|
|
22
|
-
disableClickOutside?: boolean
|
|
23
|
-
disableEscapeKeyDown?: boolean
|
|
24
|
-
backdropProps?:
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
37
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
38
|
-
}, keyof import("../Paper").PaperBaseProps> & {
|
|
39
|
-
'data-testid'?: string | undefined;
|
|
40
|
-
}) | undefined;
|
|
41
|
-
className?: string | undefined;
|
|
42
|
-
'data-testid'?: string | undefined;
|
|
43
|
-
ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
|
|
19
|
+
hideBackdrop?: boolean;
|
|
20
|
+
keepMounted?: boolean;
|
|
21
|
+
disableScrollLock?: boolean;
|
|
22
|
+
disableClickOutside?: boolean;
|
|
23
|
+
disableEscapeKeyDown?: boolean;
|
|
24
|
+
backdropProps?: import("../Backdrop").BackdropProps & {
|
|
25
|
+
"data-testid"?: string;
|
|
26
|
+
};
|
|
27
|
+
transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
|
|
28
|
+
"data-testid"?: string;
|
|
29
|
+
};
|
|
30
|
+
windowProps?: import("../Paper").PaperProps & {
|
|
31
|
+
"data-testid"?: string;
|
|
32
|
+
};
|
|
33
|
+
className?: string;
|
|
34
|
+
'data-testid'?: string;
|
|
35
|
+
ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
|
|
44
36
|
} & import("../Portal").PortalBaseProps & {
|
|
45
37
|
as?: "div" | undefined;
|
|
46
38
|
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2,46 +2,38 @@ import './Drawer.css';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const cnDrawer: import("@bem-react/classname").ClassNameFormatter;
|
|
4
4
|
export declare const Drawer: React.ForwardRefExoticComponent<{
|
|
5
|
-
variant?: "
|
|
6
|
-
size?: "
|
|
7
|
-
placement?: "
|
|
8
|
-
hideCloseButton?: boolean
|
|
9
|
-
closeButtonProps?:
|
|
10
|
-
|
|
11
|
-
}
|
|
5
|
+
variant?: import("./types").DrawerVariant;
|
|
6
|
+
size?: import("./types").DrawerSizeVariant;
|
|
7
|
+
placement?: import("./types").DrawerPlacementVariant;
|
|
8
|
+
hideCloseButton?: boolean;
|
|
9
|
+
closeButtonProps?: Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
|
|
10
|
+
"data-testid"?: string;
|
|
11
|
+
};
|
|
12
12
|
} & {
|
|
13
|
-
open?: boolean
|
|
13
|
+
open?: boolean;
|
|
14
14
|
children: React.ReactNode;
|
|
15
15
|
onEnter?(): void;
|
|
16
16
|
onEntered?(): void;
|
|
17
17
|
onExit?(): void;
|
|
18
18
|
onExited?(): void;
|
|
19
19
|
onClose?(): void;
|
|
20
|
-
hideBackdrop?: boolean
|
|
21
|
-
keepMounted?: boolean
|
|
22
|
-
disableScrollLock?: boolean
|
|
23
|
-
disableClickOutside?: boolean
|
|
24
|
-
disableEscapeKeyDown?: boolean
|
|
25
|
-
backdropProps?:
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
38
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
39
|
-
}, keyof import("../Paper").PaperBaseProps> & {
|
|
40
|
-
'data-testid'?: string | undefined;
|
|
41
|
-
}) | undefined;
|
|
42
|
-
className?: string | undefined;
|
|
43
|
-
'data-testid'?: string | undefined;
|
|
44
|
-
ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
|
|
20
|
+
hideBackdrop?: boolean;
|
|
21
|
+
keepMounted?: boolean;
|
|
22
|
+
disableScrollLock?: boolean;
|
|
23
|
+
disableClickOutside?: boolean;
|
|
24
|
+
disableEscapeKeyDown?: boolean;
|
|
25
|
+
backdropProps?: import("../Backdrop").BackdropProps & {
|
|
26
|
+
"data-testid"?: string;
|
|
27
|
+
};
|
|
28
|
+
transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
|
|
29
|
+
"data-testid"?: string;
|
|
30
|
+
};
|
|
31
|
+
windowProps?: import("../Paper").PaperProps & {
|
|
32
|
+
"data-testid"?: string;
|
|
33
|
+
};
|
|
34
|
+
className?: string;
|
|
35
|
+
'data-testid'?: string;
|
|
36
|
+
ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
|
|
45
37
|
} & import("../Portal").PortalBaseProps & {
|
|
46
38
|
as?: "div" | undefined;
|
|
47
39
|
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -5,15 +5,15 @@ import type { FIELD_LABEL_DEFAULT_TAG } from './constants';
|
|
|
5
5
|
export type FieldLabelSizeVariant = FormElementSizeVariant;
|
|
6
6
|
export type FieldLabelRef = ComponentRef<typeof FIELD_LABEL_DEFAULT_TAG>;
|
|
7
7
|
export type FieldLabelProps = ExtendableComponentPropsWithRef<{
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` переводит компонент в визуальное состояние заполненный */
|
|
9
9
|
filled?: boolean;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` переводит компонент в визуальное состояние лейбл прижатый к верху */
|
|
11
11
|
shrink?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` переводит компонент в визуальное состояние сфокусированный */
|
|
13
13
|
focused?: boolean;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` переводит компонент в визуальное состояние обязательный */
|
|
15
15
|
required?: boolean;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` переводит компонент в визуальное состояние неактивный */
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
/** Размер компонента */
|
|
19
19
|
size?: FieldLabelSizeVariant;
|
|
@@ -6,5 +6,5 @@ export type FieldsetRef = ComponentRef<typeof FIELDSET_DEFAULT_TAG>;
|
|
|
6
6
|
export type FieldsetProps = ComponentPropsWithRef<typeof FIELDSET_DEFAULT_TAG>;
|
|
7
7
|
export declare const cnFieldset: import("@bem-react/classname").ClassNameFormatter;
|
|
8
8
|
export declare const Fieldset: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & {
|
|
9
|
-
ref?: ((instance: HTMLFieldSetElement | null) => void) | React.RefObject<HTMLFieldSetElement> | null | undefined;
|
|
9
|
+
ref?: ((instance: HTMLFieldSetElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLFieldSetElement> | null | undefined;
|
|
10
10
|
}, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
|
|
@@ -13,9 +13,9 @@ export type FileBaseProps = {
|
|
|
13
13
|
* @default main
|
|
14
14
|
* */
|
|
15
15
|
color?: FileColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` отображает иконку загрузки и изменяет стилизацию */
|
|
17
17
|
loading?: boolean;
|
|
18
|
-
/** Если
|
|
18
|
+
/** Если `true` отображает иконку ошибки и изменяет стилизацию */
|
|
19
19
|
error?: boolean;
|
|
20
20
|
};
|
|
21
21
|
export type FileProps<As extends ElementType = typeof FILE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileBaseProps, As>;
|
|
@@ -11,12 +11,12 @@ export type FilePickerRef = ComponentRef<'div'>;
|
|
|
11
11
|
export type FilePickerPropsDeprecated = {
|
|
12
12
|
/**
|
|
13
13
|
* Ссылка на FieldLabel
|
|
14
|
-
* @deprecated Используйте labelProps.ref
|
|
14
|
+
* @deprecated Используйте `labelProps.ref`
|
|
15
15
|
* */
|
|
16
16
|
labelRef?: FieldLabelProps['ref'];
|
|
17
17
|
/**
|
|
18
18
|
* Ссылка на элемент input
|
|
19
|
-
* @deprecated Используйте inputProps.ref
|
|
19
|
+
* @deprecated Используйте `inputProps.ref`
|
|
20
20
|
* */
|
|
21
21
|
inputRef?: Ref<HTMLInputElement>;
|
|
22
22
|
};
|
|
@@ -35,23 +35,23 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
35
35
|
placeholder?: string;
|
|
36
36
|
/** Функция обратного вызова, которая будет вызвана при выборе файла */
|
|
37
37
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
38
|
-
/** Если
|
|
38
|
+
/** Если `true` можно выбрать несколько файлов */
|
|
39
39
|
multiple?: boolean;
|
|
40
40
|
/** Список выбранных файлов */
|
|
41
41
|
fileList?: File[];
|
|
42
|
-
/** Если
|
|
42
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
43
43
|
fullWidth?: boolean;
|
|
44
|
-
/** Если
|
|
44
|
+
/** Если `true` устанавливает автофокус */
|
|
45
45
|
autoFocus?: boolean;
|
|
46
46
|
/** Свойства элемента input */
|
|
47
47
|
inputProps?: InputElement & {
|
|
48
48
|
'data-testid'?: string;
|
|
49
49
|
};
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true` отключает сокращение длинного названия файла */
|
|
51
51
|
disableTruncate?: boolean;
|
|
52
|
-
/** Если
|
|
52
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
53
53
|
required?: boolean;
|
|
54
|
-
/** Если
|
|
54
|
+
/** Если `true` отключает обводку */
|
|
55
55
|
disableStroke?: boolean;
|
|
56
56
|
/** Текст или иконка слева */
|
|
57
57
|
renderLeft?: FieldIconProps['icon'];
|
|
@@ -59,9 +59,9 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
59
59
|
renderRight?: FieldIconProps['icon'];
|
|
60
60
|
/** Дополнительное описание к полю */
|
|
61
61
|
hint?: string | null;
|
|
62
|
-
/** Если
|
|
62
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
63
63
|
error?: boolean;
|
|
64
|
-
/** Если
|
|
64
|
+
/** Если `true` делает элемент неактивным */
|
|
65
65
|
disabled?: boolean;
|
|
66
66
|
/** Свойства FieldLabel */
|
|
67
67
|
labelProps?: FieldLabelProps;
|
|
@@ -18,7 +18,7 @@ export type FormControlLabelBaseProps = {
|
|
|
18
18
|
align?: FormControlLabelAlignVariant;
|
|
19
19
|
/** Размер (влияет на шрифт лейбла и отступ между лейблом и содержимым компонента) */
|
|
20
20
|
size?: FormControlLabelSizeVariant;
|
|
21
|
-
/** Если
|
|
21
|
+
/** Если `true` визуализирует компонент как заблокированный */
|
|
22
22
|
disabled?: boolean;
|
|
23
23
|
/** Дополнительные CSS-классы */
|
|
24
24
|
className?: string;
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
/* l >= 1280px */
|
|
5
5
|
.Grid {
|
|
6
6
|
display: grid;
|
|
7
|
-
min-inline-size: 0;
|
|
8
7
|
}
|
|
9
8
|
.Grid_cols_1 {
|
|
10
9
|
grid-template-columns: repeat(1, 1fr);
|
|
@@ -802,7 +801,6 @@
|
|
|
802
801
|
--grid-col-end: auto;
|
|
803
802
|
--grid-row-start: auto;
|
|
804
803
|
--grid-row-end: auto;
|
|
805
|
-
min-inline-size: 0;
|
|
806
804
|
grid-column: var(--grid-col-start) / var(--grid-col-end);
|
|
807
805
|
grid-row: var(--grid-row-start) / var(--grid-row-end);
|
|
808
806
|
}
|