profinansy-ui-lib 3.5.47 → 3.5.48

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

@@ -8,6 +8,8 @@ export type TabOption = {
     label: string;
     /** Количество элементов */
     dataCount?: number;
+    /** Запросы, которые нужно префетчить через rtk query при наведении на таб **/
+    prefetchOnHover?: Array<() => void>;
 };
 export type TScrollTabs = 'base' | 'content';
 export type TTabProps = {

package/dist/index.js

@@ -4821,7 +4821,7 @@
   @media (max-width: ${s.TABLET_WIDTH}px) {
     display: none;
   }
-`},98365: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.Tabs=void 0;const u=i(n(8156)),l=i(n(41713)),s=n(21489),d=n(65492),c=n(4103),f=n(91197),m=n(41899),h=n(11608),p=o(n(3173)),g=n(94884),v=n(41230),b=n(5733),y=n(40140);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i,classWrapper:o,scroll:w="base"})=>{const[M,x]=(0,u.useState)({left:0,width:0}),[k,_]=(0,u.useState)(!1),[P,O]=(0,u.useState)(!1),j=(0,u.useRef)(null),E=(0,b.useMediaQuery)(b.breakpoint.down(y.TABLET_WIDTH));(0,u.useEffect)((()=>{let e;const t=()=>{if(j.current){const{scrollLeft:e,scrollWidth:t,clientWidth:n}=j.current;_(e>0),O(e+2+n<t)}},n=()=>{e=setTimeout((()=>{t()}),400)};n();const r=p.default.subscribe(g.BusEvent.SideMenuOpen,n);return j.current&&(j.current.addEventListener("scroll",t),window.addEventListener("resize",(0,v.debounce)(t,200))),()=>{clearTimeout(e),r(),j.current&&(j.current.removeEventListener("scroll",t),window.removeEventListener("resize",t))}}),[n]),(0,u.useEffect)((()=>{if(r&&(null==n?void 0:n.length)){const e=n.findIndex((e=>e.value===r));S(e)}}),[r,n,E]);const S=e=>{if(j.current&&j.current.children[e]){const t=j.current.children[e],n=j.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=j.current.scrollLeft,i=r.left-n.left+a,o=r.width;x({left:i,width:o})}},C=e=>{j.current&&j.current.scrollTo({left:j.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:T}=(0,f.useMode)();return u.default.createElement(h.ThemeProvider,{theme:m.palette[T]},u.default.createElement(l.Wrapper,{className:o},k&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{isLeft:!0,scroll:w}),u.default.createElement(l.LeftButton,{onClick:()=>C(!0),size:"M",direction:"left"})),u.default.createElement(s.DragScroll,null,u.default.createElement(l.Container,{indent:a,style:e,ref:j},n.map(((e,n)=>u.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(j.current&&j.current.children[e]){const t=j.current.children[e],n=j.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?j.current.scrollTo({left:j.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&j.current.scrollTo({left:j.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},u.default.createElement(d.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&u.default.createElement(c.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px",background:r===e.value?m.palette[T].other.violet:m.palette[T].other.gray}})))),u.default.createElement(l.LineIndicator,{position:M.left,width:M.width}))),P&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{scroll:w}),u.default.createElement(l.RightButton,{onClick:()=>C(!1),size:"M",direction:"right"}))))}},39532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(98365);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},66952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=void 0,t.getMode=e=>({blue:{default:{color:e.interactiveButtons.outlineBrandText},hover:{color:e.interactiveButtons.secondaryBrandText},active:{color:e.interactiveButtons.outlineBrandText}}})},39876: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(11608)),i=n(66952);t.TextButton=a.default.button`
+`},98365: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.Tabs=void 0;const u=i(n(8156)),l=i(n(41713)),s=n(21489),d=n(65492),c=n(4103),f=n(91197),m=n(41899),h=n(11608),p=o(n(3173)),g=n(94884),v=n(41230),b=n(5733),y=n(40140);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i,classWrapper:o,scroll:w="base"})=>{const[M,x]=(0,u.useState)({left:0,width:0}),[k,_]=(0,u.useState)(!1),[P,O]=(0,u.useState)(!1),j=(0,u.useRef)(null),E=(0,b.useMediaQuery)(b.breakpoint.down(y.TABLET_WIDTH));(0,u.useEffect)((()=>{let e;const t=()=>{if(j.current){const{scrollLeft:e,scrollWidth:t,clientWidth:n}=j.current;_(e>0),O(e+2+n<t)}},n=()=>{e=setTimeout((()=>{t()}),400)};n();const r=p.default.subscribe(g.BusEvent.SideMenuOpen,n);return j.current&&(j.current.addEventListener("scroll",t),window.addEventListener("resize",(0,v.debounce)(t,200))),()=>{clearTimeout(e),r(),j.current&&(j.current.removeEventListener("scroll",t),window.removeEventListener("resize",t))}}),[n]),(0,u.useEffect)((()=>{if(r&&(null==n?void 0:n.length)){const e=n.findIndex((e=>e.value===r));S(e)}}),[r,n,E]);const S=e=>{if(j.current&&j.current.children[e]){const t=j.current.children[e],n=j.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=j.current.scrollLeft,i=r.left-n.left+a,o=r.width;x({left:i,width:o})}},C=e=>{j.current&&j.current.scrollTo({left:j.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:T}=(0,f.useMode)();return u.default.createElement(h.ThemeProvider,{theme:m.palette[T]},u.default.createElement(l.Wrapper,{className:o},k&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{isLeft:!0,scroll:w}),u.default.createElement(l.LeftButton,{onClick:()=>C(!0),size:"M",direction:"left"})),u.default.createElement(s.DragScroll,null,u.default.createElement(l.Container,{indent:a,style:e,ref:j},n.map(((e,n)=>u.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(j.current&&j.current.children[e]){const t=j.current.children[e],n=j.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?j.current.scrollTo({left:j.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&j.current.scrollTo({left:j.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),onMouseEnter:()=>{var t;(null===(t=e.prefetchOnHover)||void 0===t?void 0:t.length)&&e.prefetchOnHover.forEach((e=>e()))},isActive:r===e.value},u.default.createElement(d.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&u.default.createElement(c.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px",background:r===e.value?m.palette[T].other.violet:m.palette[T].other.gray}})))),u.default.createElement(l.LineIndicator,{position:M.left,width:M.width}))),P&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{scroll:w}),u.default.createElement(l.RightButton,{onClick:()=>C(!1),size:"M",direction:"right"}))))}},39532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(98365);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},66952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=void 0,t.getMode=e=>({blue:{default:{color:e.interactiveButtons.outlineBrandText},hover:{color:e.interactiveButtons.secondaryBrandText},active:{color:e.interactiveButtons.outlineBrandText}}})},39876: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(11608)),i=n(66952);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.5.47",
+  "version": "3.5.48",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {