profinansy-ui-lib 3.6.61 → 3.6.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/blocks/Favourite/Favourite.typed.d.ts +4 -0
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +3 -2
- package/dist/components/uikit/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.styled.d.ts +6 -5
- package/dist/components/uikit/Tooltip/Tooltip.typed.d.ts +2 -0
- package/dist/components/uikit/WidgetTitle/WidgetTitle.typed.d.ts +3 -0
- package/dist/index.js +8 -8
- package/package.json +1 -1
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
export type TTypeFavourite = 'primary' | 'content';
|
|
2
2
|
export interface IFavouriteProps {
|
|
3
|
+
/**Тип кнопки */
|
|
3
4
|
type?: TTypeFavourite;
|
|
5
|
+
/**Класс для кнопки */
|
|
4
6
|
className?: string;
|
|
7
|
+
/**Добавлен ли объект в избранное */
|
|
5
8
|
isActive: boolean;
|
|
9
|
+
/**Коллбэк по нажатию на кнопку */
|
|
6
10
|
handleFav: (val: boolean) => void;
|
|
7
11
|
}
|
|
@@ -52,16 +52,17 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
|
|
|
52
52
|
open: boolean;
|
|
53
53
|
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
54
54
|
};
|
|
55
|
-
declare const Tooltip: ({ children, width, height, zIndex, padding, styleContainer, ...props }: ITooltipProps) => JSX.Element;
|
|
55
|
+
declare const Tooltip: ({ children, width, height, zIndex, padding, borderRadius, styleContainer, ...props }: ITooltipProps) => JSX.Element;
|
|
56
56
|
export declare const TooltipTrigger: ({ targetElement }: {
|
|
57
57
|
targetElement: React.ReactNode;
|
|
58
58
|
}) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
59
|
-
export declare const TooltipContent: ({ children, width, height, zIndex, padding, showArrow }: {
|
|
59
|
+
export declare const TooltipContent: ({ children, width, height, zIndex, padding, borderRadius, showArrow }: {
|
|
60
60
|
children: ReactNode;
|
|
61
61
|
width: string;
|
|
62
62
|
height: string;
|
|
63
63
|
zIndex: number;
|
|
64
64
|
padding: string;
|
|
65
|
+
borderRadius: string;
|
|
65
66
|
showArrow: boolean;
|
|
66
67
|
}) => JSX.Element;
|
|
67
68
|
export { Tooltip };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
title: string;
|
|
3
|
-
component: ({ children, width, height, zIndex, padding, styleContainer, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
|
|
3
|
+
component: ({ children, width, height, zIndex, padding, borderRadius, styleContainer, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
|
|
4
4
|
tags: string[];
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
2
|
export declare const Tooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
3
|
-
width?: string;
|
|
4
|
-
height?: string;
|
|
5
|
-
|
|
3
|
+
$width?: string;
|
|
4
|
+
$height?: string;
|
|
5
|
+
$borderRadius?: string;
|
|
6
|
+
$mode: string;
|
|
6
7
|
}, never>;
|
|
7
8
|
export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
8
|
-
height?: string;
|
|
9
|
-
padding?: string;
|
|
9
|
+
$height?: string;
|
|
10
|
+
$padding?: string;
|
|
10
11
|
}, never>;
|
|
@@ -14,6 +14,8 @@ export interface ITooltipProps {
|
|
|
14
14
|
height?: string;
|
|
15
15
|
/** Паддинги для выпадашки*/
|
|
16
16
|
padding?: string;
|
|
17
|
+
/** Закругления для выпадашки*/
|
|
18
|
+
borderRadius?: string;
|
|
17
19
|
/** Можно передать кастомный z-index для выпадашки*/
|
|
18
20
|
zIndex?: number;
|
|
19
21
|
/**Показывать по наведению на триггер*/
|
package/dist/index.js
CHANGED
|
@@ -5790,26 +5790,26 @@
|
|
|
5790
5790
|
`,t.Tooltip=o.default.div`
|
|
5791
5791
|
font-family: 'Manrope', sans-serif;
|
|
5792
5792
|
box-sizing: border-box;
|
|
5793
|
-
width: ${e=>e
|
|
5793
|
+
width: ${e=>e.$width?e.$width:"240px"};
|
|
5794
5794
|
max-height: calc(100vh - 90px);
|
|
5795
|
-
height: ${e=>e
|
|
5796
|
-
overflow: ${e=>"auto"===e
|
|
5795
|
+
height: ${e=>e.$height};
|
|
5796
|
+
overflow: ${e=>"auto"===e.$height?"visible":"hidden"};
|
|
5797
5797
|
background-color: ${e=>e.theme.background.field};
|
|
5798
|
-
border-radius: 12px;
|
|
5798
|
+
border-radius: ${e=>e.$borderRadius||"12px"};
|
|
5799
5799
|
box-shadow: ${e=>e.theme.shadow.overlay};
|
|
5800
5800
|
z-index: 9999999;
|
|
5801
|
-
${e=>"dark"===e
|
|
5801
|
+
${e=>"dark"===e.$mode&&o.css`
|
|
5802
5802
|
border: 0.5px solid ${e=>e.theme.stroke.contrast};
|
|
5803
5803
|
`}
|
|
5804
5804
|
`,t.Content=o.default.div`
|
|
5805
|
-
padding: ${e=>e
|
|
5805
|
+
padding: ${e=>e.$padding||"12px 16px"};
|
|
5806
5806
|
max-height: calc(100vh - 90px);
|
|
5807
5807
|
height: 100%;
|
|
5808
|
-
overflow-y: ${e=>"auto"===e
|
|
5808
|
+
overflow-y: ${e=>"auto"===e.$height?"visible":"auto"};
|
|
5809
5809
|
white-space: break-spaces;
|
|
5810
5810
|
position: relative;
|
|
5811
5811
|
${u.Scroll}
|
|
5812
|
-
`},47262: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.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=t.TooltipContent=t.TooltipTrigger=t.useTooltip=void 0;const u=i(n(8156)),s=n(17153),l=n(91197),c=n(11608),d=n(41899),f=n(60098),m=i(n(51925));function p({placement:e="bottom",isHover:t=!1,showArrow:n=!0}){const[r,a]=(0,u.useState)(!1),i=(0,u.useRef)(null),o=(0,s.useFloating)({placement:e,open:r,onOpenChange:a,whileElementsMounted:s.autoUpdate,middleware:[(0,s.arrow)({element:i}),(0,s.offset)(n?10:4),(0,s.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,s.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,u.useEffect)((()=>{if(o.middlewareData.arrow&&o.middlewareData.shift&&i.current&&n){const{x:e,y:t}=o.middlewareData.arrow,n=null==l?void 0:l.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-o.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-o.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(i.current.style,r)}}),[o,n]);const l=o.context,c=(0,s.useHover)(l,{enabled:t,handleClose:(0,s.safePolygon)(),move:!1,delay:{open:300,close:0}}),d=(0,s.useClick)(l,{enabled:!t}),f=(0,s.useDismiss)(l),m=(0,s.useRole)(l),p=(0,s.useInteractions)([f,m,d,c]);return u.default.useMemo((()=>Object.assign(Object.assign({arrowRef:i,open:r,setOpen:a},p),o)),[r,a,p,o,i])}t.useTooltip=p;const h=u.default.createContext(null);t.Tooltip=e=>{var{children:n,width:r,height:a,zIndex:i,padding:s,styleContainer:
|
|
5812
|
+
`},47262: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.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=t.TooltipContent=t.TooltipTrigger=t.useTooltip=void 0;const u=i(n(8156)),s=n(17153),l=n(91197),c=n(11608),d=n(41899),f=n(60098),m=i(n(51925));function p({placement:e="bottom",isHover:t=!1,showArrow:n=!0}){const[r,a]=(0,u.useState)(!1),i=(0,u.useRef)(null),o=(0,s.useFloating)({placement:e,open:r,onOpenChange:a,whileElementsMounted:s.autoUpdate,middleware:[(0,s.arrow)({element:i}),(0,s.offset)(n?10:4),(0,s.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,s.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,u.useEffect)((()=>{if(o.middlewareData.arrow&&o.middlewareData.shift&&i.current&&n){const{x:e,y:t}=o.middlewareData.arrow,n=null==l?void 0:l.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-o.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-o.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(i.current.style,r)}}),[o,n]);const l=o.context,c=(0,s.useHover)(l,{enabled:t,handleClose:(0,s.safePolygon)(),move:!1,delay:{open:300,close:0}}),d=(0,s.useClick)(l,{enabled:!t}),f=(0,s.useDismiss)(l),m=(0,s.useRole)(l),p=(0,s.useInteractions)([f,m,d,c]);return u.default.useMemo((()=>Object.assign(Object.assign({arrowRef:i,open:r,setOpen:a},p),o)),[r,a,p,o,i])}t.useTooltip=p;const h=u.default.createContext(null);t.Tooltip=e=>{var{children:n,width:r,height:a,zIndex:i,padding:s,borderRadius:l,styleContainer:c}=e,d=o(e,["children","width","height","zIndex","padding","borderRadius","styleContainer"]);const f=p(Object.assign({},d));return u.default.createElement(h.Provider,{value:f},u.default.createElement("div",{style:c,onClick:e=>d.isHover?null:e.stopPropagation()},u.default.createElement(t.TooltipTrigger,{targetElement:d.targetElement}),u.default.createElement(t.TooltipContent,{width:r,height:a,zIndex:i,padding:s,borderRadius:l,showArrow:d.showArrow},n)))},t.TooltipTrigger=({targetElement:e})=>{const t=(0,u.useContext)(h),n=(0,s.useMergeRefs)([t.refs.setReference]);return e&&u.default.isValidElement(e)?u.default.cloneElement(e,t.getReferenceProps(Object.assign(Object.assign({ref:n},e.props),{"data-state":t.open?"open":"closed"}))):null},t.TooltipContent=({children:e,width:t,height:n,zIndex:r,padding:a,borderRadius:i,showArrow:p=!0})=>{const g=(0,u.useContext)(h),{context:v}=g,b=o(g,["context"]),y=(0,s.useMergeRefs)([b.refs.setFloating]),{mode:w}=(0,l.useMode)(),{styles:M}=(0,s.useTransitionStyles)(v,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return v.open?u.default.createElement(s.FloatingPortal,null,u.default.createElement(s.FloatingFocusManager,{context:v,modal:!1},u.default.createElement(m.Container,Object.assign({ref:y,style:Object.assign({zIndex:r||f.zIndex.zIndex5},b.floatingStyles)},b.getFloatingProps()),u.default.createElement(c.ThemeProvider,{theme:d.palette[w]},u.default.createElement("div",{style:M},u.default.createElement(m.Tooltip,{$width:t,$height:n,$borderRadius:i,$mode:w},p&&u.default.createElement(s.FloatingArrow,{ref:b.arrowRef,context:v,tipRadius:2,stroke:"light"===w?"#f0f0f0":d.palette[w].stroke.contrast,strokeWidth:1,fill:d.palette[w].background.field}),u.default.createElement(m.Content,{$height:n,$padding:a},e))))))):null}},42091:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=void 0;var r=n(47262);Object.defineProperty(t,"Tooltip",{enumerable:!0,get:function(){return r.Tooltip}})},52058:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getTypographyParameters=t.typographyVariants=void 0,t.typographyVariants=["header1-Bold","header2-ExtraBold","header2-Bold","header3-Bold","header3-SemiBold","header4-Bold","header4-SemiBold","header5-Bold","header5-SemiBold","header6-Bold","header6-SemiBold","paragraph-Regular","paragraph-Medium","text-Regular","text-Medium","text-Bold","description-Regular","description-Medium","description-SemiBold","description-Bold","caption-Medium","caption-SemiBold","caption-Bold","caption2-Medium","caption2-SemiBold","caption2-Bold","tag-Medium11","tag-Medium10","tag-Medium9","controls-Regular","controls-Medium","controls-SemiBold"],t.getTypographyParameters=e=>{switch(e){case"header1-Bold":return[48,56,700];case"header2-ExtraBold":return[32,44,800];case"header2-Bold":return[32,44,700];case"header3-Bold":return[24,32,700];case"header3-SemiBold":return[24,32,600];case"header4-Bold":return[20,24,700];case"header4-SemiBold":return[20,24,600];case"header5-Bold":return[18,22,700];case"header5-SemiBold":return[18,22,600];case"header6-Bold":return[16,20,700];case"header6-SemiBold":case"controls-SemiBold":return[16,20,600];case"paragraph-Regular":return[17,22,400];case"paragraph-Medium":return[17,22,500];case"text-Regular":default:return[15,20,400];case"text-Medium":return[15,20,500];case"text-Bold":return[15,20,700];case"description-Regular":return[14,18,400];case"description-Medium":return[14,18,500];case"description-SemiBold":return[14,18,600];case"description-Bold":return[14,18,700];case"caption-Medium":return[13,16,500];case"caption-SemiBold":return[13,16,600];case"caption-Bold":return[13,16,700];case"caption2-Medium":return[12,16,500];case"caption2-SemiBold":return[12,16,600];case"caption2-Bold":return[12,16,700];case"tag-Medium11":return[11,14,500];case"tag-Medium10":return[10,14,500];case"tag-Medium9":return[9,14,500];case"controls-Regular":return[16,20,400];case"controls-Medium":return[16,20,500]}}},78778: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.TypographyStyled=void 0;const a=r(n(11608)),i=n(52058),o=a.default.p`
|
|
5813
5813
|
display: inline-block;
|
|
5814
5814
|
color: ${e=>{return t=e.theme,n=e.colorCategory,r=e.colorName,n&&r?t[n][r]:null;var t,n,r}};
|
|
5815
5815
|
${({variant:e})=>(e=>{if(Array.isArray(e)){let t="";return e.forEach((({variant:e,resolution:n})=>{const r=(0,i.getTypographyParameters)(e);t+=n?`@media (max-width: ${n}px) { \n font-size: ${r[0]}px;\n line-height: ${r[1]}px;\n font-weight: ${r[2]};`:`\n font-size: ${r[0]}px;\n line-height: ${r[1]}px;\n font-weight: ${r[2]};`})),t}{const t=(0,i.getTypographyParameters)(e);return{fontSize:`${t[0]}px`,lineHeight:`${t[1]}px`,fontWeight:t[2]}}})(e)};
|