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.
- package/dist/components/uikit/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +1 -1
- package/dist/components/uikit/Hint/Hint.d.ts +1 -1
- package/dist/components/uikit/Popup/Popup.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +2 -2
- package/dist/components/uikit/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.typed.d.ts +3 -0
- package/dist/index.js +2 -2
- package/package.json +1 -1
|
@@ -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,
|
|
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)};
|