profinansy-ui-lib 4.0.58 → 4.0.59

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

@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/FilterButton/components/Drop/Drop.d.ts

@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/Popup/components/PopupDesktop.d.ts

@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -20,6 +20,8 @@ export type TabOption = {
     iconLeft?: ReactNode;
     /** Слот справа */
     iconRight?: ReactNode;
+    /** Класс для таба */
+    className?: string;
 };
 export type TScrollTabs = 'base' | 'content';
 export type TTabProps = {

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

@@ -45,7 +45,7 @@ export declare function useTooltip({ placement, isHover, showArrow, onOpenToolti
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/profinansy-ui-lib.cjs.js

@@ -1774,7 +1774,7 @@ Check the top-level render call using <`+ne+">.")}return Y}}function m5(I,Y){{if
   width: fit-content;
   min-width: 18px;
   color: ${e=>e.theme.text.contrastThemed};
-`,n2=({number:e,type:t="brand",style:n})=>{const{mode:r}=K();return a.jsx(f.ThemeProvider,{theme:G[r],children:a.jsx(Kb,{type:t,style:n,children:a.jsx(P,{variant:"tag-Medium11",tag:"span",children:e})})})},Y3=({style:e,onChange:t,options:n,selectedValue:r,indent:i=16,counterType:o,classWrapper:s,scroll:l="base"})=>{const[c,u]=m.useState({left:0,width:0}),[p,h]=m.useState(!1),[v,g]=m.useState(!1),C=m.useRef(null),x=ct(lt.down(he)),b=m.useMemo(()=>n.filter($=>!$.hidden),[n]),y=m.useRef({});m.useEffect(()=>{let $;const M=()=>{if(C.current){const{scrollLeft:N,scrollWidth:B,clientWidth:O}=C.current;h(N>0),g(N+2+O<B)}},D=()=>{$=setTimeout(()=>{M()},400)};D();const V=Ue.subscribe(Ye.SideMenuOpen,D);return C.current&&(C.current.addEventListener("scroll",M),window.addEventListener("resize",Kc(M,200))),()=>{clearTimeout($),V(),C.current&&(C.current.removeEventListener("scroll",M),window.removeEventListener("resize",M))}},[b]),m.useEffect(()=>{r&&b?.length&&document.fonts.ready.then(()=>{const $=b.findIndex(M=>M.value===r);w($)})},[r,b,x]);const k=($,M,D)=>{t&&t($,M),_(D)},w=$=>{const M=C.current.children[$];if(M){const D=M.offsetLeft,V=M.offsetWidth;u({left:D,width:V})}},_=$=>{if(C.current&&C.current.children[$]){const M=C.current.children[$],D=C.current.getBoundingClientRect(),V=M.getBoundingClientRect(),N=V.right-D.right,B=V.left-D.left;N>0?C.current.scrollTo({left:C.current.scrollLeft+N+10,behavior:"smooth"}):B<0&&C.current.scrollTo({left:C.current.scrollLeft+B-10,behavior:"smooth"})}},E=$=>{C.current&&C.current.scrollTo({left:C.current.scrollLeft+($?-400:400),behavior:"smooth"})},{mode:L}=K();return a.jsx(f.ThemeProvider,{theme:G[L],children:a.jsxs(Nb,{className:s,children:[p&&a.jsxs(a.Fragment,{children:[a.jsx(f0,{$isLeft:!0,$scroll:l}),a.jsx(zb,{onClick:()=>E(!0),size:"M",direction:"left"})]}),a.jsx(Z3,{children:a.jsxs(Wb,{$indent:i,style:e,ref:C,children:[b.map(($,M)=>a.jsxs(Zb,{onClick:D=>k($.value,D,M),$isActive:r===$.value,onMouseLeave:()=>{y.current[M]&&(clearTimeout(y.current[M]),y.current[M]=null)},onMouseEnter:()=>{$.onMouseEnter&&(y.current[M]=setTimeout($.onMouseEnter,140))},children:[$.iconLeft?a.jsx(Jb,{children:$.iconLeft}):null,a.jsx(P,{tag:"span",variant:"controls-Medium",children:$.label}),$.iconRight?a.jsx(Qb,{children:$.iconRight}):null,$.isNew&&a.jsx(Xb,{}),$.hasNewContent&&a.jsx(Ub,{variant:"tag-Medium11",colorName:"contrastThemed",children:"Новое"}),$.dataCount!==void 0&&a.jsx(n2,{number:$.dataCount,type:o,style:{marginLeft:"4px",background:r===$.value?G[L].other.violet:G[L].other.gray}})]},$.value)),!!c.width&&a.jsx(Yb,{$position:c.left,$width:c.width})]})}),v&&a.jsxs(a.Fragment,{children:[a.jsx(f0,{$scroll:l}),a.jsx(Gb,{onClick:()=>E(!1),size:"M",direction:"right"})]})]})})},Wt=(e,t)=>({support:{default:{color:t?e.text.accent:e.text.primary,background:t?e.interactiveControls.secondary:e.background.field,border:t?e.stroke.accent:e.stroke.primary,boxShadow:t?e.shadow.basicDefault:"none",iconColor:t?e.icons.accent:e.icons.primary,tagBackground:t?e.background.accentSecondaryTint:e.background.secondaryAlpha,tagColor:t?e.text.accent:e.text.primary},hover:{color:t?e.text.accent:e.text.primary,background:t?e.interactiveControls.secondary:e.interactiveControls.accent,border:t?e.stroke.accent:e.stroke.primary,boxShadow:t?e.shadow.basicDefault:"none",iconColor:t?e.icons.accent:e.icons.primary}},base:{default:{color:t?e.text.contrast:e.text.primary,background:t?e.interactiveControls.accentDark:e.background.field,border:t?e.interactiveControls.accentDark:e.stroke.primary,boxShadow:"none",iconColor:t?e.icons.contrast:e.icons.primary,tagBackground:t?e.background.accentSecondaryTint:e.background.secondaryAlpha,tagColor:e.text.primary},hover:{color:t?e.text.contrast:e.text.primary,background:t?e.interactiveControls.accentDark:e.interactiveControls.accent,border:t?e.interactiveControls.accentDark:e.stroke.primary,boxShadow:"none",iconColor:t?e.icons.contrast:e.icons.primary}}}),ey=f.styled.button`
+`,n2=({number:e,type:t="brand",style:n})=>{const{mode:r}=K();return a.jsx(f.ThemeProvider,{theme:G[r],children:a.jsx(Kb,{type:t,style:n,children:a.jsx(P,{variant:"tag-Medium11",tag:"span",children:e})})})},Y3=({style:e,onChange:t,options:n,selectedValue:r,indent:i=16,counterType:o,classWrapper:s,scroll:l="base"})=>{const[c,u]=m.useState({left:0,width:0}),[p,h]=m.useState(!1),[v,g]=m.useState(!1),C=m.useRef(null),x=ct(lt.down(he)),b=m.useMemo(()=>n.filter($=>!$.hidden),[n]),y=m.useRef({});m.useEffect(()=>{let $;const M=()=>{if(C.current){const{scrollLeft:N,scrollWidth:B,clientWidth:O}=C.current;h(N>0),g(N+2+O<B)}},D=()=>{$=setTimeout(()=>{M()},400)};D();const V=Ue.subscribe(Ye.SideMenuOpen,D);return C.current&&(C.current.addEventListener("scroll",M),window.addEventListener("resize",Kc(M,200))),()=>{clearTimeout($),V(),C.current&&(C.current.removeEventListener("scroll",M),window.removeEventListener("resize",M))}},[b]),m.useEffect(()=>{r&&b?.length&&document.fonts.ready.then(()=>{const $=b.findIndex(M=>M.value===r);w($)})},[r,b,x]);const k=($,M,D)=>{t&&t($,M),_(D)},w=$=>{const M=C.current.children[$];if(M){const D=M.offsetLeft,V=M.offsetWidth;u({left:D,width:V})}},_=$=>{if(C.current&&C.current.children[$]){const M=C.current.children[$],D=C.current.getBoundingClientRect(),V=M.getBoundingClientRect(),N=V.right-D.right,B=V.left-D.left;N>0?C.current.scrollTo({left:C.current.scrollLeft+N+10,behavior:"smooth"}):B<0&&C.current.scrollTo({left:C.current.scrollLeft+B-10,behavior:"smooth"})}},E=$=>{C.current&&C.current.scrollTo({left:C.current.scrollLeft+($?-400:400),behavior:"smooth"})},{mode:L}=K();return a.jsx(f.ThemeProvider,{theme:G[L],children:a.jsxs(Nb,{className:s,children:[p&&a.jsxs(a.Fragment,{children:[a.jsx(f0,{$isLeft:!0,$scroll:l}),a.jsx(zb,{onClick:()=>E(!0),size:"M",direction:"left"})]}),a.jsx(Z3,{children:a.jsxs(Wb,{$indent:i,style:e,ref:C,children:[b.map(($,M)=>a.jsxs(Zb,{className:$.className,onClick:D=>k($.value,D,M),$isActive:r===$.value,onMouseLeave:()=>{y.current[M]&&(clearTimeout(y.current[M]),y.current[M]=null)},onMouseEnter:()=>{$.onMouseEnter&&(y.current[M]=setTimeout($.onMouseEnter,140))},children:[$.iconLeft?a.jsx(Jb,{children:$.iconLeft}):null,a.jsx(P,{tag:"span",variant:"controls-Medium",children:$.label}),$.iconRight?a.jsx(Qb,{children:$.iconRight}):null,$.isNew&&a.jsx(Xb,{}),$.hasNewContent&&a.jsx(Ub,{variant:"tag-Medium11",colorName:"contrastThemed",children:"Новое"}),$.dataCount!==void 0&&a.jsx(n2,{number:$.dataCount,type:o,style:{marginLeft:"4px",background:r===$.value?G[L].other.violet:G[L].other.gray}})]},$.value)),!!c.width&&a.jsx(Yb,{$position:c.left,$width:c.width})]})}),v&&a.jsxs(a.Fragment,{children:[a.jsx(f0,{$scroll:l}),a.jsx(Gb,{onClick:()=>E(!1),size:"M",direction:"right"})]})]})})},Wt=(e,t)=>({support:{default:{color:t?e.text.accent:e.text.primary,background:t?e.interactiveControls.secondary:e.background.field,border:t?e.stroke.accent:e.stroke.primary,boxShadow:t?e.shadow.basicDefault:"none",iconColor:t?e.icons.accent:e.icons.primary,tagBackground:t?e.background.accentSecondaryTint:e.background.secondaryAlpha,tagColor:t?e.text.accent:e.text.primary},hover:{color:t?e.text.accent:e.text.primary,background:t?e.interactiveControls.secondary:e.interactiveControls.accent,border:t?e.stroke.accent:e.stroke.primary,boxShadow:t?e.shadow.basicDefault:"none",iconColor:t?e.icons.accent:e.icons.primary}},base:{default:{color:t?e.text.contrast:e.text.primary,background:t?e.interactiveControls.accentDark:e.background.field,border:t?e.interactiveControls.accentDark:e.stroke.primary,boxShadow:"none",iconColor:t?e.icons.contrast:e.icons.primary,tagBackground:t?e.background.accentSecondaryTint:e.background.secondaryAlpha,tagColor:e.text.primary},hover:{color:t?e.text.contrast:e.text.primary,background:t?e.interactiveControls.accentDark:e.interactiveControls.accent,border:t?e.interactiveControls.accentDark:e.stroke.primary,boxShadow:"none",iconColor:t?e.icons.contrast:e.icons.primary}}}),ey=f.styled.button`
   border-radius: 40px;
   width: 48px;
   height: 32px;