@radix-ui/react-dismissable-layer - npm Package Compare versions

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

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,n,r=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,o=require("@radix-ui/react-use-callback-ref").useCallbackRef,u=require("@radix-ui/react-use-body-pointer-events").useBodyPointerEvents,i=require("@radix-ui/react-primitive").Primitive,s=require("@radix-ui/primitive").composeEventHandlers,a=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e),c=(n=require("@babel/runtime/helpers/extends"))&&n.__esModule?n.default:n;const[l,d]=P(),[f,v]=y(),[E,m]=P("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[p,b]=y("RunningLayerCountWithDisabledOutsidePointerEventsProvider"),C=/*#__PURE__*/a.forwardRef(((e,t)=>{const n=0===v(),r=/*#__PURE__*/a.createElement(w,c({},e,{ref:t}));return n?/*#__PURE__*/a.createElement(l,null,/*#__PURE__*/a.createElement(E,null,r)):r}));exports.DismissableLayer=C;const w=/*#__PURE__*/a.forwardRef(((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:l,onPointerDownOutside:E,onFocusOutside:C,onInteractOutside:w,onDismiss:P,...y}=e,L=d(),x=v()+1,D=x===L,O=m(n),g=b()+(n?1:0),h=g<O;u({disabled:n}),r((e=>{D&&(null==l||l(e),e.defaultPrevented||null==P||P())}));const{onPointerDownCapture:q}=function(e){const t=o(e),n=a.useRef(!1);return a.useEffect((()=>{const e=e=>{const r=e.target;if(r&&!n.current){const n=new CustomEvent("dismissableLayer.pointerDownOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});r.addEventListener("dismissableLayer.pointerDownOutside",t,{once:!0}),r.dispatchEvent(n)}n.current=!1},r=window.setTimeout((()=>{document.addEventListener("pointerdown",e)}),0);return()=>{window.clearTimeout(r),document.removeEventListener("pointerdown",e)}}),[t]),{onPointerDownCapture:()=>n.current=!0}}((e=>{h||(null==E||E(e),null==w||w(e),e.defaultPrevented||null==P||P())})),{onBlurCapture:R,onFocusCapture:T}=function(e){const t=o(e),n=a.useRef(!1);return a.useEffect((()=>{const e=e=>{const r=e.target;if(r&&!n.current){const n=new CustomEvent("dismissableLayer.focusOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});r.addEventListener("dismissableLayer.focusOutside",t,{once:!0}),r.dispatchEvent(n)}};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)}),[t]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}((e=>{null==C||C(e),null==w||w(e),e.defaultPrevented||null==P||P()})),B=O>0&&!h;/*#__PURE__*/return a.createElement(f,{runningCount:x},/*#__PURE__*/a.createElement(p,{runningCount:g},/*#__PURE__*/a.createElement(i.div,c({},y,{ref:t,style:{pointerEvents:B?"auto":void 0,...y.style},onPointerDownCapture:s(e.onPointerDownCapture,q),onBlurCapture:s(e.onBlurCapture,R),onFocusCapture:s(e.onFocusCapture,T)}))))}));function P(e){const t=/*#__PURE__*/a.createContext({total:0,setTotal:()=>{}}),n=({children:e})=>{const[n,r]=a.useState(0),o=a.useMemo((()=>({total:n,setTotal:r})),[n,r]);/*#__PURE__*/return a.createElement(t.Provider,{value:o},e)};return[n,function(e=!0){const{total:n,setTotal:r}=a.useContext(t);return a.useLayoutEffect((()=>{if(e)return r((e=>e+1)),()=>r((e=>e-1))}),[e,r]),n}]}function y(e){const t=/*#__PURE__*/a.createContext(0),n=e=>{const{children:n,runningCount:r}=e;/*#__PURE__*/return a.createElement(t.Provider,{value:r},n)};return[n,function(){return a.useContext(t)||0}]}const L=C;exports.Root=L;
+var e,t,n,r=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,o=require("@radix-ui/react-use-callback-ref").useCallbackRef,u=require("@radix-ui/react-use-body-pointer-events").useBodyPointerEvents,i=require("@radix-ui/react-context").createContext,a=require("@radix-ui/react-primitive").Primitive,s=require("@radix-ui/primitive").composeEventHandlers,c=(e={},t=require("react"),Object.keys(t).forEach((function(n){"default"!==n&&"__esModule"!==n&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})),e),l=(n=require("@babel/runtime/helpers/extends"))&&n.__esModule?n.default:n;const[d,f]=L(),[m,v]=P(),[E,p]=L("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[C,b]=P("RunningLayerCountWithDisabledOutsidePointerEventsProvider"),y=/*#__PURE__*/c.forwardRef(((e,t)=>{const n=0===v(),r=/*#__PURE__*/c.createElement(w,l({},e,{ref:t}));return n?/*#__PURE__*/c.createElement(d,null,/*#__PURE__*/c.createElement(E,null,r)):r}));exports.DismissableLayer=y;const w=/*#__PURE__*/c.forwardRef(((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:i,onPointerDownOutside:d,onFocusOutside:E,onInteractOutside:y,onDismiss:w,...L}=e,P=f(),D=v()+1,O=D===P,g=p(n),x=b()+(n?1:0),T=x<g;u({disabled:n}),r((e=>{O&&(null==i||i(e),e.defaultPrevented||null==w||w())}));const{onPointerDownCapture:R}=function(e){const t=o(e),n=c.useRef(!1);return c.useEffect((()=>{const e=e=>{const r=e.target;if(r&&!n.current){const n=new CustomEvent("dismissableLayer.pointerDownOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});r.addEventListener("dismissableLayer.pointerDownOutside",t,{once:!0}),r.dispatchEvent(n)}n.current=!1},r=window.setTimeout((()=>{document.addEventListener("pointerdown",e)}),0);return()=>{window.clearTimeout(r),document.removeEventListener("pointerdown",e)}}),[t]),{onPointerDownCapture:()=>n.current=!0}}((e=>{T||(null==d||d(e),null==y||y(e),e.defaultPrevented||null==w||w())})),{onBlurCapture:h,onFocusCapture:q}=function(e){const t=o(e),n=c.useRef(!1);return c.useEffect((()=>{const e=e=>{const r=e.target;if(r&&!n.current){const n=new CustomEvent("dismissableLayer.focusOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});r.addEventListener("dismissableLayer.focusOutside",t,{once:!0}),r.dispatchEvent(n)}};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)}),[t]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}((e=>{null==E||E(e),null==y||y(e),e.defaultPrevented||null==w||w()})),k=g>0&&!T;/*#__PURE__*/return c.createElement(m,{runningCount:D},/*#__PURE__*/c.createElement(C,{runningCount:x},/*#__PURE__*/c.createElement(a.div,l({},L,{ref:t,style:{pointerEvents:k?"auto":void 0,...L.style},onPointerDownCapture:s(e.onPointerDownCapture,R),onBlurCapture:s(e.onBlurCapture,h),onFocusCapture:s(e.onFocusCapture,q)}))))}));function L(e){const[t,n]=i("TotalLayerCount",{total:0,onTotalIncrease:()=>{},onTotalDecrease:()=>{}}),r=({children:e})=>{const[n,r]=c.useState(0);/*#__PURE__*/return c.createElement(t,{total:n,onTotalIncrease:c.useCallback((()=>r((e=>e+1))),[]),onTotalDecrease:c.useCallback((()=>r((e=>e-1))),[])},e)};return[r,function(e=!0){const{total:t,onTotalIncrease:r,onTotalDecrease:o}=n("TotalLayerCountConsumer");return c.useLayoutEffect((()=>{if(e)return r(),()=>o()}),[e,r,o]),t}]}function P(e){const[t,n]=i("RunningLayerCount",{count:0}),r=e=>{const{children:n,runningCount:r}=e;/*#__PURE__*/return c.createElement(t,{count:r},n)};return[r,function(){return n("RunningLayerCountConsumer").count||0}]}const D=y;exports.Root=D;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{useEscapeKeydown as e}from"@radix-ui/react-use-escape-keydown";import{useCallbackRef as t}from"@radix-ui/react-use-callback-ref";import{useBodyPointerEvents as n}from"@radix-ui/react-use-body-pointer-events";import{Primitive as r}from"@radix-ui/react-primitive";import{composeEventHandlers as o}from"@radix-ui/primitive";import*as u from"react";import i from"@babel/runtime/helpers/esm/extends";const[s,a]=E(),[c,l]=C(),[d,m]=E("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[f,p]=C("RunningLayerCountWithDisabledOutsidePointerEventsProvider");export const DismissableLayer=/*#__PURE__*/u.forwardRef(((e,t)=>{const n=0===l(),r=/*#__PURE__*/u.createElement(v,i({},e,{ref:t}));return n?/*#__PURE__*/u.createElement(s,null,/*#__PURE__*/u.createElement(d,null,r)):r}));/*#__PURE__*/const v=/*#__PURE__*/u.forwardRef(((s,d)=>{const{disableOutsidePointerEvents:v=!1,onEscapeKeyDown:E,onPointerDownOutside:C,onFocusOutside:b,onInteractOutside:w,onDismiss:L,...P}=s,y=a(),D=l()+1,x=D===y,O=m(v),g=p()+(v?1:0),h=g<O;n({disabled:v}),e((e=>{x&&(null==E||E(e),e.defaultPrevented||null==L||L())}));const{onPointerDownCapture:R}=function(e){const n=t(e),r=u.useRef(!1);return u.useEffect((()=>{const e=e=>{const t=e.target;if(t&&!r.current){const r=new CustomEvent("dismissableLayer.pointerDownOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});t.addEventListener("dismissableLayer.pointerDownOutside",n,{once:!0}),t.dispatchEvent(r)}r.current=!1},t=window.setTimeout((()=>{document.addEventListener("pointerdown",e)}),0);return()=>{window.clearTimeout(t),document.removeEventListener("pointerdown",e)}}),[n]),{onPointerDownCapture:()=>r.current=!0}}((e=>{h||(null==C||C(e),null==w||w(e),e.defaultPrevented||null==L||L())})),{onBlurCapture:T,onFocusCapture:F}=function(e){const n=t(e),r=u.useRef(!1);return u.useEffect((()=>{const e=e=>{const t=e.target;if(t&&!r.current){const r=new CustomEvent("dismissableLayer.focusOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});t.addEventListener("dismissableLayer.focusOutside",n,{once:!0}),t.dispatchEvent(r)}};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)}),[n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}((e=>{null==b||b(e),null==w||w(e),e.defaultPrevented||null==L||L()})),B=O>0&&!h;/*#__PURE__*/return u.createElement(c,{runningCount:D},/*#__PURE__*/u.createElement(f,{runningCount:g},/*#__PURE__*/u.createElement(r.div,i({},P,{ref:d,style:{pointerEvents:B?"auto":void 0,...P.style},onPointerDownCapture:o(s.onPointerDownCapture,R),onBlurCapture:o(s.onBlurCapture,T),onFocusCapture:o(s.onFocusCapture,F)}))))}));function E(e){const t=/*#__PURE__*/u.createContext({total:0,setTotal:()=>{}}),n=({children:e})=>{const[n,r]=u.useState(0),o=u.useMemo((()=>({total:n,setTotal:r})),[n,r]);/*#__PURE__*/return u.createElement(t.Provider,{value:o},e)};return[n,function(e=!0){const{total:n,setTotal:r}=u.useContext(t);return u.useLayoutEffect((()=>{if(e)return r((e=>e+1)),()=>r((e=>e-1))}),[e,r]),n}]}function C(e){const t=/*#__PURE__*/u.createContext(0),n=e=>{const{children:n,runningCount:r}=e;/*#__PURE__*/return u.createElement(t.Provider,{value:r},n)};return[n,function(){return u.useContext(t)||0}]}export const Root=DismissableLayer;
+import{useEscapeKeydown as e}from"@radix-ui/react-use-escape-keydown";import{useCallbackRef as t}from"@radix-ui/react-use-callback-ref";import{useBodyPointerEvents as n}from"@radix-ui/react-use-body-pointer-events";import{createContext as r}from"@radix-ui/react-context";import{Primitive as o}from"@radix-ui/react-primitive";import{composeEventHandlers as u}from"@radix-ui/primitive";import*as i from"react";import s from"@babel/runtime/helpers/esm/extends";const[a,c]=C(),[l,d]=b(),[m,f]=C("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[p,v]=b("RunningLayerCountWithDisabledOutsidePointerEventsProvider");export const DismissableLayer=/*#__PURE__*/i.forwardRef(((e,t)=>{const n=0===d(),r=/*#__PURE__*/i.createElement(E,s({},e,{ref:t}));return n?/*#__PURE__*/i.createElement(a,null,/*#__PURE__*/i.createElement(m,null,r)):r}));/*#__PURE__*/const E=/*#__PURE__*/i.forwardRef(((r,a)=>{const{disableOutsidePointerEvents:m=!1,onEscapeKeyDown:E,onPointerDownOutside:C,onFocusOutside:b,onInteractOutside:w,onDismiss:L,...y}=r,D=c(),P=d()+1,T=P===D,g=f(m),x=v()+(m?1:0),O=x<g;n({disabled:m}),e((e=>{T&&(null==E||E(e),e.defaultPrevented||null==L||L())}));const{onPointerDownCapture:R}=function(e){const n=t(e),r=i.useRef(!1);return i.useEffect((()=>{const e=e=>{const t=e.target;if(t&&!r.current){const r=new CustomEvent("dismissableLayer.pointerDownOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});t.addEventListener("dismissableLayer.pointerDownOutside",n,{once:!0}),t.dispatchEvent(r)}r.current=!1},t=window.setTimeout((()=>{document.addEventListener("pointerdown",e)}),0);return()=>{window.clearTimeout(t),document.removeEventListener("pointerdown",e)}}),[n]),{onPointerDownCapture:()=>r.current=!0}}((e=>{O||(null==C||C(e),null==w||w(e),e.defaultPrevented||null==L||L())})),{onBlurCapture:h,onFocusCapture:F}=function(e){const n=t(e),r=i.useRef(!1);return i.useEffect((()=>{const e=e=>{const t=e.target;if(t&&!r.current){const r=new CustomEvent("dismissableLayer.focusOutside",{bubbles:!1,cancelable:!0,detail:{originalEvent:e}});t.addEventListener("dismissableLayer.focusOutside",n,{once:!0}),t.dispatchEvent(r)}};return document.addEventListener("focusin",e),()=>document.removeEventListener("focusin",e)}),[n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}((e=>{null==b||b(e),null==w||w(e),e.defaultPrevented||null==L||L()})),k=g>0&&!O;/*#__PURE__*/return i.createElement(l,{runningCount:P},/*#__PURE__*/i.createElement(p,{runningCount:x},/*#__PURE__*/i.createElement(o.div,s({},y,{ref:a,style:{pointerEvents:k?"auto":void 0,...y.style},onPointerDownCapture:u(r.onPointerDownCapture,R),onBlurCapture:u(r.onBlurCapture,h),onFocusCapture:u(r.onFocusCapture,F)}))))}));function C(e){const[t,n]=r("TotalLayerCount",{total:0,onTotalIncrease:()=>{},onTotalDecrease:()=>{}}),o=({children:e})=>{const[n,r]=i.useState(0);/*#__PURE__*/return i.createElement(t,{total:n,onTotalIncrease:i.useCallback((()=>r((e=>e+1))),[]),onTotalDecrease:i.useCallback((()=>r((e=>e-1))),[])},e)};return[o,function(e=!0){const{total:t,onTotalIncrease:r,onTotalDecrease:o}=n("TotalLayerCountConsumer");return i.useLayoutEffect((()=>{if(e)return r(),()=>o()}),[e,r,o]),t}]}function b(e){const[t,n]=r("RunningLayerCount",{count:0}),o=e=>{const{children:n,runningCount:r}=e;/*#__PURE__*/return i.createElement(t,{count:r},n)};return[o,function(){return n("RunningLayerCountConsumer").count||0}]}export const Root=DismissableLayer;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-dismissable-layer",
-  "version": "0.1.1-rc.16",
+  "version": "0.1.1-rc.17",
   "license": "MIT",
@@ -21,3 +21,4 @@ "source": "src/index.ts",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-primitive": "0.1.1-rc.16",
+    "@radix-ui/react-context": "0.1.1-rc.1",
+    "@radix-ui/react-primitive": "0.1.1-rc.17",
     "@radix-ui/react-use-body-pointer-events": "0.1.0",
@@ -24,0 +25,0 @@ "@radix-ui/react-use-callback-ref": "0.1.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

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

54017

increased by2.25%

Lines of code

76

increased by1.33%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

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

• + Added@radix-ui/react-context@0.1.1-rc.1(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-primitive@0.1.1-rc.16(transitive)

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

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