UNPKG

@accounter/client

Version:
2 lines (1 loc) • 12.3 kB
import{by as ue,ev as oe,eu as D,dK as Ge,r as f,aH as n,hn as Le,ho as fe,hp as me,hq as Ae,bz as J,eT as ve,ey as ye,eU as be,bA as A,eE as ge,f_ as Be,hr as Ve,hs as He,ht as Ue,hu as qe,hv as Ke,hw as We,hx as Xe,hy as Ye,hz as Ze,hA as Je,hB as Qe,hC as er,ep as rr,hD as or,eD as ar,hE as tr,bv as ae}from"./index-CDv8MTrU.js";const te={xs:D(3),sm:D(5),md:D(8),lg:D(12),xl:D(16)},nr=Ge({from:{backgroundPosition:"0 0"},to:{backgroundPosition:`${D(40)} 0`}});var sr=ue((e,{color:r,radius:o},{size:a})=>({root:{position:"relative",height:oe({size:a,sizes:te}),backgroundColor:e.colorScheme==="dark"?e.colors.dark[4]:e.colors.gray[2],borderRadius:e.fn.radius(o),overflow:"hidden"},bar:{position:"absolute",top:0,bottom:0,left:0,height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.fn.variant({variant:"filled",primaryFallback:!1,color:r||e.primaryColor}).background,transition:"width 100ms linear","&[data-animate]":{animation:`${nr} 1000ms linear infinite`},"&[data-striped]":{backgroundSize:`${D(20)} ${D(20)}`,backgroundImage:"linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)"},"&:last-of-type":{borderTopRightRadius:e.fn.radius(o),borderBottomRightRadius:e.fn.radius(o)},"&:first-of-type":{borderTopLeftRadius:e.fn.radius(o),borderBottomLeftRadius:e.fn.radius(o)},"@media (prefers-reduced-motion)":{transitionDuration:e.respectReducedMotion?"0ms":void 0}},label:{color:e.white,fontSize:`calc(${oe({size:a,sizes:te})} * 0.65)`,fontWeight:700,userSelect:"none",overflow:"hidden",whiteSpace:"nowrap"}}));const Pe=f.createContext(!1),lr=Pe.Provider,ir=()=>f.useContext(Pe);function we({children:e,openDelay:r=0,closeDelay:o=0}){return n.createElement(lr,{value:!0},n.createElement(Le,{delay:{open:r,close:o}},e))}we.displayName="@mantine/core/TooltipGroup";var cr=Object.defineProperty,pr=Object.defineProperties,dr=Object.getOwnPropertyDescriptors,ne=Object.getOwnPropertySymbols,ur=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,se=(e,r,o)=>r in e?cr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,le=(e,r)=>{for(var o in r||(r={}))ur.call(r,o)&&se(e,o,r[o]);if(ne)for(var o of ne(r))fr.call(r,o)&&se(e,o,r[o]);return e},mr=(e,r)=>pr(e,dr(r));function vr(e,r){if(!r)return{backgroundColor:e.colorScheme==="dark"?e.colors.gray[2]:e.colors.gray[9],color:e.colorScheme==="dark"?e.black:e.white};const o=e.fn.variant({variant:"filled",color:r,primaryFallback:!1});return{backgroundColor:o.background,color:o.color}}var _e=ue((e,{color:r,radius:o,width:a,multiline:s})=>({tooltip:mr(le(le({},e.fn.fontStyles()),vr(e,r)),{lineHeight:e.lineHeight,fontSize:e.fontSizes.sm,borderRadius:e.fn.radius(o),padding:`calc(${e.spacing.xs} / 2) ${e.spacing.xs}`,position:"absolute",whiteSpace:s?"unset":"nowrap",pointerEvents:"none",width:a}),arrow:{backgroundColor:"inherit",border:0,zIndex:1}}));const he={children:"Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"};function yr({offset:e,position:r}){const[o,a]=f.useState(!1),s=f.useRef(),{x:i,y:m,reference:y,floating:b,refs:l,update:v,placement:w}=fe({placement:r,middleware:[me({crossAxis:!0,padding:5,rootBoundary:"document"})]}),_=w.includes("right")?e:r.includes("left")?e*-1:0,h=w.includes("bottom")?e:r.includes("top")?e*-1:0,p=f.useCallback(({clientX:t,clientY:c})=>{y({getBoundingClientRect(){return{width:0,height:0,x:t,y:c,left:t+_,top:c+h,right:t,bottom:c}}})},[y]);return f.useEffect(()=>{if(l.floating.current){const t=s.current;t.addEventListener("mousemove",p);const c=Ae(l.floating.current);return c.forEach(g=>{g.addEventListener("scroll",v)}),()=>{t.removeEventListener("mousemove",p),c.forEach(g=>{g.removeEventListener("scroll",v)})}}},[y,l.floating.current,v,p,o]),{handleMouseMove:p,x:i,y:m,opened:o,setOpened:a,boundaryRef:s,floating:b}}var br=Object.defineProperty,gr=Object.defineProperties,Pr=Object.getOwnPropertyDescriptors,B=Object.getOwnPropertySymbols,Oe=Object.prototype.hasOwnProperty,Ee=Object.prototype.propertyIsEnumerable,ie=(e,r,o)=>r in e?br(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,G=(e,r)=>{for(var o in r||(r={}))Oe.call(r,o)&&ie(e,o,r[o]);if(B)for(var o of B(r))Ee.call(r,o)&&ie(e,o,r[o]);return e},L=(e,r)=>gr(e,Pr(r)),wr=(e,r)=>{var o={};for(var a in e)Oe.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(e!=null&&B)for(var a of B(e))r.indexOf(a)<0&&Ee.call(e,a)&&(o[a]=e[a]);return o};const _r={refProp:"ref",withinPortal:!0,offset:10,position:"right",zIndex:ge("popover")};function $e(e){var r;const o=J("TooltipFloating",_r,e),{children:a,refProp:s,withinPortal:i,portalProps:m,style:y,className:b,classNames:l,styles:v,unstyled:w,radius:_,color:h,label:p,offset:t,position:c,multiline:g,width:d,zIndex:O,disabled:E,variant:R}=o,$=wr(o,["children","refProp","withinPortal","portalProps","style","className","classNames","styles","unstyled","radius","color","label","offset","position","multiline","width","zIndex","disabled","variant"]),{handleMouseMove:N,x:u,y:C,opened:j,boundaryRef:F,floating:x,setOpened:I}=yr({offset:t,position:c}),{classes:z,cx:q}=_e({radius:_,color:h,multiline:g,width:d},{name:"TooltipFloating",classNames:l,styles:v,unstyled:w,variant:R});if(!ve(a))throw new Error(he.children);const K=ye(F,a.ref),W=M=>{var S,T;(T=(S=a.props).onMouseEnter)==null||T.call(S,M),N(M),I(!0)},X=M=>{var S,T;(T=(S=a.props).onMouseLeave)==null||T.call(S,M),I(!1)};return n.createElement(n.Fragment,null,n.createElement(be,L(G({},m),{withinPortal:i}),n.createElement(A,L(G({},$),{ref:x,className:q(z.tooltip,b),style:L(G({},y),{zIndex:O,display:!E&&j?"block":"none",top:C??"",left:(r=Math.round(u))!=null?r:""})}),p)),f.cloneElement(a,L(G({},a.props),{[s]:K,onMouseEnter:W,onMouseLeave:X})))}$e.displayName="@mantine/core/TooltipFloating";function hr(e){const[r,o]=f.useState(!1),s=typeof e.opened=="boolean"?e.opened:r,i=ir(),m=Be(),{delay:y,currentId:b,setCurrentId:l}=Ve(),v=f.useCallback(u=>{o(u),u&&l(m)},[l,m]),{x:w,y:_,reference:h,floating:p,context:t,refs:c,update:g,placement:d,middlewareData:{arrow:{x:O,y:E}={}}}=fe({placement:e.position,open:s,onOpenChange:v,middleware:[He(e.offset),me({padding:8}),Ue(),qe({element:e.arrowRef,padding:e.arrowOffset}),...e.inline?[Ke()]:[]]}),{getReferenceProps:R,getFloatingProps:$}=We([Xe(t,{enabled:e.events.hover,delay:i?y:{open:e.openDelay,close:e.closeDelay},mouseOnly:!e.events.touch}),Ye(t,{enabled:e.events.focus,keyboardOnly:!0}),Ze(t,{role:"tooltip"}),Je(t,{enabled:typeof e.opened===void 0}),Qe(t,{id:m})]);return er({opened:s,position:e.position,positionDependencies:e.positionDependencies,floating:{refs:c,update:g}}),rr(()=>{var u;(u=e.onPositionChange)==null||u.call(e,d)},[d]),{x:w,y:_,arrowX:O,arrowY:E,reference:h,floating:p,getFloatingProps:$,getReferenceProps:R,isGroupPhase:s&&b&&b!==m,opened:s,placement:d}}var Or=Object.defineProperty,Er=Object.defineProperties,$r=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,xe=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable,ce=(e,r,o)=>r in e?Or(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,k=(e,r)=>{for(var o in r||(r={}))xe.call(r,o)&&ce(e,o,r[o]);if(V)for(var o of V(r))De.call(r,o)&&ce(e,o,r[o]);return e},Y=(e,r)=>Er(e,$r(r)),xr=(e,r)=>{var o={};for(var a in e)xe.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(e!=null&&V)for(var a of V(e))r.indexOf(a)<0&&De.call(e,a)&&(o[a]=e[a]);return o};const Dr={position:"top",refProp:"ref",withinPortal:!1,inline:!1,arrowSize:4,arrowOffset:5,arrowRadius:0,arrowPosition:"side",offset:5,transitionProps:{duration:100,transition:"fade"},width:"auto",events:{hover:!0,focus:!1,touch:!1},zIndex:ge("popover"),positionDependencies:[]},U=f.forwardRef((e,r)=>{var o;const a=f.useRef(null),s=J("Tooltip",Dr,e),{children:i,position:m,refProp:y,label:b,openDelay:l,closeDelay:v,onPositionChange:w,opened:_,withinPortal:h,portalProps:p,radius:t,color:c,classNames:g,styles:d,unstyled:O,style:E,className:R,withArrow:$,arrowSize:N,arrowOffset:u,arrowRadius:C,arrowPosition:j,offset:F,transitionProps:x,multiline:I,width:z,events:q,zIndex:K,disabled:W,positionDependencies:X,onClick:M,onMouseEnter:S,onMouseLeave:T,inline:Se,variant:Te,keepMounted:ke}=s,Ie=xr(s,["children","position","refProp","label","openDelay","closeDelay","onPositionChange","opened","withinPortal","portalProps","radius","color","classNames","styles","unstyled","style","className","withArrow","arrowSize","arrowOffset","arrowRadius","arrowPosition","offset","transitionProps","multiline","width","events","zIndex","disabled","positionDependencies","onClick","onMouseEnter","onMouseLeave","inline","variant","keepMounted"]),{classes:Q,cx:ze,theme:Me}=_e({radius:t,color:c,width:z,multiline:I},{name:"Tooltip",classNames:g,styles:d,unstyled:O,variant:Te}),P=hr({position:or(Me.dir,m),closeDelay:v,openDelay:l,onPositionChange:w,opened:_,events:q,arrowRef:a,arrowOffset:u,offset:F+($?N/2:0),positionDependencies:[...X,i],inline:Se});if(!ve(i))throw new Error(he.children);const je=ye(P.reference,i.ref,r);return n.createElement(n.Fragment,null,n.createElement(be,Y(k({},p),{withinPortal:h}),n.createElement(ar,Y(k({keepMounted:ke,mounted:!W&&P.opened},x),{transition:x.transition||"fade",duration:P.isGroupPhase?10:(o=x.duration)!=null?o:100}),Fe=>{var ee,re;return n.createElement(A,k(k({},Ie),P.getFloatingProps({ref:P.floating,className:Q.tooltip,style:Y(k(k({},E),Fe),{zIndex:K,top:(ee=P.y)!=null?ee:0,left:(re=P.x)!=null?re:0})})),b,n.createElement(tr,{ref:a,arrowX:P.arrowX,arrowY:P.arrowY,visible:$,position:P.placement,arrowSize:N,arrowOffset:u,arrowRadius:C,arrowPosition:j,className:Q.arrow}))})),f.cloneElement(i,P.getReferenceProps(k({onClick:M,onMouseEnter:S,onMouseLeave:T,onMouseMove:e.onMouseMove,onPointerDown:e.onPointerDown,onPointerEnter:e.onPointerEnter,[y]:je,className:ze(R,i.props.className)},i.props))))});U.Group=we;U.Floating=$e;U.displayName="@mantine/core/Tooltip";const Rr=U;var Nr=Object.defineProperty,Cr=Object.defineProperties,Sr=Object.getOwnPropertyDescriptors,H=Object.getOwnPropertySymbols,Re=Object.prototype.hasOwnProperty,Ne=Object.prototype.propertyIsEnumerable,pe=(e,r,o)=>r in e?Nr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Z=(e,r)=>{for(var o in r||(r={}))Re.call(r,o)&&pe(e,o,r[o]);if(H)for(var o of H(r))Ne.call(r,o)&&pe(e,o,r[o]);return e},Ce=(e,r)=>Cr(e,Sr(r)),de=(e,r)=>{var o={};for(var a in e)Re.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(e!=null&&H)for(var a of H(e))r.indexOf(a)<0&&Ne.call(e,a)&&(o[a]=e[a]);return o};function Tr(e){return e.reduce((r,o)=>(r.sections.push(Ce(Z({},o),{accumulated:r.accumulated})),r.accumulated+=o.value,r),{accumulated:0,sections:[]}).sections}const kr={size:"md",radius:"sm",striped:!1,animate:!1,label:""},Ir=f.forwardRef((e,r)=>{const o=J("Progress",kr,e),{className:a,value:s,color:i,size:m,radius:y,striped:b,animate:l,label:v,"aria-label":w,classNames:_,styles:h,sections:p,unstyled:t,variant:c}=o,g=de(o,["className","value","color","size","radius","striped","animate","label","aria-label","classNames","styles","sections","unstyled","variant"]),{classes:d,cx:O,theme:E}=sr({color:i,radius:y},{name:"Progress",classNames:_,styles:h,unstyled:t,variant:c,size:m}),R=Array.isArray(p)?Tr(p).map(($,N)=>{var u=$,{tooltip:C,accumulated:j,value:F,label:x,color:I}=u,z=de(u,["tooltip","accumulated","value","label","color"]);return n.createElement(Rr.Floating,{label:C,disabled:!C,key:N},n.createElement(A,Ce(Z({},z),{className:O(d.bar,z.className),"data-striped":b||l||void 0,"data-animate":l||void 0,sx:{width:`${F}%`,left:`${j}%`,backgroundColor:E.fn.variant({variant:"filled",primaryFallback:!1,color:I||E.primaryColor}).background}}),x&&n.createElement(ae,{className:d.label},x)))}):null;return n.createElement(A,Z({className:O(d.root,a),ref:r},g),R||n.createElement("div",{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":s,"aria-label":w,className:d.bar,style:{width:`${s}%`},"data-striped":b||l||void 0,"data-animate":l||void 0},v?n.createElement(ae,{className:d.label},v):""))});Ir.displayName="@mantine/core/Progress";export{Ir as P};