Socket
Socket
Sign inDemoInstall

@radix-ui/react-dialog

Package Overview
Dependencies
Maintainers
5
Versions
237
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.14 to 0.0.15

2

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

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

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;
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 c}from"@radix-ui/react-focus-scope";import{DismissableLayer as u}from"@radix-ui/react-dismissable-layer";import{useControllableState as l}from"@radix-ui/react-use-controllable-state";import{createContext as s}from"@radix-ui/react-context";import{useComposedRefs as p,composeRefs as f}from"@radix-ui/react-compose-refs";import{composeEventHandlers as m}from"@radix-ui/primitive";import*as d from"react";import g from"@babel/runtime/helpers/esm/extends";const[C,D]=s("Dialog");export const Dialog=e=>{const{children:o,open:r,defaultOpen:n,onOpenChange:a}=e,i=d.useRef(null),[c=!1,u]=l({prop:r,defaultProp:n,onChange:a});/*#__PURE__*/return d.createElement(C,{triggerRef:i,contentId:t(),open:c,onOpenChange:u},o)};/*#__PURE__*/const x="button";export const DialogTrigger=/*#__PURE__*/d.forwardRef(((e,o)=>{const{as:t=x,...r}=e,a=D("DialogTrigger"),i=p(o,a.triggerRef);/*#__PURE__*/return d.createElement(n,g({type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":v(a.open)},r,{as:t,ref:i,onClick:m(e.onClick,(()=>a.onOpenChange(!0)))}))}));/*#__PURE__*/export const DialogOverlay=/*#__PURE__*/d.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=D("DialogOverlay");/*#__PURE__*/return d.createElement(a,{present:t||n.open},/*#__PURE__*/d.createElement(E,g({"data-state":v(n.open)},r,{ref:o})))}));const E=/*#__PURE__*/d.forwardRef(((e,o)=>/*#__PURE__*/d.createElement(i,null,/*#__PURE__*/d.createElement(n,g({},e,{ref:o})))));/*#__PURE__*/export const DialogContent=/*#__PURE__*/d.forwardRef(((e,o)=>{const{forceMount:t,...r}=e,n=D("DialogContent");/*#__PURE__*/return d.createElement(a,{present:t||n.open},/*#__PURE__*/d.createElement(h,g({"data-state":v(n.open)},r,{ref:o})))}));const h=/*#__PURE__*/d.forwardRef(((t,a)=>{const{onOpenAutoFocus:l,onCloseAutoFocus:s,onEscapeKeyDown:p,onPointerDownOutside:C,...x}=t,E=D("DialogContent");r();const h=d.useRef(null);return d.useEffect((()=>{const o=h.current;if(o)return e(o)}),[]),/*#__PURE__*/d.createElement(i,null,/*#__PURE__*/d.createElement(o,null,/*#__PURE__*/d.createElement(c,{trapped:E.open,onMountAutoFocus:l,onUnmountAutoFocus:s},(e=>/*#__PURE__*/d.createElement(u,{disableOutsidePointerEvents:!0,onEscapeKeyDown:p,onPointerDownOutside:m(C,(e=>{(2===e.button||0===e.button&&!0===e.ctrlKey)&&e.preventDefault()})),onFocusOutside:e=>e.preventDefault(),onDismiss:()=>E.onOpenChange(!1)},(o=>/*#__PURE__*/d.createElement(n,g({role:"dialog","aria-modal":!0,id:E.contentId},x,{ref:f(a,h,e.ref,o.ref),style:{...o.style,...x.style},onBlurCapture:m(x.onBlurCapture,o.onBlurCapture,{checkForDefaultPrevented:!1}),onFocusCapture:m(x.onFocusCapture,o.onFocusCapture,{checkForDefaultPrevented:!1}),onMouseDownCapture:m(x.onMouseDownCapture,o.onMouseDownCapture,{checkForDefaultPrevented:!1}),onTouchStartCapture:m(x.onTouchStartCapture,o.onTouchStartCapture,{checkForDefaultPrevented:!1})}))))))))})),O="button";/*#__PURE__*/export const DialogClose=/*#__PURE__*/d.forwardRef(((e,o)=>{const{as:t=O,...r}=e,a=D("DialogClose");/*#__PURE__*/return d.createElement(n,g({type:"button"},r,{as:t,ref:o,onClick:m(e.onClick,(()=>a.onOpenChange(!1)))}))}));/*#__PURE__*/function v(e){return e?"open":"closed"}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
{
"name": "@radix-ui/react-dialog",
"version": "0.0.14",
"version": "0.0.15",
"license": "MIT",

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

"@babel/runtime": "^7.13.10",
"@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",
"@radix-ui/primitive": "0.0.5",
"@radix-ui/react-compose-refs": "0.0.5",
"@radix-ui/react-context": "0.0.5",
"@radix-ui/react-dismissable-layer": "0.0.12",
"@radix-ui/react-focus-guards": "0.0.7",
"@radix-ui/react-focus-scope": "0.0.11",
"@radix-ui/react-id": "0.0.5",
"@radix-ui/react-polymorphic": "0.0.10",
"@radix-ui/react-portal": "0.0.11",
"@radix-ui/react-presence": "0.0.13",
"@radix-ui/react-primitive": "0.0.11",
"@radix-ui/react-use-controllable-state": "0.0.6",
"aria-hidden": "^1.1.1",

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc