profinansy-ui-lib 1.0.80 → 1.0.81
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/dist/assets/about-icon.d.ts +3 -3
- package/dist/assets/apple-icon.d.ts +3 -3
- package/dist/assets/burger-icon-dark.d.ts +3 -3
- package/dist/assets/burger-icon.d.ts +3 -3
- package/dist/assets/capital-icon.d.ts +3 -3
- package/dist/assets/channels-icon.d.ts +3 -3
- package/dist/assets/chats-icon.d.ts +3 -3
- package/dist/assets/chevron-icon.d.ts +3 -3
- package/dist/assets/close-icon.d.ts +3 -3
- package/dist/assets/club-icon.d.ts +3 -3
- package/dist/assets/education-icon.d.ts +3 -3
- package/dist/assets/expenses-icon.d.ts +3 -3
- package/dist/assets/favorites-icon.d.ts +3 -3
- package/dist/assets/feed-icon.d.ts +3 -3
- package/dist/assets/google-store-icon.d.ts +3 -3
- package/dist/assets/huawei-store-icon.d.ts +3 -3
- package/dist/assets/investments-icon.d.ts +3 -3
- package/dist/assets/lock-icon-dark.d.ts +3 -3
- package/dist/assets/lock-icon.d.ts +3 -3
- package/dist/assets/logout-icon-new.d.ts +3 -3
- package/dist/assets/logout-icon.d.ts +3 -3
- package/dist/assets/profile-icon.d.ts +3 -3
- package/dist/assets/purchases-icon.d.ts +3 -3
- package/dist/assets/purrple-logo-dark.d.ts +3 -3
- package/dist/assets/purrple-logo.d.ts +3 -3
- package/dist/assets/tariffs-icon.d.ts +3 -3
- package/dist/assets/telegram-icon.d.ts +3 -3
- package/dist/assets/vk-icon.d.ts +3 -3
- package/dist/assets/youtube-icon copy.d.ts +3 -3
- package/dist/common.types.d.ts +31 -31
- package/dist/components/footer/constants.d.ts +16 -16
- package/dist/components/footer/footer.d.ts +11 -11
- package/dist/components/footer/footer.styled.d.ts +29 -29
- package/dist/components/footer/index.d.ts +1 -1
- package/dist/components/header/constants.d.ts +89 -89
- package/dist/components/header/header-link-item/header-link-item.d.ts +12 -12
- package/dist/components/header/header-link-item/header-link-item.styled.d.ts +7 -7
- package/dist/components/header/header.d.ts +16 -16
- package/dist/components/header/header.styled.d.ts +10 -9
- package/dist/components/header/index.d.ts +1 -1
- package/dist/components/header/user-dropdown-menu/constants.d.ts +5 -5
- package/dist/components/header/user-dropdown-menu/user-dropdown-menu.d.ts +13 -13
- package/dist/components/header/user-dropdown-menu/user-dropdown-menu.styled.d.ts +7 -7
- package/dist/components/icon-wrapper/icon-wrapper.d.ts +7 -7
- package/dist/context/theme-context.d.ts +5 -5
- package/dist/hooks/useBreakpoints.d.ts +6 -6
- package/dist/hooks/useCurrentPath.d.ts +4 -4
- package/dist/hooks/useDisableScroll.d.ts +3 -3
- package/dist/hooks/useListenOutsideClick.d.ts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +8 -15
- package/dist/utils.d.ts +6 -6
- package/package.json +30 -30
- package/readme.md +10 -10
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const AboutIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const AboutIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const AppleIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const AppleIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const BurgerIconDark: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const BurgerIconDark: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const BurgerIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const BurgerIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const CapitalIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const CapitalIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const ChannelsIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const ChannelsIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const ChatsIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const ChatsIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const ChevronIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const ChevronIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const CloseIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const CloseIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const ClubIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const ClubIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const EducationIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const EducationIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const ExpensesIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const ExpensesIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const FavoritesIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const FavoritesIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const FeedIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const FeedIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const GoogleStoreIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const GoogleStoreIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const HuaweiStoreIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const HuaweiStoreIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const InvestmentsIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const InvestmentsIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const LockIconDark: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const LockIconDark: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const LockIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const LockIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const LogoutIconNew: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const LogoutIconNew: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const LogoutIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const LogoutIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const ProfileIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const ProfileIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const PurchasesIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const PurchasesIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const PurpleLogoDark: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const PurpleLogoDark: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const PurpleLogo: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const PurpleLogo: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const TariffsIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const TariffsIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const TelegramIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const TelegramIcon: FC<IconsInterface>;
|
package/dist/assets/vk-icon.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const VkIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const VkIcon: FC<IconsInterface>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { IconsInterface } from '../common.types';
|
|
3
|
-
export declare const YoutubeIcon: FC<IconsInterface>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconsInterface } from '../common.types';
|
|
3
|
+
export declare const YoutubeIcon: FC<IconsInterface>;
|
package/dist/common.types.d.ts
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface IconsInterface {
|
|
3
|
-
color?: string;
|
|
4
|
-
size?: number;
|
|
5
|
-
height?: number;
|
|
6
|
-
width?: number;
|
|
7
|
-
[key: string]: unknown;
|
|
8
|
-
}
|
|
9
|
-
export type UserRole = 'guest' | 'authorized' | 'paid';
|
|
10
|
-
export type HeaderLinkType = {
|
|
11
|
-
name: string;
|
|
12
|
-
href: string;
|
|
13
|
-
outsideLink?: boolean;
|
|
14
|
-
Icon: React.FC<IconsInterface>;
|
|
15
|
-
iconSize?: {
|
|
16
|
-
width: number;
|
|
17
|
-
height: number;
|
|
18
|
-
};
|
|
19
|
-
locked?: boolean;
|
|
20
|
-
subPages: {
|
|
21
|
-
name: string;
|
|
22
|
-
href: string;
|
|
23
|
-
locked?: boolean;
|
|
24
|
-
onlyMobile?: boolean;
|
|
25
|
-
}[];
|
|
26
|
-
};
|
|
27
|
-
export type SearchBoxTypes = {
|
|
28
|
-
open: boolean;
|
|
29
|
-
onClose: () => void;
|
|
30
|
-
anchorEl: HTMLButtonElement | HTMLDivElement | null;
|
|
31
|
-
};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface IconsInterface {
|
|
3
|
+
color?: string;
|
|
4
|
+
size?: number;
|
|
5
|
+
height?: number;
|
|
6
|
+
width?: number;
|
|
7
|
+
[key: string]: unknown;
|
|
8
|
+
}
|
|
9
|
+
export type UserRole = 'guest' | 'authorized' | 'paid';
|
|
10
|
+
export type HeaderLinkType = {
|
|
11
|
+
name: string;
|
|
12
|
+
href: string;
|
|
13
|
+
outsideLink?: boolean;
|
|
14
|
+
Icon: React.FC<IconsInterface>;
|
|
15
|
+
iconSize?: {
|
|
16
|
+
width: number;
|
|
17
|
+
height: number;
|
|
18
|
+
};
|
|
19
|
+
locked?: boolean;
|
|
20
|
+
subPages: {
|
|
21
|
+
name: string;
|
|
22
|
+
href: string;
|
|
23
|
+
locked?: boolean;
|
|
24
|
+
onlyMobile?: boolean;
|
|
25
|
+
}[];
|
|
26
|
+
};
|
|
27
|
+
export type SearchBoxTypes = {
|
|
28
|
+
open: boolean;
|
|
29
|
+
onClose: () => void;
|
|
30
|
+
anchorEl: HTMLButtonElement | HTMLDivElement | null;
|
|
31
|
+
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { UserRole } from '../../common.types';
|
|
2
|
-
export declare const getFooterNavRows: (userRole: UserRole, clubAccess: boolean, profinansyHostname: string, leaderboardPermission?: boolean) => FooterLink[][];
|
|
3
|
-
export declare const getFooterDescription: (isLms?: boolean) => string;
|
|
4
|
-
export declare const getFooterLeaderBoardLinks: (permission: boolean, profinansyHostname: string, isGuest?: boolean) => {
|
|
5
|
-
title: string;
|
|
6
|
-
href: string;
|
|
7
|
-
}[];
|
|
8
|
-
type FooterLink = {
|
|
9
|
-
title: string;
|
|
10
|
-
href: string;
|
|
11
|
-
links?: {
|
|
12
|
-
title: string;
|
|
13
|
-
href: string;
|
|
14
|
-
}[];
|
|
15
|
-
};
|
|
16
|
-
export {};
|
|
1
|
+
import { UserRole } from '../../common.types';
|
|
2
|
+
export declare const getFooterNavRows: (userRole: UserRole, clubAccess: boolean, profinansyHostname: string, leaderboardPermission?: boolean) => FooterLink[][];
|
|
3
|
+
export declare const getFooterDescription: (isLms?: boolean) => string;
|
|
4
|
+
export declare const getFooterLeaderBoardLinks: (permission: boolean, profinansyHostname: string, isGuest?: boolean) => {
|
|
5
|
+
title: string;
|
|
6
|
+
href: string;
|
|
7
|
+
}[];
|
|
8
|
+
type FooterLink = {
|
|
9
|
+
title: string;
|
|
10
|
+
href: string;
|
|
11
|
+
links?: {
|
|
12
|
+
title: string;
|
|
13
|
+
href: string;
|
|
14
|
+
}[];
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { UserRole } from '../../common.types';
|
|
3
|
-
export type FooterProps = {
|
|
4
|
-
userRole: UserRole;
|
|
5
|
-
clubAccess: boolean;
|
|
6
|
-
isProfinansy?: boolean;
|
|
7
|
-
onRouteChange?: (url: string) => void;
|
|
8
|
-
leaderboardPermission?: boolean;
|
|
9
|
-
isLMS?: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare const Footer: FC<FooterProps>;
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { UserRole } from '../../common.types';
|
|
3
|
+
export type FooterProps = {
|
|
4
|
+
userRole: UserRole;
|
|
5
|
+
clubAccess: boolean;
|
|
6
|
+
isProfinansy?: boolean;
|
|
7
|
+
onRouteChange?: (url: string) => void;
|
|
8
|
+
leaderboardPermission?: boolean;
|
|
9
|
+
isLMS?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const Footer: FC<FooterProps>;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
export declare const FooterRoot: any;
|
|
2
|
-
export declare const FooterTop: any;
|
|
3
|
-
export declare const FooterTopLeft: any;
|
|
4
|
-
export declare const FooterSecondBlock: any;
|
|
5
|
-
export declare const IconsList: any;
|
|
6
|
-
export declare const SocialIconWrapper: any;
|
|
7
|
-
export declare const FooterBottomText: any;
|
|
8
|
-
export declare const FooterLinks: any;
|
|
9
|
-
export declare const LinksRow: any;
|
|
10
|
-
export declare const LinksUl: any;
|
|
11
|
-
export declare const LinkLi: any;
|
|
12
|
-
export declare const MainLink: any;
|
|
13
|
-
export declare const LinkA: any;
|
|
14
|
-
export declare const DocumentsLinks: any;
|
|
15
|
-
export declare const DocumentLink: any;
|
|
16
|
-
export declare const FooterFirstBlock: any;
|
|
17
|
-
export declare const MainData: any;
|
|
18
|
-
export declare const DownloadMarketList: any;
|
|
19
|
-
export declare const DownloadIconWrapper: any;
|
|
20
|
-
export declare const StoreName: any;
|
|
21
|
-
export declare const DownloadDescription: any;
|
|
22
|
-
export declare const AddressBlock: any;
|
|
23
|
-
export declare const CompanyName: any;
|
|
24
|
-
export declare const Address: any;
|
|
25
|
-
export declare const HelpBlock: any;
|
|
26
|
-
export declare const HelpText: any;
|
|
27
|
-
export declare const HelpTextP: any;
|
|
28
|
-
export declare const HelpLink: any;
|
|
29
|
-
export declare const ContactNumbers: any;
|
|
1
|
+
export declare const FooterRoot: any;
|
|
2
|
+
export declare const FooterTop: any;
|
|
3
|
+
export declare const FooterTopLeft: any;
|
|
4
|
+
export declare const FooterSecondBlock: any;
|
|
5
|
+
export declare const IconsList: any;
|
|
6
|
+
export declare const SocialIconWrapper: any;
|
|
7
|
+
export declare const FooterBottomText: any;
|
|
8
|
+
export declare const FooterLinks: any;
|
|
9
|
+
export declare const LinksRow: any;
|
|
10
|
+
export declare const LinksUl: any;
|
|
11
|
+
export declare const LinkLi: any;
|
|
12
|
+
export declare const MainLink: any;
|
|
13
|
+
export declare const LinkA: any;
|
|
14
|
+
export declare const DocumentsLinks: any;
|
|
15
|
+
export declare const DocumentLink: any;
|
|
16
|
+
export declare const FooterFirstBlock: any;
|
|
17
|
+
export declare const MainData: any;
|
|
18
|
+
export declare const DownloadMarketList: any;
|
|
19
|
+
export declare const DownloadIconWrapper: any;
|
|
20
|
+
export declare const StoreName: any;
|
|
21
|
+
export declare const DownloadDescription: any;
|
|
22
|
+
export declare const AddressBlock: any;
|
|
23
|
+
export declare const CompanyName: any;
|
|
24
|
+
export declare const Address: any;
|
|
25
|
+
export declare const HelpBlock: any;
|
|
26
|
+
export declare const HelpText: any;
|
|
27
|
+
export declare const HelpTextP: any;
|
|
28
|
+
export declare const HelpLink: any;
|
|
29
|
+
export declare const ContactNumbers: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './footer';
|
|
1
|
+
export * from './footer';
|
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
import { HeaderLinkType, UserRole } from '../../common.types';
|
|
2
|
-
export declare const getMainLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => Record<UserRole, HeaderLinkType[]>;
|
|
3
|
-
export declare const LeaderBoardLinks: (permission: boolean, profinansyHostname: string, isGuest?: boolean) => ({
|
|
4
|
-
name: string;
|
|
5
|
-
href: string;
|
|
6
|
-
locked: boolean;
|
|
7
|
-
onlyMobile: boolean;
|
|
8
|
-
} | {
|
|
9
|
-
name: string;
|
|
10
|
-
href: string;
|
|
11
|
-
locked: boolean;
|
|
12
|
-
onlyMobile?: undefined;
|
|
13
|
-
})[] | {
|
|
14
|
-
name: string;
|
|
15
|
-
href: string;
|
|
16
|
-
}[];
|
|
17
|
-
export declare const getClubLinks: (access: boolean, profinansyHostname: string) => {
|
|
18
|
-
name: string;
|
|
19
|
-
href: string;
|
|
20
|
-
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
21
|
-
iconSize: {
|
|
22
|
-
width: number;
|
|
23
|
-
height: number;
|
|
24
|
-
};
|
|
25
|
-
subPages: {
|
|
26
|
-
name: string;
|
|
27
|
-
href: string;
|
|
28
|
-
locked: boolean;
|
|
29
|
-
}[];
|
|
30
|
-
};
|
|
31
|
-
export declare const guestLinks: (profinansyHostname: string) => HeaderLinkType[];
|
|
32
|
-
export declare const authorizedLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => ({
|
|
33
|
-
name: string;
|
|
34
|
-
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
35
|
-
href: string;
|
|
36
|
-
subPages: any[];
|
|
37
|
-
iconSize?: undefined;
|
|
38
|
-
} | {
|
|
39
|
-
name: string;
|
|
40
|
-
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
41
|
-
iconSize: {
|
|
42
|
-
width: number;
|
|
43
|
-
height: number;
|
|
44
|
-
};
|
|
45
|
-
href: string;
|
|
46
|
-
subPages: ({
|
|
47
|
-
name: string;
|
|
48
|
-
href: string;
|
|
49
|
-
locked: boolean;
|
|
50
|
-
onlyMobile: boolean;
|
|
51
|
-
} | {
|
|
52
|
-
name: string;
|
|
53
|
-
href: string;
|
|
54
|
-
locked: boolean;
|
|
55
|
-
onlyMobile?: undefined;
|
|
56
|
-
} | {
|
|
57
|
-
name: string;
|
|
58
|
-
href: string;
|
|
59
|
-
onlyMobile: boolean;
|
|
60
|
-
} | {
|
|
61
|
-
name: string;
|
|
62
|
-
href: string;
|
|
63
|
-
onlyMobile?: undefined;
|
|
64
|
-
})[];
|
|
65
|
-
})[];
|
|
66
|
-
export declare const paidLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => ({
|
|
67
|
-
name: string;
|
|
68
|
-
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
69
|
-
href: string;
|
|
70
|
-
subPages: any[];
|
|
71
|
-
iconSize?: undefined;
|
|
72
|
-
} | {
|
|
73
|
-
name: string;
|
|
74
|
-
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
75
|
-
iconSize: {
|
|
76
|
-
width: number;
|
|
77
|
-
height: number;
|
|
78
|
-
};
|
|
79
|
-
href: string;
|
|
80
|
-
subPages: ({
|
|
81
|
-
name: string;
|
|
82
|
-
href: string;
|
|
83
|
-
onlyMobile: boolean;
|
|
84
|
-
} | {
|
|
85
|
-
name: string;
|
|
86
|
-
href: string;
|
|
87
|
-
onlyMobile?: undefined;
|
|
88
|
-
})[];
|
|
89
|
-
})[];
|
|
1
|
+
import { HeaderLinkType, UserRole } from '../../common.types';
|
|
2
|
+
export declare const getMainLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => Record<UserRole, HeaderLinkType[]>;
|
|
3
|
+
export declare const LeaderBoardLinks: (permission: boolean, profinansyHostname: string, isGuest?: boolean) => ({
|
|
4
|
+
name: string;
|
|
5
|
+
href: string;
|
|
6
|
+
locked: boolean;
|
|
7
|
+
onlyMobile: boolean;
|
|
8
|
+
} | {
|
|
9
|
+
name: string;
|
|
10
|
+
href: string;
|
|
11
|
+
locked: boolean;
|
|
12
|
+
onlyMobile?: undefined;
|
|
13
|
+
})[] | {
|
|
14
|
+
name: string;
|
|
15
|
+
href: string;
|
|
16
|
+
}[];
|
|
17
|
+
export declare const getClubLinks: (access: boolean, profinansyHostname: string) => {
|
|
18
|
+
name: string;
|
|
19
|
+
href: string;
|
|
20
|
+
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
21
|
+
iconSize: {
|
|
22
|
+
width: number;
|
|
23
|
+
height: number;
|
|
24
|
+
};
|
|
25
|
+
subPages: {
|
|
26
|
+
name: string;
|
|
27
|
+
href: string;
|
|
28
|
+
locked: boolean;
|
|
29
|
+
}[];
|
|
30
|
+
};
|
|
31
|
+
export declare const guestLinks: (profinansyHostname: string) => HeaderLinkType[];
|
|
32
|
+
export declare const authorizedLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => ({
|
|
33
|
+
name: string;
|
|
34
|
+
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
35
|
+
href: string;
|
|
36
|
+
subPages: any[];
|
|
37
|
+
iconSize?: undefined;
|
|
38
|
+
} | {
|
|
39
|
+
name: string;
|
|
40
|
+
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
41
|
+
iconSize: {
|
|
42
|
+
width: number;
|
|
43
|
+
height: number;
|
|
44
|
+
};
|
|
45
|
+
href: string;
|
|
46
|
+
subPages: ({
|
|
47
|
+
name: string;
|
|
48
|
+
href: string;
|
|
49
|
+
locked: boolean;
|
|
50
|
+
onlyMobile: boolean;
|
|
51
|
+
} | {
|
|
52
|
+
name: string;
|
|
53
|
+
href: string;
|
|
54
|
+
locked: boolean;
|
|
55
|
+
onlyMobile?: undefined;
|
|
56
|
+
} | {
|
|
57
|
+
name: string;
|
|
58
|
+
href: string;
|
|
59
|
+
onlyMobile: boolean;
|
|
60
|
+
} | {
|
|
61
|
+
name: string;
|
|
62
|
+
href: string;
|
|
63
|
+
onlyMobile?: undefined;
|
|
64
|
+
})[];
|
|
65
|
+
})[];
|
|
66
|
+
export declare const paidLinks: (profinansyHostname: string, isTest: boolean, leaderBoardPermission: boolean) => ({
|
|
67
|
+
name: string;
|
|
68
|
+
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
69
|
+
href: string;
|
|
70
|
+
subPages: any[];
|
|
71
|
+
iconSize?: undefined;
|
|
72
|
+
} | {
|
|
73
|
+
name: string;
|
|
74
|
+
Icon: import("react").FC<import("../../common.types").IconsInterface>;
|
|
75
|
+
iconSize: {
|
|
76
|
+
width: number;
|
|
77
|
+
height: number;
|
|
78
|
+
};
|
|
79
|
+
href: string;
|
|
80
|
+
subPages: ({
|
|
81
|
+
name: string;
|
|
82
|
+
href: string;
|
|
83
|
+
onlyMobile: boolean;
|
|
84
|
+
} | {
|
|
85
|
+
name: string;
|
|
86
|
+
href: string;
|
|
87
|
+
onlyMobile?: undefined;
|
|
88
|
+
})[];
|
|
89
|
+
})[];
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { HeaderLinkType } from '../../../common.types';
|
|
3
|
-
type Props = HeaderLinkType & {
|
|
4
|
-
onRouteChange: (path: string) => void;
|
|
5
|
-
closeBurger: () => void;
|
|
6
|
-
burgerOpened: boolean;
|
|
7
|
-
blackVersion?: boolean;
|
|
8
|
-
mainColor?: string;
|
|
9
|
-
activeColor?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare const HeaderLinkItem: FC<Props>;
|
|
12
|
-
export {};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { HeaderLinkType } from '../../../common.types';
|
|
3
|
+
type Props = HeaderLinkType & {
|
|
4
|
+
onRouteChange: (path: string) => void;
|
|
5
|
+
closeBurger: () => void;
|
|
6
|
+
burgerOpened: boolean;
|
|
7
|
+
blackVersion?: boolean;
|
|
8
|
+
mainColor?: string;
|
|
9
|
+
activeColor?: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const HeaderLinkItem: FC<Props>;
|
|
12
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare const HeaderItem: any;
|
|
2
|
-
export declare const HeaderDropdown: any;
|
|
3
|
-
export declare const HeaderDropdownItem: any;
|
|
4
|
-
export declare const HeaderDropdownItemLink: any;
|
|
5
|
-
export declare const HeaderLink: any;
|
|
6
|
-
export declare const ChevronIconWrapper: any;
|
|
7
|
-
export declare const LinkIconSvgWrapper: any;
|
|
1
|
+
export declare const HeaderItem: any;
|
|
2
|
+
export declare const HeaderDropdown: any;
|
|
3
|
+
export declare const HeaderDropdownItem: any;
|
|
4
|
+
export declare const HeaderDropdownItemLink: any;
|
|
5
|
+
export declare const HeaderLink: any;
|
|
6
|
+
export declare const ChevronIconWrapper: any;
|
|
7
|
+
export declare const LinkIconSvgWrapper: any;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { UserRole } from '../../common.types';
|
|
3
|
-
type Props = {
|
|
4
|
-
userRole: UserRole;
|
|
5
|
-
avatarUrl?: string;
|
|
6
|
-
clubAccess: boolean;
|
|
7
|
-
isTest: boolean;
|
|
8
|
-
onLogout: () => void;
|
|
9
|
-
isProfinansy?: boolean;
|
|
10
|
-
onRouteChange?: (path: string) => void;
|
|
11
|
-
SearchBox?: () => JSX.Element;
|
|
12
|
-
blackVersion?: boolean;
|
|
13
|
-
leaderBoardPermission?: boolean;
|
|
14
|
-
};
|
|
15
|
-
export declare const Header: FC<Props>;
|
|
16
|
-
export {};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { UserRole } from '../../common.types';
|
|
3
|
+
type Props = {
|
|
4
|
+
userRole: UserRole;
|
|
5
|
+
avatarUrl?: string;
|
|
6
|
+
clubAccess: boolean;
|
|
7
|
+
isTest: boolean;
|
|
8
|
+
onLogout: () => void;
|
|
9
|
+
isProfinansy?: boolean;
|
|
10
|
+
onRouteChange?: (path: string) => void;
|
|
11
|
+
SearchBox?: () => JSX.Element;
|
|
12
|
+
blackVersion?: boolean;
|
|
13
|
+
leaderBoardPermission?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const Header: FC<Props>;
|
|
16
|
+
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
export declare const HeaderRoot: any;
|
|
2
|
-
export declare const LinkList: any;
|
|
3
|
-
export declare const HeaderRight: any;
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
1
|
+
export declare const HeaderRoot: any;
|
|
2
|
+
export declare const LinkList: any;
|
|
3
|
+
export declare const HeaderRight: any;
|
|
4
|
+
export declare const FavoritesButton: any;
|
|
5
|
+
export declare const SearchBoxWrapper: any;
|
|
6
|
+
export declare const AuthBtn: any;
|
|
7
|
+
export declare const BurgerBtn: any;
|
|
8
|
+
export declare const LogoBtn: any;
|
|
9
|
+
export declare const HeaderRightTopIcons: any;
|
|
10
|
+
export declare const LogoutBtn: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './header';
|
|
1
|
+
export * from './header';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const getDropdownLinks: (profinansyHostname: string) => {
|
|
2
|
-
name: string;
|
|
3
|
-
href: string;
|
|
4
|
-
Icon: import("react").FC<import("../../../common.types").IconsInterface>;
|
|
5
|
-
}[];
|
|
1
|
+
export declare const getDropdownLinks: (profinansyHostname: string) => {
|
|
2
|
+
name: string;
|
|
3
|
+
href: string;
|
|
4
|
+
Icon: import("react").FC<import("../../../common.types").IconsInterface>;
|
|
5
|
+
}[];
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
type UserDropdownMenuProps = {
|
|
3
|
-
avatarUrl?: string;
|
|
4
|
-
profinansyHostname: string;
|
|
5
|
-
onRouteChange: (path: string) => void;
|
|
6
|
-
onLogout: () => void;
|
|
7
|
-
closeBurger: () => void;
|
|
8
|
-
mainColor?: string;
|
|
9
|
-
activeColor?: string;
|
|
10
|
-
blackVersion?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const UserDropdownMenu: FC<UserDropdownMenuProps>;
|
|
13
|
-
export {};
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
type UserDropdownMenuProps = {
|
|
3
|
+
avatarUrl?: string;
|
|
4
|
+
profinansyHostname: string;
|
|
5
|
+
onRouteChange: (path: string) => void;
|
|
6
|
+
onLogout: () => void;
|
|
7
|
+
closeBurger: () => void;
|
|
8
|
+
mainColor?: string;
|
|
9
|
+
activeColor?: string;
|
|
10
|
+
blackVersion?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare const UserDropdownMenu: FC<UserDropdownMenuProps>;
|
|
13
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare const UserDropdownRoot: any;
|
|
2
|
-
export declare const UserAvatar: any;
|
|
3
|
-
export declare const UserMenuWrapper: any;
|
|
4
|
-
export declare const UserMenu: any;
|
|
5
|
-
export declare const UserMenuItem: any;
|
|
6
|
-
export declare const UserMenuText: any;
|
|
7
|
-
export declare const Line: any;
|
|
1
|
+
export declare const UserDropdownRoot: any;
|
|
2
|
+
export declare const UserAvatar: any;
|
|
3
|
+
export declare const UserMenuWrapper: any;
|
|
4
|
+
export declare const UserMenu: any;
|
|
5
|
+
export declare const UserMenuItem: any;
|
|
6
|
+
export declare const UserMenuText: any;
|
|
7
|
+
export declare const Line: any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconsInterface } from '../../common.types';
|
|
3
|
-
interface IconWrapperProps extends IconsInterface {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
declare const IconWrapper: React.FC<IconWrapperProps>;
|
|
7
|
-
export default IconWrapper;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconsInterface } from '../../common.types';
|
|
3
|
+
interface IconWrapperProps extends IconsInterface {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const IconWrapper: React.FC<IconWrapperProps>;
|
|
7
|
+
export default IconWrapper;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const ThemeContext: import("react").Context<{
|
|
3
|
-
mainColor: string;
|
|
4
|
-
activeColor: string;
|
|
5
|
-
}>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ThemeContext: import("react").Context<{
|
|
3
|
+
mainColor: string;
|
|
4
|
+
activeColor: string;
|
|
5
|
+
}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const useBreakpoints: () => {
|
|
2
|
-
xs: boolean;
|
|
3
|
-
sm: boolean;
|
|
4
|
-
md: boolean;
|
|
5
|
-
lg: boolean;
|
|
6
|
-
};
|
|
1
|
+
export declare const useBreakpoints: () => {
|
|
2
|
+
xs: boolean;
|
|
3
|
+
sm: boolean;
|
|
4
|
+
md: boolean;
|
|
5
|
+
lg: boolean;
|
|
6
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const useCurrentPath: () => {
|
|
2
|
-
currentPathname: any;
|
|
3
|
-
currentHref: any;
|
|
4
|
-
};
|
|
1
|
+
export declare const useCurrentPath: () => {
|
|
2
|
+
currentPathname: any;
|
|
3
|
+
currentHref: any;
|
|
4
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useDisableScroll: ({ disable }: {
|
|
2
|
-
disable?: boolean;
|
|
3
|
-
}) => void;
|
|
1
|
+
export declare const useDisableScroll: ({ disable }: {
|
|
2
|
+
disable?: boolean;
|
|
3
|
+
}) => void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const useListenOutsideClick: ({ onOutsideClick }: {
|
|
2
|
-
onOutsideClick: () => void;
|
|
3
|
-
}) => void;
|
|
1
|
+
export declare const useListenOutsideClick: ({ onOutsideClick }: {
|
|
2
|
+
onOutsideClick: () => void;
|
|
3
|
+
}) => void;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Header } from './components/header/header';
|
|
2
|
-
import { Footer } from './components/footer';
|
|
3
|
-
export { Footer, Header };
|
|
1
|
+
import { Header } from './components/header/header';
|
|
2
|
+
import { Footer } from './components/footer';
|
|
3
|
+
export { Footer, Header };
|
package/dist/index.js
CHANGED
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
fill: ${e=>e.active?e.activeColor:e.mainColor};
|
|
383
383
|
width: fit-content;
|
|
384
384
|
}
|
|
385
|
-
`},1277:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderLinkItem=void 0;const i=o(n(8156)),l=n(6700),s=n(2992),c=n(550),u=n(2751),d=n(5680),f=n(1480);t.HeaderLinkItem=({name:e,href:t,subPages:n,iconSize:r,onRouteChange:a,closeBurger:o,Icon:p,locked:h,burgerOpened:m,mainColor:C,activeColor:g,blackVersion:L})=>{const[v,b]=(0,i.useState)(!1),{currentHref:y,currentPathname:x}=(0,l.useCurrentPath)(),k=null==n?void 0:n.map((e=>e.href)),E=t===x||t===y||k.includes(x),{sm:_}=(0,c.useBreakpoints)();(0,i.useEffect)((()=>{m||E||!_||b(!1)}),[m]);const w=L?d.LockIcon:f.LockIconDark;return i.default.createElement(s.HeaderItem,{opened:v,onClick:()=>{_&&b((e=>!e))},onPointerEnter:()=>{_||b(!!(null==n?void 0:n.length))},onPointerLeave:()=>{_||b(!1)}},i.default.createElement(s.HeaderLink,{sm:_,active:E&&!h&&!v,mainColor:C,activeColor:g,onClick:()=>{_&&(null==n?void 0:n.length)||(a(t),o())}},_&&i.default.createElement(s.LinkIconSvgWrapper,{mainColor:C,activeColor:g,active:E&&!v&&!h},i.default.createElement(p,{width:(null==r?void 0:r.width)||20,height:(null==r?void 0:r.height)||20})),i.default.createElement("p",null,e),!!(null==n?void 0:n.length)&&_&&(E||v)&&i.default.createElement(i.default.Fragment,null,i.default.createElement(s.ChevronIconWrapper,{opened:v},i.default.createElement(u.ChevronIcon,{width:12,height:15})))),v&&!!(null==n?void 0:n.length)&&i.default.createElement(s.HeaderDropdown,{blackVersion:L},null==n?void 0:n.map((e=>e.onlyMobile&&!_?null:i.default.createElement(s.HeaderDropdownItem,{blackVersion:L,key:e.name},e.locked&&i.default.createElement(w,{width:10,height:14}),i.default.createElement(s.HeaderDropdownItemLink,{active:e.href===x&&!e.locked,locked:e.locked,mainColor:C,activeColor:g,onClick:()=>{a(e.href),b(!1),_&&o()}},e.name))))))}},216:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.LogoutBtn=t.HeaderRightTopIcons=t.LogoBtn=t.BurgerBtn=t.AuthBtn=t.SearchBoxWrapper=t.HeaderRight=t.LinkList=t.HeaderRoot=void 0;const a=r(n(2788));t.HeaderRoot=a.default.div`
|
|
385
|
+
`},1277:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderLinkItem=void 0;const i=o(n(8156)),l=n(6700),s=n(2992),c=n(550),u=n(2751),d=n(5680),f=n(1480);t.HeaderLinkItem=({name:e,href:t,subPages:n,iconSize:r,onRouteChange:a,closeBurger:o,Icon:p,locked:h,burgerOpened:m,mainColor:C,activeColor:g,blackVersion:L})=>{const[v,b]=(0,i.useState)(!1),{currentHref:y,currentPathname:x}=(0,l.useCurrentPath)(),k=null==n?void 0:n.map((e=>e.href)),E=t===x||t===y||k.includes(x),{sm:_}=(0,c.useBreakpoints)();(0,i.useEffect)((()=>{m||E||!_||b(!1)}),[m]);const w=L?d.LockIcon:f.LockIconDark;return i.default.createElement(s.HeaderItem,{opened:v,onClick:()=>{_&&b((e=>!e))},onPointerEnter:()=>{_||b(!!(null==n?void 0:n.length))},onPointerLeave:()=>{_||b(!1)}},i.default.createElement(s.HeaderLink,{sm:_,active:E&&!h&&!v,mainColor:C,activeColor:g,onClick:()=>{_&&(null==n?void 0:n.length)||(a(t),o())}},_&&i.default.createElement(s.LinkIconSvgWrapper,{mainColor:C,activeColor:g,active:E&&!v&&!h},i.default.createElement(p,{width:(null==r?void 0:r.width)||20,height:(null==r?void 0:r.height)||20})),i.default.createElement("p",null,e),!!(null==n?void 0:n.length)&&_&&(E||v)&&i.default.createElement(i.default.Fragment,null,i.default.createElement(s.ChevronIconWrapper,{opened:v},i.default.createElement(u.ChevronIcon,{width:12,height:15})))),v&&!!(null==n?void 0:n.length)&&i.default.createElement(s.HeaderDropdown,{blackVersion:L},null==n?void 0:n.map((e=>e.onlyMobile&&!_?null:i.default.createElement(s.HeaderDropdownItem,{blackVersion:L,key:e.name},e.locked&&i.default.createElement(w,{width:10,height:14}),i.default.createElement(s.HeaderDropdownItemLink,{active:e.href===x&&!e.locked,locked:e.locked,mainColor:C,activeColor:g,onClick:()=>{a(e.href),b(!1),_&&o()}},e.name))))))}},216:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.LogoutBtn=t.HeaderRightTopIcons=t.LogoBtn=t.BurgerBtn=t.AuthBtn=t.SearchBoxWrapper=t.FavoritesButton=t.HeaderRight=t.LinkList=t.HeaderRoot=void 0;const a=r(n(2788));t.HeaderRoot=a.default.div`
|
|
386
386
|
position: fixed;
|
|
387
387
|
z-index: 2000;
|
|
388
388
|
top: 0;
|
|
@@ -453,10 +453,14 @@
|
|
|
453
453
|
display: flex;
|
|
454
454
|
align-items: center;
|
|
455
455
|
gap: 15px;
|
|
456
|
+
|
|
456
457
|
> svg {
|
|
457
458
|
width: 17px;
|
|
458
459
|
height: 20px;
|
|
459
460
|
}
|
|
461
|
+
`,t.FavoritesButton=a.default.button`
|
|
462
|
+
background: transparent;
|
|
463
|
+
border: none;
|
|
460
464
|
`,t.SearchBoxWrapper=a.default.div`
|
|
461
465
|
position: absolute;
|
|
462
466
|
top: 50%;
|
|
@@ -464,23 +468,10 @@
|
|
|
464
468
|
left: -77px;
|
|
465
469
|
@media (max-width: 1050px) {
|
|
466
470
|
position: static;
|
|
467
|
-
|
|
468
|
-
/* display: flex; */
|
|
469
|
-
/* align-items: center; */
|
|
470
|
-
/* gap: 10px; */
|
|
471
|
-
/* padding: 10px 13px; */
|
|
472
471
|
transform: none;
|
|
473
472
|
left: auto;
|
|
474
473
|
top: auto;
|
|
475
|
-
/* background-color: #f6f6f6; */
|
|
476
|
-
/* border-radius: 12px; */
|
|
477
474
|
margin: 0 0 8px 10px;
|
|
478
|
-
/* cursor: pointer; */
|
|
479
|
-
/* > span {
|
|
480
|
-
color: #898989;
|
|
481
|
-
font-size: 15px;
|
|
482
|
-
line-height: 23px;
|
|
483
|
-
} */
|
|
484
475
|
}
|
|
485
476
|
`,t.AuthBtn=a.default.button`
|
|
486
477
|
outline: none;
|
|
@@ -524,13 +515,15 @@
|
|
|
524
515
|
gap: 14px;
|
|
525
516
|
margin: auto 0 0 13.5px;
|
|
526
517
|
padding-top: 50px;
|
|
518
|
+
background: transparent;
|
|
519
|
+
border: none;
|
|
527
520
|
|
|
528
521
|
span {
|
|
529
522
|
color: #242424;
|
|
530
523
|
font-size: 17px;
|
|
531
524
|
line-height: 28px;
|
|
532
525
|
}
|
|
533
|
-
`},402:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Header=void 0;const i=o(n(8156)),l=n(2149),s=n(1277),c=n(216),u=n(550),d=n(9140),f=n(4781),p=n(4072),h=n(7286),m=n(6726),C=n(7756),g=n(8897),L=n(9874),v=n(3284),b=n(3168),y=n(9316);t.Header=({userRole:e,avatarUrl:t,clubAccess:n,onRouteChange:r,isProfinansy:a,onLogout:o,SearchBox:x,isTest:k,blackVersion:E,leaderBoardPermission:_})=>{var w;const[M,H]=(0,i.useState)(!1),S=a?"":k?"https://test.profinansy.ru":"https://profinansy.ru",I=(0,l.getMainLinks)(S,k,_),P=(0,l.getClubLinks)(n,S),{sm:D}=(0,u.useBreakpoints)(),O=e=>{r?r(e):window.location=e},V=()=>{const e=a?"/market/dashboard":window.location.href;O(S+"/authorization?redirect="+e)};(0,f.useListenOutsideClick)({onOutsideClick:()=>H(!1)}),(0,L.useDisableScroll)({disable:M});const F=E?"#C0C0C0":"#898989",B=E?"#9B8EFF":"#6553F5",Z=E?h.BurgerIcon:b.BurgerIconDark;return i.default.createElement(c.HeaderRoot,{blackVersion:E},D&&i.default.createElement(i.default.Fragment,null,i.default.createElement(c.BurgerBtn,{onClick:e=>{e.stopPropagation(),H((e=>!e))}},M?i.default.createElement(p.CloseIcon,{width:21,height:19}):i.default.createElement(Z,{width:21,height:16}))),i.default.createElement(c.LogoBtn,{onClick:()=>O(S+"/market/dashboard")},E?i.default.createElement(v.PurpleLogoDark,{width:D?128:161,height:D?20:28}):i.default.createElement(g.PurpleLogo,{width:D?128:161,height:D?20:28})),i.default.createElement(c.LinkList,{blackVersion:E,onClick:e=>e.stopPropagation(),opened:M},!!x&&i.default.createElement(c.SearchBoxWrapper,null,x()),null===(w=I[e])||void 0===w?void 0:w.map(((e,t)=>i.default.createElement(s.HeaderLinkItem,Object.assign({mainColor:F,activeColor:B,blackVersion:E,closeBurger:()=>H(!1),onRouteChange:O,key:t,burgerOpened:M},e)))),i.default.createElement(s.HeaderLinkItem,Object.assign({mainColor:F,activeColor:B,blackVersion:E,closeBurger:()=>H(!1),onRouteChange:O,burgerOpened:M},P)),"guest"!==e&&D&&i.default.createElement(c.LogoutBtn,{onClick:o},i.default.createElement(C.LogoutIconNew,{width:19,height:19}),i.default.createElement("span",null,"Выйти"))),i.default.createElement(c.HeaderRight,null,"guest"!==e&&i.default.createElement(
|
|
526
|
+
`},402:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Header=void 0;const i=o(n(8156)),l=n(2149),s=n(1277),c=n(216),u=n(550),d=n(9140),f=n(4781),p=n(4072),h=n(7286),m=n(6726),C=n(7756),g=n(8897),L=n(9874),v=n(3284),b=n(3168),y=n(9316);t.Header=({userRole:e,avatarUrl:t,clubAccess:n,onRouteChange:r,isProfinansy:a,onLogout:o,SearchBox:x,isTest:k,blackVersion:E,leaderBoardPermission:_})=>{var w;const[M,H]=(0,i.useState)(!1),S=a?"":k?"https://test.profinansy.ru":"https://profinansy.ru",I=(0,l.getMainLinks)(S,k,_),P=(0,l.getClubLinks)(n,S),{sm:D}=(0,u.useBreakpoints)(),O=e=>{r?r(e):window.location=e},V=()=>{const e=a?"/market/dashboard":window.location.href;O(S+"/authorization?redirect="+e)};(0,f.useListenOutsideClick)({onOutsideClick:()=>H(!1)}),(0,L.useDisableScroll)({disable:M});const F=E?"#C0C0C0":"#898989",B=E?"#9B8EFF":"#6553F5",Z=E?h.BurgerIcon:b.BurgerIconDark;return i.default.createElement(c.HeaderRoot,{blackVersion:E},D&&i.default.createElement(i.default.Fragment,null,i.default.createElement(c.BurgerBtn,{onClick:e=>{e.stopPropagation(),H((e=>!e))}},M?i.default.createElement(p.CloseIcon,{width:21,height:19}):i.default.createElement(Z,{width:21,height:16}))),i.default.createElement(c.LogoBtn,{onClick:()=>O(S+"/market/dashboard")},E?i.default.createElement(v.PurpleLogoDark,{width:D?128:161,height:D?20:28}):i.default.createElement(g.PurpleLogo,{width:D?128:161,height:D?20:28})),i.default.createElement(c.LinkList,{blackVersion:E,onClick:e=>e.stopPropagation(),opened:M},!!x&&i.default.createElement(c.SearchBoxWrapper,null,x()),null===(w=I[e])||void 0===w?void 0:w.map(((e,t)=>i.default.createElement(s.HeaderLinkItem,Object.assign({mainColor:F,activeColor:B,blackVersion:E,closeBurger:()=>H(!1),onRouteChange:O,key:t,burgerOpened:M},e)))),i.default.createElement(s.HeaderLinkItem,Object.assign({mainColor:F,activeColor:B,blackVersion:E,closeBurger:()=>H(!1),onRouteChange:O,burgerOpened:M},P)),"guest"!==e&&D&&i.default.createElement(c.LogoutBtn,{onClick:o},i.default.createElement(C.LogoutIconNew,{width:19,height:19}),i.default.createElement("span",null,"Выйти"))),i.default.createElement(c.HeaderRight,null,"guest"!==e&&i.default.createElement(c.FavoritesButton,{onClick:()=>r(S+"/market/favorite/instruments")},i.default.createElement(y.FavoritesIcon,null)),"guest"===e?i.default.createElement(i.default.Fragment,null,D?i.default.createElement(m.LogoutIcon,{onClick:V,width:18,height:18}):i.default.createElement(c.AuthBtn,{onClick:V},"Войти")):i.default.createElement(d.UserDropdownMenu,{mainColor:F,activeColor:B,blackVersion:E,closeBurger:()=>H(!1),profinansyHostname:S,avatarUrl:t,onRouteChange:O,onLogout:o})))}},4537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDropdownLinks=void 0;const r=n(4262),a=n(5209),o=n(8438),i=n(3704);t.getDropdownLinks=e=>[{name:"Профиль",href:e+"/account/profile",Icon:o.ProfileIcon},{name:"Учебные группы",href:e+"/account/chats",Icon:a.ChatsIcon},{name:"Каналы",href:e+"/account/channels",Icon:r.ChannelsIcon},{name:"История покупок",href:e+"/account/purchase-history",Icon:i.PurchasesIcon}]},4022:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Line=t.UserMenuText=t.UserMenuItem=t.UserMenu=t.UserMenuWrapper=t.UserAvatar=t.UserDropdownRoot=void 0;const a=r(n(2788));t.UserDropdownRoot=a.default.div`
|
|
534
527
|
position: relative;
|
|
535
528
|
`,t.UserAvatar=a.default.img`
|
|
536
529
|
width: 32px;
|
package/dist/utils.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const getBreakPointsValues: (screenWidth: number) => {
|
|
2
|
-
xs: boolean;
|
|
3
|
-
sm: boolean;
|
|
4
|
-
md: boolean;
|
|
5
|
-
lg: boolean;
|
|
6
|
-
};
|
|
1
|
+
export declare const getBreakPointsValues: (screenWidth: number) => {
|
|
2
|
+
xs: boolean;
|
|
3
|
+
sm: boolean;
|
|
4
|
+
md: boolean;
|
|
5
|
+
lg: boolean;
|
|
6
|
+
};
|
package/package.json
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "profinansy-ui-lib",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"main": "./dist/index.js",
|
|
5
|
-
"license": "MIT",
|
|
6
|
-
"devDependencies": {
|
|
7
|
-
"@types/react": "^18.0.27",
|
|
8
|
-
"css-loader": "^6.7.3",
|
|
9
|
-
"sass": "^1.57.1",
|
|
10
|
-
"sass-loader": "^13.2.0",
|
|
11
|
-
"style-loader": "^3.3.1",
|
|
12
|
-
"styled-components": "^5.3.6",
|
|
13
|
-
"ts-loader": "^9.4.2",
|
|
14
|
-
"typescript": "^4.9.4",
|
|
15
|
-
"webpack": "^5.75.0",
|
|
16
|
-
"webpack-cli": "^5.0.1"
|
|
17
|
-
},
|
|
18
|
-
"scripts": {
|
|
19
|
-
"build": "webpack",
|
|
20
|
-
"pub": "webpack && npm version patch && npm publish"
|
|
21
|
-
},
|
|
22
|
-
"peerDependencies": {
|
|
23
|
-
"react": "^17",
|
|
24
|
-
"styled-components": "^5.3.6"
|
|
25
|
-
},
|
|
26
|
-
"files": [
|
|
27
|
-
"dist"
|
|
28
|
-
],
|
|
29
|
-
"dependencies": {}
|
|
30
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "profinansy-ui-lib",
|
|
3
|
+
"version": "1.0.81",
|
|
4
|
+
"main": "./dist/index.js",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"devDependencies": {
|
|
7
|
+
"@types/react": "^18.0.27",
|
|
8
|
+
"css-loader": "^6.7.3",
|
|
9
|
+
"sass": "^1.57.1",
|
|
10
|
+
"sass-loader": "^13.2.0",
|
|
11
|
+
"style-loader": "^3.3.1",
|
|
12
|
+
"styled-components": "^5.3.6",
|
|
13
|
+
"ts-loader": "^9.4.2",
|
|
14
|
+
"typescript": "^4.9.4",
|
|
15
|
+
"webpack": "^5.75.0",
|
|
16
|
+
"webpack-cli": "^5.0.1"
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"build": "webpack",
|
|
20
|
+
"pub": "webpack && npm version patch && npm publish"
|
|
21
|
+
},
|
|
22
|
+
"peerDependencies": {
|
|
23
|
+
"react": "^17",
|
|
24
|
+
"styled-components": "^5.3.6"
|
|
25
|
+
},
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
29
|
+
"dependencies": {}
|
|
30
|
+
}
|
package/readme.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
# Флоу работы
|
|
2
|
-
1. Создать ветку от master
|
|
3
|
-
2. Сделать изменения, обновить версию в package.json, выполнить команду yarn build, запушить в гитлаб и открыть МР в мастер(прикрепляете ссылку на задачу в МР и кидаете его в группу в телеге)
|
|
4
|
-
3. Ревьювер посмотрит на МР, если это апрув, примет МР в main, и выполнит у себя локально команду npm publish
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
# Как смотреть изменения
|
|
8
|
-
1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
|
|
9
|
-
2. В своем проекте, в котором используется эта репа(profinansy, к примеру),надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**. Для применения изменений выполняйте команду **yarn build** в репозитории **profinansy-react-components**. Возможно то, что typescript будет кидать ошибки JSX типа "**cannot be used as a JSX component**", пока вы не отвяжете локальную привязку
|
|
10
|
-
3. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
|
|
1
|
+
# Флоу работы
|
|
2
|
+
1. Создать ветку от master
|
|
3
|
+
2. Сделать изменения, обновить версию в package.json, выполнить команду yarn build, запушить в гитлаб и открыть МР в мастер(прикрепляете ссылку на задачу в МР и кидаете его в группу в телеге)
|
|
4
|
+
3. Ревьювер посмотрит на МР, если это апрув, примет МР в main, и выполнит у себя локально команду npm publish
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
# Как смотреть изменения
|
|
8
|
+
1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
|
|
9
|
+
2. В своем проекте, в котором используется эта репа(profinansy, к примеру),надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**. Для применения изменений выполняйте команду **yarn build** в репозитории **profinansy-react-components**. Возможно то, что typescript будет кидать ошибки JSX типа "**cannot be used as a JSX component**", пока вы не отвяжете локальную привязку
|
|
10
|
+
3. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
|