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.
@@ -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
- mode: string;
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
  /**Показывать по наведению на триггер*/
@@ -1,5 +1,8 @@
1
1
  export interface IWidgetTitleProps {
2
+ /**Ссылка для заголовка */
2
3
  link?: string;
4
+ /**Текст для заголовка */
3
5
  text: string;
6
+ /**Сабтекст для заголовка */
4
7
  subText?: string;
5
8
  }
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.width?e.width:"240px"};
5793
+ width: ${e=>e.$width?e.$width:"240px"};
5794
5794
  max-height: calc(100vh - 90px);
5795
- height: ${e=>e.height};
5796
- overflow: ${e=>"auto"===e.height?"visible":"hidden"};
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.mode&&o.css`
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.padding||"12px 16px"};
5805
+ padding: ${e=>e.$padding||"12px 16px"};
5806
5806
  max-height: calc(100vh - 90px);
5807
5807
  height: 100%;
5808
- overflow-y: ${e=>"auto"===e.height?"visible":"auto"};
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:l}=e,c=o(e,["children","width","height","zIndex","padding","styleContainer"]);const d=p(Object.assign({},c));return u.default.createElement(h.Provider,{value:d},u.default.createElement("div",{style:l,onClick:e=>c.isHover?null:e.stopPropagation()},u.default.createElement(t.TooltipTrigger,{targetElement:c.targetElement}),u.default.createElement(t.TooltipContent,{width:r,height:a,zIndex:i,padding:s,showArrow:c.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,showArrow:i=!0})=>{const p=(0,u.useContext)(h),{context:g}=p,v=o(p,["context"]),b=(0,s.useMergeRefs)([v.refs.setFloating]),{mode:y}=(0,l.useMode)(),{styles:w}=(0,s.useTransitionStyles)(g,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return g.open?u.default.createElement(s.FloatingPortal,null,u.default.createElement(s.FloatingFocusManager,{context:g,modal:!1},u.default.createElement(m.Container,Object.assign({ref:b,style:Object.assign({zIndex:r||f.zIndex.zIndex5},v.floatingStyles)},v.getFloatingProps()),u.default.createElement(c.ThemeProvider,{theme:d.palette[y]},u.default.createElement("div",{style:w},u.default.createElement(m.Tooltip,{width:t,height:n,mode:y},i&&u.default.createElement(s.FloatingArrow,{ref:v.arrowRef,context:g,tipRadius:2,stroke:"light"===y?"#f0f0f0":d.palette[y].stroke.contrast,strokeWidth:1,fill:d.palette[y].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`
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)};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "profinansy-ui-lib",
3
- "version": "3.6.61",
3
+ "version": "3.6.62",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {