profinansy-ui-lib 3.3.17 → 3.3.18

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.
@@ -25,9 +25,9 @@ export declare function useDrop({ placement, onOpenList }: {
25
25
  } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
26
26
  context: {
27
27
  placement: Placement;
28
- strategy: import("@floating-ui/utils").Strategy;
29
28
  x: number;
30
29
  y: number;
30
+ strategy: import("@floating-ui/utils").Strategy;
31
31
  middlewareData: import("@floating-ui/core").MiddlewareData;
32
32
  isPositioned: boolean;
33
33
  update: () => void;
@@ -24,9 +24,9 @@ export declare function useDrop({ placement }: {
24
24
  } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
25
25
  context: {
26
26
  placement: Placement;
27
- strategy: import("@floating-ui/utils").Strategy;
28
27
  x: number;
29
28
  y: number;
29
+ strategy: import("@floating-ui/utils").Strategy;
30
30
  middlewareData: import("@floating-ui/core").MiddlewareData;
31
31
  isPositioned: boolean;
32
32
  update: () => void;
@@ -26,9 +26,9 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
26
26
  } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
27
27
  context: {
28
28
  placement: Placement;
29
- strategy: import("@floating-ui/utils").Strategy;
30
29
  x: number;
31
30
  y: number;
31
+ strategy: import("@floating-ui/utils").Strategy;
32
32
  middlewareData: import("@floating-ui/core").MiddlewareData;
33
33
  isPositioned: boolean;
34
34
  update: () => void;
@@ -29,9 +29,9 @@ export declare function usePopup({ placement, isHover }: {
29
29
  } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
30
30
  context: {
31
31
  placement: Placement;
32
- strategy: import("@floating-ui/utils").Strategy;
33
32
  x: number;
34
33
  y: number;
34
+ strategy: import("@floating-ui/utils").Strategy;
35
35
  middlewareData: import("@floating-ui/core").MiddlewareData;
36
36
  isPositioned: boolean;
37
37
  update: () => void;
@@ -26,9 +26,9 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
26
26
  } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
27
27
  context: {
28
28
  placement: Placement;
29
- strategy: import("@floating-ui/utils").Strategy;
30
29
  x: number;
31
30
  y: number;
31
+ strategy: import("@floating-ui/utils").Strategy;
32
32
  middlewareData: import("@floating-ui/core").MiddlewareData;
33
33
  isPositioned: boolean;
34
34
  update: () => void;
@@ -52,7 +52,7 @@ 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, ...props }: ITooltipProps) => JSX.Element;
55
+ declare const Tooltip: ({ children, width, height, zIndex, padding, 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>>;
@@ -1,6 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: ({ children, width, height, zIndex, padding, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
3
+ component: ({ children, width, height, zIndex, padding, styleContainer, ...props }: import("./Tooltip.typed").ITooltipProps) => JSX.Element;
4
4
  tags: string[];
5
5
  };
6
6
  export default _default;
@@ -1,5 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Placement } from '@floating-ui/react';
3
+ import CSS from 'csstype';
3
4
  export interface ITooltipProps {
4
5
  /** Элемент, по которому открывается выпадашка*/
5
6
  targetElement: ReactNode;
@@ -21,4 +22,6 @@ export interface ITooltipProps {
21
22
  showArrow?: boolean;
22
23
  /** Callback, который вызывается, когда открывается или закрывается выпадашка.*/
23
24
  onOpenTooltip?: (val: boolean) => void;
25
+ /** Стили для контейнера.*/
26
+ styleContainer?: CSS.Properties;
24
27
  }
package/dist/index.js CHANGED
@@ -6214,7 +6214,7 @@
6214
6214
  white-space: normal;
6215
6215
  text-overflow: ellipsis;
6216
6216
  }
6217
- `},9344:function(e,t,n){"use strict";var r=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},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;const o=a(n(8156)),i=n(4552),l=n(4535);t.HiddenText=e=>{var{children:t,mode:n="ellipsis"}=e,a=r(e,["children","mode"]);if("ellipsis"===n)return o.default.createElement(i.Ellipsis,null,t);if("multiline"===n){const{lines:e}=a;return o.default.createElement(l.CutText,{lines:e},t)}return null}},4535: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}),o=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.CutText=void 0;const i=o(n(8156)),l=n(6917),u=n(2091),c=n(5492),s=n(98);t.CutText=({children:e,lines:t})=>{const[n,r]=(0,i.useState)(!1),a=(0,i.useRef)(null),o=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:a}):e),[e]);return(0,i.useEffect)((()=>{a.current&&r(a.current.scrollHeight>a.current.clientHeight+5)}),[e,a]),n?i.default.createElement(u.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",targetElement:i.default.createElement(l.MultiLine,{lines:t},o)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(l.MultiLine,{lines:t},o)}},4552: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}),o=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.Ellipsis=void 0;const i=o(n(8156)),l=n(2091),u=o(n(6917)),c=n(5492),s=n(98);t.Ellipsis=({children:e})=>{const[t,n]=(0,i.useState)(!1),r=(0,i.useRef)(null),a=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:r}):e),[e]);return(0,i.useEffect)((()=>{r.current&&n(r.current.scrollWidth>r.current.clientWidth)}),[e,r]),t?i.default.createElement(l.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",targetElement:i.default.createElement(u.Text,null,a)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(u.Text,null,a)}},45:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;var r=n(9344);Object.defineProperty(t,"HiddenText",{enumerable:!0,get:function(){return r.HiddenText}})},2572: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.Tooltip=void 0;const a=r(n(1608));t.Tooltip=a.default.div`
6217
+ `},9344:function(e,t,n){"use strict";var r=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},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;const o=a(n(8156)),i=n(4552),l=n(4535);t.HiddenText=e=>{var{children:t,mode:n="ellipsis"}=e,a=r(e,["children","mode"]);if("ellipsis"===n)return o.default.createElement(i.Ellipsis,null,t);if("multiline"===n){const{lines:e}=a;return o.default.createElement(l.CutText,{lines:e},t)}return null}},4535: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}),o=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.CutText=void 0;const i=o(n(8156)),l=n(6917),u=n(2091),c=n(5492),s=n(98);t.CutText=({children:e,lines:t})=>{const[n,r]=(0,i.useState)(!1),a=(0,i.useRef)(null),o=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:a}):e),[e]);return(0,i.useEffect)((()=>{a.current&&r(a.current.scrollHeight>a.current.clientHeight+5)}),[e,a]),n?i.default.createElement(u.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:i.default.createElement(l.MultiLine,{lines:t},o)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(l.MultiLine,{lines:t},o)}},4552: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}),o=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.Ellipsis=void 0;const i=o(n(8156)),l=n(2091),u=o(n(6917)),c=n(5492),s=n(98);t.Ellipsis=({children:e})=>{const[t,n]=(0,i.useState)(!1),r=(0,i.useRef)(null),a=(0,i.useMemo)((()=>i.default.isValidElement(e)?i.default.cloneElement(e,{ref:r}):e),[e]);return(0,i.useEffect)((()=>{r.current&&n(r.current.scrollWidth>r.current.clientWidth)}),[e,r]),t?i.default.createElement(l.Tooltip,{zIndex:s.zIndex.zIndex8,padding:"8px 10px",isHover:!0,showArrow:!1,placement:"bottom-start",styleContainer:{overflow:"hidden"},targetElement:i.default.createElement(u.Text,null,a)},i.default.createElement(c.Typography,{tag:"span",variant:"description-Regular",colorName:"primary"},e.props.children)):i.default.createElement(u.Text,null,a)}},45:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HiddenText=void 0;var r=n(9344);Object.defineProperty(t,"HiddenText",{enumerable:!0,get:function(){return r.HiddenText}})},2572: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.Tooltip=void 0;const a=r(n(1608));t.Tooltip=a.default.div`
6218
6218
  text-align: ${e=>"bottom"===e.position||"top"===e.position?"center":"left"};
6219
6219
  background-color: #444;
6220
6220
  color: white;
@@ -7544,7 +7544,7 @@
7544
7544
  white-space: break-spaces;
7545
7545
  position: relative;
7546
7546
  ${l.Scroll}
7547
- `},7262: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}),o=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},i=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 l=o(n(8156)),u=n(5025),c=n(1197),s=n(1608),d=n(1899),f=n(98),p=o(n(1925));function h({placement:e="bottom",isHover:t=!1,showArrow:n=!0}){const[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null),i=(0,u.useFloating)({placement:e,open:r,onOpenChange:a,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:o}),(0,u.offset)(n?10:4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,l.useEffect)((()=>{if(i.middlewareData.arrow&&i.middlewareData.shift&&o.current&&n){const{x:e,y:t}=i.middlewareData.arrow,n=null==c?void 0:c.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-i.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-i.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(o.current.style,r)}}),[i,n]);const c=i.context,s=(0,u.useHover)(c,{enabled:t,handleClose:(0,u.safePolygon)(),move:!1,delay:{open:300,close:0}}),d=(0,u.useClick)(c,{enabled:!t}),f=(0,u.useDismiss)(c),p=(0,u.useRole)(c),h=(0,u.useInteractions)([f,p,d,s]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:o,open:r,setOpen:a},h),i)),[r,a,h,i,o])}t.useTooltip=h;const m=l.default.createContext(null);t.Tooltip=e=>{var{children:n,width:r,height:a,zIndex:o,padding:u}=e,c=i(e,["children","width","height","zIndex","padding"]);const s=h(Object.assign({},c));return l.default.createElement(m.Provider,{value:s},l.default.createElement("div",{style:{overflow:"hidden"},onClick:e=>e.stopPropagation()},l.default.createElement(t.TooltipTrigger,{targetElement:c.targetElement}),l.default.createElement(t.TooltipContent,{width:r,height:a,zIndex:o,padding:u,showArrow:c.showArrow},n)))},t.TooltipTrigger=({targetElement:e})=>{const t=(0,l.useContext)(m),n=(0,u.useMergeRefs)([t.refs.setReference]);return e&&l.default.isValidElement(e)?l.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:o=!0})=>{const h=(0,l.useContext)(m),{context:v}=h,g=i(h,["context"]),b=(0,u.useMergeRefs)([g.refs.setFloating]),{mode:y}=(0,c.useMode)(),{styles:w}=(0,u.useTransitionStyles)(v,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return v.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement(u.FloatingFocusManager,{context:v,modal:!1},l.default.createElement(p.Container,Object.assign({ref:b,style:Object.assign({zIndex:r||f.zIndex.zIndex5},g.floatingStyles)},g.getFloatingProps()),l.default.createElement(s.ThemeProvider,{theme:d.palette[y]},l.default.createElement("div",{style:w},l.default.createElement(p.Tooltip,{width:t,height:n,mode:y},o&&l.default.createElement(u.FloatingArrow,{ref:g.arrowRef,context:v,tipRadius:2,stroke:"light"===y?"#f0f0f0":d.palette[y].stroke.contrast,strokeWidth:1,fill:d.palette[y].background.field}),l.default.createElement(p.Content,{height:n,padding:a},e))))))):null}},2091:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=void 0;var r=n(7262);Object.defineProperty(t,"Tooltip",{enumerable:!0,get:function(){return r.Tooltip}})},2058:(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]}}},8778: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(1608)),o=n(2058),i=a.default.p`
7547
+ `},7262: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}),o=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},i=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 l=o(n(8156)),u=n(5025),c=n(1197),s=n(1608),d=n(1899),f=n(98),p=o(n(1925));function h({placement:e="bottom",isHover:t=!1,showArrow:n=!0}){const[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null),i=(0,u.useFloating)({placement:e,open:r,onOpenChange:a,whileElementsMounted:u.autoUpdate,middleware:[(0,u.arrow)({element:o}),(0,u.offset)(n?10:4),(0,u.flip)({crossAxis:e.includes("-"),fallbackAxisSideDirection:"end",padding:5}),(0,u.shift)({padding:{top:70,bottom:10,left:10,right:10}})]});(0,l.useEffect)((()=>{if(i.middlewareData.arrow&&i.middlewareData.shift&&o.current&&n){const{x:e,y:t}=i.middlewareData.arrow,n=null==c?void 0:c.placement.split("-")[0],r={};"top"!==n&&"bottom"!==n||(r.left=e-i.middlewareData.shift.x+"px","top"===n?r.bottom="0px":r.top="-13px"),"left"!==n&&"right"!==n||(r.top=t-i.middlewareData.shift.y+"px","left"===n?r.right="0px":r.left="-13px"),Object.assign(o.current.style,r)}}),[i,n]);const c=i.context,s=(0,u.useHover)(c,{enabled:t,handleClose:(0,u.safePolygon)(),move:!1,delay:{open:300,close:0}}),d=(0,u.useClick)(c,{enabled:!t}),f=(0,u.useDismiss)(c),p=(0,u.useRole)(c),h=(0,u.useInteractions)([f,p,d,s]);return l.default.useMemo((()=>Object.assign(Object.assign({arrowRef:o,open:r,setOpen:a},h),i)),[r,a,h,i,o])}t.useTooltip=h;const m=l.default.createContext(null);t.Tooltip=e=>{var{children:n,width:r,height:a,zIndex:o,padding:u,styleContainer:c}=e,s=i(e,["children","width","height","zIndex","padding","styleContainer"]);const d=h(Object.assign({},s));return l.default.createElement(m.Provider,{value:d},l.default.createElement("div",{style:c,onClick:e=>e.stopPropagation()},l.default.createElement(t.TooltipTrigger,{targetElement:s.targetElement}),l.default.createElement(t.TooltipContent,{width:r,height:a,zIndex:o,padding:u,showArrow:s.showArrow},n)))},t.TooltipTrigger=({targetElement:e})=>{const t=(0,l.useContext)(m),n=(0,u.useMergeRefs)([t.refs.setReference]);return e&&l.default.isValidElement(e)?l.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:o=!0})=>{const h=(0,l.useContext)(m),{context:v}=h,g=i(h,["context"]),b=(0,u.useMergeRefs)([g.refs.setFloating]),{mode:y}=(0,c.useMode)(),{styles:w}=(0,u.useTransitionStyles)(v,{duration:{open:100,close:100},initial:{opacity:0,transform:"scale(0.8)"}});return v.open?l.default.createElement(u.FloatingPortal,null,l.default.createElement(u.FloatingFocusManager,{context:v,modal:!1},l.default.createElement(p.Container,Object.assign({ref:b,style:Object.assign({zIndex:r||f.zIndex.zIndex5},g.floatingStyles)},g.getFloatingProps()),l.default.createElement(s.ThemeProvider,{theme:d.palette[y]},l.default.createElement("div",{style:w},l.default.createElement(p.Tooltip,{width:t,height:n,mode:y},o&&l.default.createElement(u.FloatingArrow,{ref:g.arrowRef,context:v,tipRadius:2,stroke:"light"===y?"#f0f0f0":d.palette[y].stroke.contrast,strokeWidth:1,fill:d.palette[y].background.field}),l.default.createElement(p.Content,{height:n,padding:a},e))))))):null}},2091:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tooltip=void 0;var r=n(7262);Object.defineProperty(t,"Tooltip",{enumerable:!0,get:function(){return r.Tooltip}})},2058:(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]}}},8778: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(1608)),o=n(2058),i=a.default.p`
7548
7548
  display: inline-block;
7549
7549
  color: ${e=>{return t=e.theme,n=e.colorCategory,r=e.colorName,n&&r?t[n][r]:null;var t,n,r}};
7550
7550
  ${({variant:e})=>(e=>{if(Array.isArray(e)){let t="";return e.forEach((({variant:e,resolution:n})=>{const r=(0,o.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,o.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.3.17",
3
+ "version": "3.3.18",
4
4
  "main": "./dist/index.js",
5
5
  "license": "MIT",
6
6
  "devDependencies": {