@undp/design-system-react
Version:
React based design system for UNDP
2 lines • 5.81 kB
JavaScript
const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./utils-Dd9-5CFr.cjs"),n=require("./dist--OhUIyHO.cjs"),r=require("./dist-VI-VV5wq.cjs"),i=require("./dist-DluBSGxD.cjs"),a=require("./dist-CTSEb5uk.cjs"),o=require("./dist-odcXV7N3.cjs"),s=require("./dist-DnbpoIgp.cjs"),c=require("./dist-B7GyuuzQ.cjs"),l=require("./es2015-_DRMRzCt.cjs"),u=require("./dist-DkrZhx1H.cjs"),d=require("./dist-ImWxW4aL.cjs");let f=require("react");f=e.r(f,1);let p=require("react/jsx-runtime");var m=Object.defineProperty,h=(e,t)=>m(e,`name`,{value:t,configurable:!0}),g=`Popover`,[_,v]=i.n(g,[d.i]),y=d.i(),[b,x]=_(g),S=h(e=>{let{__scopePopover:t,children:n,open:r,defaultOpen:i,onOpenChange:o,modal:c=!1}=e,l=y(t),u=f.useRef(null),[m,h]=f.useState(!1),[_,v]=a.t({prop:r,defaultProp:i??!1,onChange:o,caller:g});return(0,p.jsx)(d.r,{...l,children:(0,p.jsx)(b,{scope:t,contentId:s.t(),triggerRef:u,open:_,onOpenChange:v,onOpenToggle:f.useCallback(()=>v(e=>!e),[v]),hasCustomAnchor:m,onCustomAnchorAdd:f.useCallback(()=>h(!0),[]),onCustomAnchorRemove:f.useCallback(()=>h(!1),[]),modal:c,children:n})})},`Popover`),C=`PopoverAnchor`,w=f.forwardRef(h(function(e,t){let{__scopePopover:n,...r}=e,i=x(C,n),a=y(n),{onCustomAnchorAdd:o,onCustomAnchorRemove:s}=i;return f.useEffect(()=>(o(),()=>s()),[o,s]),(0,p.jsx)(d.t,{...a,...r,ref:t})},`PopoverAnchor`)),T=`PopoverTrigger`,E=f.forwardRef(h(function(e,t){let{__scopePopover:i,...o}=e,s=x(T,i),c=y(i),l=n.i(t,s.triggerRef),u=(0,p.jsx)(r.t.button,{type:`button`,"aria-haspopup":`dialog`,"aria-expanded":s.open,"aria-controls":s.open?s.contentId:void 0,"data-state":L(s.open),...o,ref:l,onClick:a.n(e.onClick,s.onOpenToggle)});return s.hasCustomAnchor?u:(0,p.jsx)(d.t,{asChild:!0,...c,children:u})},`PopoverTrigger`)),D=`PopoverPortal`,[O,k]=_(D,{forceMount:void 0}),A=h(e=>{let{__scopePopover:t,forceMount:n,children:r,container:i}=e,a=x(D,t);return(0,p.jsx)(O,{scope:t,forceMount:n,children:(0,p.jsx)(o.t,{present:n||a.open,children:(0,p.jsx)(u.t,{asChild:!0,container:i,children:r})})})},`PopoverPortal`),j=`PopoverContent`,M=f.forwardRef(h(function(e,t){let n=k(j,e.__scopePopover),{forceMount:r=n.forceMount,...i}=e,a=x(j,e.__scopePopover);return(0,p.jsx)(o.t,{present:r||a.open,children:a.modal?(0,p.jsx)(P,{...i,ref:t}):(0,p.jsx)(F,{...i,ref:t})})},`PopoverContent`)),N=n.n(`PopoverContent.RemoveScroll`),P=f.forwardRef(h(function(e,t){let r=x(j,e.__scopePopover),i=f.useRef(null),o=n.i(t,i),s=f.useRef(!1);return f.useEffect(()=>{let e=i.current;if(e)return l.t(e)},[]),(0,p.jsx)(l.n,{as:N,allowPinchZoom:!0,children:(0,p.jsx)(I,{...e,ref:o,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:a.n(e.onCloseAutoFocus,e=>{e.preventDefault(),s.current||r.triggerRef.current?.focus()}),onPointerDownOutside:a.n(e.onPointerDownOutside,e=>{let t=e.detail.originalEvent,n=t.button===0&&t.ctrlKey===!0,r=t.button===2||n;s.current=r},{checkForDefaultPrevented:!1}),onFocusOutside:a.n(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1})})})},`PopoverContentModal`)),F=f.forwardRef(h(function(e,t){let n=x(j,e.__scopePopover),r=f.useRef(!1),i=f.useRef(!1);return(0,p.jsx)(I,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{e.onCloseAutoFocus?.(t),t.defaultPrevented||(r.current||n.triggerRef.current?.focus(),t.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:t=>{e.onInteractOutside?.(t),t.defaultPrevented||(r.current=!0,t.detail.originalEvent.type===`pointerdown`&&(i.current=!0));let a=t.target;n.triggerRef.current?.contains(a)&&t.preventDefault(),t.detail.originalEvent.type===`focusin`&&i.current&&t.preventDefault()}})},`PopoverContentNonModal`)),I=f.forwardRef(h(function(e,t){let{__scopePopover:n,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:a,disableOutsidePointerEvents:o,onEscapeKeyDown:s,onPointerDownOutside:u,onFocusOutside:f,onInteractOutside:m,...h}=e,g=x(j,n),_=y(n);return l.r(),(0,p.jsx)(l.i,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:a,children:(0,p.jsx)(c.n,{asChild:!0,disableOutsidePointerEvents:o,onInteractOutside:m,onEscapeKeyDown:s,onPointerDownOutside:u,onFocusOutside:f,onDismiss:()=>g.onOpenChange(!1),deferPointerDownOutside:!0,children:(0,p.jsx)(d.n,{"data-state":L(g.open),role:`dialog`,id:g.contentId,..._,...h,ref:t,style:{...h.style,"--radix-popover-content-transform-origin":`var(--radix-popper-transform-origin)`,"--radix-popover-content-available-width":`var(--radix-popper-available-width)`,"--radix-popover-content-available-height":`var(--radix-popper-available-height)`,"--radix-popover-trigger-width":`var(--radix-popper-anchor-width)`,"--radix-popover-trigger-height":`var(--radix-popper-anchor-height)`}})})})},`PopoverContentImpl`));function L(e){return e?`open`:`closed`}h(L,`getState`);var R=S,z=w,B=E,V=A,H=M,U=R,W=B,G=z,K=f.default.forwardRef(({className:e,align:n=`center`,sideOffset:r=4,...i},a)=>(0,p.jsx)(V,{children:(0,p.jsx)(H,{...i,ref:a,align:n,sideOffset:r,className:t.t(`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 h-auto w-72 border border-stroke bg-surface/90 p-3 text-content-primary text-sm outline-hidden backdrop-blur-frosted data-[state=closed]:animate-out data-[state=open]:animate-in`,e)})}));K.displayName=H.displayName,Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return U}});
//# sourceMappingURL=popover-UvMqvZhZ.cjs.map