profinansy-ui-lib 2.0.1 → 2.0.2

package/dist/assets/avatar-icon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IconsInterface } from '../common.types';
+export declare const AvatarIcon: FC<IconsInterface>;

package/dist/assets/close-gray.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IconsInterface } from '../common.types';
+export declare const CloseGrayIcon: FC<IconsInterface>;

package/dist/components/footer/footer.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { UserRole } from '../../common.types';
+import { UserRole } from '@src/common.types';
 export type FooterProps = {
     userRole: UserRole;
     clubAccess: boolean;

package/dist/components/header/constants.d.ts

@@ -1,4 +1,4 @@
-import { HeaderLinkType, UserRole } from '../../common.types';
+import { HeaderLinkType, UserRole } from '@src/common.types';
 export declare const getMainLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => Record<UserRole, HeaderLinkType[]>;
 export declare const LeaderBoardLinks: (permission: boolean, profinansyHostname: string, isGuest?: boolean) => ({
     name: string;
@@ -17,7 +17,7 @@ export declare const LeaderBoardLinks: (permission: boolean, profinansyHostname:
 export declare const getClubLinks: (access: boolean, profinansyHostname: string) => {
     name: string;
     href: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     iconSize: {
         width: number;
         height: number;
@@ -31,14 +31,14 @@ export declare const getClubLinks: (access: boolean, profinansyHostname: string)
 export declare const guestLinks: (profinansyHostname: string) => HeaderLinkType[];
 export declare const authorizedLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => ({
     name: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     href: string;
     subPages: any[];
     iconSize?: undefined;
     innerPages?: undefined;
 } | {
     name: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     iconSize: {
         width: number;
         height: number;
@@ -66,7 +66,7 @@ export declare const authorizedLinks: (profinansyHostname: string, isTest: boole
     innerPages: string[];
 } | {
     name: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     iconSize: {
         width: number;
         height: number;
@@ -95,14 +95,14 @@ export declare const authorizedLinks: (profinansyHostname: string, isTest: boole
 })[];
 export declare const paidLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => ({
     name: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     href: string;
     subPages: any[];
     iconSize?: undefined;
     innerPages?: undefined;
 } | {
     name: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     iconSize: {
         width: number;
         height: number;
@@ -130,7 +130,7 @@ export declare const paidLinks: (profinansyHostname: string, isTest: boolean, le
     innerPages: string[];
 } | {
     name: string;
-    Icon: import("react").FC<import("../../common.types").IconsInterface>;
+    Icon: import("react").FC<import("@src/common.types").IconsInterface>;
     iconSize: {
         width: number;
         height: number;

package/dist/components/header/header.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { UserRole } from '../../common.types';
+import { UserRole } from '@src/common.types';
 type Props = {
     userRole: UserRole;
     avatarUrl?: string;

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

@@ -0,0 +1,3 @@
+import { IAvatar } from './Avatar.typed';
+declare const Avatar: ({ link, size }: IAvatar) => JSX.Element;
+export { Avatar };

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ link, size }: import("./Avatar.typed").IAvatar) => JSX.Element;
+};
+export default _default;
+export declare const Avatar: () => JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare const Avatar: import("styled-components").StyledComponent<"img", any, {
+    size: string;
+}, never>;
+export declare const NotAvatar: import("styled-components").StyledComponent<"div", any, {
+    size: string;
+}, never>;

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

@@ -0,0 +1,4 @@
+export interface IAvatar {
+    link?: string;
+    size: string;
+}

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

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

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

@@ -0,0 +1,3 @@
+import { IErrorText } from './ErrorText.typed';
+declare const ErrorText: ({ text }: IErrorText) => JSX.Element;
+export { ErrorText };

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: ({ text }: import("./ErrorText.typed").IErrorText) => JSX.Element;
+};
+export default _default;
+export declare const ErrorText: () => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IErrorText {
+    /**Текст ошибки*/
+    text: React.ReactNode | string;
+}

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

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

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

@@ -0,0 +1,4 @@
+export declare const RegexPattern: {
+    NUMBER: RegExp;
+    FLOAT_NUMBER: RegExp;
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IInput } from './Input.typed';
+declare const Input: React.ForwardRefExoticComponent<IInput & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Input.typed").IInput & React.RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Input: () => JSX.Element;

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

@@ -0,0 +1,17 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"span", any, {
+    iconBorder: boolean;
+} & {
+    iconBorder: boolean;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", any, {
+    iconBorder: boolean;
+} & {
+    iconBorder: boolean;
+    rightTextColor: string;
+}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, {
+    icon: boolean;
+    error: boolean;
+}, never>;

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

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+export interface IInput {
+    /**Значение инпута*/
+    value: string;
+    placeholder?: string;
+    name: string;
+    type?: 'text' | 'password' | 'number';
+    readonly?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    maxLength?: number;
+    numAfterDot?: number;
+    icon?: ReactNode;
+    rightText?: string;
+    rightTextColor?: string;
+    autoComplete?: 'on' | 'off';
+    inputClassName?: string;
+    iconBorder?: boolean;
+    pattern?: RegExp;
+    error?: boolean | string | React.ReactNode;
+    onChange?: (val: string, evt: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onKeyDown?: (evt: React.KeyboardEvent<HTMLInputElement>) => void;
+    onClick?: () => void;
+}

package/dist/components/uikit/Input/Input.utils.d.ts

@@ -0,0 +1 @@
+export declare const numberWithSpaces: (val: string) => string;

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

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export { RegexPattern } from './Input.const';

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

@@ -0,0 +1,3 @@
+import { IModal } from './Modal.typed';
+declare const Modal: (props: IModal) => JSX.Element;
+export { Modal };

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    component: (props: import("./Modal.typed").IModal) => JSX.Element;
+};
+export default _default;
+export declare const Modal: () => JSX.Element;

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

@@ -0,0 +1,21 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
+    open: boolean;
+}, never>;
+export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {
+    theme: 'light' | 'dark';
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {
+    borderHeader: boolean;
+}, never>;
+export declare const HeaderFirstLine: import("styled-components").StyledComponent<"div", any, {
+    onlyCloseIcon: boolean;
+}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h2", any, {
+    theme: 'light' | 'dark';
+    titlePosition: 'left' | 'center';
+}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<"span", any, {
+    theme: 'light' | 'dark';
+}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,32 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface IModal {
+    /** Состояние попапа. */
+    open: boolean;
+    /** Действие при закрытии попапа. */
+    onClose: () => void;
+    /** Контент попапа. */
+    children: ReactNode;
+    /** Показывать ли кнопку закрытия. */
+    showCloseButton?: boolean;
+    /** Показывать ли бордер у title. */
+    borderHeader?: boolean;
+    /** Заголовок модалки */
+    title?: string;
+    /** Подзаголовок модалки */
+    subtitle?: string;
+    /** Тема */
+    theme?: 'light' | 'dark';
+    /** инлайновые стили для контента попапа */
+    styleContent?: CSSProperties;
+    /** инлайновые стили для фона попапа */
+    styleBackground?: CSSProperties;
+    /** класс для фона попапа */
+    classNameBackground?: string;
+    /** класс для контента попапа */
+    classNameContent?: string;
+    /** класс для хедера попапа */
+    classNameHeader?: string;
+    classNameWrapper?: string;
+    /** центрирование заголовка */
+    titlePosition?: 'left' | 'center';
+}

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

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

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

@@ -0,0 +1 @@
+export declare const Scroll = "\n    scrollbar-color: #a398f9 rgba(224, 224, 224, 0.2);\n    scrollbar-width: thin;\n    &::-webkit-scrollbar {\n        width: 6px;\n        height: 6px;\n    };\n    &::-webkit-scrollbar-track {\n        background: #ffffff;\n        border-radius: 12px;\n    };\n    &::-webkit-scrollbar-thumb {\n        background: #a398f9;\n        border-radius: 12px;\n    };\n    &::-webkit-scrollbar-thumb:hover {\n        background: #6553f5;\n    };\n";

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITextarea } from './Textarea.typed';
+declare const Textarea: React.ForwardRefExoticComponent<ITextarea & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Textarea.typed").ITextarea & React.RefAttributes<HTMLTextAreaElement>>;
+};
+export default _default;
+export declare const Textarea: () => JSX.Element;

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

@@ -0,0 +1,11 @@
+import { ITextarea } from './Textarea.typed';
+interface IProps {
+    error: boolean;
+    height: number;
+    resize: ITextarea['resize'];
+}
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Length: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Textarea: import("styled-components").StyledComponent<"textarea", any, IProps, never>;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ITextarea {
+    value: string;
+    placeholder?: string;
+    height?: number;
+    name: string;
+    error?: boolean | string | React.ReactNode;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    resize?: 'both' | 'horizontal' | 'vertical' | 'none';
+    maxLength?: number;
+    onChange: (value: string, e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    containerClass?: string;
+}

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IRefTooltip, ITooltip } from './Tooltip.typed';
+declare const Tooltip: React.ForwardRefExoticComponent<ITooltip & React.RefAttributes<IRefTooltip>>;
+export { Tooltip };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Tooltip.typed").ITooltip & React.RefAttributes<import("./Tooltip.typed").IRefTooltip>>;
+};
+export default _default;
+export declare const Tooltip: () => JSX.Element;

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

@@ -0,0 +1,5 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    y: number;
+    x: number;
+}, never>;
+export declare const PopupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ITooltip {
+    data: React.ReactElement;
+    children: React.ReactElement;
+    isHover?: boolean;
+    /** callback который вызывается, когда меняется закрыт или открыт тултип */
+    onOpenTooltip?: (val: boolean) => void;
+    closeClickOutSide?: boolean;
+    classNameContent?: string;
+    /** Нужно ли, чтобы тултип открывался по клику. Иногда нужно отключить, например, когда нам надо повесить тултип на ссылку */
+    isClick?: boolean;
+}
+export interface IRefTooltip {
+    handleClose: () => void;
+}

package/dist/components/uikit/Tooltip/components/DefaultTooltip/DefaultTooltip.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+declare const DefaultTooltip: ({ children }: IProps) => JSX.Element;
+export { DefaultTooltip };

package/dist/components/uikit/Tooltip/components/DefaultTooltip/DefaultTooltip.styled.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export { DefaultTooltip } from './components/DefaultTooltip/DefaultTooltip';

package/dist/hooks/useBlockScroll.d.ts

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

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare function useClickOutside(open: boolean, callback: () => void, ref: RefObject<HTMLDivElement>, ignoreElemClasses?: string[], ignoreParentClass?: string): void;
+export default useClickOutside;

package/dist/hooks/useEscKeydownHandler.d.ts

@@ -0,0 +1 @@
+export declare const useEscKeydownHandler: (onClose: () => void) => void;

package/dist/hooks/useHidingChat.d.ts

@@ -0,0 +1,2 @@
+export declare const useHidingChat: (open: boolean) => void;
+export default useHidingChat;

package/dist/hooks/useTransitionModal.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+declare function useTransitionModal(isOpen: boolean, children: ReactNode, onClose: () => void): {
+    animation: boolean;
+    content: any;
+    showModal: boolean;
+};
+export { useTransitionModal };

package/dist/index.d.ts

@@ -1,9 +1,14 @@
-import { Header } from './components/header/header';
-import { Footer } from './components/footer';
-import { CheckboxSize, Checkbox, CheckboxForm } from './components/uikit/Checkbox';
-import { Radio, RadioSize } from './components/uikit/Radio';
-import { Portal } from './components/uikit/Portal';
-import { Loader, SizeLoader } from './components/uikit/Loader';
-import { ButtonTheme, ButtonSize, Button } from './components/uikit/Button';
-import { TextButtonTheme, TextButton } from './components/uikit/TextButton';
-export { Footer, Header, CheckboxForm, CheckboxSize, Checkbox, Radio, RadioSize, Portal, Loader, SizeLoader, Button, ButtonSize, ButtonTheme, TextButton, TextButtonTheme };
+import { Header } from '@components/header';
+import { Footer } from '@components/footer';
+import { CheckboxSize, Checkbox, CheckboxForm } from '@components/uikit/Checkbox';
+import { Radio, RadioSize } from '@components/uikit/Radio';
+import { Portal } from '@components/uikit/Portal';
+import { Loader, SizeLoader } from '@components/uikit/Loader';
+import { ButtonTheme, ButtonSize, Button } from '@components/uikit/Button';
+import { TextButtonTheme, TextButton } from '@components/uikit/TextButton';
+import { RegexPattern, Input } from '@components/uikit/Input';
+import { ErrorText } from '@components/uikit/ErrorText';
+import { Avatar } from '@components/uikit/Avatar';
+import { Tooltip, DefaultTooltip } from '@components/uikit/Tooltip';
+import { Modal } from '@components/uikit/Modal';
+export { Footer, Header, CheckboxForm, CheckboxSize, Checkbox, Radio, RadioSize, Portal, Loader, SizeLoader, Button, ButtonSize, ButtonTheme, TextButton, TextButtonTheme, RegexPattern, Input, ErrorText, Avatar, Tooltip, DefaultTooltip, Modal };