sui-explorer-local/apps/explorer/storybook-static/assets/Tooltip-86444b97.js

Local Sui Explorer

import{j as e}from"./jsx-runtime-ffb262ed.js";import{u as R,a as F,b as P,c as V,d as q,e as S,F as O,A as W,f as E}from"./floating-ui.react.esm-f9cdd421.js";import{r as g}from"./index-76fb7be0.js";import{S as A}from"./info-1b9bdf22.js";import{m as D}from"./motion-b354e7ba.js";import{a as z,o as L,f as C,s as H}from"./floating-ui.dom-e51562ba.js";const M=150;function n({tip:t,children:y,onOpen:i,placement:b="top"}){var v,x;const[l,_]=g.useState(!1),p=g.useRef(null),{x:w,y:j,refs:u,strategy:N,context:o,middlewareData:c,placement:a}=R({placement:b,open:l,onOpenChange:s=>{l!==s&&s&&i&&i(),_(s)},whileElementsMounted:z,middleware:[L(5),C(),H(),E({element:p,padding:6})]}),{getReferenceProps:T,getFloatingProps:I}=F([P(o,{move:!0,delay:M}),V(o),q(o,{role:"tooltip"}),S(o)]),r=a.startsWith("top")||a.startsWith("bottom")?"y":"x",m=a.startsWith("bottom")||a.startsWith("right")?"calc(-50% - 15px)":"calc(50% + 15px)",d={left:(v=c.arrow)==null?void 0:v.x,top:(x=c.arrow)==null?void 0:x.y},f={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];return f&&(d[f]="-3px"),e.jsxs(e.Fragment,{children:[e.jsx("div",{tabIndex:0,className:"w-fit",ref:u.setReference,...T(),children:y}),e.jsx(O,{children:e.jsx(W,{children:l?e.jsxs(D.div,{className:"pointer-events-none left-0 top-0 z-50 text-subtitleSmall font-semibold text-white",initial:{opacity:0,scale:0,[r]:m},animate:{opacity:1,scale:1,[r]:0},exit:{opacity:0,scale:0,[r]:m},transition:{duration:.3,ease:"anticipate"},style:{position:N,top:j??0,left:w??0,width:"max-content",maxWidth:"200px"},ref:u.setFloating,...I(),children:[e.jsx("div",{className:"leading-1 flex flex-col flex-nowrap gap-px rounded-md bg-gray-90 p-2 leading-130",children:t}),e.jsx("div",{ref:p,className:"absolute z-[-1] h-[12px] w-[12px] rotate-45 transform bg-gray-100",style:d})]}):null})})]})}function h(t){return e.jsx(n,{...t,children:e.jsx(A,{})})}try{n.displayName="Tooltip",n.__docgenInfo={description:"",displayName:"Tooltip",props:{tip:{defaultValue:null,description:"",name:"tip",required:!0,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"(() => void)"}},placement:{defaultValue:{value:"top"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"top"'},{value:'"right"'},{value:'"bottom"'},{value:'"left-start"'},{value:'"left-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'}]}}}}}catch{}try{h.displayName="IconTooltip",h.__docgenInfo={description:"",displayName:"IconTooltip",props:{tip:{defaultValue:null,description:"",name:"tip",required:!0,type:{name:"ReactNode"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"(() => void)"}},placement:{defaultValue:null,description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"top"'},{value:'"right"'},{value:'"bottom"'},{value:'"left-start"'},{value:'"left-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"right-start"'},{value:'"right-end"'},{value:'"bottom-start"'},{value:'"bottom-end"'}]}}}}}catch{}export{h as I,n as T};