sui-explorer-local/apps/explorer/storybook-static/assets/CopyToClipboard-3da9e59e.js

Local Sui Explorer

import{j as u}from"./jsx-runtime-ffb262ed.js";import{c as R}from"./index-dca19ccf.js";import{r as d}from"./index-76fb7be0.js";import{L as V}from"./Link-0a628896.js";import{m as B}from"./motion-b354e7ba.js";import{C as L}from"./Check12-709d7c68.js";function F(e){return d.useCallback(async t=>{if(!(navigator!=null&&navigator.clipboard))return!1;try{return await navigator.clipboard.writeText(t),e&&e(),!0}catch{return!1}},[e])}const q=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 16 16",...e,children:u.jsx("path",{fill:"currentColor",d:"m12.443 3.281-5.78 6.302-2.106-2.296a.88.88 0 0 0-.646-.281.882.882 0 0 0-.642.293c-.17.186-.267.437-.269.7-.002.262.09.515.258.704l2.755 3.004a.882.882 0 0 0 .65.293.882.882 0 0 0 .65-.293l6.43-7.01c.166-.189.26-.442.257-.704a1.048 1.048 0 0 0-.269-.7.882.882 0 0 0-.642-.293.88.88 0 0 0-.646.281Z"})}),U=q;try{CheckStroke16.displayName="CheckStroke16",CheckStroke16.__docgenInfo={description:"",displayName:"CheckStroke16",props:{}}}catch{}const W=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:u.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M19.55 4.32a.875.875 0 0 1 .13 1.23l-10.5 13a.875.875 0 0 1-1.33.035l-4.5-5a.875.875 0 0 1 1.3-1.17l3.814 4.237L18.319 4.45a.875.875 0 0 1 1.23-.13Z",clipRule:"evenodd"})}),Y=W;try{CheckStroke24.displayName="CheckStroke24",CheckStroke24.__docgenInfo={description:"",displayName:"CheckStroke24",props:{}}}catch{}const G=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 12 12",...e,children:u.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M5.5.75A1.75 1.75 0 0 0 3.75 2.5h1.5a.25.25 0 0 1 .25-.25h3c.69 0 1.25.56 1.25 1.25v3a.25.25 0 0 1-.25.25v1.5a1.75 1.75 0 0 0 1.75-1.75v-3A2.75 2.75 0 0 0 8.5.75h-3ZM2.5 5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm-2 .5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4Z",clipRule:"evenodd"})}),J=G;try{Copy12.displayName="Copy12",Copy12.__docgenInfo={description:"",displayName:"Copy12",props:{}}}catch{}const K=e=>u.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 16 16",...e,children:u.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.5 2.25A2.25 2.25 0 0 0 4.25 4.5h1.5a.75.75 0 0 1 .75-.75H11c.69 0 1.25.56 1.25 1.25v4.5a.75.75 0 0 1-.75.75v1.5a2.25 2.25 0 0 0 2.25-2.25V5A2.75 2.75 0 0 0 11 2.25H6.5ZM3.5 7a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V7ZM2 7a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7Z",clipRule:"evenodd"})}),Q=K;try{Copy16.displayName="Copy16",Copy16.__docgenInfo={description:"",displayName:"Copy16",props:{}}}catch{}const X=e=>u.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:[u.jsx("rect",{width:13.227,height:13.227,x:3.75,y:7.023,stroke:"currentColor",strokeWidth:1.5,rx:2.25}),u.jsx("path",{stroke:"currentColor",strokeWidth:1.5,d:"M7.91 5.455V5a2 2 0 0 1 2-2H19a2 2 0 0 1 2 2v9.09a2 2 0 0 1-2 2h-.454"})]}),ee=X;try{Copy24.displayName="Copy24",Copy24.__docgenInfo={description:"",displayName:"Copy24",props:{}}}catch{}let te={data:""},re=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||te,ae=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,oe=/\/\*[^]*?\*\/|  +/g,O=/\n+/g,x=(e,t)=>{let r="",s="",o="";for(let a in e){let n=e[a];a[0]=="@"?a[1]=="i"?r=a+" "+n+";":s+=a[1]=="f"?x(n,a):a+"{"+x(n,a[1]=="k"?"":t)+"}":typeof n=="object"?s+=x(n,t?t.replace(/([^,])+/g,i=>a.replace(/(^:.*)|([^,])+/g,l=>/&/.test(l)?l.replace(/&/g,i):i?i+" "+l:l)):a):n!=null&&(a=/^--/.test(a)?a:a.replace(/[A-Z]/g,"-$&").toLowerCase(),o+=x.p?x.p(a,n):a+":"+n+";")}return r+(t&&o?t+"{"+o+"}":o)+s},g={},H=e=>{if(typeof e=="object"){let t="";for(let r in e)t+=r+H(e[r]);return t}return e},se=(e,t,r,s,o)=>{let a=H(e),n=g[a]||(g[a]=(l=>{let c=0,p=11;for(;c<l.length;)p=101*p+l.charCodeAt(c++)>>>0;return"go"+p})(a));if(!g[n]){let l=a!==e?e:(c=>{let p,h,f=[{}];for(;p=ae.exec(c.replace(oe,""));)p[4]?f.shift():p[3]?(h=p[3].replace(O," ").trim(),f.unshift(f[0][h]=f[0][h]||{})):f[0][p[1]]=p[2].replace(O," ").trim();return f[0]})(e);g[n]=x(o?{["@keyframes "+n]:l}:l,r?"":"."+n)}let i=r&&g.g?g.g:null;return r&&(g.g=g[n]),((l,c,p,h)=>{h?c.data=c.data.replace(h,l):c.data.indexOf(l)===-1&&(c.data=p?l+c.data:c.data+l)})(g[n],t,s,i),n},ie=(e,t,r)=>e.reduce((s,o,a)=>{let n=t[a];if(n&&n.call){let i=n(r),l=i&&i.props&&i.props.className||/^go/.test(i)&&i;n=l?"."+l:i&&typeof i=="object"?i.props?"":x(i,""):i===!1?"":i}return s+o+(n??"")},"");function N(e){let t=this||{},r=e.call?e(t.p):e;return se(r.unshift?r.raw?ie(r,[].slice.call(arguments,1),t.p):r.reduce((s,o)=>Object.assign(s,o&&o.call?o(t.p):o),{}):r,re(t.target),t.g,t.o,t.k)}let D,I,T;N.bind({g:1});let v=N.bind({k:1});function ne(e,t,r,s){x.p=t,D=e,I=r,T=s}function b(e,t){let r=this||{};return function(){let s=arguments;function o(a,n){let i=Object.assign({},a),l=i.className||o.className;r.p=Object.assign({theme:I&&I()},i),r.o=/ *go\d+/.test(l),i.className=N.apply(r,s)+(l?" "+l:""),t&&(i.ref=n);let c=e;return e[0]&&(c=i.as||e,delete i.as),T&&c[0]&&T(i),D(c,i)}return t?t(o):o}}var le=e=>typeof e=="function",S=(e,t)=>le(e)?e(t):e,ce=(()=>{let e=0;return()=>(++e).toString()})(),P=(()=>{let e;return()=>{if(e===void 0&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})(),de=20,k=new Map,pe=1e3,A=e=>{if(k.has(e))return;let t=setTimeout(()=>{k.delete(e),w({type:4,toastId:e})},pe);k.set(e,t)},ue=e=>{let t=k.get(e);t&&clearTimeout(t)},M=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,de)};case 1:return t.toast.id&&ue(t.toast.id),{...e,toasts:e.toasts.map(a=>a.id===t.toast.id?{...a,...t.toast}:a)};case 2:let{toast:r}=t;return e.toasts.find(a=>a.id===r.id)?M(e,{type:1,toast:r}):M(e,{type:0,toast:r});case 3:let{toastId:s}=t;return s?A(s):e.toasts.forEach(a=>{A(a.id)}),{...e,toasts:e.toasts.map(a=>a.id===s||s===void 0?{...a,visible:!1}:a)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(a=>a.id!==t.toastId)};case 5:return{...e,pausedAt:t.time};case 6:let o=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map(a=>({...a,pauseDuration:a.pauseDuration+o}))}}},E=[],j={toasts:[],pausedAt:void 0},w=e=>{j=M(j,e),E.forEach(t=>{t(j)})},me={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},fe=(e={})=>{let[t,r]=d.useState(j);d.useEffect(()=>(E.push(r),()=>{let o=E.indexOf(r);o>-1&&E.splice(o,1)}),[t]);let s=t.toasts.map(o=>{var a,n;return{...e,...e[o.type],...o,duration:o.duration||((a=e[o.type])==null?void 0:a.duration)||(e==null?void 0:e.duration)||me[o.type],style:{...e.style,...(n=e[o.type])==null?void 0:n.style,...o.style}}});return{...t,toasts:s}},he=(e,t="blank",r)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...r,id:(r==null?void 0:r.id)||ce()}),C=e=>(t,r)=>{let s=he(t,e,r);return w({type:2,toast:s}),s.id},m=(e,t)=>C("blank")(e,t);m.error=C("error");m.success=C("success");m.loading=C("loading");m.custom=C("custom");m.dismiss=e=>{w({type:3,toastId:e})};m.remove=e=>w({type:4,toastId:e});m.promise=(e,t,r)=>{let s=m.loading(t.loading,{...r,...r==null?void 0:r.loading});return e.then(o=>(m.success(S(t.success,o),{id:s,...r,...r==null?void 0:r.success}),o)).catch(o=>{m.error(S(t.error,o),{id:s,...r,...r==null?void 0:r.error})}),e};var ye=(e,t)=>{w({type:1,toast:{id:e,height:t}})},ge=()=>{w({type:5,time:Date.now()})},ve=e=>{let{toasts:t,pausedAt:r}=fe(e);d.useEffect(()=>{if(r)return;let a=Date.now(),n=t.map(i=>{if(i.duration===1/0)return;let l=(i.duration||0)+i.pauseDuration-(a-i.createdAt);if(l<0){i.visible&&m.dismiss(i.id);return}return setTimeout(()=>m.dismiss(i.id),l)});return()=>{n.forEach(i=>i&&clearTimeout(i))}},[t,r]);let s=d.useCallback(()=>{r&&w({type:6,time:Date.now()})},[r]),o=d.useCallback((a,n)=>{let{reverseOrder:i=!1,gutter:l=8,defaultPosition:c}=n||{},p=t.filter(y=>(y.position||c)===(a.position||c)&&y.height),h=p.findIndex(y=>y.id===a.id),f=p.filter((y,$)=>$<h&&y.visible).length;return p.filter(y=>y.visible).slice(...i?[f+1]:[0,f]).reduce((y,$)=>y+($.height||0)+l,0)},[t]);return{toasts:t,handlers:{updateHeight:ye,startPause:ge,endPause:s,calculateOffset:o}}},xe=v`
from {
  transform: scale(0) rotate(45deg);
	opacity: 0;
}
to {
 transform: scale(1) rotate(45deg);
  opacity: 1;
}`,be=v`
from {
  transform: scale(0);
  opacity: 0;
}
to {
  transform: scale(1);
  opacity: 1;
}`,we=v`
from {
  transform: scale(0) rotate(90deg);
	opacity: 0;
}
to {
  transform: scale(1) rotate(90deg);
	opacity: 1;
}`,Ce=b("div")`
  width: 20px;
  opacity: 0;
  height: 20px;
  border-radius: 10px;
  background: ${e=>e.primary||"#ff4b4b"};
  position: relative;
  transform: rotate(45deg);

  animation: ${xe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    forwards;
  animation-delay: 100ms;

  &:after,
  &:before {
    content: '';
    animation: ${be} 0.15s ease-out forwards;
    animation-delay: 150ms;
    position: absolute;
    border-radius: 3px;
    opacity: 0;
    background: ${e=>e.secondary||"#fff"};
    bottom: 9px;
    left: 4px;
    height: 2px;
    width: 12px;
  }

  &:before {
    animation: ${we} 0.15s ease-out forwards;
    animation-delay: 180ms;
    transform: rotate(90deg);
  }
`,_e=v`
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
`,ke=b("div")`
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: ${e=>e.secondary||"#e0e0e0"};
  border-right-color: ${e=>e.primary||"#616161"};
  animation: ${_e} 1s linear infinite;
`,Ee=v`
from {
  transform: scale(0) rotate(45deg);
	opacity: 0;
}
to {
  transform: scale(1) rotate(45deg);
	opacity: 1;
}`,je=v`
0% {
	height: 0;
	width: 0;
	opacity: 0;
}
40% {
  height: 0;
	width: 6px;
	opacity: 1;
}
100% {
  opacity: 1;
  height: 10px;
}`,Se=b("div")`
  width: 20px;
  opacity: 0;
  height: 20px;
  border-radius: 10px;
  background: ${e=>e.primary||"#61d345"};
  position: relative;
  transform: rotate(45deg);

  animation: ${Ee} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    forwards;
  animation-delay: 100ms;
  &:after {
    content: '';
    box-sizing: border-box;
    animation: ${je} 0.2s ease-out forwards;
    opacity: 0;
    animation-delay: 200ms;
    position: absolute;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: ${e=>e.secondary||"#fff"};
    bottom: 6px;
    left: 6px;
    height: 10px;
    width: 6px;
  }
`,Ne=b("div")`
  position: absolute;
`,$e=b("div")`
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
`,Ie=v`
from {
  transform: scale(0.6);
  opacity: 0.4;
}
to {
  transform: scale(1);
  opacity: 1;
}`,Te=b("div")`
  position: relative;
  transform: scale(0.6);
  opacity: 0.4;
  min-width: 20px;
  animation: ${Ie} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
    forwards;
`,Me=({toast:e})=>{let{icon:t,type:r,iconTheme:s}=e;return t!==void 0?typeof t=="string"?d.createElement(Te,null,t):t:r==="blank"?null:d.createElement($e,null,d.createElement(ke,{...s}),r!=="loading"&&d.createElement(Ne,null,r==="error"?d.createElement(Ce,{...s}):d.createElement(Se,{...s})))},Oe=e=>`
0% {transform: translate3d(0,${e*-200}%,0) scale(.6); opacity:.5;}
100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
`,Ae=e=>`
0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
100% {transform: translate3d(0,${e*-150}%,-1px) scale(.6); opacity:0;}
`,Ze="0%{opacity:0;} 100%{opacity:1;}",ze="0%{opacity:1;} 100%{opacity:0;}",He=b("div")`
  display: flex;
  align-items: center;
  background: #fff;
  color: #363636;
  line-height: 1.3;
  will-change: transform;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
  max-width: 350px;
  pointer-events: auto;
  padding: 8px 10px;
  border-radius: 8px;
`,De=b("div")`
  display: flex;
  justify-content: center;
  margin: 4px 10px;
  color: inherit;
  flex: 1 1 auto;
  white-space: pre-line;
`,Pe=(e,t)=>{let r=e.includes("top")?1:-1,[s,o]=P()?[Ze,ze]:[Oe(r),Ae(r)];return{animation:t?`${v(s)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${v(o)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},Re=d.memo(({toast:e,position:t,style:r,children:s})=>{let o=e.height?Pe(e.position||t||"top-center",e.visible):{opacity:0},a=d.createElement(Me,{toast:e}),n=d.createElement(De,{...e.ariaProps},S(e.message,e));return d.createElement(He,{className:e.className,style:{...o,...r,...e.style}},typeof s=="function"?s({icon:a,message:n}):d.createElement(d.Fragment,null,a,n))});ne(d.createElement);var Ve=({id:e,className:t,style:r,onHeightUpdate:s,children:o})=>{let a=d.useCallback(n=>{if(n){let i=()=>{let l=n.getBoundingClientRect().height;s(e,l)};i(),new MutationObserver(i).observe(n,{subtree:!0,childList:!0,characterData:!0})}},[e,s]);return d.createElement("div",{ref:a,className:t,style:r},o)},Be=(e,t)=>{let r=e.includes("top"),s=r?{top:0}:{bottom:0},o=e.includes("center")?{justifyContent:"center"}:e.includes("right")?{justifyContent:"flex-end"}:{};return{left:0,right:0,display:"flex",position:"absolute",transition:P()?void 0:"all 230ms cubic-bezier(.21,1.02,.73,1)",transform:`translateY(${t*(r?1:-1)}px)`,...s,...o}},Le=N`
  z-index: 9999;
  > * {
    pointer-events: auto;
  }
`,_=16,Xe=({reverseOrder:e,position:t="top-center",toastOptions:r,gutter:s,children:o,containerStyle:a,containerClassName:n})=>{let{toasts:i,handlers:l}=ve(r);return d.createElement("div",{style:{position:"fixed",zIndex:9999,top:_,left:_,right:_,bottom:_,pointerEvents:"none",...a},className:n,onMouseEnter:l.startPause,onMouseLeave:l.endPause},i.map(c=>{let p=c.position||t,h=l.calculateOffset(c,{reverseOrder:e,gutter:s,defaultPosition:t}),f=Be(p,h);return d.createElement(Ve,{id:c.id,key:c.id,onHeightUpdate:l.updateHeight,className:c.visible?Le:"",style:f},c.type==="custom"?S(c.message,c):o?o(c):d.createElement(Re,{toast:c,position:p}))}))};const Z=R([],{variants:{size:{sm:"w-3 h-3",md:"w-4 h-4",lg:"w-4 h-4 md:w-6 md:h-6"},color:{gray45:"text-gray-45",steel:"text-steel"},success:{true:"text-success",false:"hover:text-steel-dark cursor-pointer"}},defaultVariants:{size:"md",color:"gray45"}}),Fe={sm:J,md:Q,lg:ee},qe={sm:L,md:U,lg:Y},Ue=2e3;function z({copyText:e,color:t,size:r="md",onSuccessMessage:s="Copied!"}){const[o,a]=d.useState(!1),n=F(()=>m.success(s)),i=Fe[r],l=qe[r],c=async()=>{await n(e),a(!0)};return d.useEffect(()=>{if(o){const p=setTimeout(()=>{a(!1)},Ue);return()=>clearTimeout(p)}},[o]),u.jsxs(V,{disabled:o,onClick:c,children:[u.jsx("span",{className:"sr-only",children:"Copy"}),o?u.jsx(l,{className:Z({size:r,color:t,success:!0})}):u.jsx(B.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},children:u.jsx(i,{className:Z({size:r,color:t,success:!1})})})]})}try{z.displayName="CopyToClipboard",z.__docgenInfo={description:"",displayName:"CopyToClipboard",props:{copyText:{defaultValue:null,description:"",name:"copyText",required:!0,type:{name:"string"}},onSuccessMessage:{defaultValue:{value:"Copied!"},description:"",name:"onSuccessMessage",required:!1,type:{name:"string"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:'"gray45" | "steel" | null'}},size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:'"lg" | "sm" | "md" | null'}}}}}catch{}export{z as C,Xe as I};