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.
Files changed (54) hide show
  1. package/dist/assets/about-icon.d.ts +3 -3
  2. package/dist/assets/apple-icon.d.ts +3 -3
  3. package/dist/assets/burger-icon-dark.d.ts +3 -3
  4. package/dist/assets/burger-icon.d.ts +3 -3
  5. package/dist/assets/capital-icon.d.ts +3 -3
  6. package/dist/assets/channels-icon.d.ts +3 -3
  7. package/dist/assets/chats-icon.d.ts +3 -3
  8. package/dist/assets/chevron-icon.d.ts +3 -3
  9. package/dist/assets/close-icon.d.ts +3 -3
  10. package/dist/assets/club-icon.d.ts +3 -3
  11. package/dist/assets/education-icon.d.ts +3 -3
  12. package/dist/assets/expenses-icon.d.ts +3 -3
  13. package/dist/assets/favorites-icon.d.ts +3 -3
  14. package/dist/assets/feed-icon.d.ts +3 -3
  15. package/dist/assets/google-store-icon.d.ts +3 -3
  16. package/dist/assets/huawei-store-icon.d.ts +3 -3
  17. package/dist/assets/investments-icon.d.ts +3 -3
  18. package/dist/assets/lock-icon-dark.d.ts +3 -3
  19. package/dist/assets/lock-icon.d.ts +3 -3
  20. package/dist/assets/logout-icon-new.d.ts +3 -3
  21. package/dist/assets/logout-icon.d.ts +3 -3
  22. package/dist/assets/profile-icon.d.ts +3 -3
  23. package/dist/assets/purchases-icon.d.ts +3 -3
  24. package/dist/assets/purrple-logo-dark.d.ts +3 -3
  25. package/dist/assets/purrple-logo.d.ts +3 -3
  26. package/dist/assets/tariffs-icon.d.ts +3 -3
  27. package/dist/assets/telegram-icon.d.ts +3 -3
  28. package/dist/assets/vk-icon.d.ts +3 -3
  29. package/dist/assets/youtube-icon copy.d.ts +3 -3
  30. package/dist/common.types.d.ts +31 -31
  31. package/dist/components/footer/constants.d.ts +16 -16
  32. package/dist/components/footer/footer.d.ts +11 -11
  33. package/dist/components/footer/footer.styled.d.ts +29 -29
  34. package/dist/components/footer/index.d.ts +1 -1
  35. package/dist/components/header/constants.d.ts +89 -89
  36. package/dist/components/header/header-link-item/header-link-item.d.ts +12 -12
  37. package/dist/components/header/header-link-item/header-link-item.styled.d.ts +7 -7
  38. package/dist/components/header/header.d.ts +16 -16
  39. package/dist/components/header/header.styled.d.ts +10 -9
  40. package/dist/components/header/index.d.ts +1 -1
  41. package/dist/components/header/user-dropdown-menu/constants.d.ts +5 -5
  42. package/dist/components/header/user-dropdown-menu/user-dropdown-menu.d.ts +13 -13
  43. package/dist/components/header/user-dropdown-menu/user-dropdown-menu.styled.d.ts +7 -7
  44. package/dist/components/icon-wrapper/icon-wrapper.d.ts +7 -7
  45. package/dist/context/theme-context.d.ts +5 -5
  46. package/dist/hooks/useBreakpoints.d.ts +6 -6
  47. package/dist/hooks/useCurrentPath.d.ts +4 -4
  48. package/dist/hooks/useDisableScroll.d.ts +3 -3
  49. package/dist/hooks/useListenOutsideClick.d.ts +3 -3
  50. package/dist/index.d.ts +3 -3
  51. package/dist/index.js +8 -15
  52. package/dist/utils.d.ts +6 -6
  53. package/package.json +30 -30
  54. 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>;
@@ -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>;
@@ -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 SearchBoxWrapper: any;
5
- export declare const AuthBtn: any;
6
- export declare const BurgerBtn: any;
7
- export declare const LogoBtn: any;
8
- export declare const HeaderRightTopIcons: any;
9
- export declare const LogoutBtn: any;
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("button",{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`
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.80",
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**