dgz-ui
Version:
Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript
2 lines (1 loc) • 6.57 kB
JavaScript
"use strict";const c=require("./jsx-runtime-h4oGeKUK.cjs"),$=require("react"),v=require("./index-OHKxBzpT.cjs"),A=require("./index-C1oWDt_I.cjs"),H=require("./index-Dyp2JWEo.cjs"),z=require("./index-B4TRRfSv.cjs"),P=require("./index-C01riI3g.cjs"),O=require("./index-2AoaKL3W.cjs"),x=require("./index-DGIrLGcj.cjs"),_=require("./index-9_bM8_1f.cjs"),L=require("./index-BbYJWkTf.cjs"),G=require("./utils-BeXF6FlA.cjs");function K(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const u=K($);var C="Popover",[b,ae]=H.createContextScope(C,[x.createPopperScope]),g=x.createPopperScope(),[U,d]=b(C),w=e=>{const{__scopePopover:r,children:o,open:n,defaultOpen:t,onOpenChange:s,modal:a=!1}=e,i=g(r),p=u.useRef(null),[l,R]=u.useState(!1),[h,f]=O.useControllableState({prop:n,defaultProp:t??!1,onChange:s,caller:C});return c.jsxRuntimeExports.jsx(x.Root2,{...i,children:c.jsxRuntimeExports.jsx(U,{scope:r,contentId:O.useId(),triggerRef:p,open:h,onOpenChange:f,onOpenToggle:u.useCallback(()=>f(j=>!j),[f]),hasCustomAnchor:l,onCustomAnchorAdd:u.useCallback(()=>R(!0),[]),onCustomAnchorRemove:u.useCallback(()=>R(!1),[]),modal:a,children:o})})};w.displayName=C;var N="PopoverAnchor",V=u.forwardRef((e,r)=>{const{__scopePopover:o,...n}=e,t=d(N,o),s=g(o),{onCustomAnchorAdd:a,onCustomAnchorRemove:i}=t;return u.useEffect(()=>(a(),()=>i()),[a,i]),c.jsxRuntimeExports.jsx(x.Anchor,{...s,...n,ref:r})});V.displayName=N;var y="PopoverTrigger",S=u.forwardRef((e,r)=>{const{__scopePopover:o,...n}=e,t=d(y,o),s=g(o),a=A.useComposedRefs(r,t.triggerRef),i=c.jsxRuntimeExports.jsx(_.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":k(t.open),...n,ref:a,onClick:v.composeEventHandlers(e.onClick,t.onOpenToggle)});return t.hasCustomAnchor?i:c.jsxRuntimeExports.jsx(x.Anchor,{asChild:!0,...s,children:i})});S.displayName=y;var E="PopoverPortal",[W,Z]=b(E,{forceMount:void 0}),F=e=>{const{__scopePopover:r,forceMount:o,children:n,container:t}=e,s=d(E,r);return c.jsxRuntimeExports.jsx(W,{scope:r,forceMount:o,children:c.jsxRuntimeExports.jsx(v.Presence,{present:o||s.open,children:c.jsxRuntimeExports.jsx(P.Portal,{asChild:!0,container:t,children:n})})})};F.displayName=E;var m="PopoverContent",D=u.forwardRef((e,r)=>{const o=Z(m,e.__scopePopover),{forceMount:n=o.forceMount,...t}=e,s=d(m,e.__scopePopover);return c.jsxRuntimeExports.jsx(v.Presence,{present:n||s.open,children:s.modal?c.jsxRuntimeExports.jsx(J,{...t,ref:r}):c.jsxRuntimeExports.jsx(Q,{...t,ref:r})})});D.displayName=m;var B=L.createSlot("PopoverContent.RemoveScroll"),J=u.forwardRef((e,r)=>{const o=d(m,e.__scopePopover),n=u.useRef(null),t=A.useComposedRefs(r,n),s=u.useRef(!1);return u.useEffect(()=>{const a=n.current;if(a)return P.hideOthers(a)},[]),c.jsxRuntimeExports.jsx(P.ReactRemoveScroll,{as:B,allowPinchZoom:!0,children:c.jsxRuntimeExports.jsx(M,{...e,ref:t,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:v.composeEventHandlers(e.onCloseAutoFocus,a=>{var i;a.preventDefault(),s.current||(i=o.triggerRef.current)==null||i.focus()}),onPointerDownOutside:v.composeEventHandlers(e.onPointerDownOutside,a=>{const i=a.detail.originalEvent,p=i.button===0&&i.ctrlKey===!0,l=i.button===2||p;s.current=l},{checkForDefaultPrevented:!1}),onFocusOutside:v.composeEventHandlers(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1})})})}),Q=u.forwardRef((e,r)=>{const o=d(m,e.__scopePopover),n=u.useRef(!1),t=u.useRef(!1);return c.jsxRuntimeExports.jsx(M,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{var a,i;(a=e.onCloseAutoFocus)==null||a.call(e,s),s.defaultPrevented||(n.current||(i=o.triggerRef.current)==null||i.focus(),s.preventDefault()),n.current=!1,t.current=!1},onInteractOutside:s=>{var p,l;(p=e.onInteractOutside)==null||p.call(e,s),s.defaultPrevented||(n.current=!0,s.detail.originalEvent.type==="pointerdown"&&(t.current=!0));const a=s.target;((l=o.triggerRef.current)==null?void 0:l.contains(a))&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&t.current&&s.preventDefault()}})}),M=u.forwardRef((e,r)=>{const{__scopePopover:o,trapFocus:n,onOpenAutoFocus:t,onCloseAutoFocus:s,disableOutsidePointerEvents:a,onEscapeKeyDown:i,onPointerDownOutside:p,onFocusOutside:l,onInteractOutside:R,...h}=e,f=d(m,o),j=g(o);return P.useFocusGuards(),c.jsxRuntimeExports.jsx(P.FocusScope,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:t,onUnmountAutoFocus:s,children:c.jsxRuntimeExports.jsx(z.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:a,onInteractOutside:R,onEscapeKeyDown:i,onPointerDownOutside:p,onFocusOutside:l,onDismiss:()=>f.onOpenChange(!1),children:c.jsxRuntimeExports.jsx(x.Content,{"data-state":k(f.open),role:"dialog",id:f.contentId,...j,...h,ref:r,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)"}})})})}),T="PopoverClose",X=u.forwardRef((e,r)=>{const{__scopePopover:o,...n}=e,t=d(T,o);return c.jsxRuntimeExports.jsx(_.Primitive.button,{type:"button",...n,ref:r,onClick:v.composeEventHandlers(e.onClick,()=>t.onOpenChange(!1))})});X.displayName=T;var Y="PopoverArrow",ee=u.forwardRef((e,r)=>{const{__scopePopover:o,...n}=e,t=g(o);return c.jsxRuntimeExports.jsx(x.Arrow,{...t,...n,ref:r})});ee.displayName=Y;function k(e){return e?"open":"closed"}var oe=w,te=S,re=F,q=D;const ne=oe,se=te,I=u.forwardRef(({className:e,align:r="center",sideOffset:o=4,...n},t)=>c.jsxRuntimeExports.jsx(re,{children:c.jsxRuntimeExports.jsx(q,{ref:t,align:r,sideOffset:o,className:G.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out 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 w-72 rounded-md border p-4 shadow-md outline-none",e),...n})}));I.displayName=q.displayName;exports.Popover=ne;exports.PopoverContent=I;exports.PopoverTrigger=se;