Socket
Socket
Sign inDemoInstall

@radix-ui/react-dialog

Package Overview
Dependencies
15
Maintainers
5
Versions
222
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.12 to 0.0.13

2

dist/index.js

@@ -1,2 +0,2 @@

function e(e,o,r){Object.defineProperty(e,o,{get:r,enumerable:!0})}var o,r=require("aria-hidden").hideOthers,t=require("react-remove-scroll").RemoveScroll,n=require("@radix-ui/react-id").useId,a=require("@radix-ui/react-focus-guards").useFocusGuards,u=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-presence").Presence,s=require("@radix-ui/react-portal").Portal,c=require("@radix-ui/react-focus-scope").FocusScope,l=require("@radix-ui/react-dismissable-layer").DismissableLayer,p=require("@radix-ui/react-use-controllable-state").useControllableState,d=require("@radix-ui/react-context").createContext,g=require("@radix-ui/react-compose-refs"),f=g.useComposedRefs,C=g.composeRefs,D=require("@radix-ui/primitive").composeEventHandlers,x=require("react"),m=x.useRef,y=x.createElement,v=x.forwardRef,h=x.useEffect,O=(o=require("@babel/runtime/helpers/extends"))&&o.__esModule?o.default:o,b={};const[q,F]=d("Dialog"),P=e=>{const{children:o,open:r,defaultOpen:t,onOpenChange:a}=e,u=m(null),[i=!1,s]=p({prop:r,defaultProp:t,onChange:a});return y(q,{triggerRef:u,contentId:n(),open:i,onOpenChange:s},o)};exports.Dialog=P,P.displayName="Dialog";const R="button",T=v(((e,o)=>{const{as:r=R,...t}=e,n=F("DialogTrigger"),a=f(o,n.triggerRef);return y(u,O({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":A(n.open)},t,{as:r,ref:a,onClick:D(e.onClick,(()=>n.onOpenChange(!0)))}))}));exports.DialogTrigger=T,T.displayName="DialogTrigger";const k=v(((e,o)=>{const{forceMount:r,...t}=e,n=F("DialogOverlay");return y(i,{present:r||n.open},y(w,O({"data-state":A(n.open)},t,{ref:o})))}));exports.DialogOverlay=k;const w=v(((e,o)=>y(s,null,y(u,O({},e,{ref:o})))));k.displayName="DialogOverlay";const M=v(((e,o)=>{const{forceMount:r,...t}=e,n=F("DialogContent");return y(i,{present:r||n.open},y(E,O({"data-state":A(n.open)},t,{ref:o})))}));exports.DialogContent=M;const E=v(((e,o)=>{const{onOpenAutoFocus:n,onCloseAutoFocus:i,onEscapeKeyDown:p,onPointerDownOutside:d,...g}=e,f=F("DialogContent");a();const x=m(null);return h((()=>{const e=x.current;if(e)return r(e)}),[]),y(s,null,y(t,null,y(c,{trapped:f.open,onMountAutoFocus:n,onUnmountAutoFocus:i},(e=>y(l,{disableOutsidePointerEvents:!0,onEscapeKeyDown:p,onPointerDownOutside:D(d,(e=>{(2===e.button||0===e.button&&!0===e.ctrlKey)&&e.preventDefault()})),onFocusOutside:e=>e.preventDefault(),onDismiss:()=>f.onOpenChange(!1)},(r=>y(u,O({role:"dialog","aria-modal":!0,id:f.contentId},g,{ref:C(o,x,e.ref,r.ref),style:{...r.style,...g.style},onBlurCapture:D(g.onBlurCapture,r.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:D(g.onFocusCapture,r.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:D(g.onMouseDownCapture,r.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:D(g.onTouchStartCapture,r.onTouchStartCapture,{checkForDefaultPrevented:!1})}))))))))}));M.displayName="DialogContent";const S="button",N=v(((e,o)=>{const{as:r=S,...t}=e,n=F("DialogClose");return y(u,O({type:"button"},t,{as:r,ref:o,onClick:D(e.onClick,(()=>n.onOpenChange(!1)))}))}));function A(e){return e?"open":"closed"}exports.DialogClose=N,N.displayName="DialogClose";const I=P;exports.Root=I;const B=T;exports.Trigger=B;const K=k;exports.Overlay=K;const _=M;exports.Content=_;const j=N;exports.Close=j,e(b,"Close",(function(){return j})),e(b,"Content",(function(){return _})),e(b,"Overlay",(function(){return K})),e(b,"Trigger",(function(){return B})),e(b,"Root",(function(){return I})),e(b,"DialogClose",(function(){return N})),e(b,"DialogContent",(function(){return M})),e(b,"DialogOverlay",(function(){return k})),e(b,"DialogTrigger",(function(){return T})),e(b,"Dialog",(function(){return P}));
var e,t,r,o=require("aria-hidden").hideOthers,n=require("react-remove-scroll").RemoveScroll,a=require("@radix-ui/react-id").useId,u=require("@radix-ui/react-focus-guards").useFocusGuards,s=require("@radix-ui/react-primitive").Primitive,i=require("@radix-ui/react-presence").Presence,c=require("@radix-ui/react-portal").Portal,l=require("@radix-ui/react-focus-scope").FocusScope,p=require("@radix-ui/react-dismissable-layer").DismissableLayer,d=require("@radix-ui/react-use-controllable-state").useControllableState,f=require("@radix-ui/react-context").createContext,g=require("@radix-ui/react-compose-refs"),m=g.useComposedRefs,C=g.composeRefs,D=require("@radix-ui/primitive").composeEventHandlers,x=(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),y=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[h,E]=f("Dialog"),v=e=>{const{children:t,open:r,defaultOpen:o,onOpenChange:n}=e,u=x.useRef(null),[s=!1,i]=d({prop:r,defaultProp:o,onChange:n});return x.createElement(h,{triggerRef:u,contentId:a(),open:s,onOpenChange:i},t)};exports.Dialog=v,v.displayName="Dialog";const O="button",b=x.forwardRef(((e,t)=>{const{as:r=O,...o}=e,n=E("DialogTrigger"),a=m(t,n.triggerRef);return x.createElement(s,y({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":M(n.open)},o,{as:r,ref:a,onClick:D(e.onClick,(()=>n.onOpenChange(!0)))}))}));exports.DialogTrigger=b,b.displayName="DialogTrigger";const q=x.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=E("DialogOverlay");return x.createElement(i,{present:r||n.open},x.createElement(F,y({"data-state":M(n.open)},o,{ref:t})))}));exports.DialogOverlay=q;const F=x.forwardRef(((e,t)=>x.createElement(c,null,x.createElement(s,y({},e,{ref:t})))));q.displayName="DialogOverlay";const R=x.forwardRef(((e,t)=>{const{forceMount:r,...o}=e,n=E("DialogContent");return x.createElement(i,{present:r||n.open},x.createElement(w,y({"data-state":M(n.open)},o,{ref:t})))}));exports.DialogContent=R;const w=x.forwardRef(((e,t)=>{const{onOpenAutoFocus:r,onCloseAutoFocus:a,onEscapeKeyDown:i,onPointerDownOutside:d,...f}=e,g=E("DialogContent");u();const m=x.useRef(null);return x.useEffect((()=>{const e=m.current;if(e)return o(e)}),[]),x.createElement(c,null,x.createElement(n,null,x.createElement(l,{trapped:g.open,onMountAutoFocus:r,onUnmountAutoFocus:a},(e=>x.createElement(p,{disableOutsidePointerEvents:!0,onEscapeKeyDown:i,onPointerDownOutside:D(d,(e=>{(2===e.button||0===e.button&&!0===e.ctrlKey)&&e.preventDefault()})),onFocusOutside:e=>e.preventDefault(),onDismiss:()=>g.onOpenChange(!1)},(r=>x.createElement(s,y({role:"dialog","aria-modal":!0,id:g.contentId},f,{ref:C(t,m,e.ref,r.ref),style:{...r.style,...f.style},onBlurCapture:D(f.onBlurCapture,r.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:D(f.onFocusCapture,r.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:D(f.onMouseDownCapture,r.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:D(f.onTouchStartCapture,r.onTouchStartCapture,{checkForDefaultPrevented:!1})}))))))))}));R.displayName="DialogContent";const P="button",k=x.forwardRef(((e,t)=>{const{as:r=P,...o}=e,n=E("DialogClose");return x.createElement(s,y({type:"button"},o,{as:r,ref:t,onClick:D(e.onClick,(()=>n.onOpenChange(!1)))}))}));function M(e){return e?"open":"closed"}exports.DialogClose=k,k.displayName="DialogClose";const T=v;exports.Root=T;const S=b;exports.Trigger=S;const N=q;exports.Overlay=N;const A=R;exports.Content=A;const I=k;exports.Close=I;
//# sourceMappingURL=index.js.map

2

dist/index.module.js

@@ -1,2 +0,2 @@

function o(o,e,t){Object.defineProperty(o,e,{get:t,enumerable:!0})}import{hideOthers as e}from"aria-hidden";import{RemoveScroll as t}from"react-remove-scroll";import{useId as r}from"@radix-ui/react-id";import{useFocusGuards as n}from"@radix-ui/react-focus-guards";import{Primitive as a}from"@radix-ui/react-primitive";import{Presence as i}from"@radix-ui/react-presence";import{Portal as l}from"@radix-ui/react-portal";import{FocusScope as u}from"@radix-ui/react-focus-scope";import{DismissableLayer as s}from"@radix-ui/react-dismissable-layer";import{useControllableState as c}from"@radix-ui/react-use-controllable-state";import{createContext as p}from"@radix-ui/react-context";import{useComposedRefs as g,composeRefs as f}from"@radix-ui/react-compose-refs";import{composeEventHandlers as D}from"@radix-ui/primitive";import{useRef as d,createElement as m,forwardRef as C,useEffect as y}from"react";import x from"@babel/runtime/helpers/esm/extends";var O={};const[v,h]=p("Dialog");export const Dialog=o=>{const{children:e,open:t,defaultOpen:n,onOpenChange:a}=o,i=d(null),[l=!1,u]=c({prop:t,defaultProp:n,onChange:a});return m(v,{triggerRef:i,contentId:r(),open:l,onOpenChange:u},e)};Dialog.displayName="Dialog";const b="button";export const DialogTrigger=C(((o,e)=>{const{as:t=b,...r}=o,n=h("DialogTrigger"),i=g(e,n.triggerRef);return m(a,x({type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":k(n.open)},r,{as:t,ref:i,onClick:D(o.onClick,(()=>n.onOpenChange(!0)))}))}));DialogTrigger.displayName="DialogTrigger";export const DialogOverlay=C(((o,e)=>{const{forceMount:t,...r}=o,n=h("DialogOverlay");return m(i,{present:t||n.open},m(T,x({"data-state":k(n.open)},r,{ref:e})))}));const T=C(((o,e)=>m(l,null,m(a,x({},o,{ref:e})))));DialogOverlay.displayName="DialogOverlay";export const DialogContent=C(((o,e)=>{const{forceMount:t,...r}=o,n=h("DialogContent");return m(i,{present:t||n.open},m(F,x({"data-state":k(n.open)},r,{ref:e})))}));const F=C(((o,r)=>{const{onOpenAutoFocus:i,onCloseAutoFocus:c,onEscapeKeyDown:p,onPointerDownOutside:g,...C}=o,O=h("DialogContent");n();const v=d(null);return y((()=>{const o=v.current;if(o)return e(o)}),[]),m(l,null,m(t,null,m(u,{trapped:O.open,onMountAutoFocus:i,onUnmountAutoFocus:c},(o=>m(s,{disableOutsidePointerEvents:!0,onEscapeKeyDown:p,onPointerDownOutside:D(g,(o=>{(2===o.button||0===o.button&&!0===o.ctrlKey)&&o.preventDefault()})),onFocusOutside:o=>o.preventDefault(),onDismiss:()=>O.onOpenChange(!1)},(e=>m(a,x({role:"dialog","aria-modal":!0,id:O.contentId},C,{ref:f(r,v,o.ref,e.ref),style:{...e.style,...C.style},onBlurCapture:D(C.onBlurCapture,e.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:D(C.onFocusCapture,e.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:D(C.onMouseDownCapture,e.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:D(C.onTouchStartCapture,e.onTouchStartCapture,{checkForDefaultPrevented:!1})}))))))))}));DialogContent.displayName="DialogContent";const P="button";export const DialogClose=C(((o,e)=>{const{as:t=P,...r}=o,n=h("DialogClose");return m(a,x({type:"button"},r,{as:t,ref:e,onClick:D(o.onClick,(()=>n.onOpenChange(!1)))}))}));function k(o){return o?"open":"closed"}DialogClose.displayName="DialogClose";export const Root=Dialog;export const Trigger=DialogTrigger;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Close=DialogClose;o(O,"Close",(function(){return Close})),o(O,"Content",(function(){return Content})),o(O,"Overlay",(function(){return Overlay})),o(O,"Trigger",(function(){return Trigger})),o(O,"Root",(function(){return Root})),o(O,"DialogClose",(function(){return DialogClose})),o(O,"DialogContent",(function(){return DialogContent})),o(O,"DialogOverlay",(function(){return DialogOverlay})),o(O,"DialogTrigger",(function(){return DialogTrigger})),o(O,"Dialog",(function(){return Dialog}));
import{hideOthers as e}from"aria-hidden";import{RemoveScroll as o}from"react-remove-scroll";import{useId as t}from"@radix-ui/react-id";import{useFocusGuards as r}from"@radix-ui/react-focus-guards";import{Primitive as n}from"@radix-ui/react-primitive";import{Presence as a}from"@radix-ui/react-presence";import{Portal as i}from"@radix-ui/react-portal";import{FocusScope as l}from"@radix-ui/react-focus-scope";import{DismissableLayer as c}from"@radix-ui/react-dismissable-layer";import{useControllableState as s}from"@radix-ui/react-use-controllable-state";import{createContext as u}from"@radix-ui/react-context";import{useComposedRefs as p,composeRefs as m}from"@radix-ui/react-compose-refs";import{composeEventHandlers as f}from"@radix-ui/primitive";import*as d from"react";import g from"@babel/runtime/helpers/esm/extends";const[D,C]=u("Dialog");export const Dialog=e=>{const{children:o,open:r,defaultOpen:n,onOpenChange:a}=e,i=d.useRef(null),[l=!1,c]=s({prop:r,defaultProp:n,onChange:a});return d.createElement(D,{triggerRef:i,contentId:t(),open:l,onOpenChange:c},o)};Dialog.displayName="Dialog";const x="button";export const DialogTrigger=d.forwardRef(((e,o)=>{const{as:t=x,...r}=e,a=C("DialogTrigger"),i=p(o,a.triggerRef);return d.createElement(n,g({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":O(a.open)},r,{as:t,ref:i,onClick:f(e.onClick,(()=>a.onOpenChange(!0)))}))}));DialogTrigger.displayName="DialogTrigger";export const DialogOverlay=d.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=C("DialogOverlay");return d.createElement(a,{present:t||n.open},d.createElement(y,g({"data-state":O(n.open)},r,{ref:o})))}));const y=d.forwardRef(((e,o)=>d.createElement(i,null,d.createElement(n,g({},e,{ref:o})))));DialogOverlay.displayName="DialogOverlay";export const DialogContent=d.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=C("DialogContent");return d.createElement(a,{present:t||n.open},d.createElement(E,g({"data-state":O(n.open)},r,{ref:o})))}));const E=d.forwardRef(((t,a)=>{const{onOpenAutoFocus:s,onCloseAutoFocus:u,onEscapeKeyDown:p,onPointerDownOutside:D,...x}=t,y=C("DialogContent");r();const E=d.useRef(null);return d.useEffect((()=>{const o=E.current;if(o)return e(o)}),[]),d.createElement(i,null,d.createElement(o,null,d.createElement(l,{trapped:y.open,onMountAutoFocus:s,onUnmountAutoFocus:u},(e=>d.createElement(c,{disableOutsidePointerEvents:!0,onEscapeKeyDown:p,onPointerDownOutside:f(D,(e=>{(2===e.button||0===e.button&&!0===e.ctrlKey)&&e.preventDefault()})),onFocusOutside:e=>e.preventDefault(),onDismiss:()=>y.onOpenChange(!1)},(o=>d.createElement(n,g({role:"dialog","aria-modal":!0,id:y.contentId},x,{ref:m(a,E,e.ref,o.ref),style:{...o.style,...x.style},onBlurCapture:f(x.onBlurCapture,o.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:f(x.onFocusCapture,o.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:f(x.onMouseDownCapture,o.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:f(x.onTouchStartCapture,o.onTouchStartCapture,{checkForDefaultPrevented:!1})}))))))))}));DialogContent.displayName="DialogContent";const h="button";export const DialogClose=d.forwardRef(((e,o)=>{const{as:t=h,...r}=e,a=C("DialogClose");return d.createElement(n,g({type:"button"},r,{as:t,ref:o,onClick:f(e.onClick,(()=>a.onOpenChange(!1)))}))}));function O(e){return e?"open":"closed"}DialogClose.displayName="DialogClose";export const Root=Dialog;export const Trigger=DialogTrigger;export const Overlay=DialogOverlay;export const Content=DialogContent;export const Close=DialogClose;
//# sourceMappingURL=index.module.js.map

26

package.json
{
"name": "@radix-ui/react-dialog",
"version": "0.0.12",
"version": "0.0.13",
"license": "MIT",

@@ -21,14 +21,14 @@ "source": "src/index.ts",

"@babel/runtime": "^7.13.10",
"@radix-ui/primitive": "0.0.3",
"@radix-ui/react-compose-refs": "0.0.3",
"@radix-ui/react-context": "0.0.3",
"@radix-ui/react-dismissable-layer": "0.0.10",
"@radix-ui/react-focus-guards": "0.0.5",
"@radix-ui/react-focus-scope": "0.0.9",
"@radix-ui/react-id": "0.0.3",
"@radix-ui/react-polymorphic": "0.0.8",
"@radix-ui/react-portal": "0.0.9",
"@radix-ui/react-presence": "0.0.11",
"@radix-ui/react-primitive": "0.0.9",
"@radix-ui/react-use-controllable-state": "0.0.4",
"@radix-ui/primitive": "0.0.4",
"@radix-ui/react-compose-refs": "0.0.4",
"@radix-ui/react-context": "0.0.4",
"@radix-ui/react-dismissable-layer": "0.0.11",
"@radix-ui/react-focus-guards": "0.0.6",
"@radix-ui/react-focus-scope": "0.0.10",
"@radix-ui/react-id": "0.0.4",
"@radix-ui/react-polymorphic": "0.0.9",
"@radix-ui/react-portal": "0.0.10",
"@radix-ui/react-presence": "0.0.12",
"@radix-ui/react-primitive": "0.0.10",
"@radix-ui/react-use-controllable-state": "0.0.5",
"aria-hidden": "^1.1.1",

@@ -35,0 +35,0 @@ "react-remove-scroll": "^2.4.0"

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.module.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc