profinansy-ui-lib 3.1.31 → 3.1.33

package/dist/components/uikit/Tabs/Tabs.d.ts

@@ -1,3 +1,3 @@
 import { TTabProps } from './Tabs.typed';
-declare const Tabs: ({ style, onChange, options, selectedValue, indent, counterType }: TTabProps) => JSX.Element;
+declare const Tabs: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper }: TTabProps) => JSX.Element;
 export { Tabs };

package/dist/components/uikit/Tabs/Tabs.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ style, onChange, options, selectedValue, indent, counterType }: import("./Tabs.typed").TTabProps) => JSX.Element;
+    component: ({ style, onChange, options, selectedValue, indent, counterType, classWrapper }: import("./Tabs.typed").TTabProps) => JSX.Element;
     tags: string[];
     parameters: {
         design: {

package/dist/components/uikit/Tabs/Tabs.typed.d.ts

@@ -20,6 +20,8 @@ export type TTabProps = {
     counterType?: TCounterType;
     /** Отступ справа и слева */
     indent?: number;
+    /** Класс для контейнера */
+    classWrapper?: string;
     /** Действие при нажатии на таб */
     onChange?: (value: string, event: MouseEvent<HTMLButtonElement>) => void;
 };

package/dist/index.js

@@ -2831,7 +2831,7 @@
   :hover {
     opacity: 0.8;
   }
-`;t.Hint=g},7896: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}),i=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;const l=i(n(8156)),u=n(2851),c=n(6298),s=n(2091),d=i(n(5939)),f=o(n(4184)),p=n(550),h=n(1608),m=n(1197),v=n(1899);t.Popup=({content:e,classNameBlock:t,targetClass:n,isHover:r=!1,isText:a=!1,width:i="232px",targetElement:o})=>{const[g,b]=(0,l.useState)(!1),y=(0,l.useRef)(null),[w,x,_,O]=null!=e?e:[],{link:M}=(0,u.useGetVideoLink)({videoLink:O}),{xs:k}=(0,p.useBreakpoints)(),E={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:k?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{mode:P}=(0,m.useMode)();return l.default.createElement(h.ThemeProvider,{theme:v.palette[P]},l.default.createElement(s.Tooltip,{ref:y,isHover:r,closeClickOutSide:!g,data:l.default.createElement(d.Container,{className:t,width:i},l.default.createElement(d.Content,null,l.default.createElement(d.Title,{dangerouslySetInnerHTML:{__html:w||""}}),!!O&&l.default.createElement(d.PlayBtn,{onClick:()=>b(!0)},l.default.createElement("img",{width:200,height:100,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),l.default.createElement(d.Description,{dangerouslySetInnerHTML:{__html:x||""}}),_&&l.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},l.default.createElement(d.Link,null,"Подробнее..."))),l.default.createElement(c.Modal,{open:g,styleContent:E,styleWrapper:{zIndex:3e5},onClose:()=>{b(!1)}},l.default.createElement(d.Ifram,{src:M,allowFullScreen:!0})))},l.default.createElement(d.Target,{className:(0,f.default)(n)},o||(a?l.default.createElement(d.Text,null,"Как это работает?"):l.default.createElement(d.Hint,null)))))}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=document.querySelector(`#${e}`),r=t||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return t||document.body.appendChild(r),n(r),()=>{n(null),r.childElementCount||r.remove()}}),[e]),t}},896: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.Text=t.NativeInput=t.Container=t.Element=void 0;const a=r(n(1608));t.Element=a.default.span`
+`;t.Hint=g},7896: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}),i=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},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;const l=i(n(8156)),u=n(2851),c=n(6298),s=n(2091),d=i(n(5939)),f=o(n(4184)),p=n(550),h=n(1608),m=n(1197),v=n(1899);t.Popup=({content:e,classNameBlock:t,targetClass:n,isHover:r=!1,isText:a=!1,width:i="320px",targetElement:o})=>{const[g,b]=(0,l.useState)(!1),y=(0,l.useRef)(null),[w,x,_,O]=null!=e?e:[],{link:M}=(0,u.useGetVideoLink)({videoLink:O}),{xs:k}=(0,p.useBreakpoints)(),E={padding:"0px",background:"transparent",maxWidth:"960px",maxHeight:k?"250px":"540px",width:"100%",height:"100%",overflow:"hidden"},{mode:P}=(0,m.useMode)();return l.default.createElement(h.ThemeProvider,{theme:v.palette[P]},l.default.createElement(s.Tooltip,{ref:y,isHover:r,closeClickOutSide:!g,data:l.default.createElement(d.Container,{className:t,width:i},l.default.createElement(d.Content,null,l.default.createElement(d.Title,{dangerouslySetInnerHTML:{__html:w||""}}),!!O&&l.default.createElement(d.PlayBtn,{onClick:()=>b(!0)},l.default.createElement("img",{width:200,height:100,src:"https://storage.yandexcloud.net/public-files.profinansy.ru/images/suggestion-video-preview.png",alt:"video-preview"})),l.default.createElement(d.Description,{dangerouslySetInnerHTML:{__html:x||""}}),_&&l.default.createElement("a",{href:_,target:"_blank",rel:"noreferrer"},l.default.createElement(d.Link,null,"Подробнее..."))),l.default.createElement(c.Modal,{open:g,styleContent:E,styleWrapper:{zIndex:3e5},onClose:()=>{b(!1)}},l.default.createElement(d.Ifram,{src:M,allowFullScreen:!0})))},l.default.createElement(d.Target,{className:(0,f.default)(n)},o||(a?l.default.createElement(d.Text,null,"Как это работает?"):l.default.createElement(d.Hint,null)))))}},8911:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Popup=void 0;var r=n(7896);Object.defineProperty(t,"Popup",{enumerable:!0,get:function(){return r.Popup}})},7537:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;const r=n(3935),a=n(5171);t.Portal=({id:e,children:t})=>{const n=(0,a.usePortal)(e);return n?(0,r.createPortal)(t,n):null}},3848:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Portal=void 0;var r=n(7537);Object.defineProperty(t,"Portal",{enumerable:!0,get:function(){return r.Portal}})},5171:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.usePortal=void 0;const r=n(8156);t.usePortal=e=>{const[t,n]=(0,r.useState)(null);return(0,r.useEffect)((()=>{const t=document.querySelector(`#${e}`),r=t||(e=>{const t=document.createElement("div");return t.setAttribute("id",e),t})(e);return t||document.body.appendChild(r),n(r),()=>{n(null),r.childElementCount||r.remove()}}),[e]),t}},896: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.Text=t.NativeInput=t.Container=t.Element=void 0;const a=r(n(1608));t.Element=a.default.span`
   position: relative;
   top: 0;
   left: 0;
@@ -3291,7 +3291,7 @@
   transition: ${()=>`all 0.3s ${i.AnimationFunctions.animation_1}`};
   will-change: transform;
   transform: ${e=>`translateX(${e.position}px)`};
-`},1579: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}),i=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.Tabs=void 0;const o=i(n(8156)),l=i(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i})=>{const[h,m]=(0,o.useState)({left:0,width:0}),v=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(r){const e=n.findIndex((e=>e.value===r));g(e)}}),[r]);const g=e=>{if(v.current&&v.current.children[e]){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=v.current.scrollLeft,i=r.left-n.left+a,o=r.width;m({left:i,width:o})}},{mode:b}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[b]},o.default.createElement(l.Wrapper,null,o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:v},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(v.current&&v.current.children[e]){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?v.current.scrollTo({left:v.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&v.current.scrollTo({left:v.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},o.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&o.default.createElement(s.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px"}})))),o.default.createElement(l.LineIndicator,{position:h.left,width:h.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876: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.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),i=n(6952);t.TextButton=a.default.button`
+`},1579: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}),i=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.Tabs=void 0;const o=i(n(8156)),l=i(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i,classWrapper:h})=>{const[m,v]=(0,o.useState)({left:0,width:0}),g=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(r){const e=n.findIndex((e=>e.value===r));b(e)}}),[r]);const b=e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=g.current.scrollLeft,i=r.left-n.left+a,o=r.width;v({left:i,width:o})}},{mode:y}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[y]},o.default.createElement(l.Wrapper,{className:h},o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:g},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(g.current&&g.current.children[e]){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?g.current.scrollTo({left:g.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&g.current.scrollTo({left:g.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},o.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&o.default.createElement(s.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px"}})))),o.default.createElement(l.LineIndicator,{position:m.left,width:m.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876: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.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),i=n(6952);t.TextButton=a.default.button`
   font-family: Manrope, sans-serif;
   cursor: pointer;
   width: fit-content;

package/package.json

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