UNPKG

dgz-ui-shared

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

github.com/Alisher1119/dgz-ui-shared

Alisher1119/dgz-ui-shared

6 lines (3 loc) • 5.65 kB
1
2
3
4
5
6
"use strict";const S=require("react"),t=require("./index-DqTIeHVj-C_gsDkBV.cjs"),p=require("./createLucideIcon-B950nf2d-DnAaS9t0.cjs");function q(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const l=q(S);var m="Dialog",[_,W]=t.j(m),[B,u]=_(m),x=e=>{const{__scopeDialog:n,children:o,open:a,defaultOpen:s,onOpenChange:r,modal:i=!0}=e,c=l.useRef(null),f=l.useRef(null),[D,v]=t.y({prop:a,defaultProp:s??!1,onChange:r,caller:m});return t.ae.jsx(B,{scope:n,triggerRef:c,contentRef:f,contentId:t.g(),titleId:t.g(),descriptionId:t.g(),open:D,onOpenChange:v,onOpenToggle:l.useCallback(()=>v(k=>!k),[v]),modal:i,children:o})};x.displayName=m;var j="DialogTrigger",b=l.forwardRef((e,n)=>{const{__scopeDialog:o,...a}=e,s=u(j,o),r=t.x(n,s.triggerRef);return t.ae.jsx(t.h.button,{type:"button","aria-haspopup":"dialog","aria-expanded":s.open,"aria-controls":s.contentId,"data-state":R(s.open),...a,ref:r,onClick:t.y$1(e.onClick,s.onOpenToggle)})});b.displayName=j;var h="DialogPortal",[H,O]=_(h,{forceMount:void 0}),C=e=>{const{__scopeDialog:n,forceMount:o,children:a,container:s}=e,r=u(h,n);return t.ae.jsx(H,{scope:n,forceMount:o,children:l.Children.map(a,i=>t.ae.jsx(t.R,{present:o||r.open,children:t.ae.jsx(p.Me,{asChild:!0,container:s,children:i})}))})};C.displayName=h;var g="DialogOverlay",I=l.forwardRef((e,n)=>{const o=O(g,e.__scopeDialog),{forceMount:a=o.forceMount,...s}=e,r=u(g,e.__scopeDialog);return r.modal?t.ae.jsx(t.R,{present:a||r.open,children:t.ae.jsx(V,{...s,ref:n})}):null});I.displayName=g;var L=t.g$1("DialogOverlay.RemoveScroll"),V=l.forwardRef((e,n)=>{const{__scopeDialog:o,...a}=e,s=u(g,o);return t.ae.jsx(p.dt,{as:L,allowPinchZoom:!0,shards:[s.contentRef],children:t.ae.jsx(t.h.div,{"data-state":R(s.open),...a,ref:n,style:{pointerEvents:"auto",...a.style}})})}),d="DialogContent",w=l.forwardRef((e,n)=>{const o=O(d,e.__scopeDialog),{forceMount:a=o.forceMount,...s}=e,r=u(d,e.__scopeDialog);return t.ae.jsx(t.R,{present:a||r.open,children:r.modal?t.ae.jsx(z,{...s,ref:n}):t.ae.jsx(G,{...s,ref:n})})});w.displayName=d;var z=l.forwardRef((e,n)=>{const o=u(d,e.__scopeDialog),a=l.useRef(null),s=t.x(n,o.contentRef,a);return l.useEffect(()=>{const r=a.current;if(r)return p.Rt(r)},[]),t.ae.jsx(F,{...e,ref:s,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:t.y$1(e.onCloseAutoFocus,r=>{var i;r.preventDefault(),(i=o.triggerRef.current)==null||i.focus()}),onPointerDownOutside:t.y$1(e.onPointerDownOutside,r=>{const i=r.detail.originalEvent,c=i.button===0&&i.ctrlKey===!0;(i.button===2||c)&&r.preventDefault()}),onFocusOutside:t.y$1(e.onFocusOutside,r=>r.preventDefault())})}),G=l.forwardRef((e,n)=>{const o=u(d,e.__scopeDialog),a=l.useRef(!1),s=l.useRef(!1);return t.ae.jsx(F,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{var i,c;(i=e.onCloseAutoFocus)==null||i.call(e,r),r.defaultPrevented||(a.current||(c=o.triggerRef.current)==null||c.focus(),r.preventDefault()),a.current=!1,s.current=!1},onInteractOutside:r=>{var i,c;(i=e.onInteractOutside)==null||i.call(e,r),r.defaultPrevented||(a.current=!0,r.detail.originalEvent.type==="pointerdown"&&(s.current=!0));const f=r.target;(c=o.triggerRef.current)!=null&&c.contains(f)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&s.current&&r.preventDefault()}})}),F=l.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:a,onOpenAutoFocus:s,onCloseAutoFocus:r,...i}=e,c=u(d,o),f=l.useRef(null),D=t.x(n,f);return p.Ct(),t.ae.jsxs(t.ae.Fragment,{children:[t.ae.jsx(p.Se,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:s,onUnmountAutoFocus:r,children:t.ae.jsx(t.M,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":R(c.open),...i,ref:D,onDismiss:()=>c.onOpenChange(!1)})}),t.ae.jsxs(t.ae.Fragment,{children:[t.ae.jsx(Q,{titleId:c.titleId}),t.ae.jsx(X,{contentRef:f,descriptionId:c.descriptionId})]})]})}),y="DialogTitle",N=l.forwardRef((e,n)=>{const{__scopeDialog:o,...a}=e,s=u(y,o);return t.ae.jsx(t.h.h2,{id:s.titleId,...a,ref:n})});N.displayName=y;var E="DialogDescription",P=l.forwardRef((e,n)=>{const{__scopeDialog:o,...a}=e,s=u(E,o);return t.ae.jsx(t.h.p,{id:s.descriptionId,...a,ref:n})});P.displayName=E;var M="DialogClose",$=l.forwardRef((e,n)=>{const{__scopeDialog:o,...a}=e,s=u(M,o);return t.ae.jsx(t.h.button,{type:"button",...a,ref:n,onClick:t.y$1(e.onClick,()=>s.onOpenChange(!1))})});$.displayName=M;function R(e){return e?"open":"closed"}var A="DialogTitleWarning",[K,T]=t.b(A,{contentName:d,titleName:y,docsSlug:"dialog"}),Q=({titleId:e})=>{const n=T(A),o=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users. If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component. For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return l.useEffect(()=>{e&&(document.getElementById(e)||console.error(o))},[o,e]),null},U="DialogDescriptionWarning",X=({contentRef:e,descriptionId:n})=>{const o=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${T(U).contentName}}.`;return l.useEffect(()=>{var a;const s=(a=e.current)==null?void 0:a.getAttribute("aria-describedby");n&&s&&(document.getElementById(n)||console.warn(o))},[o,e,n]),null},Z=x,J=b,Y=C,ee=I,te=w,ne=N,oe=P,re=$;exports.Ce=Y;exports.De=W;exports.Ee=oe;exports.Pe=re;exports.Re=ee;exports._e=te;exports.he=ne;exports.me=K;exports.ve=Z;exports.xe=J;