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

Comparing version 0.0.19 to 0.0.20

dist/index.d.ts

 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import * as Polymorphic from "@radix-ui/react-polymorphic";
-export const AlertDialog: React.FC<React.ComponentProps<typeof DialogPrimitive.Root>>;
-export type AlertDialogContentPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof DialogPrimitive.Content>, Polymorphic.OwnProps<typeof DialogPrimitive.Content>>;
+type AlertDialogProps = Omit<React.ComponentProps<typeof DialogPrimitive.Root>, 'modal'>;
+export const AlertDialog: React.FC<AlertDialogProps>;
+type AlertDialogContentProps = Omit<Polymorphic.OwnProps<typeof DialogPrimitive.Content>, 'onPointerDownOutside'>;
+export type AlertDialogContentPrimitive = Polymorphic.ForwardRefComponent<Polymorphic.IntrinsicElement<typeof DialogPrimitive.Content>, AlertDialogContentProps>;
 export const AlertDialogContent: AlertDialogContentPrimitive;
@@ -15,7 +17,8 @@ type AlertDialogCancelOwnProps = Polymorphic.OwnProps<typeof DialogPrimitive.Close>;
 export const AlertDialogDescription: import("@radix-ui/react-primitive").ExtendedPrimitive<DialogPrimitive.DialogDescriptionPrimitive, "p">;
-export const Root: React.FC<React.PropsWithChildren<{
+export const Root: React.FC<Pick<React.PropsWithChildren<{
     open?: boolean | undefined;
     defaultOpen?: boolean | undefined;
     onOpenChange?(open: boolean): void;
-}>>;
+    modal?: boolean | undefined;
+}>, "children" | "open" | "defaultOpen" | "onOpenChange">>;
 export const Trigger: import("@radix-ui/react-primitive").ExtendedPrimitive<DialogPrimitive.DialogTriggerPrimitive, "button">;
@@ -22,0 +25,0 @@ export const Overlay: import("@radix-ui/react-primitive").ExtendedPrimitive<DialogPrimitive.DialogOverlayPrimitive, "div">;

dist/index.js

@@ -1,2 +0,2 @@
-var e,t=require("@radix-ui/react-slot").Slottable,r=require("@radix-ui/react-primitive").extendPrimitive,o=require("@radix-ui/primitive").composeEventHandlers,l=c({},require("@radix-ui/react-dialog")),i=require("@radix-ui/react-compose-refs").useComposedRefs,n=require("@radix-ui/react-context").createContext,a=c({},require("react")),s=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function c(e,t){return Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e}const u=e=>/*#__PURE__*/a.createElement(l.Root,e);exports.AlertDialog=u;const[p,g]=n("AlertDialogContent"),d=/*#__PURE__*/a.forwardRef(((e,r)=>{const{children:n,...c}=e,u=a.useRef(null),g=i(r,u),d=a.useRef(null);/*#__PURE__*/return a.createElement(l.LabelWarningProvider,{value:a.useMemo((()=>({contentName:"AlertDialogContent",titleName:D,docsSlug:"alert-dialog"})),[])},/*#__PURE__*/a.createElement(p,{cancelRef:d},/*#__PURE__*/a.createElement(l.Content,s({role:"alertdialog"},c,{ref:g,onOpenAutoFocus:o(c.onOpenAutoFocus,(e=>{var t;e.preventDefault(),null===(t=d.current)||void 0===t||t.focus({preventScroll:!0})}))}),/*#__PURE__*/a.createElement(t,null,n),!1)))}));exports.AlertDialogContent=d;const x=/*#__PURE__*/a.forwardRef(((e,t)=>{const{cancelRef:r}=g("AlertDialogCancel"),o=i(t,r);/*#__PURE__*/return a.createElement(l.Close,s({},e,{ref:o}))}));exports.AlertDialogCancel=x;const m=r(l.Trigger,{displayName:"AlertDialogTrigger"});exports.AlertDialogTrigger=m;const f=r(l.Overlay,{displayName:"AlertDialogOverlay"});exports.AlertDialogOverlay=f;const A=r(l.Close,{displayName:"AlertDialogAction"});exports.AlertDialogAction=A;const D="AlertDialogTitle",v=r(l.Title,{displayName:D});exports.AlertDialogTitle=v;const C=r(l.Description,{displayName:"AlertDialogDescription"});exports.AlertDialogDescription=C;const y=u;exports.Root=y;const R=m;exports.Trigger=R;const q=f;exports.Overlay=q;const E=d;exports.Content=E;const O=A;exports.Action=O;const T=x;exports.Cancel=T;const b=v;exports.Title=b;const N=C;exports.Description=N;
+var e,t=require("@radix-ui/react-slot").Slottable,r=require("@radix-ui/react-primitive").extendPrimitive,o=require("@radix-ui/primitive").composeEventHandlers,l=c({},require("@radix-ui/react-dialog")),n=require("@radix-ui/react-compose-refs").useComposedRefs,i=require("@radix-ui/react-context").createContext,a=c({},require("react")),s=(e=require("@babel/runtime/helpers/extends"))&&e.__esModule?e.default:e;function c(e,t){return Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e}const u=e=>/*#__PURE__*/a.createElement(l.Root,s({},e,{modal:!0}));exports.AlertDialog=u;const[p,d]=i("AlertDialogContent"),g=/*#__PURE__*/a.forwardRef(((e,r)=>{const{children:i,...c}=e,u=a.useRef(null),d=n(r,u),g=a.useRef(null);/*#__PURE__*/return a.createElement(l.LabelWarningProvider,{value:a.useMemo((()=>({contentName:"AlertDialogContent",titleName:A,docsSlug:"alert-dialog"})),[])},/*#__PURE__*/a.createElement(p,{cancelRef:g},/*#__PURE__*/a.createElement(l.Content,s({role:"alertdialog"},c,{ref:d,onOpenAutoFocus:o(c.onOpenAutoFocus,(e=>{var t;e.preventDefault(),null===(t=g.current)||void 0===t||t.focus({preventScroll:!0})})),onPointerDownOutside:e=>e.preventDefault()}),/*#__PURE__*/a.createElement(t,null,i),!1)))}));exports.AlertDialogContent=g;const x=/*#__PURE__*/a.forwardRef(((e,t)=>{const{cancelRef:r}=d("AlertDialogCancel"),o=n(t,r);/*#__PURE__*/return a.createElement(l.Close,s({},e,{ref:o}))}));exports.AlertDialogCancel=x;const m=r(l.Trigger,{displayName:"AlertDialogTrigger"});exports.AlertDialogTrigger=m;const D=r(l.Overlay,{displayName:"AlertDialogOverlay"});exports.AlertDialogOverlay=D;const f=r(l.Close,{displayName:"AlertDialogAction"});exports.AlertDialogAction=f;const A="AlertDialogTitle",v=r(l.Title,{displayName:A});exports.AlertDialogTitle=v;const C=r(l.Description,{displayName:"AlertDialogDescription"});exports.AlertDialogDescription=C;const y=u;exports.Root=y;const O=m;exports.Trigger=O;const R=D;exports.Overlay=R;const q=g;exports.Content=q;const E=f;exports.Action=E;const T=x;exports.Cancel=T;const b=v;exports.Title=b;const N=C;exports.Description=N;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{Slottable as e}from"@radix-ui/react-slot";import{extendPrimitive as t}from"@radix-ui/react-primitive";import{composeEventHandlers as r}from"@radix-ui/primitive";import*as o from"@radix-ui/react-dialog";import{useComposedRefs as l}from"@radix-ui/react-compose-refs";import{createContext as i}from"@radix-ui/react-context";import*as a from"react";import n from"@babel/runtime/helpers/esm/extends";export const AlertDialog=e=>/*#__PURE__*/a.createElement(o.Root,e)/*#__PURE__*/;const[c,s]=i("AlertDialogContent");export const AlertDialogContent=/*#__PURE__*/a.forwardRef(((t,i)=>{const{children:s,...g}=t,m=a.useRef(null),A=l(i,m),D=a.useRef(null);/*#__PURE__*/return a.createElement(o.LabelWarningProvider,{value:a.useMemo((()=>({contentName:"AlertDialogContent",titleName:p,docsSlug:"alert-dialog"})),[])},/*#__PURE__*/a.createElement(c,{cancelRef:D},/*#__PURE__*/a.createElement(o.Content,n({role:"alertdialog"},g,{ref:A,onOpenAutoFocus:r(g.onOpenAutoFocus,(e=>{var t;e.preventDefault(),null===(t=D.current)||void 0===t||t.focus({preventScroll:!0})}))}),/*#__PURE__*/a.createElement(e,null,s),!1)))}));/*#__PURE__*/export const AlertDialogCancel=/*#__PURE__*/a.forwardRef(((e,t)=>{const{cancelRef:r}=s("AlertDialogCancel"),i=l(t,r);/*#__PURE__*/return a.createElement(o.Close,n({},e,{ref:i}))}));/*#__PURE__*/export const AlertDialogTrigger=t(o.Trigger,{displayName:"AlertDialogTrigger"});export const AlertDialogOverlay=t(o.Overlay,{displayName:"AlertDialogOverlay"});export const AlertDialogAction=t(o.Close,{displayName:"AlertDialogAction"});const p="AlertDialogTitle";export const AlertDialogTitle=t(o.Title,{displayName:p});export const AlertDialogDescription=t(o.Description,{displayName:"AlertDialogDescription"});export const Root=AlertDialog;export const Trigger=AlertDialogTrigger;export const Overlay=AlertDialogOverlay;export const Content=AlertDialogContent;export const Action=AlertDialogAction;export const Cancel=AlertDialogCancel;export const Title=AlertDialogTitle;export const Description=AlertDialogDescription;
+import{Slottable as e}from"@radix-ui/react-slot";import{extendPrimitive as t}from"@radix-ui/react-primitive";import{composeEventHandlers as o}from"@radix-ui/primitive";import*as r from"@radix-ui/react-dialog";import{useComposedRefs as l}from"@radix-ui/react-compose-refs";import{createContext as i}from"@radix-ui/react-context";import*as a from"react";import n from"@babel/runtime/helpers/esm/extends";export const AlertDialog=e=>/*#__PURE__*/a.createElement(r.Root,n({},e,{modal:!0}))/*#__PURE__*/;const[c,s]=i("AlertDialogContent");export const AlertDialogContent=/*#__PURE__*/a.forwardRef(((t,i)=>{const{children:s,...g}=t,m=a.useRef(null),D=l(i,m),A=a.useRef(null);/*#__PURE__*/return a.createElement(r.LabelWarningProvider,{value:a.useMemo((()=>({contentName:"AlertDialogContent",titleName:p,docsSlug:"alert-dialog"})),[])},/*#__PURE__*/a.createElement(c,{cancelRef:A},/*#__PURE__*/a.createElement(r.Content,n({role:"alertdialog"},g,{ref:D,onOpenAutoFocus:o(g.onOpenAutoFocus,(e=>{var t;e.preventDefault(),null===(t=A.current)||void 0===t||t.focus({preventScroll:!0})})),onPointerDownOutside:e=>e.preventDefault()}),/*#__PURE__*/a.createElement(e,null,s),!1)))}));/*#__PURE__*/export const AlertDialogCancel=/*#__PURE__*/a.forwardRef(((e,t)=>{const{cancelRef:o}=s("AlertDialogCancel"),i=l(t,o);/*#__PURE__*/return a.createElement(r.Close,n({},e,{ref:i}))}));/*#__PURE__*/export const AlertDialogTrigger=t(r.Trigger,{displayName:"AlertDialogTrigger"});export const AlertDialogOverlay=t(r.Overlay,{displayName:"AlertDialogOverlay"});export const AlertDialogAction=t(r.Close,{displayName:"AlertDialogAction"});const p="AlertDialogTitle";export const AlertDialogTitle=t(r.Title,{displayName:p});export const AlertDialogDescription=t(r.Description,{displayName:"AlertDialogDescription"});export const Root=AlertDialog;export const Trigger=AlertDialogTrigger;export const Overlay=AlertDialogOverlay;export const Content=AlertDialogContent;export const Action=AlertDialogAction;export const Cancel=AlertDialogCancel;export const Title=AlertDialogTitle;export const Description=AlertDialogDescription;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-alert-dialog",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "license": "MIT",
@@ -24,5 +24,5 @@ "source": "src/index.ts",
     "@radix-ui/react-context": "0.0.5",
-    "@radix-ui/react-dialog": "0.0.19",
-    "@radix-ui/react-polymorphic": "0.0.12",
-    "@radix-ui/react-primitive": "0.0.14",
+    "@radix-ui/react-dialog": "0.0.20",
+    "@radix-ui/react-polymorphic": "0.0.13",
+    "@radix-ui/react-primitive": "0.0.15",
     "@radix-ui/react-slot": "0.0.12"
@@ -29,0 +29,0 @@ },

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

50804

increased by2.74%

Lines of code

536

increased by1.71%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@radix-ui/react-dialog@0.0.20(transitive)

• + Added@radix-ui/react-dismissable-layer@0.0.15(transitive)

• + Added@radix-ui/react-focus-scope@0.0.15(transitive)

• + Added@radix-ui/react-polymorphic@0.0.13(transitive)

• + Added@radix-ui/react-portal@0.0.15(transitive)

• + Added@radix-ui/react-presence@0.0.15(transitive)

• + Added@radix-ui/react-primitive@0.0.15(transitive)

• + Added@radix-ui/react-use-body-pointer-events@0.0.7(transitive)

• - Removed@radix-ui/react-dialog@0.0.19(transitive)

• - Removed@radix-ui/react-dismissable-layer@0.0.14(transitive)

• - Removed@radix-ui/react-focus-scope@0.0.14(transitive)

• - Removed@radix-ui/react-polymorphic@0.0.12(transitive)

• - Removed@radix-ui/react-portal@0.0.14(transitive)

• - Removed@radix-ui/react-presence@0.0.14(transitive)

• - Removed@radix-ui/react-primitive@0.0.14(transitive)

• - Removed@radix-ui/react-use-body-pointer-events@0.0.6(transitive)

• Updated@radix-ui/react-dialog@0.0.20

• Updated@radix-ui/react-polymorphic@0.0.13

• Updated@radix-ui/react-primitive@0.0.15