@ozen-ui/kit 0.58.4 → 0.60.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/Autocomplete/helper.d.ts +50 -55
- package/__inner__/cjs/components/Autocomplete/helper.js +2 -2
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/helpers.js +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/Calendar/components/CalendarGrid/CalendarGrid.d.ts +1 -1
- 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/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/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/Fieldset/Fieldset.d.ts +1 -1
- package/__inner__/cjs/components/Grid/useGrid.d.ts +1 -3
- 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/Pagination/components/PaginationItem/utils.d.ts +0 -1
- package/__inner__/cjs/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts +1 -1
- package/__inner__/cjs/components/Portal/PortalManager.js +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 +0 -1
- 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/ThemeProvider/ThemeProviderContext.d.ts +0 -1
- package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.js +2 -2
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +15 -15
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +20 -20
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css +15 -15
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css +20 -20
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDark.css +15 -15
- package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
- package/__inner__/cjs/components/ThemeProvider/index.d.ts +2 -0
- package/__inner__/cjs/components/ThemeProvider/index.js +2 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.d.ts +14 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.js +30 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.d.ts +14 -0
- package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.js +30 -0
- 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/Autocomplete/helper.d.ts +50 -55
- package/__inner__/esm/components/AutocompleteNext/helpers.d.ts +50 -55
- package/__inner__/esm/components/Calendar/components/CalendarGrid/CalendarGrid.d.ts +1 -1
- package/__inner__/esm/components/Container/useGutters.d.ts +1 -1
- package/__inner__/esm/components/Container/useMaxWidth.d.ts +1 -1
- package/__inner__/esm/components/DatePicker/DatePicker.d.ts +28 -28
- 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/Fieldset/Fieldset.d.ts +1 -1
- package/__inner__/esm/components/Grid/useGrid.d.ts +1 -3
- package/__inner__/esm/components/Modal/Modal.d.ts +18 -26
- 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/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 +0 -1
- 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/ThemeProvider/ThemeProviderContext.d.ts +0 -1
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css +15 -15
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css +20 -20
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css +15 -15
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css +20 -20
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDark.css +15 -15
- package/__inner__/esm/components/ThemeProvider/_color/Theme_color_vipDefault.css +20 -20
- package/__inner__/esm/components/ThemeProvider/index.d.ts +2 -0
- package/__inner__/esm/components/ThemeProvider/index.js +2 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDark.d.ts +14 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDark.js +27 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDefault.d.ts +14 -0
- package/__inner__/esm/components/ThemeProvider/themes/themeVipDefault.js +27 -0
- 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
|
@@ -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>>;
|
|
@@ -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>>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import type { ClassNameFormatter } from '@bem-react/classname';
|
|
2
2
|
import type { ResponsiveValue } from '../../types/ResponsiveValue';
|
|
3
3
|
export type Mod = string | number | ResponsiveValue<string | number> | undefined;
|
|
4
|
-
export declare const useGenerateGridModsCn: (cn: ClassNameFormatter, mods: {
|
|
5
|
-
[x: string]: Mod;
|
|
6
|
-
}) => string;
|
|
4
|
+
export declare const useGenerateGridModsCn: (cn: ClassNameFormatter, mods: { [key in string]: Mod; }) => string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useMenuFocusList =
|
|
3
|
+
exports.useMenuFocusList = useMenuFocusList;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var getNextIndex_1 = require("../../utils/getNextIndex");
|
|
6
6
|
var getPrevIndex_1 = require("../../utils/getPrevIndex");
|
|
@@ -36,4 +36,3 @@ function useMenuFocusList(nodes) {
|
|
|
36
36
|
}, []);
|
|
37
37
|
return { onKeyDown: onKeyDown };
|
|
38
38
|
}
|
|
39
|
-
exports.useMenuFocusList = useMenuFocusList;
|
|
@@ -2,38 +2,30 @@ import './Modal.css';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const cnModal: import("@bem-react/classname").ClassNameFormatter;
|
|
4
4
|
export declare const Modal: React.ForwardRefExoticComponent<{
|
|
5
|
-
open?: boolean
|
|
5
|
+
open?: boolean;
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
onEnter?(): void;
|
|
8
8
|
onEntered?(): void;
|
|
9
9
|
onExit?(): void;
|
|
10
10
|
onExited?(): void;
|
|
11
11
|
onClose?(): void;
|
|
12
|
-
hideBackdrop?: boolean
|
|
13
|
-
keepMounted?: boolean
|
|
14
|
-
disableScrollLock?: boolean
|
|
15
|
-
disableClickOutside?: boolean
|
|
16
|
-
disableEscapeKeyDown?: boolean
|
|
17
|
-
backdropProps?:
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
30
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
31
|
-
}, keyof import("../Paper").PaperBaseProps> & {
|
|
32
|
-
'data-testid'?: string | undefined;
|
|
33
|
-
}) | undefined;
|
|
34
|
-
className?: string | undefined;
|
|
35
|
-
'data-testid'?: string | undefined;
|
|
36
|
-
ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
|
|
12
|
+
hideBackdrop?: boolean;
|
|
13
|
+
keepMounted?: boolean;
|
|
14
|
+
disableScrollLock?: boolean;
|
|
15
|
+
disableClickOutside?: boolean;
|
|
16
|
+
disableEscapeKeyDown?: boolean;
|
|
17
|
+
backdropProps?: import("../Backdrop").BackdropProps & {
|
|
18
|
+
"data-testid"?: string;
|
|
19
|
+
};
|
|
20
|
+
transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
|
|
21
|
+
"data-testid"?: string;
|
|
22
|
+
};
|
|
23
|
+
windowProps?: import("../Paper").PaperProps & {
|
|
24
|
+
"data-testid"?: string;
|
|
25
|
+
};
|
|
26
|
+
className?: string;
|
|
27
|
+
'data-testid'?: string;
|
|
28
|
+
ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
|
|
37
29
|
} & import("../Portal").PortalBaseProps & {
|
|
38
30
|
as?: "div" | undefined;
|
|
39
31
|
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useModalManager =
|
|
3
|
+
exports.useModalManager = useModalManager;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var Portal_1 = require("../Portal");
|
|
6
6
|
function useModalManager(ref, key, open) {
|
|
@@ -28,4 +28,3 @@ function useModalManager(ref, key, open) {
|
|
|
28
28
|
}, [open, key]);
|
|
29
29
|
return { portals: portals, refsClickOutside: refsClickOutside, isTop: isTop };
|
|
30
30
|
}
|
|
31
|
-
exports.useModalManager = useModalManager;
|
package/__inner__/cjs/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts
CHANGED
|
@@ -5,4 +5,4 @@ export type PaginationRangeWithNavigationType = [
|
|
|
5
5
|
...PaginationRangeType,
|
|
6
6
|
NextType
|
|
7
7
|
];
|
|
8
|
-
export declare const withNavigationButton: (arr: PaginationRangeType) =>
|
|
8
|
+
export declare const withNavigationButton: (arr: PaginationRangeType) => PaginationRangeWithNavigationType;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.portalManager = exports.createPortalManager = void 0;
|
|
4
|
+
exports.usePortalManager = usePortalManager;
|
|
4
5
|
var tslib_1 = require("tslib");
|
|
5
6
|
var react_1 = require("react");
|
|
6
7
|
var createPortalManager = function () {
|
|
@@ -48,4 +49,3 @@ function usePortalManager() {
|
|
|
48
49
|
};
|
|
49
50
|
return { portals: portals, add: add, remove: remove };
|
|
50
51
|
}
|
|
51
|
-
exports.usePortalManager = usePortalManager;
|
|
@@ -9,5 +9,5 @@ export type SnackbarProviderProps = Partial<SnackbarProps> & SnackbarCommonProps
|
|
|
9
9
|
};
|
|
10
10
|
export declare const SnackbarProvider: React.ForwardRefExoticComponent<Partial<SnackbarProps> & SnackbarCommonProps & {
|
|
11
11
|
/** Максимальное количество одновременно отображенных сообщений */
|
|
12
|
-
maxMessages?: number
|
|
12
|
+
maxMessages?: number;
|
|
13
13
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -12,5 +12,5 @@ export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../
|
|
|
12
12
|
as?: "div" | undefined;
|
|
13
13
|
} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & {
|
|
14
14
|
/** Расположение сообщения относительно контейнера */
|
|
15
|
-
anchorOrigin?: SnackbarAnchorOrigin
|
|
15
|
+
anchorOrigin?: SnackbarAnchorOrigin;
|
|
16
16
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useSnackbarManager =
|
|
3
|
+
exports.useSnackbarManager = useSnackbarManager;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var PortalManager_1 = require("../../../Portal/PortalManager");
|
|
6
6
|
function useSnackbarManager(ref, key) {
|
|
@@ -12,4 +12,3 @@ function useSnackbarManager(ref, key) {
|
|
|
12
12
|
};
|
|
13
13
|
}, []);
|
|
14
14
|
}
|
|
15
|
-
exports.useSnackbarManager = useSnackbarManager;
|
|
@@ -9,16 +9,16 @@ export declare const SnackbarItem: React.ForwardRefExoticComponent<{
|
|
|
9
9
|
opening: boolean;
|
|
10
10
|
messageId: import("../..").SnackbarMessageId;
|
|
11
11
|
anchorOrigin: import("../..").SnackbarAnchorOrigin;
|
|
12
|
-
rootProps?:
|
|
13
|
-
|
|
14
|
-
}
|
|
12
|
+
rootProps?: React.HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
"data-testid"?: string;
|
|
14
|
+
};
|
|
15
15
|
description?: React.ReactNode;
|
|
16
|
-
onClose?: (
|
|
17
|
-
onExit?: (
|
|
18
|
-
onExited?: (
|
|
19
|
-
onEnter?: (
|
|
20
|
-
onEntered?: (
|
|
21
|
-
renderContent?: (
|
|
22
|
-
collapseTransitionTimeout?: number
|
|
23
|
-
contentTransitionTimeout?: number
|
|
16
|
+
onClose?: (messageId: import("../..").SnackbarMessageId) => void;
|
|
17
|
+
onExit?: (messageId: import("../..").SnackbarMessageId) => void;
|
|
18
|
+
onExited?: (messageId: import("../..").SnackbarMessageId) => void;
|
|
19
|
+
onEnter?: (messageId: import("../..").SnackbarMessageId) => void;
|
|
20
|
+
onEntered?: (messageId: import("../..").SnackbarMessageId) => void;
|
|
21
|
+
renderContent?: (props: import("./types").SnackbarItemRenderContentProps) => React.ReactNode;
|
|
22
|
+
collapseTransitionTimeout?: number;
|
|
23
|
+
contentTransitionTimeout?: number;
|
|
24
24
|
} & Required<import("../..").SnackbarCommonProps> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ClassNameFormatter } from '@bem-react/classname';
|
|
2
2
|
import type { StackProps } from '../types';
|
|
3
|
-
export declare const generateDirectionCn: (cn: ClassNameFormatter, direction: StackProps[
|
|
3
|
+
export declare const generateDirectionCn: (cn: ClassNameFormatter, direction: StackProps["direction"]) => string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ClassNameFormatter } from '@bem-react/classname';
|
|
2
2
|
import type { StackProps } from '../types';
|
|
3
|
-
export declare const generateGapCn: (cn: ClassNameFormatter, gap: StackProps[
|
|
3
|
+
export declare const generateGapCn: (cn: ClassNameFormatter, gap: StackProps["gap"]) => string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.ThemeProviderContext = void 0;
|
|
4
|
+
exports.useTheme = useTheme;
|
|
4
5
|
var react_1 = require("react");
|
|
5
6
|
exports.ThemeProviderContext = (0, react_1.createContext)(undefined);
|
|
6
7
|
function useTheme() {
|
|
7
8
|
return (0, react_1.useContext)(exports.ThemeProviderContext);
|
|
8
9
|
}
|
|
9
|
-
exports.useTheme = useTheme;
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #023dff;
|
|
54
54
|
--color-background-action-pressed: #3564ff;
|
|
55
55
|
--color-background-action-active-disabled: #0a2171;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #0d1841;
|
|
57
|
+
--color-background-action-light-hover: #0a2171;
|
|
58
|
+
--color-background-action-light-pressed: #082ba0;
|
|
59
59
|
--color-background-accent-action-light: #0a2171;
|
|
60
60
|
--color-background-accent-action-light-hover: #082ba0;
|
|
61
61
|
--color-background-accent-action-light-pressed: #0534d0;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #cf4a4b;
|
|
73
73
|
--color-background-error-hover: #ff5959;
|
|
74
74
|
--color-background-error-pressed: #ff7a7a;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #401e20;
|
|
76
|
+
--color-background-error-light-hover: #702d2e;
|
|
77
|
+
--color-background-error-light-pressed: #9f3b3d;
|
|
78
78
|
--color-background-accent-error-light: #702d2e;
|
|
79
79
|
--color-background-accent-error-light-hover: #9f3b3d;
|
|
80
80
|
--color-background-accent-error-light-pressed: #cf4a4b;
|
|
81
81
|
--color-background-warning: #cf8d2a;
|
|
82
82
|
--color-background-warning-hover: #ffac30;
|
|
83
83
|
--color-background-warning-pressed: #ffbd59;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #402e18;
|
|
85
|
+
--color-background-warning-light-hover: #704e1e;
|
|
86
|
+
--color-background-warning-light-pressed: #9f6d24;
|
|
87
87
|
--color-background-accent-warning-light: #704e1e;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f6d24;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf8d2a;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #6a05d0;
|
|
100
100
|
--color-background-info-hover: #8002ff;
|
|
101
101
|
--color-background-info-pressed: #9a35ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #270d41;
|
|
103
|
+
--color-background-info-light-hover: #3d0a71;
|
|
104
|
+
--color-background-info-light-pressed: #5307a0;
|
|
105
105
|
--color-background-accent-info-light: #3d0a71;
|
|
106
106
|
--color-background-accent-info-light-hover: #5307a0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #6a05d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #0534d0;
|
|
8
|
+
--color-content-action-hover: #082ba0;
|
|
9
|
+
--color-content-action-pressed: #0a2171;
|
|
10
|
+
--color-content-action-dark: #0d1841;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #cf4a4b;
|
|
17
|
+
--color-content-error-hover: #9f3b3d;
|
|
18
|
+
--color-content-error-pressed: #702d2e;
|
|
19
|
+
--color-content-error-dark: #401e20;
|
|
20
|
+
--color-content-warning: #cf8d2a;
|
|
21
|
+
--color-content-warning-hover: #9f6d24;
|
|
22
|
+
--color-content-warning-pressed: #704e1e;
|
|
23
|
+
--color-content-warning-dark: #402e18;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #6a05d0;
|
|
29
|
+
--color-content-info-hover: #5307a0;
|
|
30
|
+
--color-content-info-pressed: #3d0a71;
|
|
31
|
+
--color-content-info-dark: #270d41;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-primary: #989aa5;
|
|
34
34
|
--color-accent-primary: #1b1c24;
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
--color-background-action-hover: #0b0;
|
|
54
54
|
--color-background-action-pressed: #33c933;
|
|
55
55
|
--color-background-action-active-disabled: #0a540b;
|
|
56
|
-
--color-background-action-light: #
|
|
57
|
-
--color-background-action-light-hover: #
|
|
58
|
-
--color-background-action-light-pressed: #
|
|
56
|
+
--color-background-action-light: #0d310e;
|
|
57
|
+
--color-background-action-light-hover: #0a540b;
|
|
58
|
+
--color-background-action-light-pressed: #067607;
|
|
59
59
|
--color-background-accent-action-light: #0a540b;
|
|
60
60
|
--color-background-accent-action-light-hover: #067607;
|
|
61
61
|
--color-background-accent-action-light-pressed: #039904;
|
|
@@ -72,36 +72,36 @@
|
|
|
72
72
|
--color-background-error: #cf4a4b;
|
|
73
73
|
--color-background-error-hover: #ff5959;
|
|
74
74
|
--color-background-error-pressed: #ff7a7a;
|
|
75
|
-
--color-background-error-light: #
|
|
76
|
-
--color-background-error-light-hover: #
|
|
77
|
-
--color-background-error-light-pressed: #
|
|
75
|
+
--color-background-error-light: #401e20;
|
|
76
|
+
--color-background-error-light-hover: #702d2e;
|
|
77
|
+
--color-background-error-light-pressed: #9f3b3d;
|
|
78
78
|
--color-background-accent-error-light: #702d2e;
|
|
79
79
|
--color-background-accent-error-light-hover: #9f3b3d;
|
|
80
80
|
--color-background-accent-error-light-pressed: #cf4a4b;
|
|
81
81
|
--color-background-warning: #cf8d2a;
|
|
82
82
|
--color-background-warning-hover: #ffac30;
|
|
83
83
|
--color-background-warning-pressed: #ffbd59;
|
|
84
|
-
--color-background-warning-light: #
|
|
85
|
-
--color-background-warning-light-hover: #
|
|
86
|
-
--color-background-warning-light-pressed: #
|
|
84
|
+
--color-background-warning-light: #402e18;
|
|
85
|
+
--color-background-warning-light-hover: #704e1e;
|
|
86
|
+
--color-background-warning-light-pressed: #9f6d24;
|
|
87
87
|
--color-background-accent-warning-light: #704e1e;
|
|
88
88
|
--color-background-accent-warning-light-hover: #9f6d24;
|
|
89
89
|
--color-background-accent-warning-light-pressed: #cf8d2a;
|
|
90
90
|
--color-background-success: #039904;
|
|
91
91
|
--color-background-success-hover: #0b0;
|
|
92
92
|
--color-background-success-pressed: #33c933;
|
|
93
|
-
--color-background-success-light: #
|
|
94
|
-
--color-background-success-light-hover: #
|
|
95
|
-
--color-background-success-light-pressed: #
|
|
93
|
+
--color-background-success-light: #0d310e;
|
|
94
|
+
--color-background-success-light-hover: #0a540b;
|
|
95
|
+
--color-background-success-light-pressed: #067607;
|
|
96
96
|
--color-background-accent-success-light: #0a540b;
|
|
97
97
|
--color-background-accent-success-light-hover: #067607;
|
|
98
98
|
--color-background-accent-success-light-pressed: #039904;
|
|
99
99
|
--color-background-info: #0534d0;
|
|
100
100
|
--color-background-info-hover: #023dff;
|
|
101
101
|
--color-background-info-pressed: #3564ff;
|
|
102
|
-
--color-background-info-light: #
|
|
103
|
-
--color-background-info-light-hover: #
|
|
104
|
-
--color-background-info-light-pressed: #
|
|
102
|
+
--color-background-info-light: #0d1841;
|
|
103
|
+
--color-background-info-light-hover: #0a2171;
|
|
104
|
+
--color-background-info-light-pressed: #082ba0;
|
|
105
105
|
--color-background-accent-info-light: #0a2171;
|
|
106
106
|
--color-background-accent-info-light-hover: #082ba0;
|
|
107
107
|
--color-background-accent-info-light-pressed: #0534d0;
|
|
@@ -4,31 +4,31 @@
|
|
|
4
4
|
--color-content-tertiary: #7e8194;
|
|
5
5
|
--color-content-disabled: #9a9eb5;
|
|
6
6
|
--color-content-ghost-disabled: rgb(255 255 255 / 40%);
|
|
7
|
-
--color-content-action: #
|
|
8
|
-
--color-content-action-hover: #
|
|
9
|
-
--color-content-action-pressed: #
|
|
10
|
-
--color-content-action-dark: #
|
|
7
|
+
--color-content-action: #039904;
|
|
8
|
+
--color-content-action-hover: #067607;
|
|
9
|
+
--color-content-action-pressed: #0a540b;
|
|
10
|
+
--color-content-action-dark: #0d310e;
|
|
11
11
|
--color-content-action-secondary: #2c2c33;
|
|
12
12
|
--color-content-action-secondary-hover: #1e1d22;
|
|
13
13
|
--color-content-action-secondary-pressed: #17161a;
|
|
14
14
|
--color-content-action-secondary-dark: #17161a;
|
|
15
15
|
--color-content-action-on: #fff;
|
|
16
|
-
--color-content-error: #
|
|
17
|
-
--color-content-error-hover: #
|
|
18
|
-
--color-content-error-pressed: #
|
|
19
|
-
--color-content-error-dark: #
|
|
20
|
-
--color-content-warning: #
|
|
21
|
-
--color-content-warning-hover: #
|
|
22
|
-
--color-content-warning-pressed: #
|
|
23
|
-
--color-content-warning-dark: #
|
|
24
|
-
--color-content-success: #
|
|
25
|
-
--color-content-success-hover: #
|
|
26
|
-
--color-content-success-pressed: #
|
|
27
|
-
--color-content-success-dark: #
|
|
28
|
-
--color-content-info: #
|
|
29
|
-
--color-content-info-hover: #
|
|
30
|
-
--color-content-info-pressed: #
|
|
31
|
-
--color-content-info-dark: #
|
|
16
|
+
--color-content-error: #cf4a4b;
|
|
17
|
+
--color-content-error-hover: #9f3b3d;
|
|
18
|
+
--color-content-error-pressed: #702d2e;
|
|
19
|
+
--color-content-error-dark: #401e20;
|
|
20
|
+
--color-content-warning: #cf8d2a;
|
|
21
|
+
--color-content-warning-hover: #9f6d24;
|
|
22
|
+
--color-content-warning-pressed: #704e1e;
|
|
23
|
+
--color-content-warning-dark: #402e18;
|
|
24
|
+
--color-content-success: #039904;
|
|
25
|
+
--color-content-success-hover: #067607;
|
|
26
|
+
--color-content-success-pressed: #0a540b;
|
|
27
|
+
--color-content-success-dark: #0d310e;
|
|
28
|
+
--color-content-info: #0534d0;
|
|
29
|
+
--color-content-info-hover: #082ba0;
|
|
30
|
+
--color-content-info-pressed: #0a2171;
|
|
31
|
+
--color-content-info-dark: #0d1841;
|
|
32
32
|
--color-content-primary-inverse: #fff;
|
|
33
33
|
--color-content-accent-secondary: #989aa5;
|
|
34
34
|
--color-accent-main: #14151b;
|