profinansy-ui-lib 3.3.17 → 3.3.19
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/components/blocks/header/components/HeaderCenter/HeaderCenter.d.ts +3 -1
- package/dist/components/blocks/header/components/header-link-item/header-link-item.d.ts +2 -1
- package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.d.ts +2 -1
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.typed.d.ts +3 -0
- package/dist/index.js +9 -8
- package/package.json +1 -1
- package/readme.md +86 -10
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
1
2
|
import { UserRole } from '../../../../../common.types';
|
|
2
3
|
import { IApiSettings } from '../../../../../api/api';
|
|
3
4
|
interface IProps {
|
|
@@ -7,7 +8,8 @@ interface IProps {
|
|
|
7
8
|
hostnameLMS: string;
|
|
8
9
|
userRole: UserRole;
|
|
9
10
|
leaderBoardPermission: boolean;
|
|
11
|
+
LinkWrapper: ElementType;
|
|
10
12
|
handleRouteChange: (val: string, target?: boolean) => void;
|
|
11
13
|
}
|
|
12
|
-
declare const HeaderCenter: ({ apiSettings, hostname, hostnameLenta, hostnameLMS, userRole, leaderBoardPermission, handleRouteChange }: IProps) => JSX.Element;
|
|
14
|
+
declare const HeaderCenter: ({ apiSettings, hostname, hostnameLenta, hostnameLMS, userRole, leaderBoardPermission, handleRouteChange, LinkWrapper }: IProps) => JSX.Element;
|
|
13
15
|
export { HeaderCenter };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import { ElementType, FC } from 'react';
|
|
2
2
|
import { HeaderLinkType } from '../../../../../common.types';
|
|
3
3
|
type Props = HeaderLinkType & {
|
|
4
|
+
LinkWrapper: ElementType;
|
|
4
5
|
onRouteChange: (path: string, target?: boolean) => void;
|
|
5
6
|
target?: boolean;
|
|
6
7
|
activeColor?: string;
|
package/dist/components/blocks/header/components/header-link-item/header-link-item.styled.d.ts
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
export declare const Border: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
3
|
active?: boolean;
|
|
4
4
|
}, never>;
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const ButtonElement: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
7
|
export declare const HeaderLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../uikit/Typography/Typography.typed").ITypographyProps & import("react").CSSProperties & import("react").RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {
|
|
7
8
|
active?: boolean;
|
|
8
9
|
}, never>;
|
|
@@ -52,7 +52,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
|
|
|
52
52
|
open: boolean;
|
|
53
53
|
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
54
54
|
};
|
|
55
|
-
declare const Tooltip: ({ children, width, height, zIndex, padding, ...props }: ITooltipProps) => JSX.Element;
|
|
55
|
+
declare const Tooltip: ({ children, width, height, zIndex, padding, styleContainer, ...props }: ITooltipProps) => JSX.Element;
|
|
56
56
|
export declare const TooltipTrigger: ({ targetElement }: {
|
|
57
57
|
targetElement: React.ReactNode;
|
|
58
58
|
}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: ({ children, width, height, zIndex, padding, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
|
|
3
|
+
component: ({ children, width, height, zIndex, padding, styleContainer, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
|
|
4
4
|
tags: string[];
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { Placement } from '@floating-ui/react';
|
|
3
|
+
import CSS from 'csstype';
|
|
3
4
|
export interface ITooltipProps {
|
|
4
5
|
/** Элемент, по которому открывается выпадашка*/
|
|
5
6
|
targetElement: ReactNode;
|
|
@@ -21,4 +22,6 @@ export interface ITooltipProps {
|
|
|
21
22
|
showArrow?: boolean;
|
|
22
23
|
/** Callback, который вызывается, когда открывается или закрывается выпадашка.*/
|
|
23
24
|
onOpenTooltip?: (val: boolean) => void;
|
|
25
|
+
/** Стили для контейнера.*/
|
|
26
|
+
styleContainer?: CSS.Properties;
|
|
24
27
|
}
|
package/dist/index.js
CHANGED
|
@@ -3979,7 +3979,7 @@
|
|
|
3979
3979
|
fill: ${e=>e.theme.icons.accent};
|
|
3980
3980
|
}
|
|
3981
3981
|
`},
|
|
3982
|
-
`},1741: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.HeaderCenter=void 0;const i=o(n(8156)),l=n(2148),u=n(6991),c=n(3479),s=n(1704),d=n(6822),f=n(7984);t.HeaderCenter=({apiSettings:e,hostname:t,hostnameLenta:n,hostnameLMS:r,userRole:a,leaderBoardPermission:o,handleRouteChange:p})=>{const[
|
|
3982
|
+
`},1741: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.HeaderCenter=void 0;const i=o(n(8156)),l=n(2148),u=n(6991),c=n(3479),s=n(1704),d=n(6822),f=n(7984);t.HeaderCenter=({apiSettings:e,hostname:t,hostnameLenta:n,hostnameLMS:r,userRole:a,leaderBoardPermission:o,handleRouteChange:p,LinkWrapper:h})=>{const[m,v]=(0,i.useState)(!1),[g,b]=(0,i.useState)(f.INSTRUMENTS_TYPES.stocks),{tabs:y,data:w,loader:x,isEmpty:_,favourites:O,handleChange:E}=(0,f.useSearchInstruments)(e,!1,b),M=(0,c.getMainLinks)(t,n,r,o,a);return i.default.createElement(u.CenterWrapper,null,m&&i.default.createElement(u.Background,{onClick:()=>v(!1)}),i.default.createElement(u.LinksContainer,null,i.default.createElement(s.Search,{onChange:E,isOpen:m,setIsOpen:v,isLoader:x}),i.default.createElement(u.LinkList,{isOpenSearch:m,onClick:e=>e.stopPropagation()},null==M?void 0:M.map(((e,t)=>i.default.createElement(l.HeaderLinkItem,Object.assign({LinkWrapper:h,onRouteChange:p,key:t},e)))))),i.default.createElement(d.SearchContent,{apiSettings:e,isEmpty:_,hostname:t,data:w,favourites:O,isOpen:m,setSelectedTab:b,selectedTab:g,tabs:y,handleRouteChange:p,onClose:()=>v(!1)}))}},6221: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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HeaderRight=void 0;const l=i(n(8156)),u=o(n(6991)),c=n(8065),s=i(n(3432)),d=n(2258),f=n(1408),p=n(550),h=n(9549),m=n(3493);t.HeaderRight=({user:e,hostname:t,userRole:n,isProfinansy:r,isPossibleTrial:a,trial:o,handleRouteChange:i,setBurgerOpened:v,onLogout:g,apiSettings:b})=>{const{xs:y}=(0,p.useBreakpoints)(),w=()=>{const e=r?"/market/dashboard":window.location.href;i(t+"/login?redirect="+e)};return l.default.createElement(u.HeaderRight,null,l.default.createElement(c.Favourite,{hostname:t,handleRouteChange:i,userRole:n}),l.default.createElement(m.Notification,{hostname:t,handleRouteChange:i,userRole:n,apiSettings:b}),l.default.createElement(h.PremiumDropdownList,{trial:o,userRole:n,hostname:t}),"guest"===n?l.default.createElement(l.default.Fragment,null,y?l.default.createElement(u.LoginIcon,{onClick:w},l.default.createElement(s.default,null)):l.default.createElement(d.Button,{onClick:w,text:"Войти",size:"S"})):l.default.createElement(f.UserDropdownMenu,{user:e,userRole:n,closeBurger:()=>v(!1),hostname:t,onRouteChange:i,onLogout:g,isPossibleTrial:a}))}},5668: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.NotificationButton=t.NotificationsCount=t.Wrapper=void 0;const i=o(n(1608)),l=n(4542);t.Wrapper=i.default.div`
|
|
3983
3983
|
position: relative;
|
|
3984
3984
|
`,t.NotificationsCount=i.default.div`
|
|
3985
3985
|
position: absolute;
|
|
@@ -4172,7 +4172,7 @@
|
|
|
4172
4172
|
@media (max-width: 1400px) {
|
|
4173
4173
|
margin-left: 0;
|
|
4174
4174
|
}
|
|
4175
|
-
`},5154: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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserAvatar=void 0;const l=i(n(8156)),u=o(n(4075)),c=n(1597);t.UserAvatar=({avatarUrl:e})=>l.default.createElement(u.Container,null,l.default.createElement(c.Avatar,{size:"40px",link:e,radius:"16px"}))},2002: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.HeaderLink=t.Container=t.Border=void 0;const a=r(n(1608)),o=n(4542),i=n(5492);t.Border=a.default.div`
|
|
4175
|
+
`},5154: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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.UserAvatar=void 0;const l=i(n(8156)),u=o(n(4075)),c=n(1597);t.UserAvatar=({avatarUrl:e})=>l.default.createElement(u.Container,null,l.default.createElement(c.Avatar,{size:"40px",link:e,radius:"16px"}))},2002: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.HeaderLink=t.Container=t.ButtonElement=t.Border=void 0;const a=r(n(1608)),o=n(4542),i=n(5492);t.Border=a.default.div`
|
|
4176
4176
|
min-width: 1.5px;
|
|
4177
4177
|
height: 1.5px;
|
|
4178
4178
|
width: 100%;
|
|
@@ -4182,12 +4182,13 @@
|
|
|
4182
4182
|
position: absolute;
|
|
4183
4183
|
left: 0;
|
|
4184
4184
|
bottom: -3px;
|
|
4185
|
-
`,t.
|
|
4185
|
+
`,t.ButtonElement=a.default.button`
|
|
4186
4186
|
border: none;
|
|
4187
4187
|
background: none;
|
|
4188
4188
|
cursor: pointer;
|
|
4189
|
-
transition: ${()=>`all 0.3s ${o.AnimationFunctions.animation_1}`};
|
|
4190
4189
|
padding: 0;
|
|
4190
|
+
`,t.Container=a.default.div`
|
|
4191
|
+
transition: ${()=>`all 0.3s ${o.AnimationFunctions.animation_1}`};
|
|
4191
4192
|
position: relative;
|
|
4192
4193
|
&:hover ${t.Border} {
|
|
4193
4194
|
background: rgba(255, 255, 255, 0.4);
|
|
@@ -4212,7 +4213,7 @@
|
|
|
4212
4213
|
@media (max-width: 1140px) {
|
|
4213
4214
|
padding: 6px 0;
|
|
4214
4215
|
}
|
|
4215
|
-
`},2148: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.HeaderLinkItem=void 0;const a=r(n(8156)),o=n(2002),i=n(2743);t.HeaderLinkItem=({name:e,href:t,subPages:n,onRouteChange:r,Icon:l,innerPages:u,target:c})=>{const{isActive:
|
|
4216
|
+
`},2148: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.HeaderLinkItem=void 0;const a=r(n(8156)),o=n(2002),i=n(2743);t.HeaderLinkItem=({name:e,href:t,subPages:n,onRouteChange:r,Icon:l,innerPages:u,target:c,LinkWrapper:s})=>{const{isActive:d}=(0,i.useActivePage)(t,n,u),f=()=>a.default.createElement(o.Container,null,a.default.createElement(o.HeaderLink,{active:d,variant:"description-SemiBold",tag:"span"},a.default.createElement(l,null),a.default.createElement("span",null,e)),a.default.createElement(o.Border,{active:d}));return s?a.default.createElement(s,{href:t},f()):a.default.createElement(o.ButtonElement,{onClick:()=>{r(t,c)}},f())}},225: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.listAdvantages=void 0;const a=r(n(7907)),o=r(n(372)),i=r(n(7288)),l=r(n(847)),u=r(n(1223)),c=r(n(453)),s=r(n(3945)),d=r(n(9459)),f=r(n(2668)),p=r(n(9179)),h=r(n(6671));t.listAdvantages=[{item:"Курс «Школа начинающего инвестора»",Icon:l.default},{item:"Ведение безлимитного количества целей в разделе «Цели и желания»",Icon:o.default},{item:"Ведение безлимитного количества желаний в разделе «Мои желания»",Icon:a.default},{item:"<b>Готовые подборки</b> лучших инструментов для инвестиций",Icon:u.default},{item:"Интерактивная статистика и аналитика <b>по вашим брокерским счетам и инвестиционным портфелям</b> в разделе «Портфели»",Icon:i.default},{item:"Доступ к <b>готовым стратегиям по облигациям и акциям</b> в разделе «Календарь инвестора»",Icon:c.default},{item:"Технологичный <b>удобный поиск инвестиций</b> в разделе «Поиск»",Icon:s.default},{item:"Аналитика по 20 000+ акциям",Icon:d.default},{item:"Аналитика по 3 000+ ETF/ПИФ",Icon:f.default},{item:"Аналитика по 145 000+ облигациям всего мира",Icon:d.default},{item:"Доступ к аналитике инструментов <b>8+ мировых бирж</b> из России, США, Китая и Европы",Icon:p.default},{item:"<b>Быстрый подбор инвестиций по фильтрам pro.finansy</b> - выбор только потенциально прибыльных компаний и инструментов для инвестиций",Icon:h.default}]},3254: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.PremiumListText=t.PremiumListTitle=t.PremiumListItem=t.PremiumList=t.PremiumListWrapper=t.PremiumDropdownRoot=void 0;const i=o(n(1608)),l=n(4240),u=n(1230),c=n(140),s=n(4542);t.PremiumDropdownRoot=i.default.div`
|
|
4216
4217
|
position: relative;
|
|
4217
4218
|
`,t.PremiumListWrapper=i.default.div`
|
|
4218
4219
|
position: absolute;
|
|
@@ -4512,7 +4513,7 @@
|
|
|
4512
4513
|
background: none;
|
|
4513
4514
|
border: none;
|
|
4514
4515
|
padding: 0;
|
|
4515
|
-
`},3210: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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Header=void 0;const l=o(n(8156)),u=o(n(6991)),c=i(n(6835)),s=n(4240),d=n(6221),f=n(1741),p=n(2715),h=n(1608),m=n(1197),v=n(1899),g=n(259);t.Header=({onRouteChange:e,isProfinansy:t,onLogout:n,isTest:r,leaderBoardPermission:a,user:o,apiSettings:i,LinkWrapper:b})=>{const[y,w]=(0,l.useState)(!1),x=o||{},{rights:_={},purchased:O={},user_id:E}=x,M=1===_.ext?"paid":void 0!==E?"authorized":"guest",{trial:k,isPossibleTrial:P}=(0,s.getTrial)(_,O),C=(0,g.getProfinansyHost)(t,r),S=(0,g.getFeedHost)(r),j=(0,g.getLMSHost)(r),T=(t,n)=>{n?window.open(t,"_blank"):e?e(t):window.location=t},{mode:D}=(0,m.useMode)();return l.default.createElement(h.ThemeProvider,{theme:v.palette[D]},l.default.createElement("div",null,l.default.createElement(u.Stub,null),l.default.createElement(u.Container,{id:"header-container"},l.default.createElement(u.Header,{id:"header-center-line"},l.default.createElement(p.Burger,{apiSettings:i,userRole:M,isLeaderboardPermission:a,isProfinansy:t,isTest:r,onRouteChange:T,isOpen:y,setBurgerOpened:w,LinkWrapper:b}),l.default.createElement(u.LogoBtn,{onClick:()=>T(`${C}/`)},l.default.createElement(c.default,null)),l.default.createElement(f.HeaderCenter,{apiSettings:i,leaderBoardPermission:a,hostname:C,hostnameLenta:S,hostnameLMS:j,userRole:M,handleRouteChange:T}),l.default.createElement(d.HeaderRight,{user:x,trial:k,userRole:M,hostname:C,isProfinansy:t,isPossibleTrial:P,handleRouteChange:T,onLogout:n,setBurgerOpened:w,apiSettings:i})))))}},4240:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDropdownsLinksColor=t.getTrial=void 0;const r=n(2054);t.getTrial=(e,t)=>{let n=null,a=null;const o=null==e?void 0:e.is_trial;return t&&"idv"in t&&!o?a=!0:o&&!(0,r.isBefore)(new Date(o),new Date)&&(n=o),{trial:n,isPossibleTrial:a}},t.getDropdownsLinksColor=(e,t,n)=>n?e.text.tertiary:t?e.text.accent:e.text.primary},8632:function(e,t,n){"use strict";var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function l(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}u((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.useGetNotificationsCount=void 0;const a=n(8156),o=n(8478),i=n(6921),l=n(1099);t.useGetNotificationsCount=e=>{const[t,n]=(0,a.useState)(0),u=(0,a.useCallback)((()=>r(void 0,void 0,void 0,(function*(){const{count:t}=yield o.notificationsApi.getNotificationsCount(e);n(t)}))),[e]);(0,a.useEffect)((()=>{u()}),[]);try{(0,i.onMessage)(l.messaging,u)}catch(e){}return(0,a.useEffect)((()=>(window.addEventListener("focus",u),()=>window.removeEventListener("focus",u))),[]),{notificationsCount:t}}},4968: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.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),a(n(3210),t)},4710: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.Loader=t.Content=t.Icons=void 0;const a=r(n(1608)),o=n(1230),i=n(6378);t.Icons=a.default.div`
|
|
4516
|
+
`},3210: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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Header=void 0;const l=o(n(8156)),u=o(n(6991)),c=i(n(6835)),s=n(4240),d=n(6221),f=n(1741),p=n(2715),h=n(1608),m=n(1197),v=n(1899),g=n(259);t.Header=({onRouteChange:e,isProfinansy:t,onLogout:n,isTest:r,leaderBoardPermission:a,user:o,apiSettings:i,LinkWrapper:b})=>{const[y,w]=(0,l.useState)(!1),x=o||{},{rights:_={},purchased:O={},user_id:E}=x,M=1===_.ext?"paid":void 0!==E?"authorized":"guest",{trial:k,isPossibleTrial:P}=(0,s.getTrial)(_,O),C=(0,g.getProfinansyHost)(t,r),S=(0,g.getFeedHost)(r),j=(0,g.getLMSHost)(r),T=(t,n)=>{n?window.open(t,"_blank"):e?e(t):window.location=t},{mode:D}=(0,m.useMode)();return l.default.createElement(h.ThemeProvider,{theme:v.palette[D]},l.default.createElement("div",null,l.default.createElement(u.Stub,null),l.default.createElement(u.Container,{id:"header-container"},l.default.createElement(u.Header,{id:"header-center-line"},l.default.createElement(p.Burger,{apiSettings:i,userRole:M,isLeaderboardPermission:a,isProfinansy:t,isTest:r,onRouteChange:T,isOpen:y,setBurgerOpened:w,LinkWrapper:b}),l.default.createElement(u.LogoBtn,{onClick:()=>T(`${C}/`)},l.default.createElement(c.default,null)),l.default.createElement(f.HeaderCenter,{apiSettings:i,leaderBoardPermission:a,hostname:C,hostnameLenta:S,hostnameLMS:j,userRole:M,LinkWrapper:b,handleRouteChange:T}),l.default.createElement(d.HeaderRight,{user:x,trial:k,userRole:M,hostname:C,isProfinansy:t,isPossibleTrial:P,handleRouteChange:T,onLogout:n,setBurgerOpened:w,apiSettings:i})))))}},4240:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDropdownsLinksColor=t.getTrial=void 0;const r=n(2054);t.getTrial=(e,t)=>{let n=null,a=null;const o=null==e?void 0:e.is_trial;return t&&"idv"in t&&!o?a=!0:o&&!(0,r.isBefore)(new Date(o),new Date)&&(n=o),{trial:n,isPossibleTrial:a}},t.getDropdownsLinksColor=(e,t,n)=>n?e.text.tertiary:t?e.text.accent:e.text.primary},8632:function(e,t,n){"use strict";var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{u(r.next(e))}catch(e){o(e)}}function l(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}u((r=r.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.useGetNotificationsCount=void 0;const a=n(8156),o=n(8478),i=n(6921),l=n(1099);t.useGetNotificationsCount=e=>{const[t,n]=(0,a.useState)(0),u=(0,a.useCallback)((()=>r(void 0,void 0,void 0,(function*(){const{count:t}=yield o.notificationsApi.getNotificationsCount(e);n(t)}))),[e]);(0,a.useEffect)((()=>{u()}),[]);try{(0,i.onMessage)(l.messaging,u)}catch(e){}return(0,a.useEffect)((()=>(window.addEventListener("focus",u),()=>window.removeEventListener("focus",u))),[]),{notificationsCount:t}}},4968: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.__exportStar||function(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||r(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),a(n(3210),t)},4710: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.Loader=t.Content=t.Icons=void 0;const a=r(n(1608)),o=n(1230),i=n(6378);t.Icons=a.default.div`
|
|
4516
4517
|
width: 100%;
|
|
4517
4518
|
display: flex;
|
|
4518
4519
|
flex-direction: column;
|
|
@@ -6214,7 +6215,7 @@
|
|
|
6214
6215
|
white-space: normal;
|
|
6215
6216
|
text-overflow: ellipsis;
|
|
6216
6217
|
}
|
|
6217
|
-
`},9344:function(e,t,n){"use strict";var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;const o=a(n(8156)),i=n(4552),l=n(4535);t.HiddenText=e=>{var{children:t,mode:n="ellipsis"}=e,a=r(e,["children","mode"]);if("ellipsis"===n)return o.default.createElement(i.Ellipsis,null,t);if("multiline"===n){const{lines:e}=a;return o.default.createElement(l.CutText,{lines:e},t)}return null}},4535: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.CutText=void 0;const i=o(n(8156)),l=n(6917),u=n(2091),c=n(5492),s=n(98);t.CutText=({children:e,lines:t})=>{const[n,r]=(0,i.useState)(!1),a=(0,i.useRef)(null),o=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:a}):e),[e]);return(0,i.useEffect)((()=>{a.current&&r(a.current.scrollHeight>a.current.clientHeight+5)}),[e,a]),n?i.default.createElement(u.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",targetElement:i.default.createElement(l.MultiLine,{lines:t},o)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(l.MultiLine,{lines:t},o)}},4552: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.Ellipsis=void 0;const i=o(n(8156)),l=n(2091),u=o(n(6917)),c=n(5492),s=n(98);t.Ellipsis=({children:e})=>{const[t,n]=(0,i.useState)(!1),r=(0,i.useRef)(null),a=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:r}):e),[e]);return(0,i.useEffect)((()=>{r.current&&n(r.current.scrollWidth>r.current.clientWidth)}),[e,r]),t?i.default.createElement(l.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",targetElement:i.default.createElement(u.Text,null,a)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(u.Text,null,a)}},45:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;var r=n(9344);Object.defineProperty(t,"HiddenText",{enumerable:!0,get:function(){return r.HiddenText}})},2572: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.Tooltip=void 0;const a=r(n(1608));t.Tooltip=a.default.div`
|
|
6218
|
+
`},9344:function(e,t,n){"use strict";var r=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;const o=a(n(8156)),i=n(4552),l=n(4535);t.HiddenText=e=>{var{children:t,mode:n="ellipsis"}=e,a=r(e,["children","mode"]);if("ellipsis"===n)return o.default.createElement(i.Ellipsis,null,t);if("multiline"===n){const{lines:e}=a;return o.default.createElement(l.CutText,{lines:e},t)}return null}},4535: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.CutText=void 0;const i=o(n(8156)),l=n(6917),u=n(2091),c=n(5492),s=n(98);t.CutText=({children:e,lines:t})=>{const[n,r]=(0,i.useState)(!1),a=(0,i.useRef)(null),o=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:a}):e),[e]);return(0,i.useEffect)((()=>{a.current&&r(a.current.scrollHeight>a.current.clientHeight+5)}),[e,a]),n?i.default.createElement(u.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:i.default.createElement(l.MultiLine,{lines:t},o)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(l.MultiLine,{lines:t},o)}},4552: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.Ellipsis=void 0;const i=o(n(8156)),l=n(2091),u=o(n(6917)),c=n(5492),s=n(98);t.Ellipsis=({children:e})=>{const[t,n]=(0,i.useState)(!1),r=(0,i.useRef)(null),a=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:r}):e),[e]);return(0,i.useEffect)((()=>{r.current&&n(r.current.scrollWidth>r.current.clientWidth)}),[e,r]),t?i.default.createElement(l.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:i.default.createElement(u.Text,null,a)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(u.Text,null,a)}},45:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;var r=n(9344);Object.defineProperty(t,"HiddenText",{enumerable:!0,get:function(){return r.HiddenText}})},2572: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.Tooltip=void 0;const a=r(n(1608));t.Tooltip=a.default.div`
|
|
6218
6219
|
text-align: ${e=>"bottom"===e.position||"top"===e.position?"center":"left"};
|
|
6219
6220
|
background-color: #444;
|
|
6220
6221
|
color: white;
|
|
@@ -7544,7 +7545,7 @@
|
|
|
7544
7545
|
white-space: break-spaces;
|
|
7545
7546
|
position: relative;
|
|
7546
7547
|
${l.Scroll}
|
|
7547
|
-
`},7262: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},i=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=t.TooltipContent=t.TooltipTrigger=t.useTooltip=void 0;const l=o(n(8156)),u=n(5025),c=n(1197),s=n(1608),d=n(1899),f=n(98),p=o(n(1925));function h({placement:e="bottom",isHover:t=!1,showArrow:n=!0}){const[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null),i=(0,u.useFloating)({placement:e,open:r,onOpenChange:a,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:o}),(0,u.offset)(n?10:4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,l.useEffect)((()=>{if(i.middlewareData.arrow&&i.middlewareData.shift&&o.current&&n){const{x:e,y:t}=i.middlewareData.arrow,n=null==c?void 0:c.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-i.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-i.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(o.current.style,r)}}),[i,n]);const c=i.context,s=(0,u.useHover)(c,{enabled:t,handleClose:(0,u.safePolygon)(),move:!1,delay:{open:300,close:0}}),d=(0,u.useClick)(c,{enabled:!t}),f=(0,u.useDismiss)(c),p=(0,u.useRole)(c),h=(0,u.useInteractions)([f,p,d,s]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:o,open:r,setOpen:a},h),i)),[r,a,h,i,o])}t.useTooltip=h;const m=l.default.createContext(null);t.Tooltip=e=>{var{children:n,width:r,height:a,zIndex:o,padding:u}=e,
|
|
7548
|
+
`},7262: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},i=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=t.TooltipContent=t.TooltipTrigger=t.useTooltip=void 0;const l=o(n(8156)),u=n(5025),c=n(1197),s=n(1608),d=n(1899),f=n(98),p=o(n(1925));function h({placement:e="bottom",isHover:t=!1,showArrow:n=!0}){const[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null),i=(0,u.useFloating)({placement:e,open:r,onOpenChange:a,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:o}),(0,u.offset)(n?10:4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,l.useEffect)((()=>{if(i.middlewareData.arrow&&i.middlewareData.shift&&o.current&&n){const{x:e,y:t}=i.middlewareData.arrow,n=null==c?void 0:c.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-i.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-i.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(o.current.style,r)}}),[i,n]);const c=i.context,s=(0,u.useHover)(c,{enabled:t,handleClose:(0,u.safePolygon)(),move:!1,delay:{open:300,close:0}}),d=(0,u.useClick)(c,{enabled:!t}),f=(0,u.useDismiss)(c),p=(0,u.useRole)(c),h=(0,u.useInteractions)([f,p,d,s]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:o,open:r,setOpen:a},h),i)),[r,a,h,i,o])}t.useTooltip=h;const m=l.default.createContext(null);t.Tooltip=e=>{var{children:n,width:r,height:a,zIndex:o,padding:u,styleContainer:c}=e,s=i(e,["children","width","height","zIndex","padding","styleContainer"]);const d=h(Object.assign({},s));return l.default.createElement(m.Provider,{value:d},l.default.createElement("div",{style:c,onClick:e=>e.stopPropagation()},l.default.createElement(t.TooltipTrigger,{targetElement:s.targetElement}),l.default.createElement(t.TooltipContent,{width:r,height:a,zIndex:o,padding:u,showArrow:s.showArrow},n)))},t.TooltipTrigger=({targetElement:e})=>{const t=(0,l.useContext)(m),n=(0,u.useMergeRefs)([t.refs.setReference]);return e&&l.default.isValidElement(e)?l.default.cloneElement(e,t.getReferenceProps(Object.assign(Object.assign({ref:n},e.props),{"data-state":t.open?"open":"closed"}))):null},t.TooltipContent=({children:e,width:t,height:n,zIndex:r,padding:a,showArrow:o=!0})=>{const h=(0,l.useContext)(m),{context:v}=h,g=i(h,["context"]),b=(0,u.useMergeRefs)([g.refs.setFloating]),{mode:y}=(0,c.useMode)(),{styles:w}=(0,u.useTransitionStyles)(v,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return v.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement(u.FloatingFocusManager,{context:v,modal:!1},l.default.createElement(p.Container,Object.assign({ref:b,style:Object.assign({zIndex:r||f.zIndex.zIndex5},g.floatingStyles)},g.getFloatingProps()),l.default.createElement(s.ThemeProvider,{theme:d.palette[y]},l.default.createElement("div",{style:w},l.default.createElement(p.Tooltip,{width:t,height:n,mode:y},o&&l.default.createElement(u.FloatingArrow,{ref:g.arrowRef,context:v,tipRadius:2,stroke:"light"===y?"#f0f0f0":d.palette[y].stroke.contrast,strokeWidth:1,fill:d.palette[y].background.field}),l.default.createElement(p.Content,{height:n,padding:a},e))))))):null}},2091:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=void 0;var r=n(7262);Object.defineProperty(t,"Tooltip",{enumerable:!0,get:function(){return r.Tooltip}})},2058:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getTypographyParameters=t.typographyVariants=void 0,t.typographyVariants=["header1-Bold","header2-ExtraBold","header2-Bold","header3-Bold","header3-SemiBold","header4-Bold","header4-SemiBold","header5-Bold","header5-SemiBold","header6-Bold","header6-SemiBold","paragraph-Regular","paragraph-Medium","text-Regular","text-Medium","text-Bold","description-Regular","description-Medium","description-SemiBold","description-Bold","caption-Medium","caption-SemiBold","caption-Bold","caption2-Medium","caption2-SemiBold","caption2-Bold","tag-Medium11","tag-Medium10","tag-Medium9","controls-Regular","controls-Medium","controls-SemiBold"],t.getTypographyParameters=e=>{switch(e){case"header1-Bold":return[48,56,700];case"header2-ExtraBold":return[32,44,800];case"header2-Bold":return[32,44,700];case"header3-Bold":return[24,32,700];case"header3-SemiBold":return[24,32,600];case"header4-Bold":return[20,24,700];case"header4-SemiBold":return[20,24,600];case"header5-Bold":return[18,22,700];case"header5-SemiBold":return[18,22,600];case"header6-Bold":return[16,20,700];case"header6-SemiBold":case"controls-SemiBold":return[16,20,600];case"paragraph-Regular":return[17,22,400];case"paragraph-Medium":return[17,22,500];case"text-Regular":default:return[15,20,400];case"text-Medium":return[15,20,500];case"text-Bold":return[15,20,700];case"description-Regular":return[14,18,400];case"description-Medium":return[14,18,500];case"description-SemiBold":return[14,18,600];case"description-Bold":return[14,18,700];case"caption-Medium":return[13,16,500];case"caption-SemiBold":return[13,16,600];case"caption-Bold":return[13,16,700];case"caption2-Medium":return[12,16,500];case"caption2-SemiBold":return[12,16,600];case"caption2-Bold":return[12,16,700];case"tag-Medium11":return[11,14,500];case"tag-Medium10":return[10,14,500];case"tag-Medium9":return[9,14,500];case"controls-Regular":return[16,20,400];case"controls-Medium":return[16,20,500]}}},8778: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.TypographyStyled=void 0;const a=r(n(1608)),o=n(2058),i=a.default.p`
|
|
7548
7549
|
display: inline-block;
|
|
7549
7550
|
color: ${e=>{return t=e.theme,n=e.colorCategory,r=e.colorName,n&&r?t[n][r]:null;var t,n,r}};
|
|
7550
7551
|
${({variant:e})=>(e=>{if(Array.isArray(e)){let t="";return e.forEach((({variant:e,resolution:n})=>{const r=(0,o.getTypographyParameters)(e);t+=n?`@media (max-width: ${n}px) { \n font-size: ${r[0]}px;\n line-height: ${r[1]}px;\n font-weight: ${r[2]};`:`\n font-size: ${r[0]}px;\n line-height: ${r[1]}px;\n font-weight: ${r[2]};`})),t}{const t=(0,o.getTypographyParameters)(e);return{fontSize:`${t[0]}px`,lineHeight:`${t[1]}px`,fontWeight:t[2]}}})(e)};
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,15 +1,71 @@
|
|
|
1
|
-
#
|
|
2
|
-
1. Создать ветку от master
|
|
3
|
-
2. Сделать изменения, обновить версию в package.json, выполнить команду yarn build, запушить в гитлаб и открыть МР в мастер(прикрепляете ссылку на задачу в МР и кидаете его в группу ревью)
|
|
4
|
-
3. Ревьювер посмотрит на МР, если это апрув, примет МР в main, и выполнит у себя локально команду npm publish
|
|
1
|
+
# Общая библиотека компонентов
|
|
5
2
|
|
|
3
|
+
## Описание проекта
|
|
4
|
+
- Документация актуальных компонентов - https://master--651c1b79b512c24adef7cc46.chromatic.com/
|
|
6
5
|
|
|
7
|
-
|
|
6
|
+
Проект предназначен для создания общих компонентов, которые используются в нескольких проектах сразу:
|
|
7
|
+
1) UIKIT
|
|
8
|
+
2) Header
|
|
9
|
+
3) Footer
|
|
10
|
+
4) SideMenu
|
|
11
|
+
5) Layout
|
|
12
|
+
6) Вспомогательные функции
|
|
13
|
+
|
|
14
|
+
## Для начала работы
|
|
15
|
+
1) Склонировать репозиторий ```git@profinansy.gitlab.yandexcloud.net:ru.profinansy/frontend/profinansy-react-components.git```
|
|
16
|
+
2) Установить зависимости. Для этого в корневой папке проекта выполнить команду ```yarn install```
|
|
17
|
+
3) Запустить сторибук ```yarn storybook```
|
|
18
|
+
|
|
19
|
+
## Используемые команды
|
|
20
|
+
#### Установка зависимостей
|
|
21
|
+
```bash
|
|
22
|
+
yarn install
|
|
23
|
+
```
|
|
24
|
+
#### Сборка проекта
|
|
25
|
+
```bash
|
|
26
|
+
yarn build
|
|
27
|
+
```
|
|
28
|
+
#### Апгрейд и публикация пакета
|
|
29
|
+
```bash
|
|
30
|
+
yarn pub
|
|
31
|
+
```
|
|
32
|
+
#### Проверка проекта линтером
|
|
33
|
+
```bash
|
|
34
|
+
yarn lint
|
|
35
|
+
```
|
|
36
|
+
#### Автоматическое исправление замечаний линтером
|
|
37
|
+
```bash
|
|
38
|
+
yarn lint:fix
|
|
39
|
+
```
|
|
40
|
+
#### Проверка проекта на типы
|
|
41
|
+
```bash
|
|
42
|
+
yarn types
|
|
43
|
+
```
|
|
44
|
+
#### Сборка сторибука в дев режиме (для разработки)
|
|
45
|
+
```bash
|
|
46
|
+
yarn storybook
|
|
47
|
+
```
|
|
48
|
+
#### Сборка сторибука для деплоя
|
|
49
|
+
```bash
|
|
50
|
+
yarn build-storybook
|
|
51
|
+
```
|
|
52
|
+
#### Сборка иконок в документацию
|
|
53
|
+
```bash
|
|
54
|
+
yarn icons:story
|
|
55
|
+
```
|
|
56
|
+
#### Деплой сторибука
|
|
57
|
+
```bash
|
|
58
|
+
yarn chromatic
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
## Нюансы по работу с проектом
|
|
62
|
+
|
|
63
|
+
### Как смотреть изменения
|
|
8
64
|
1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
|
|
9
65
|
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
66
|
3. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
|
|
11
67
|
|
|
12
|
-
|
|
68
|
+
### Как работать с иконками
|
|
13
69
|
|
|
14
70
|
Все иконки кладем в папку icons в формате svg. Подключать в компонент иконки
|
|
15
71
|
можно напрямую через import. Они сгенерируются в компоненты автоматически
|
|
@@ -19,7 +75,7 @@
|
|
|
19
75
|
``yarn icons:story``. Он автоматически сгенерирует новый `.stories` файл
|
|
20
76
|
и добавит все ваши новые иконки.
|
|
21
77
|
|
|
22
|
-
|
|
78
|
+
### Как работать с изображениями
|
|
23
79
|
|
|
24
80
|
Если вам нужно использовать какое-либо изображение отличное от формата `.svg`, то скачиваете это изображение
|
|
25
81
|
из фигмы и отправляете девопсам с просьбой залить его в файлохранилище. У себя уже просто вставляете ссылку,
|
|
@@ -27,7 +83,7 @@
|
|
|
27
83
|
Изображения хранятся вот тут: https://storage.yandexcloud.net/public-files.profinansy.ru/images
|
|
28
84
|
|
|
29
85
|
|
|
30
|
-
|
|
86
|
+
### Темизация
|
|
31
87
|
|
|
32
88
|
Палитра и общий провайдер, который передает выбранную тему лежит в папке `theme`.
|
|
33
89
|
Когда вы подключаете эту библиотеку к своему проекту, то оберните все приложение в провайдер
|
|
@@ -38,7 +94,27 @@ ThemeProvider. Через хук `useTheme` вы можете получить
|
|
|
38
94
|
Чтобы компоненты из папки `uikit` также имели типизацию они должны быть все обренуты
|
|
39
95
|
в ThemeProvider из `styled-components`
|
|
40
96
|
|
|
41
|
-
|
|
97
|
+
### Storybook
|
|
42
98
|
Для всех компонентов используется сторибук. Все изменения можно смотреть там.
|
|
43
99
|
Сторибук деплоится на chromatic. Для того, что задеплоить ваши изменения, сделайте коммит в гит,
|
|
44
|
-
а потом выполните команду ``yarn chromatic``
|
|
100
|
+
а потом выполните команду ``yarn chromatic``
|
|
101
|
+
|
|
102
|
+
## Файловая структура
|
|
103
|
+
1) В папке **api** находятся функции запросов к бэкенду
|
|
104
|
+
2) В папке **components** находятся все компоненты на проекте
|
|
105
|
+
- **blocks** - крупные блоки (header, footer и тд)
|
|
106
|
+
- **layouts** - общий лэйаут
|
|
107
|
+
- **modals** - общие модалки
|
|
108
|
+
- **uikit** - uikit проектов
|
|
109
|
+
3) В папке **constants** находятся все константы
|
|
110
|
+
4) папке **hooks** находятся все общие хуки
|
|
111
|
+
5) папке **icons** находятся все иконки
|
|
112
|
+
6) папке **theme** находятся все, что касается темизации
|
|
113
|
+
7) папке **urls** находятся объекты с роутингом
|
|
114
|
+
8) папке **utils** находятся все вспомогательные функции
|
|
115
|
+
|
|
116
|
+
## Процесс работы над задачей
|
|
117
|
+
https://wiki.corp.profinansy.net/pages/viewpage.action?pageId=4948261
|
|
118
|
+
|
|
119
|
+
## Регламенты разработки
|
|
120
|
+
https://wiki.corp.profinansy.net/pages/viewpage.action?pageId=4948295
|