profinansy-ui-lib 2.0.99 → 3.0.1

package/dist/components/header/components/premium-dropdown-list/premium-dropdown-list.styled.d.ts

@@ -1,5 +1,6 @@
 export declare const PremiumDropdownRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PremiumListWrapper: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
+export declare const PremiumListPolygon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PremiumList: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
 export declare const PremiumListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
     active?: boolean;

package/dist/index.js

@@ -504,7 +504,7 @@
   max-height: 14px;
 `,t.Unavailable=(0,a.default)(t.Available)`
   background: linear-gradient(135deg, #1db8da 0%, #9747ff 100%);
-`},3389: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.HeaderLinkItem=void 0;const l=o(n(8156)),u=n(6700),s=n(9030),c=n(550),d=i(n(9150)),f=n(2543),p=n(8287),h=i(n(5431));t.HeaderLinkItem=({name:e,href:t,subPages:n,onRouteChange:r,closeBurger:a,Icon:o,locked:i,burgerOpened:m,innerPages:v,target:g})=>{const[b,y]=(0,l.useState)(!1),{currentHref:w,currentPathname:x}=(0,u.useCurrentPath)(),_=null==n?void 0:n.map((e=>e.href)),k=null==n?void 0:n.map((e=>{var t;return(null===(t=e.subLinks)||void 0===t?void 0:t.map((e=>e.href)))||[]})).flat(),O=(0,l.useMemo)((()=>t===x||t===w||!(!_||!_.includes(x))||!(!k||!k.includes(x))||!(!v||!(null==v?void 0:v.includes(x)))),[t,w,x,_,k,v]),M=(0,l.useRef)(null),{device:E}=(0,p.useGetDevice)(),{sm:C}=(0,c.useBreakpoints)();return(0,h.default)(b,(()=>y(!1)),M),(0,l.useEffect)((()=>{m||O||!C||y(!1)}),[m]),l.default.createElement(s.HeaderItem,{ref:M,opened:b,onPointerEnter:()=>{"desktop"!==E||C||y(!!(null==n?void 0:n.length))},onPointerLeave:()=>{"desktop"!==E||C||y(!1)}},l.default.createElement(s.HeaderLink,{sm:C,active:O&&!i&&!b,onClick:()=>{C?t&&!(null==n?void 0:n.length)?(r(t,g),a()):y((e=>!e)):!t||"desktop"!==E&&(null==n?void 0:n.length)?y((e=>!e)):(r(t,g),a())}},C&&o?l.default.createElement(o,null):null,l.default.createElement("span",null,e),(null==n?void 0:n.length)&&C?l.default.createElement(s.ChevronIconWrapper,{opened:b},l.default.createElement(d.default,null)):null),b&&!!(null==n?void 0:n.length)&&l.default.createElement(l.default.Fragment,null,l.default.createElement(s.HeaderDropdown,null,null==n?void 0:n.map(((e,t)=>l.default.createElement(f.HeaderSubLink,Object.assign({},e,{key:t,isLast:t===n.length-1,onClick:t=>{const n=t||e.href;x!==n&&r(n),y(!1),C&&a()}})))))))}},2543: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.HeaderSubLink=void 0;const l=i(n(9150)),u=o(n(8156)),s=n(9030),c=n(6700);t.HeaderSubLink=({name:e,href:t,locked:n,available:r,unavailable:a,subLinks:o,isLast:i,onClick:d})=>{var f;const[p,h]=(0,u.useState)(!1),{currentPathname:m}=(0,c.useCurrentPath)();(0,u.useEffect)((()=>{h(!1)}),[m]);const v=(t===m||(null===(f=null==o?void 0:o.map((e=>e.href)))||void 0===f?void 0:f.includes(m))||p)&&!n;return u.default.createElement(s.HeaderDropdownItem,{key:e,open:p,isLast:i},u.default.createElement(s.HeaderDropdownItemLink,{open:p,active:v,locked:n,onClick:e=>{if(null==o?void 0:o.length)return e.stopPropagation(),void h((e=>!e));d()}},u.default.createElement("span",null,e),r&&u.default.createElement(s.Available,null,"Премиум"),a&&u.default.createElement(s.Unavailable,null,"Нет доступа"),!!(null==o?void 0:o.length)&&u.default.createElement(l.default,null)),p&&u.default.createElement("div",null,null==o?void 0:o.map(((e,t)=>u.default.createElement(s.HeaderDropdownItemLink,{key:t,active:e.href===m&&!n,locked:n,open:!1,onClick:()=>{d(e.href)}},e.name)))))}},9855: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(6284)),l=r(n(847)),u=r(n(1223)),s=r(n(453)),c=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:"Ведение до 15 финансовых целей в разделе «Мои цели»",Icon:o.default},{item:"Ведение безлимитного количества желаний в разделе «Мои желания»",Icon:a.default},{item:"<b>Готовые подборки</b> лучших инструментов для инвестиций",Icon:u.default},{item:"Интерактивная статистика и аналитика <b>по вашим брокерским счетам и инвестиционным портфелям</b> в разделе «Портфели»",Icon:i.default},{item:"Доступ к <b>готовым стратегиям по облигациям и акциям</b> в разделе «Календарь инвестора»",Icon:s.default},{item:"Технологичный <b>удобный поиск инвестиций</b> в разделе «Поиск»",Icon:c.default},{item:"Аналитика по 12 677 акциям",Icon:d.default},{item:"Аналитика по 2 955 ETF",Icon:f.default},{item:"Аналитика по 130 000 + облигациям всего мира",Icon:d.default},{item:"Доступ в аналитике к инструментам <b>8-ми мировых бирж</b> из России, США, Китая и Европы",Icon:p.default},{item:"<b>Быстрый подбор инвестиций по фильтрам pro.finansy</b> - выбор только потенциально прибыльных компаний и инструментов для инвестиций",Icon:h.default}]},4757: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.PremiumListText=t.PremiumListTitle=t.PremiumListItem=t.PremiumList=t.PremiumListWrapper=t.PremiumDropdownRoot=void 0;const a=r(n(2788)),o=n(9426);t.PremiumDropdownRoot=a.default.div`
+`},3389: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.HeaderLinkItem=void 0;const l=o(n(8156)),u=n(6700),s=n(9030),c=n(550),d=i(n(9150)),f=n(2543),p=n(8287),h=i(n(5431));t.HeaderLinkItem=({name:e,href:t,subPages:n,onRouteChange:r,closeBurger:a,Icon:o,locked:i,burgerOpened:m,innerPages:v,target:g})=>{const[b,y]=(0,l.useState)(!1),{currentHref:w,currentPathname:x}=(0,u.useCurrentPath)(),_=null==n?void 0:n.map((e=>e.href)),k=null==n?void 0:n.map((e=>{var t;return(null===(t=e.subLinks)||void 0===t?void 0:t.map((e=>e.href)))||[]})).flat(),O=(0,l.useMemo)((()=>t===x||t===w||!(!_||!_.includes(x))||!(!k||!k.includes(x))||!(!v||!(null==v?void 0:v.includes(x)))),[t,w,x,_,k,v]),M=(0,l.useRef)(null),{device:E}=(0,p.useGetDevice)(),{sm:C}=(0,c.useBreakpoints)();return(0,h.default)(b,(()=>y(!1)),M),(0,l.useEffect)((()=>{m||O||!C||y(!1)}),[m]),l.default.createElement(s.HeaderItem,{ref:M,opened:b,onPointerEnter:()=>{"desktop"!==E||C||y(!!(null==n?void 0:n.length))},onPointerLeave:()=>{"desktop"!==E||C||y(!1)}},l.default.createElement(s.HeaderLink,{sm:C,active:O&&!i&&!b,onClick:()=>{C?t&&!(null==n?void 0:n.length)?(r(t,g),a()):y((e=>!e)):!t||"desktop"!==E&&(null==n?void 0:n.length)?y((e=>!e)):(r(t,g),a())}},C&&o?l.default.createElement(o,null):null,l.default.createElement("span",null,e),(null==n?void 0:n.length)&&C?l.default.createElement(s.ChevronIconWrapper,{opened:b},l.default.createElement(d.default,null)):null),b&&!!(null==n?void 0:n.length)&&l.default.createElement(l.default.Fragment,null,l.default.createElement(s.HeaderDropdown,null,null==n?void 0:n.map(((e,t)=>l.default.createElement(f.HeaderSubLink,Object.assign({},e,{key:t,isLast:t===n.length-1,onClick:t=>{const n=t||e.href;x!==n&&r(n),y(!1),C&&a()}})))))))}},2543: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.HeaderSubLink=void 0;const l=i(n(9150)),u=o(n(8156)),s=n(9030),c=n(6700);t.HeaderSubLink=({name:e,href:t,locked:n,available:r,unavailable:a,subLinks:o,isLast:i,onClick:d})=>{var f;const[p,h]=(0,u.useState)(!1),{currentPathname:m}=(0,c.useCurrentPath)();(0,u.useEffect)((()=>{h(!1)}),[m]);const v=(t===m||(null===(f=null==o?void 0:o.map((e=>e.href)))||void 0===f?void 0:f.includes(m))||p)&&!n;return u.default.createElement(s.HeaderDropdownItem,{key:e,open:p,isLast:i},u.default.createElement(s.HeaderDropdownItemLink,{open:p,active:v,locked:n,onClick:e=>{if(null==o?void 0:o.length)return e.stopPropagation(),void h((e=>!e));d()}},u.default.createElement("span",null,e),r&&u.default.createElement(s.Available,null,"Премиум"),a&&u.default.createElement(s.Unavailable,null,"Нет доступа"),!!(null==o?void 0:o.length)&&u.default.createElement(l.default,null)),p&&u.default.createElement("div",null,null==o?void 0:o.map(((e,t)=>u.default.createElement(s.HeaderDropdownItemLink,{key:t,active:e.href===m&&!n,locked:n,open:!1,onClick:()=>{d(e.href)}},e.name)))))}},9855: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(6284)),l=r(n(847)),u=r(n(1223)),s=r(n(453)),c=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:s.default},{item:"Технологичный <b>удобный поиск инвестиций</b> в разделе «Поиск»",Icon:c.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}]},4757: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.PremiumListText=t.PremiumListTitle=t.PremiumListItem=t.PremiumList=t.PremiumListPolygon=t.PremiumListWrapper=t.PremiumDropdownRoot=void 0;const a=r(n(2788)),o=n(9426),i=n(1230);t.PremiumDropdownRoot=a.default.div`
   position: relative;
 `,t.PremiumListWrapper=a.default.nav`
   position: absolute;
@@ -512,19 +512,11 @@
   padding-top: 25px;
   left: -464px;
   width: 534px;
-`,t.PremiumList=a.default.nav`
-  max-width: 534px;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: ${e=>e.theme.background.content};
-  padding: 18px 22px;
-  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
-  border-radius: 12px;
+`,t.PremiumListPolygon=a.default.div` 
   &::after {
     position: absolute;
     content: '';
-    top: -10px;
+    top: 14px;
     right: 10px;
     width: 0;
     height: 0;
@@ -532,6 +524,18 @@
     border-right: 11px solid transparent;
     border-bottom: 12px solid ${e=>e.theme.background.content};
   }
+`,t.PremiumList=a.default.nav`
+  max-width: 534px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background-color: ${e=>e.theme.background.content};
+  padding: 18px 22px;
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
+  border-radius: 12px;
+  overflow: auto;
+  ${i.Scroll}
+  }
 `,t.PremiumListItem=a.default.li`
   display: grid;
   grid-template-columns: 28px 1fr;
@@ -548,11 +552,12 @@
   line-height: 24px;
   font-weight: 700;
   margin-bottom: 16px;
+  color: ${e=>(0,o.getDropdownsLinksColor)(e.theme,!1,!1)};
 `,t.PremiumListText=a.default.p`
   font-size: 15px;
   line-height: 20px;
   font-weight: 400;
-`},9687: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.PremiumDropdownList=void 0;const l=o(n(8156)),u=n(4757),s=n(550),c=n(1463),d=i(n(5431)),f=n(9855);t.PremiumDropdownList=({hostname:e,userRole:t,trial:n})=>{const[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null),i="paid"===t;(0,d.default)(r,(()=>a(!1)),o);const{sm:p}=(0,s.useBreakpoints)();return l.default.createElement(u.PremiumDropdownRoot,{ref:o,onPointerEnter:()=>{p||a(!0)},onPointerLeave:()=>{p||a(!1)}},l.default.createElement(c.Premium,{userRole:t,hostname:e,trial:n}),r&&i&&l.default.createElement(u.PremiumListWrapper,null,l.default.createElement(u.PremiumList,{onClick:e=>e.stopPropagation()},l.default.createElement(u.PremiumListTitle,null,"Доступно по вашей подписке"),f.listAdvantages.map((({item:e,Icon:t})=>l.default.createElement(u.PremiumListItem,{key:e},l.default.createElement(t,null),l.default.createElement(u.PremiumListText,{dangerouslySetInnerHTML:{__html:e}})))))))}},2214: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.Name=t.Text=t.Left=t.Container=void 0;const a=r(n(2788));t.Container=a.default.div`
+`},9687: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.PremiumDropdownList=void 0;const l=o(n(8156)),u=n(4757),s=n(550),c=n(1463),d=i(n(5431)),f=n(9855);t.PremiumDropdownList=({hostname:e,userRole:t,trial:n})=>{const[r,a]=(0,l.useState)(!1),[o,i]=(0,l.useState)(0),p=(0,l.useRef)(null),h="paid"===t;(0,d.default)(r,(()=>a(!1)),p);const{sm:m}=(0,s.useBreakpoints)();return(0,l.useEffect)((()=>{i(window.innerHeight-70)}),[]),l.default.createElement(u.PremiumDropdownRoot,{ref:p,onPointerEnter:()=>{m||a(!0)},onPointerLeave:()=>{m||a(!1)}},l.default.createElement(c.Premium,{userRole:t,hostname:e,trial:n}),r&&h&&l.default.createElement(u.PremiumListWrapper,null,l.default.createElement(u.PremiumListPolygon,null,l.default.createElement(u.PremiumList,{style:{maxHeight:o<730?600:"100%"}},l.default.createElement(u.PremiumListTitle,null,"Доступно по вашей подписке"),f.listAdvantages.map((({item:e,Icon:t})=>l.default.createElement(u.PremiumListItem,{key:e},l.default.createElement(t,null),l.default.createElement(u.PremiumListText,{dangerouslySetInnerHTML:{__html:e}}))))))))}},2214: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.Name=t.Text=t.Left=t.Container=void 0;const a=r(n(2788));t.Container=a.default.div`
   position: relative;
   margin-top: 16px;
   padding: 16px 18px;

package/package.json

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