@radix-ui/react-dialog - npm Package Compare versions

Comparing version 0.1.1-rc.16 to 0.1.1-rc.17

dist/index.d.ts

@@ -7,2 +7,3 @@ import * as React from "react";
 import { RemoveScroll } from "react-remove-scroll";
+export const createDialogScope: import("@radix-ui/react-context").CreateScope;
 export interface DialogProps {
@@ -13,2 +14,3 @@ open?: boolean;
     modal?: boolean;
+    children?: React.ReactNode;
 }
@@ -77,7 +79,12 @@ export const Dialog: React.FC<DialogProps>;
 export const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-export const LabelWarningProvider: React.Provider<{
-    contentName: string;
-    titleName: string;
-    docsSlug: string;
-}>;
+export const LabelWarningProvider: {
+    (props: {
+        contentName: string;
+        titleName: string;
+        docsSlug: string;
+    } & {
+        children: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+};
 export const Root: React.FC<DialogProps>;
@@ -84,0 +91,0 @@ export const Trigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,r,o=require("aria-hidden").hideOthers,n=require("react-remove-scroll").RemoveScroll,a=require("@radix-ui/react-focus-guards").useFocusGuards,i=require("@radix-ui/react-primitive").Primitive,l=require("@radix-ui/react-presence").Presence,s=require("@radix-ui/react-portal").Portal,u=require("@radix-ui/react-focus-scope").FocusScope,c=require("@radix-ui/react-dismissable-layer").DismissableLayer,d=require("@radix-ui/react-use-controllable-state").useControllableState,p=require("@radix-ui/react-id").useId,f=require("@radix-ui/react-context").createContext,g=require("@radix-ui/react-compose-refs").useComposedRefs,m=require("@radix-ui/primitive").composeEventHandlers,v=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),D=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[x,C]=f("Dialog"),b=e=>{const{children:t,open:r,defaultOpen:o,onOpenChange:n,modal:a=!0}=e,i=v.useRef(null),[l=!1,s]=d({prop:r,defaultProp:o,onChange:n});/*#__PURE__*/return v.createElement(x,{triggerRef:i,contentId:p(),titleId:p(),descriptionId:p(),open:l,onOpenChange:s,onOpenToggle:v.useCallback((()=>s((e=>!e))),[s]),modal:a},t)};exports.Dialog=b;const E=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogTrigger"),o=g(t,r.triggerRef);/*#__PURE__*/return v.createElement(i.button,D({type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":T(r.open)},e,{ref:o,onClick:m(e.onClick,r.onOpenToggle)}))}));exports.DialogTrigger=E;const O=/*#__PURE__*/v.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=C("DialogOverlay");return n.modal?/*#__PURE__*/v.createElement(l,{present:r||n.open},/*#__PURE__*/v.createElement(R,D({},o,{ref:t}))):null}));exports.DialogOverlay=O;const R=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogOverlay");/*#__PURE__*/return v.createElement(s,null,/*#__PURE__*/v.createElement(i.div,D({"data-state":T(r.open)},e,{ref:t})))})),h=/*#__PURE__*/v.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=C("DialogContent");/*#__PURE__*/return v.createElement(l,{present:r||n.open},n.modal?/*#__PURE__*/v.createElement(F,D({},o,{ref:t})):/*#__PURE__*/v.createElement(q,D({},o,{ref:t})))}));exports.DialogContent=h;const F=/*#__PURE__*/v.forwardRef(((e,t)=>{const{allowPinchZoom:r,...a}=e,i=C("DialogContent"),l=v.useRef(null),u=g(t,l);return v.useEffect((()=>{const e=l.current;if(e)return o(e)}),[]),/*#__PURE__*/v.createElement(s,null,/*#__PURE__*/v.createElement(n,{allowPinchZoom:r},/*#__PURE__*/v.createElement(y,D({},a,{ref:u,trapFocus:i.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:m(e.onCloseAutoFocus,(e=>{var t;e.preventDefault(),null===(t=i.triggerRef.current)||void 0===t||t.focus()})),onPointerDownOutside:m(e.onPointerDownOutside,(e=>{const t=e.detail.originalEvent,r=0===t.button&&!0===t.ctrlKey;(2===t.button||r)&&e.preventDefault()})),onFocusOutside:m(e.onFocusOutside,(e=>e.preventDefault()))}))))})),q=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogContent"),o=v.useRef(!1);/*#__PURE__*/return v.createElement(s,null,/*#__PURE__*/v.createElement(y,D({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,t),t.defaultPrevented)||(o.current||null===(a=r.triggerRef.current)||void 0===a||a.focus(),t.preventDefault());o.current=!1},onInteractOutside:t=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,t),t.defaultPrevented||(o.current=!0);const i=t.target;(null===(a=r.triggerRef.current)||void 0===a?void 0:a.contains(i))&&t.preventDefault()}})))})),y=/*#__PURE__*/v.forwardRef(((e,t)=>{const{"aria-label":r,"aria-labelledby":o,"aria-describedby":n,trapFocus:i,onOpenAutoFocus:l,onCloseAutoFocus:s,...d}=e,p=C("DialogContent"),f=v.useRef(null),m=g(t,f);return a(),/*#__PURE__*/v.createElement(v.Fragment,null,/*#__PURE__*/v.createElement(u,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:l,onUnmountAutoFocus:s},/*#__PURE__*/v.createElement(c,D({role:"dialog",id:p.contentId,"aria-describedby":n||p.descriptionId,"aria-labelledby":r?void 0:o||p.titleId,"aria-label":r||void 0,"data-state":T(p.open)},d,{ref:m,onDismiss:()=>p.onOpenChange(!1)}))),!1)})),P=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogTitle");/*#__PURE__*/return v.createElement(i.h2,D({id:r.titleId},e,{ref:t}))}));exports.DialogTitle=P;const w=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogDescription");/*#__PURE__*/return v.createElement(i.p,D({id:r.descriptionId},e,{ref:t}))}));exports.DialogDescription=w;const I=/*#__PURE__*/v.forwardRef(((e,t)=>{const r=C("DialogClose");/*#__PURE__*/return v.createElement(i.button,D({type:"button"},e,{ref:t,onClick:m(e.onClick,(()=>r.onOpenChange(!1)))}))}));function T(e){return e?"open":"closed"}exports.DialogClose=I;const A=/*#__PURE__*/v.createContext({contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"}),k=A.Provider;exports.LabelWarningProvider=k;const M=b;exports.Root=M;const S=E;exports.Trigger=S;const _=O;exports.Overlay=_;const j=h;exports.Content=j;const L=P;exports.Title=L;const N=w;exports.Description=N;const Z=I;exports.Close=Z;
+var e,t,o,r=require("aria-hidden").hideOthers,n=require("react-remove-scroll").RemoveScroll,a=require("@radix-ui/react-focus-guards").useFocusGuards,i=require("@radix-ui/react-primitive").Primitive,l=require("@radix-ui/react-presence").Presence,s=require("@radix-ui/react-portal").Portal,c=require("@radix-ui/react-focus-scope").FocusScope,u=require("@radix-ui/react-dismissable-layer").DismissableLayer,d=require("@radix-ui/react-use-controllable-state").useControllableState,p=require("@radix-ui/react-id").useId,g=require("@radix-ui/react-context"),f=g.createContext,D=g.createContextScope,m=require("@radix-ui/react-compose-refs").useComposedRefs,v=require("@radix-ui/primitive").composeEventHandlers,x=(e={},t=require("react"),Object.keys(t).forEach((function(o){"default"!==o&&"__esModule"!==o&&Object.defineProperty(e,o,{enumerable:!0,get:function(){return t[o]}})})),e),b=(o=require("@babel/runtime/helpers/extends"))&&o.__esModule?o.default:o;const[C,E]=D("Dialog");exports.createDialogScope=E;const[_,O]=C("Dialog"),R=e=>{const{__scopeDialog:t,children:o,open:r,defaultOpen:n,onOpenChange:a,modal:i=!0}=e,l=x.useRef(null),[s=!1,c]=d({prop:r,defaultProp:n,onChange:a});/*#__PURE__*/return x.createElement(_,{scope:t,triggerRef:l,contentId:p(),titleId:p(),descriptionId:p(),open:s,onOpenChange:c,onOpenToggle:x.useCallback((()=>c((e=>!e))),[c]),modal:i},o)};exports.Dialog=R;const h=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeDialog:o,...r}=e,n=O("DialogTrigger",o),a=m(t,n.triggerRef);/*#__PURE__*/return x.createElement(i.button,b({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":S(n.open)},r,{ref:a,onClick:v(e.onClick,n.onOpenToggle)}))}));exports.DialogTrigger=h;const F=/*#__PURE__*/x.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=O("DialogOverlay",e.__scopeDialog);return n.modal?/*#__PURE__*/x.createElement(l,{present:o||n.open},/*#__PURE__*/x.createElement(q,b({},r,{ref:t}))):null}));exports.DialogOverlay=F;const q=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeDialog:o,...r}=e,n=O("DialogOverlay",o);/*#__PURE__*/return x.createElement(s,null,/*#__PURE__*/x.createElement(i.div,b({"data-state":S(n.open)},r,{ref:t})))})),y=/*#__PURE__*/x.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,n=O("DialogContent",e.__scopeDialog);/*#__PURE__*/return x.createElement(l,{present:o||n.open},n.modal?/*#__PURE__*/x.createElement(w,b({},r,{ref:t})):/*#__PURE__*/x.createElement(P,b({},r,{ref:t})))}));exports.DialogContent=y;const w=/*#__PURE__*/x.forwardRef(((e,t)=>{const{allowPinchZoom:o,...a}=e,i=O("DialogContent",e.__scopeDialog),l=x.useRef(null),c=m(t,l);return x.useEffect((()=>{const e=l.current;if(e)return r(e)}),[]),/*#__PURE__*/x.createElement(s,null,/*#__PURE__*/x.createElement(n,{allowPinchZoom:o},/*#__PURE__*/x.createElement(I,b({},a,{ref:c,trapFocus:i.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:v(e.onCloseAutoFocus,(e=>{var t;e.preventDefault(),null===(t=i.triggerRef.current)||void 0===t||t.focus()})),onPointerDownOutside:v(e.onPointerDownOutside,(e=>{const t=e.detail.originalEvent,o=0===t.button&&!0===t.ctrlKey;(2===t.button||o)&&e.preventDefault()})),onFocusOutside:v(e.onFocusOutside,(e=>e.preventDefault()))}))))})),P=/*#__PURE__*/x.forwardRef(((e,t)=>{const o=O("DialogContent",e.__scopeDialog),r=x.useRef(!1);/*#__PURE__*/return x.createElement(s,null,/*#__PURE__*/x.createElement(I,b({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,t),t.defaultPrevented)||(r.current||null===(a=o.triggerRef.current)||void 0===a||a.focus(),t.preventDefault());r.current=!1},onInteractOutside:t=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,t),t.defaultPrevented||(r.current=!0);const i=t.target;(null===(a=o.triggerRef.current)||void 0===a?void 0:a.contains(i))&&t.preventDefault()}})))})),I=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeDialog:o,"aria-label":r,"aria-labelledby":n,"aria-describedby":i,trapFocus:l,onOpenAutoFocus:s,onCloseAutoFocus:d,...p}=e,g=O("DialogContent",o),f=x.useRef(null),D=m(t,f);return a(),/*#__PURE__*/x.createElement(x.Fragment,null,/*#__PURE__*/x.createElement(c,{asChild:!0,loop:!0,trapped:l,onMountAutoFocus:s,onUnmountAutoFocus:d},/*#__PURE__*/x.createElement(u,b({role:"dialog",id:g.contentId,"aria-describedby":i||g.descriptionId,"aria-labelledby":r?void 0:n||g.titleId,"aria-label":r||void 0,"data-state":S(g.open)},p,{ref:D,onDismiss:()=>g.onOpenChange(!1)}))),!1)})),T=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeDialog:o,...r}=e,n=O("DialogTitle",o);/*#__PURE__*/return x.createElement(i.h2,b({id:n.titleId},r,{ref:t}))}));exports.DialogTitle=T;const A=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeDialog:o,...r}=e,n=O("DialogDescription",o);/*#__PURE__*/return x.createElement(i.p,b({id:n.descriptionId},r,{ref:t}))}));exports.DialogDescription=A;const k=/*#__PURE__*/x.forwardRef(((e,t)=>{const{__scopeDialog:o,...r}=e,n=O("DialogClose",o);/*#__PURE__*/return x.createElement(i.button,b({type:"button"},r,{ref:t,onClick:v(e.onClick,(()=>n.onOpenChange(!1)))}))}));function S(e){return e?"open":"closed"}exports.DialogClose=k;const[M,L]=f("DialogLabelWarning",{contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});exports.LabelWarningProvider=M;const j=R;exports.Root=j;const N=h;exports.Trigger=N;const W=F;exports.Overlay=W;const Z=y;exports.Content=Z;const G=T;exports.Title=G;const H=A;exports.Description=H;const K=k;exports.Close=K;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{hideOthers as e}from"aria-hidden";import{RemoveScroll as t}from"react-remove-scroll";import{useFocusGuards as o}from"@radix-ui/react-focus-guards";import{Primitive as r}from"@radix-ui/react-primitive";import{Presence as n}from"@radix-ui/react-presence";import{Portal as a}from"@radix-ui/react-portal";import{FocusScope as i}from"@radix-ui/react-focus-scope";import{DismissableLayer as l}from"@radix-ui/react-dismissable-layer";import{useControllableState as c}from"@radix-ui/react-use-controllable-state";import{useId as s}from"@radix-ui/react-id";import{createContext as u}from"@radix-ui/react-context";import{useComposedRefs as d}from"@radix-ui/react-compose-refs";import{composeEventHandlers as p}from"@radix-ui/primitive";import*as f from"react";import m from"@babel/runtime/helpers/esm/extends";const[g,D]=u("Dialog");export const Dialog=e=>{const{children:t,open:o,defaultOpen:r,onOpenChange:n,modal:a=!0}=e,i=f.useRef(null),[l=!1,u]=c({prop:o,defaultProp:r,onChange:n});/*#__PURE__*/return f.createElement(g,{triggerRef:i,contentId:s(),titleId:s(),descriptionId:s(),open:l,onOpenChange:u,onOpenToggle:f.useCallback((()=>u((e=>!e))),[u]),modal:a},t)};/*#__PURE__*/export const DialogTrigger=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogTrigger"),n=d(t,o.triggerRef);/*#__PURE__*/return f.createElement(r.button,m({type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":E(o.open)},e,{ref:n,onClick:p(e.onClick,o.onOpenToggle)}))}));/*#__PURE__*/export const DialogOverlay=/*#__PURE__*/f.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,a=D("DialogOverlay");return a.modal?/*#__PURE__*/f.createElement(n,{present:o||a.open},/*#__PURE__*/f.createElement(v,m({},r,{ref:t}))):null}));/*#__PURE__*/const v=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogOverlay");/*#__PURE__*/return f.createElement(a,null,/*#__PURE__*/f.createElement(r.div,m({"data-state":E(o.open)},e,{ref:t})))}));export const DialogContent=/*#__PURE__*/f.forwardRef(((e,t)=>{const{forceMount:o,...r}=e,a=D("DialogContent");/*#__PURE__*/return f.createElement(n,{present:o||a.open},a.modal?/*#__PURE__*/f.createElement(x,m({},r,{ref:t})):/*#__PURE__*/f.createElement(C,m({},r,{ref:t})))}));/*#__PURE__*/const x=/*#__PURE__*/f.forwardRef(((o,r)=>{const{allowPinchZoom:n,...i}=o,l=D("DialogContent"),c=f.useRef(null),s=d(r,c);return f.useEffect((()=>{const t=c.current;if(t)return e(t)}),[]),/*#__PURE__*/f.createElement(a,null,/*#__PURE__*/f.createElement(t,{allowPinchZoom:n},/*#__PURE__*/f.createElement(b,m({},i,{ref:s,trapFocus:l.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:p(o.onCloseAutoFocus,(e=>{var t;e.preventDefault(),null===(t=l.triggerRef.current)||void 0===t||t.focus()})),onPointerDownOutside:p(o.onPointerDownOutside,(e=>{const t=e.detail.originalEvent,o=0===t.button&&!0===t.ctrlKey;(2===t.button||o)&&e.preventDefault()})),onFocusOutside:p(o.onFocusOutside,(e=>e.preventDefault()))}))))})),C=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogContent"),r=f.useRef(!1);/*#__PURE__*/return f.createElement(a,null,/*#__PURE__*/f.createElement(b,m({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,t),t.defaultPrevented)||(r.current||null===(a=o.triggerRef.current)||void 0===a||a.focus(),t.preventDefault());r.current=!1},onInteractOutside:t=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,t),t.defaultPrevented||(r.current=!0);const i=t.target;(null===(a=o.triggerRef.current)||void 0===a?void 0:a.contains(i))&&t.preventDefault()}})))})),b=/*#__PURE__*/f.forwardRef(((e,t)=>{const{"aria-label":r,"aria-labelledby":n,"aria-describedby":a,trapFocus:c,onOpenAutoFocus:s,onCloseAutoFocus:u,...p}=e,g=D("DialogContent"),v=f.useRef(null),x=d(t,v);return o(),/*#__PURE__*/f.createElement(f.Fragment,null,/*#__PURE__*/f.createElement(i,{asChild:!0,loop:!0,trapped:c,onMountAutoFocus:s,onUnmountAutoFocus:u},/*#__PURE__*/f.createElement(l,m({role:"dialog",id:g.contentId,"aria-describedby":a||g.descriptionId,"aria-labelledby":r?void 0:n||g.titleId,"aria-label":r||void 0,"data-state":E(g.open)},p,{ref:x,onDismiss:()=>g.onOpenChange(!1)}))),!1)}));export const DialogTitle=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogTitle");/*#__PURE__*/return f.createElement(r.h2,m({id:o.titleId},e,{ref:t}))}));/*#__PURE__*/export const DialogDescription=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogDescription");/*#__PURE__*/return f.createElement(r.p,m({id:o.descriptionId},e,{ref:t}))}));/*#__PURE__*/export const DialogClose=/*#__PURE__*/f.forwardRef(((e,t)=>{const o=D("DialogClose");/*#__PURE__*/return f.createElement(r.button,m({type:"button"},e,{ref:t,onClick:p(e.onClick,(()=>o.onOpenChange(!1)))}))}));/*#__PURE__*/function E(e){return e?"open":"closed"}const O=/*#__PURE__*/f.createContext({contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});export const LabelWarningProvider=O.Provider;export const Root=Dialog;export const Trigger=DialogTrigger;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Title=DialogTitle;export const Description=DialogDescription;export const Close=DialogClose;
+import{hideOthers as e}from"aria-hidden";import{RemoveScroll as o}from"react-remove-scroll";import{useFocusGuards as t}from"@radix-ui/react-focus-guards";import{Primitive as r}from"@radix-ui/react-primitive";import{Presence as n}from"@radix-ui/react-presence";import{Portal as a}from"@radix-ui/react-portal";import{FocusScope as i}from"@radix-ui/react-focus-scope";import{DismissableLayer as l}from"@radix-ui/react-dismissable-layer";import{useControllableState as c}from"@radix-ui/react-use-controllable-state";import{useId as s}from"@radix-ui/react-id";import{createContext as u,createContextScope as p}from"@radix-ui/react-context";import{useComposedRefs as d}from"@radix-ui/react-compose-refs";import{composeEventHandlers as g}from"@radix-ui/primitive";import*as f from"react";import m from"@babel/runtime/helpers/esm/extends";const[D,v]=p("Dialog");export{v as createDialogScope};const[x,C]=D("Dialog");export const Dialog=e=>{const{__scopeDialog:o,children:t,open:r,defaultOpen:n,onOpenChange:a,modal:i=!0}=e,l=f.useRef(null),[u=!1,p]=c({prop:r,defaultProp:n,onChange:a});/*#__PURE__*/return f.createElement(x,{scope:o,triggerRef:l,contentId:s(),titleId:s(),descriptionId:s(),open:u,onOpenChange:p,onOpenToggle:f.useCallback((()=>p((e=>!e))),[p]),modal:i},t)};/*#__PURE__*/export const DialogTrigger=/*#__PURE__*/f.forwardRef(((e,o)=>{const{__scopeDialog:t,...n}=e,a=C("DialogTrigger",t),i=d(o,a.triggerRef);/*#__PURE__*/return f.createElement(r.button,m({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":R(a.open)},n,{ref:i,onClick:g(e.onClick,a.onOpenToggle)}))}));/*#__PURE__*/export const DialogOverlay=/*#__PURE__*/f.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,a=C("DialogOverlay",e.__scopeDialog);return a.modal?/*#__PURE__*/f.createElement(n,{present:t||a.open},/*#__PURE__*/f.createElement(b,m({},r,{ref:o}))):null}));/*#__PURE__*/const b=/*#__PURE__*/f.forwardRef(((e,o)=>{const{__scopeDialog:t,...n}=e,i=C("DialogOverlay",t);/*#__PURE__*/return f.createElement(a,null,/*#__PURE__*/f.createElement(r.div,m({"data-state":R(i.open)},n,{ref:o})))}));export const DialogContent=/*#__PURE__*/f.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,a=C("DialogContent",e.__scopeDialog);/*#__PURE__*/return f.createElement(n,{present:t||a.open},a.modal?/*#__PURE__*/f.createElement(E,m({},r,{ref:o})):/*#__PURE__*/f.createElement(_,m({},r,{ref:o})))}));/*#__PURE__*/const E=/*#__PURE__*/f.forwardRef(((t,r)=>{const{allowPinchZoom:n,...i}=t,l=C("DialogContent",t.__scopeDialog),c=f.useRef(null),s=d(r,c);return f.useEffect((()=>{const o=c.current;if(o)return e(o)}),[]),/*#__PURE__*/f.createElement(a,null,/*#__PURE__*/f.createElement(o,{allowPinchZoom:n},/*#__PURE__*/f.createElement(O,m({},i,{ref:s,trapFocus:l.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:g(t.onCloseAutoFocus,(e=>{var o;e.preventDefault(),null===(o=l.triggerRef.current)||void 0===o||o.focus()})),onPointerDownOutside:g(t.onPointerDownOutside,(e=>{const o=e.detail.originalEvent,t=0===o.button&&!0===o.ctrlKey;(2===o.button||t)&&e.preventDefault()})),onFocusOutside:g(t.onFocusOutside,(e=>e.preventDefault()))}))))})),_=/*#__PURE__*/f.forwardRef(((e,o)=>{const t=C("DialogContent",e.__scopeDialog),r=f.useRef(!1);/*#__PURE__*/return f.createElement(a,null,/*#__PURE__*/f.createElement(O,m({},e,{ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var n,a;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,o),o.defaultPrevented)||(r.current||null===(a=t.triggerRef.current)||void 0===a||a.focus(),o.preventDefault());r.current=!1},onInteractOutside:o=>{var n,a;null===(n=e.onInteractOutside)||void 0===n||n.call(e,o),o.defaultPrevented||(r.current=!0);const i=o.target;(null===(a=t.triggerRef.current)||void 0===a?void 0:a.contains(i))&&o.preventDefault()}})))})),O=/*#__PURE__*/f.forwardRef(((e,o)=>{const{__scopeDialog:r,"aria-label":n,"aria-labelledby":a,"aria-describedby":c,trapFocus:s,onOpenAutoFocus:u,onCloseAutoFocus:p,...g}=e,D=C("DialogContent",r),v=f.useRef(null),x=d(o,v);return t(),/*#__PURE__*/f.createElement(f.Fragment,null,/*#__PURE__*/f.createElement(i,{asChild:!0,loop:!0,trapped:s,onMountAutoFocus:u,onUnmountAutoFocus:p},/*#__PURE__*/f.createElement(l,m({role:"dialog",id:D.contentId,"aria-describedby":c||D.descriptionId,"aria-labelledby":n?void 0:a||D.titleId,"aria-label":n||void 0,"data-state":R(D.open)},g,{ref:x,onDismiss:()=>D.onOpenChange(!1)}))),!1)}));export const DialogTitle=/*#__PURE__*/f.forwardRef(((e,o)=>{const{__scopeDialog:t,...n}=e,a=C("DialogTitle",t);/*#__PURE__*/return f.createElement(r.h2,m({id:a.titleId},n,{ref:o}))}));/*#__PURE__*/export const DialogDescription=/*#__PURE__*/f.forwardRef(((e,o)=>{const{__scopeDialog:t,...n}=e,a=C("DialogDescription",t);/*#__PURE__*/return f.createElement(r.p,m({id:a.descriptionId},n,{ref:o}))}));/*#__PURE__*/export const DialogClose=/*#__PURE__*/f.forwardRef(((e,o)=>{const{__scopeDialog:t,...n}=e,a=C("DialogClose",t);/*#__PURE__*/return f.createElement(r.button,m({type:"button"},n,{ref:o,onClick:g(e.onClick,(()=>a.onOpenChange(!1)))}))}));/*#__PURE__*/function R(e){return e?"open":"closed"}const[w,F]=u("DialogLabelWarning",{contentName:"DialogContent",titleName:"DialogTitle",docsSlug:"dialog"});export{w as LabelWarningProvider};export const Root=Dialog;export const Trigger=DialogTrigger;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Title=DialogTitle;export const Description=DialogDescription;export const Close=DialogClose;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-dialog",
-  "version": "0.1.1-rc.16",
+  "version": "0.1.1-rc.17",
   "license": "MIT",
@@ -22,10 +22,10 @@ "source": "src/index.ts",
     "@radix-ui/react-compose-refs": "0.1.0",
-    "@radix-ui/react-context": "0.1.0",
-    "@radix-ui/react-dismissable-layer": "0.1.1-rc.16",
+    "@radix-ui/react-context": "0.1.1-rc.1",
+    "@radix-ui/react-dismissable-layer": "0.1.1-rc.17",
     "@radix-ui/react-focus-guards": "0.1.0",
-    "@radix-ui/react-focus-scope": "0.1.1-rc.16",
-    "@radix-ui/react-id": "0.1.0",
-    "@radix-ui/react-portal": "0.1.1-rc.16",
-    "@radix-ui/react-presence": "0.1.1-rc.13",
-    "@radix-ui/react-primitive": "0.1.1-rc.16",
+    "@radix-ui/react-focus-scope": "0.1.1-rc.17",
+    "@radix-ui/react-id": "0.1.1-rc.1",
+    "@radix-ui/react-portal": "0.1.1-rc.17",
+    "@radix-ui/react-presence": "0.1.1-rc.14",
+    "@radix-ui/react-primitive": "0.1.1-rc.17",
     "@radix-ui/react-use-controllable-state": "0.1.0",
@@ -32,0 +32,0 @@ "aria-hidden": "^1.1.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

72908

increased by6.36%

Lines of code

140

increased by7.69%

Dependency changes

• + Added@radix-ui/react-context@0.1.1-rc.1(transitive)

• + Added@radix-ui/react-dismissable-layer@0.1.1-rc.17(transitive)

• + Added@radix-ui/react-focus-scope@0.1.1-rc.17(transitive)

• + Added@radix-ui/react-id@0.1.1-rc.1(transitive)

• + Added@radix-ui/react-portal@0.1.1-rc.17(transitive)

• + Added@radix-ui/react-presence@0.1.1-rc.14(transitive)

• + Added@radix-ui/react-primitive@0.1.1-rc.17(transitive)

• + Added@radix-ui/react-slot@0.1.1-rc.13(transitive)

• - Removed@radix-ui/react-context@0.1.0(transitive)

• - Removed@radix-ui/react-dismissable-layer@0.1.1-rc.16(transitive)

• - Removed@radix-ui/react-focus-scope@0.1.1-rc.16(transitive)

• - Removed@radix-ui/react-id@0.1.0(transitive)

• - Removed@radix-ui/react-portal@0.1.1-rc.16(transitive)

• - Removed@radix-ui/react-presence@0.1.1-rc.13(transitive)

• - Removed@radix-ui/react-primitive@0.1.1-rc.16(transitive)

• - Removed@radix-ui/react-slot@0.1.1-rc.12(transitive)

• Updated@radix-ui/react-context@0.1.1-rc.1

• Updated@radix-ui/react-dismissable-layer@0.1.1-rc.17

• Updated@radix-ui/react-focus-scope@0.1.1-rc.17

• Updated@radix-ui/react-id@0.1.1-rc.1

• Updated@radix-ui/react-portal@0.1.1-rc.17

• Updated@radix-ui/react-presence@0.1.1-rc.14

• Updated@radix-ui/react-primitive@0.1.1-rc.17