profinansy-ui-lib 1.0.17 → 1.0.20

package/dist/components/header/header-link-item/header-link-item.d.ts

@@ -3,6 +3,7 @@ import { HeaderLinkType } from '../../../common.types';
 type Props = HeaderLinkType & {
     onRouteChange: (path: string) => void;
     closeBurger: () => void;
+    burgerOpened: boolean;
 };
 export declare const HeaderLinkItem: FC<Props>;
 export {};

package/dist/index.js

@@ -300,16 +300,25 @@
     width: 100%;
   }
 `,t.HeaderLink=a.default.button`
+  position: relative;
   color: ${e=>e.active?"#9B8EFF":"#c0c0c0"};
   border: none;
-  border-bottom: ${e=>e.active?"3px solid":"none"};
   background: none;
-  border-color: ${e=>e.active&&!e.sm?"#9B8EFF":"transparent"};
   font-size: 15px;
   padding: 0 0 4px 0;
   cursor: pointer;
   transition: 0.2s color;
   line-height: normal !important;
+  &::after {
+    position: absolute;
+    display: ${e=>e.active&&!e.sm?"block":"none"};
+    left: 0;
+    bottom: -4px;
+    content: '';
+    height: 3px;
+    width: 100%;
+    background-color: #9b8eff;
+  }
   @media (min-width: 1050px) {
     &:hover {
       color: #9b8eff;
@@ -328,15 +337,17 @@
   }
 `,t.ChevronIconWrapper=a.default.div`
   svg {
+    fill: #898989;
+
     transform: ${e=>e.opened?"rotate(180deg)":"none"};
-    fill: ${e=>e.opened?"#9b8eff":"#898989"};
+    /* fill: ${e=>e.opened?"#9b8eff":"#898989"}; */
   }
   margin-left: auto;
 `,t.LinkIconSvgWrapper=a.default.div`
   svg {
     fill: ${e=>e.active?"#9b8eff":"#898989"};
   }
-`},277: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(156)),l=n(700),s=n(992),c=n(550),u=n(751),d=n(680);t.HeaderLinkItem=({name:e,href:t,subPages:n,onRouteChange:r,closeBurger:a,Icon:o,locked:f})=>{const[p,h]=(0,i.useState)(!1),{currentPathname:m}=(0,l.useCurrentPath)(),g=null==n?void 0:n.map((e=>e.href)),C=t===m||g.includes(m),{sm:v}=(0,c.useBreakpoints)();return i.default.createElement(s.HeaderItem,{onClick:()=>{v&&h((e=>!e))},onPointerEnter:()=>{v||h(!!(null==n?void 0:n.length))},onPointerLeave:()=>{v||h(!1)}},i.default.createElement(s.HeaderLink,{sm:v,active:(C||p)&&!f,onClick:()=>{v&&(null==n?void 0:n.length)||(r(t),a())}},v&&i.default.createElement(s.LinkIconSvgWrapper,{active:C||p},i.default.createElement(o,{width:18,height:18})),i.default.createElement("p",null,e),!!(null==n?void 0:n.length)&&v&&i.default.createElement(i.default.Fragment,null,i.default.createElement(s.ChevronIconWrapper,{opened:p||C},i.default.createElement(u.ChevronIcon,{width:12,height:15})))),p&&!!(null==n?void 0:n.length)&&i.default.createElement(s.HeaderDropdown,null,null==n?void 0:n.map((e=>i.default.createElement(s.HeaderDropdownItem,{key:e.href},e.locked&&i.default.createElement(d.LockIcon,{width:10,height:14}),i.default.createElement(s.HeaderDropdownItemLink,{active:e.href===m&&!e.locked,locked:e.locked,onClick:()=>{r(e.href),h(!1),v&&a()}},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.LogoBtn=t.BurgerBtn=t.AuthBtn=t.SearchBoxWrapper=t.HeaderRight=t.LinkList=t.HeaderRoot=void 0;const a=r(n(788));t.HeaderRoot=a.default.div`
+`},277: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(156)),l=n(700),s=n(992),c=n(550),u=n(751),d=n(680);t.HeaderLinkItem=({name:e,href:t,subPages:n,onRouteChange:r,closeBurger:a,Icon:o,locked:f,burgerOpened:p})=>{const[h,m]=(0,i.useState)(!1),{currentPathname:g}=(0,l.useCurrentPath)(),C=null==n?void 0:n.map((e=>e.href)),v=t===g||C.includes(g),{sm:b}=(0,c.useBreakpoints)();return(0,i.useEffect)((()=>{p||v||m(!1)}),[p]),i.default.createElement(s.HeaderItem,{onClick:()=>{b&&m((e=>!e))},onPointerEnter:()=>{b||m(!!(null==n?void 0:n.length))},onPointerLeave:()=>{b||m(!1)}},i.default.createElement(s.HeaderLink,{sm:b,active:v&&!f&&!h,onClick:()=>{b&&(null==n?void 0:n.length)||(r(t),a())}},b&&i.default.createElement(s.LinkIconSvgWrapper,{active:v&&!h},i.default.createElement(o,{width:18,height:18})),i.default.createElement("p",null,e),!!(null==n?void 0:n.length)&&b&&i.default.createElement(i.default.Fragment,null,i.default.createElement(s.ChevronIconWrapper,{opened:h},i.default.createElement(u.ChevronIcon,{width:12,height:15})))),h&&!!(null==n?void 0:n.length)&&i.default.createElement(s.HeaderDropdown,null,null==n?void 0:n.map((e=>i.default.createElement(s.HeaderDropdownItem,{key:e.href},e.locked&&i.default.createElement(d.LockIcon,{width:10,height:14}),i.default.createElement(s.HeaderDropdownItemLink,{active:e.href===g&&!e.locked,locked:e.locked,onClick:()=>{r(e.href),m(!1),b&&a()}},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.LogoBtn=t.BurgerBtn=t.AuthBtn=t.SearchBoxWrapper=t.HeaderRight=t.LinkList=t.HeaderRoot=void 0;const a=r(n(788));t.HeaderRoot=a.default.div`
   position: fixed;
   z-index: 10000;
   top: 0;
@@ -379,7 +390,7 @@
     flex-direction: column;
     gap: 28px;
     overflow-y: auto;
-    padding-bottom: 50px;
+    padding-bottom: 150px;
     &::-webkit-scrollbar {
       background: #fff;
       width: 18px;
@@ -443,7 +454,7 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
-`},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(156)),l=n(149),s=n(277),c=n(216),u=n(550),d=n(140),f=n(781),p=n(72),h=n(286),m=n(726),g=n(897),C=n(874);t.Header=({userRole:e,avatarUrl:t,clubAccess:n,onRouteChange:r,isProfinansy:a,onLogout:o,SearchBox:v,isTest:b})=>{var y;const[x,L]=(0,i.useState)(!1),E=a?"":b?"https://test.profinansy.ru":"https://profinansy.ru",w=(0,l.getMainLinks)(E,b),k=(0,l.getClubLinks)(n,E),{sm:_}=(0,u.useBreakpoints)(),M=e=>{r?r(e):window.location=e};return(0,f.useListenOutsideClick)({onOutsideClick:()=>L(!1)}),(0,C.useDisableScroll)({disable:x}),i.default.createElement(c.HeaderRoot,null,_&&i.default.createElement(i.default.Fragment,null,i.default.createElement(c.BurgerBtn,{onClick:e=>{e.stopPropagation(),L((e=>!e))}},x?i.default.createElement(p.CloseIcon,{width:21,height:19}):i.default.createElement(h.BurgerIcon,{width:21,height:16}))),i.default.createElement(c.LogoBtn,{onClick:()=>M(E+"/market/dashboard")},i.default.createElement(g.PurpleLogo,{width:161,height:25})),i.default.createElement(c.LinkList,{onClick:e=>e.stopPropagation(),opened:x},!!v&&!_&&i.default.createElement(c.SearchBoxWrapper,null,v()),null===(y=w[e])||void 0===y?void 0:y.map(((e,t)=>i.default.createElement(s.HeaderLinkItem,Object.assign({closeBurger:()=>L(!1),onRouteChange:M,key:t},e)))),i.default.createElement(s.HeaderLinkItem,Object.assign({closeBurger:()=>L(!1),onRouteChange:M},k))),i.default.createElement(c.HeaderRight,null,_&&!!v&&i.default.createElement(c.SearchBoxWrapper,null,v()),"guest"===e?i.default.createElement(c.AuthBtn,{onClick:()=>{const e=a?"/market/dashboard":window.location.href;M(E+"/authorization?redirect="+e)}},_?i.default.createElement(m.LogoutIcon,{width:18,height:18}):"Войти"):i.default.createElement(d.UserDropdownMenu,{closeBurger:()=>L(!1),profinansyHostname:E,avatarUrl:t,onRouteChange:M,onLogout:o})))}},537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDropdownLinks=void 0;const r=n(262),a=n(316),o=n(438),i=n(704);t.getDropdownLinks=e=>[{name:"Профиль",href:e+"/account/profile",Icon:o.ProfileIcon},{name:"Каналы",href:e+"/account/channels",Icon:r.ChannelsIcon},{name:"История покупок",href:e+"/account/purchase-history",Icon:i.PurchasesIcon},{name:"Избранное",href:e+"/market/favorite/instruments",Icon:a.FavoritesIcon}]},22: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(788));t.UserDropdownRoot=a.default.div`
+`},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(156)),l=n(149),s=n(277),c=n(216),u=n(550),d=n(140),f=n(781),p=n(72),h=n(286),m=n(726),g=n(897),C=n(874);t.Header=({userRole:e,avatarUrl:t,clubAccess:n,onRouteChange:r,isProfinansy:a,onLogout:o,SearchBox:v,isTest:b})=>{var y;const[x,L]=(0,i.useState)(!1),E=a?"":b?"https://test.profinansy.ru":"https://profinansy.ru",w=(0,l.getMainLinks)(E,b),k=(0,l.getClubLinks)(n,E),{sm:_}=(0,u.useBreakpoints)(),M=e=>{r?r(e):window.location=e};return(0,f.useListenOutsideClick)({onOutsideClick:()=>L(!1)}),(0,C.useDisableScroll)({disable:x}),i.default.createElement(c.HeaderRoot,null,_&&i.default.createElement(i.default.Fragment,null,i.default.createElement(c.BurgerBtn,{onClick:e=>{e.stopPropagation(),L((e=>!e))}},x?i.default.createElement(p.CloseIcon,{width:21,height:19}):i.default.createElement(h.BurgerIcon,{width:21,height:16}))),i.default.createElement(c.LogoBtn,{onClick:()=>M(E+"/market/dashboard")},i.default.createElement(g.PurpleLogo,{width:_?128:161,height:_?20:28})),i.default.createElement(c.LinkList,{onClick:e=>e.stopPropagation(),opened:x},!!v&&!_&&i.default.createElement(c.SearchBoxWrapper,null,v()),null===(y=w[e])||void 0===y?void 0:y.map(((e,t)=>i.default.createElement(s.HeaderLinkItem,Object.assign({closeBurger:()=>L(!1),onRouteChange:M,key:t,burgerOpened:x},e)))),i.default.createElement(s.HeaderLinkItem,Object.assign({closeBurger:()=>L(!1),onRouteChange:M,burgerOpened:x},k))),i.default.createElement(c.HeaderRight,null,_&&!!v&&i.default.createElement(c.SearchBoxWrapper,null,v()),"guest"===e?_?i.default.createElement(m.LogoutIcon,{width:18,height:18}):i.default.createElement(c.AuthBtn,{onClick:()=>{const e=a?"/market/dashboard":window.location.href;M(E+"/authorization?redirect="+e)}},"Войти"):i.default.createElement(d.UserDropdownMenu,{closeBurger:()=>L(!1),profinansyHostname:E,avatarUrl:t,onRouteChange:M,onLogout:o})))}},537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDropdownLinks=void 0;const r=n(262),a=n(316),o=n(438),i=n(704);t.getDropdownLinks=e=>[{name:"Профиль",href:e+"/account/profile",Icon:o.ProfileIcon},{name:"Каналы",href:e+"/account/channels",Icon:r.ChannelsIcon},{name:"История покупок",href:e+"/account/purchase-history",Icon:i.PurchasesIcon},{name:"Избранное",href:e+"/market/favorite/instruments",Icon:a.FavoritesIcon}]},22: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(788));t.UserDropdownRoot=a.default.div`
   position: relative;
 `,t.UserAvatar=a.default.img`
   width: 32px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "1.0.17",
+  "version": "1.0.20",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {