profinansy-ui-lib 3.1.18 → 3.1.20

package/dist/components/blocks/sideMenu/hooks/useSaveOpenMode.d.ts

@@ -1,5 +1,6 @@
 import { TSideMenuCategory } from '../SideModal.typed';
+export declare const SIDE_MENU_STATE = "side_menu_state";
 export declare const useSaveOpenMode: (category: TSideMenuCategory) => {
     isOpen: boolean;
-    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setOpenSideMenu: (val: boolean) => void;
 };

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.styled.d.ts

@@ -6,4 +6,6 @@ export declare const Aside: import("styled-components").StyledComponent<"aside",
 export declare const Sticky: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     headerHeight: number;
 }, never>;
-export declare const Main: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {}, never>;
+export declare const Main: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {
+    openMode: boolean;
+}, never>;

package/dist/components/uikit/Button/Button.const.d.ts

@@ -2,25 +2,16 @@ import { ButtonForm, TModesStyle } from './Button.typed';
 import { TTheme } from '../../../theme/theme.typed';
 export declare const getSize: (form: ButtonForm) => {
     M: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
         height: string;
         maxHeight: string;
         borderRadius: string;
     };
     S: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
         height: string;
         maxHeight: string;
         borderRadius: string;
     };
     XS: {
-        fontWeight: number;
-        fontSize: string;
-        lineHeight: string;
         height: string;
         maxHeight: string;
         borderRadius: string;

package/dist/components/uikit/Modal/Modal.styled.d.ts

@@ -8,8 +8,8 @@ export declare const Content: import("styled-components").StyledComponent<"div",
 }, never>;
 export declare const ContentInside: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, {
+export declare const Title: import("styled-components").StyledComponent<({ tag, className, children, variant, title, ...props }: import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties) => JSX.Element, import("styled-components").DefaultTheme, {
     titlePosition: 'left' | 'center';
 }, never>;
-export declare const Subtitle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<({ tag, className, children, variant, title, ...props }: import("../Typography/Typography.typed").ITypographyProps & import("react").CSSProperties) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/uikit/Modal/Modal.typed.d.ts

@@ -30,6 +30,4 @@ export interface IModal {
     titlePosition?: 'left' | 'center';
     /** ID для контейнера, куда будет монтирроваться модалка */
     containerId?: string;
-    /** Блокировать ли скролл на странице при открытии. По умолчанию скролл блокируется */
-    isBlockPageScroll?: boolean;
 }

package/dist/components/uikit/ModalMobile/ModalMobile.typed.d.ts

@@ -10,6 +10,4 @@ export interface IModalMobile {
     onLeftButton?: () => void;
     onRightButton?: () => void;
     closeIconVisible?: boolean;
-    /** Блокировать ли скролл на странице при открытии. По умолчанию скролл блокируется */
-    isBlockPageScroll?: boolean;
 }

package/dist/components/uikit/SideModal/SideModal.typed.d.ts

@@ -1,5 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { IAlert } from '../Alert/Alert.typed';
+import { IModal } from '../Modal/Modal.typed';
 export interface ISideModal {
     /** Состояние попапа. */
     isOpen: boolean;
@@ -21,12 +22,16 @@ export interface ISideModal {
     rightContent?: ReactElement;
     /**Контент, закрепленный снизу попапа*/
     bottomContent?: ReactElement;
+    /** Действие вместо закрытия попапа. */
+    onBeforeClose?: () => void;
     /** Действие при закрытии попапа. */
     onClose?: () => void;
     /** Действие при клике на кнопку назад. */
     onBack?: () => void;
+    /** Пропсы для встроенного попапа. */
+    modal?: IModal;
     /** Пропсы для попапа Alert. */
     alert?: IAlert;
-    /** Блокировать ли скролл на странице при открытии. По умолчанию скролл блокируется */
-    isBlockPageScroll?: boolean;
+    /** Использовать ли внутренний механизм закрытия. */
+    isCloseInside?: boolean;
 }

package/dist/components/uikit/SideModal/components/ModalInside/ModalInside.d.ts

@@ -0,0 +1,6 @@
+import { IModal } from '../../../Modal/Modal.typed';
+interface IProps {
+    data: IModal;
+}
+declare const ModalInside: ({ data }: IProps) => JSX.Element;
+export { ModalInside };

package/dist/components/uikit/Typography/Typography.const.d.ts

@@ -0,0 +1,3 @@
+import { TTypographyVariant } from './Typography.typed';
+export declare const typographyVariants: readonly ["header1-Bold", "header2-ExtraBold", "header2-Bold", "header3-Bold", "header3-SemiBold", "header4-Bold", "header4-SemiBold", "header5-Bold", "header5-SemiBold", "header6-Bold", "header6-SemiBold", "paragraph-Regular", "paragraph-Medium", "text-Regular", "text-Medium", "text-Bold", "description-Regular", "description-Medium", "description-SemiBold", "description-Bold", "caption-Medium", "caption-SemiBold", "caption-Bold", "caption2-Medium", "caption2-SemiBold", "caption2-Bold", "tag-Medium1", "tag-Medium2", "tag-Medium3"];
+export declare const getTypographyParameters: (variant: TTypographyVariant) => number[];

package/dist/components/uikit/Typography/Typography.d.ts

@@ -0,0 +1,4 @@
+import { CSSProperties } from 'react';
+import { ITypographyProps } from './Typography.typed';
+declare const Typography: ({ tag, className, children, variant, title, ...props }: ITypographyProps & CSSProperties) => JSX.Element;
+export { Typography };

package/dist/components/uikit/Typography/Typography.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: ({ tag, className, children, variant, title, ...props }: import("./Typography.typed").ITypographyProps & React.CSSProperties) => JSX.Element;
+    tags: string[];
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};
+export default _default;
+export declare const Typography: () => JSX.Element;

package/dist/components/uikit/Typography/Typography.styled.d.ts

@@ -0,0 +1,5 @@
+import { TTypographyVariant } from './Typography.typed';
+declare const TypographyStyled: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
+    variant: TTypographyVariant;
+}, never>;
+export { TypographyStyled };

package/dist/components/uikit/Typography/Typography.typed.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { typographyVariants } from './Typography.const';
+export type TTypographyVariant = (typeof typographyVariants)[number];
+export interface ITypographyProps {
+    /**HTML тег */
+    tag?: keyof JSX.IntrinsicElements;
+    /**Тип тега */
+    variant: TTypographyVariant;
+    /**Класс элемента */
+    className?: string;
+    /**Контента внутри элемента */
+    children: ReactNode;
+    /**Подсказка на элемент */
+    title?: string;
+}

package/dist/components/uikit/Typography/index.d.ts

@@ -0,0 +1 @@
+export { Typography } from './Typography';

package/dist/hooks/useBlockScroll.d.ts

@@ -1,2 +1,3 @@
-export declare const useBlockScroll: (open: boolean, isBlockPageScroll?: boolean) => void;
+export declare const useBlockScroll: () => void;
+export declare const useBlockScrollOpen: (open: boolean) => void;
 export default useBlockScroll;

package/dist/hooks/useTransitionModal.d.ts

@@ -1,7 +1,16 @@
 import { ReactNode } from 'react';
-declare function useTransitionModal(isOpen: boolean, children: ReactNode, onClose: () => void, isBlockPageScroll: boolean): {
+declare function useControlsForModal(isOpen: boolean, handleClose: () => void): void;
+interface ITransition {
+    isOpen: boolean;
+    isCloseInside?: boolean;
+    children: ReactNode;
+    onClose: () => void;
+    onBeforeClose?: () => void;
+}
+declare function useTransitionModal({ isOpen, isCloseInside, onClose, onBeforeClose, children }: ITransition): {
     animation: boolean;
     content: any;
     showModal: boolean;
+    handleClose: () => void;
 };
-export { useTransitionModal };
+export { useTransitionModal, useControlsForModal };