@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
1 lines • 3.82 kB
Source Map (JSON)
{"version":3,"file":"Tooltip.helper.cjs","sources":["../../../../src/components/Tooltip/Tooltip.helper.ts"],"sourcesContent":["// Types\r\nimport type { TGetTooltipPosition } from './Tooltip.type';\r\n\r\n// Constants\r\nimport { TOOLTIP_POSITION } from './Tooltip.constant';\r\n\r\nexport const getTooltipPosition: TGetTooltipPosition = (params) => {\r\n const { position, tooltipHeight, tooltipWidth, targetHeight, targetWidth, targetTop, targetLeft } = params;\r\n\r\n switch (position) {\r\n case TOOLTIP_POSITION['top-left']: {\r\n return {\r\n top: targetTop - tooltipHeight,\r\n left: targetLeft\r\n };\r\n }\r\n case TOOLTIP_POSITION['top-right']: {\r\n return {\r\n top: targetTop - tooltipHeight,\r\n left: targetLeft + targetWidth - tooltipWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['right-top']: {\r\n return {\r\n top: targetTop,\r\n left: targetLeft + targetWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['right-center']: {\r\n return {\r\n top: targetTop + targetHeight / 2 - tooltipHeight / 2,\r\n left: targetLeft + targetWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['right-bottom']: {\r\n return {\r\n top: targetTop + targetHeight - tooltipHeight,\r\n left: targetLeft + targetWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['bottom-left']: {\r\n return {\r\n top: targetTop + targetHeight,\r\n left: targetLeft\r\n };\r\n }\r\n case TOOLTIP_POSITION['bottom-center']: {\r\n return {\r\n top: targetTop + targetHeight,\r\n left: targetLeft + targetWidth / 2 - tooltipWidth / 2\r\n };\r\n }\r\n case TOOLTIP_POSITION['bottom-right']: {\r\n return {\r\n top: targetTop + targetHeight,\r\n left: targetLeft + targetWidth - tooltipWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['left-top']: {\r\n return {\r\n top: targetTop,\r\n left: targetLeft - tooltipWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['left-center']: {\r\n return {\r\n top: targetTop + targetHeight / 2 - tooltipHeight / 2,\r\n left: targetLeft - tooltipWidth\r\n };\r\n }\r\n case TOOLTIP_POSITION['left-bottom']: {\r\n return {\r\n top: targetTop + targetHeight - tooltipHeight,\r\n left: targetLeft - tooltipWidth\r\n };\r\n }\r\n default: {\r\n return {\r\n top: targetTop - tooltipHeight,\r\n left: targetLeft + targetWidth / 2 - tooltipWidth / 2\r\n };\r\n }\r\n }\r\n};\r\n"],"names":["params","position","tooltipHeight","tooltipWidth","targetHeight","targetWidth","targetTop","targetLeft","TOOLTIP_POSITION","top","left"],"mappings":"gFAMwDA,IACtD,MAAMC,SAAEA,EAAQC,cAAEA,EAAaC,aAAEA,EAAYC,aAAEA,EAAYC,YAAEA,EAAWC,UAAEA,EAASC,WAAEA,GAAeP,EAEpG,OAAQC,GACN,KAAKO,EAAAA,iBAAiB,YACpB,MAAO,CACLC,IAAKH,EAAYJ,EACjBQ,KAAMH,GAGV,KAAKC,EAAAA,iBAAiB,aACpB,MAAO,CACLC,IAAKH,EAAYJ,EACjBQ,KAAMH,EAAaF,EAAcF,GAGrC,KAAKK,EAAAA,iBAAiB,aACpB,MAAO,CACLC,IAAKH,EACLI,KAAMH,EAAaF,GAGvB,KAAKG,EAAAA,iBAAiB,gBACpB,MAAO,CACLC,IAAKH,EAAYF,EAAe,EAAIF,EAAgB,EACpDQ,KAAMH,EAAaF,GAGvB,KAAKG,EAAAA,iBAAiB,gBACpB,MAAO,CACLC,IAAKH,EAAYF,EAAeF,EAChCQ,KAAMH,EAAaF,GAGvB,KAAKG,EAAAA,iBAAiB,eACpB,MAAO,CACLC,IAAKH,EAAYF,EACjBM,KAAMH,GAGV,KAAKC,EAAAA,iBAAiB,iBACpB,MAAO,CACLC,IAAKH,EAAYF,EACjBM,KAAMH,EAAaF,EAAc,EAAIF,EAAe,GAGxD,KAAKK,EAAAA,iBAAiB,gBACpB,MAAO,CACLC,IAAKH,EAAYF,EACjBM,KAAMH,EAAaF,EAAcF,GAGrC,KAAKK,EAAAA,iBAAiB,YACpB,MAAO,CACLC,IAAKH,EACLI,KAAMH,EAAaJ,GAGvB,KAAKK,EAAAA,iBAAiB,eACpB,MAAO,CACLC,IAAKH,EAAYF,EAAe,EAAIF,EAAgB,EACpDQ,KAAMH,EAAaJ,GAGvB,KAAKK,EAAAA,iBAAiB,eACpB,MAAO,CACLC,IAAKH,EAAYF,EAAeF,EAChCQ,KAAMH,EAAaJ,GAGvB,QACE,MAAO,CACLM,IAAKH,EAAYJ,EACjBQ,KAAMH,EAAaF,EAAc,EAAIF,EAAe"}