@renderforest/rf-ui-library/atoms/tooltip_/tooltip-web/styled.js

Renderforest UI Library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TooltipText=exports.TooltipContainer=void 0;var _styledComponents=require("styled-components"),_styledComponents2=_interopRequireDefault(_styledComponents),_Text=require("../../Text"),_consts=require("../../../consts"),_framerMotion=require("framer-motion");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var getPosition=function(_ref){var position=_ref.position,arrowPosition=_ref.arrowPosition,dimensions=_ref.dimensions,tooltipDimensions=_ref.tooltipDimensions,tooltipPadding=_ref.tooltipPadding,width=dimensions.width,height=dimensions.height,top=dimensions.top,left=dimensions.left;return"top"===position||"bottom"===position?(0,_styledComponents.css)(["top:",";left:",";transform:translateX(-50%);"],"top"===position?"".concat(top-tooltipDimensions.height-10,"px"):"".concat(top+height+10,"px"),"left"===arrowPosition?"".concat(left+(tooltipDimensions.width/2-tooltipPadding),"px"):"right"===arrowPosition?"".concat(left-(tooltipDimensions.width/2-tooltipPadding),"px"):"".concat(left+width/2,"px")):"left"===position||"right"===position?(0,_styledComponents.css)(["left:",";top:",";transform:translateY(-50%);"],"left"===position?"".concat(left-tooltipDimensions.width-10,"px"):"".concat(left+width+10,"px"),"top"===arrowPosition?"".concat(top+(tooltipDimensions.height/2-tooltipPadding),"px"):"bottom"===arrowPosition?"".concat(top-(tooltipDimensions.height/2-tooltipPadding),"px"):"".concat(top+height/2,"px")):(0,_styledComponents.css)(["top:","px;left:","px;transform:translateX(-50%);"],top-tooltipDimensions.height-10,left+width/2)},getVerticalArrowPosition=function(pos,color){return"top"===pos?(0,_styledComponents.css)(["border-top:6px solid ",";bottom:-5px;"],_consts.colors.globalColors[color]):(0,_styledComponents.css)(["border-bottom:6px solid ",";top:-5px;"],_consts.colors.globalColors[color])},getHorizontalArrowPosition=function(pos,color){return"left"===pos?(0,_styledComponents.css)(["border-left:6px solid ",";right:-5px;"],_consts.colors.globalColors[color]):(0,_styledComponents.css)(["border-right:6px solid ",";left:-5px;"],_consts.colors.globalColors[color])},getArrowPosition=function(_ref2){var position=_ref2.position,arrowPosition=_ref2.arrowPosition,tooltipDimensions=_ref2.tooltipDimensions,dimensions=_ref2.dimensions,tooltipPadding=_ref2.tooltipPadding,color=_ref2.color;return"top"===position||"bottom"===position?(0,_styledComponents.css)(["border-left:6px solid transparent;border-right:6px solid transparent;",";left:",";transform:translateX(-50%);"],getVerticalArrowPosition(position,color),"left"===arrowPosition?"".concat(tooltipPadding+dimensions.width/2,"px"):"right"===arrowPosition?"".concat(tooltipDimensions.width-tooltipPadding+dimensions.width/2,"px"):"50%"):"left"===position||"right"===position?(0,_styledComponents.css)(["border-top:6px solid transparent;border-bottom:6px solid transparent;",";top:",";transform:translateY(-50%);"],getHorizontalArrowPosition(position,color),"top"===arrowPosition?"".concat(tooltipPadding+dimensions.height/2):"bottom"===arrowPosition?"".concat(tooltipDimensions.height-tooltipPadding+dimensions.height/2):"50%"):(0,_styledComponents.css)(["border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid ",";bottom:-5px;left:50%;transform:translateX(-50%);"],_consts.colors.globalColors[color])},TooltipContainer=exports.TooltipContainer=(0,_styledComponents2["default"])(_framerMotion.motion.div).withConfig({displayName:"styled__TooltipContainer",componentId:"sc-cis6vv-0"})([""," ",";position:fixed;z-index:100001;"," &::after{",";content:'';position:fixed;}"],function(_ref3){var tooltipWidth=_ref3.tooltipWidth;return tooltipWidth?(0,_styledComponents.css)(["width:","px;"],tooltipWidth):(0,_styledComponents.css)(["max-width:307px;width:auto;"])},getPosition,function(_ref4){var boxShadow=_ref4.boxShadow;return boxShadow&&(0,_styledComponents.css)(["box-shadow:",";"],boxShadow)},getArrowPosition),TooltipText=exports.TooltipText=(0,_styledComponents2["default"])(_Text.Text).withConfig({displayName:"styled__TooltipText",componentId:"sc-cis6vv-1"})(["background:",";border-radius:3px;line-height:1rem;padding:",";margin-left:","px;margin-right:","px;"],function(_ref5){var color=_ref5.color;return _consts.colors.globalColors[color]},function(_ref6){var textPadding=_ref6.textPadding;return textPadding},function(_ref7){var isLeftPosition=_ref7.isLeftPosition,tooltipWidth=_ref7.tooltipWidth;return isLeftPosition?tooltipWidth-10:0},function(_ref8){var isRightPosition=_ref8.isRightPosition,tooltipWidth=_ref8.tooltipWidth;return isRightPosition?tooltipWidth-10:0});