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

Comparing version 0.0.6 to 0.0.7

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,r=require("@radix-ui/react-use-body-pointer-events").useBodyPointerEvents,u=(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);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,u=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){u=!0,o=e}finally{try{r||null==c.return||c.return()}finally{if(u)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=a(j(),2),s=f[0],d=f[1],v=a(C(),2),y=v[0],m=v[1],b=a(j("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),2),p=b[0],O=b[1],E=a(C("RunningLayerCountWithDisabledOutsidePointerEventsProvider"),2),h=E[0],w=E[1];function P(e){var t=0===m(),n=u.createElement(g,e);return t?u.createElement(s,null,u.createElement(p,null,n)):n}function g(e){var t=e.children,o=e.disableOutsidePointerEvents,c=void 0!==o&&o,a=e.onEscapeKeyDown,l=e.onPointerDownOutside,f=e.onFocusOutside,s=e.onInteractOutside,v=e.onDismiss,b=u.useRef(null),p=d(),E=m()+1,P=E===p,g=O(c),j=w()+(c?1:0),C=j<g;r({disabled:c}),function(e){var t=n(e);u.useEffect((function(){var e=function(e){"Escape"===e.key&&t(e)};return document.addEventListener("keydown",e),function(){return document.removeEventListener("keydown",e)}}),[t])}((function(e){P&&(null==a||a(e),e.defaultPrevented||null==v||v())}));var D=function(e){var t=n(e),r=u.useRef(!1);u.useEffect((function(){var e=function(e){r.current||t(e),r.current=!1};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[t]);var o=function(){r.current=!0};return{onMouseDownCapture:o,onTouchStartCapture:o}}((function(e){C||(null==l||l(e),null==s||s(e),e.defaultPrevented||null==v||v())})),L=function(e){var t=u.useRef(0);return{onBlurCapture:function(n){n.persist(),t.current=window.setTimeout((function(){null==e||e(n)}),0)},onFocusCapture:function(){window.clearTimeout(t.current)}}}((function(e){null==f||f(e),null==s||s(e),e.defaultPrevented||null==v||v()})),S=g>0&&!C;return u.createElement(y,{runningCount:E},u.createElement(h,{runningCount:j},t(i(i({ref:b,style:S?{pointerEvents:"auto"}:{}},D),L))))}function j(e){var t=u.createContext({total:0,setTotal:function(){}}),n=function(e){var n=e.children,r=a(u.useState(0),2),o=r[0],i=r[1],c=u.useMemo((function(){return{total:o,setTotal:i}}),[o,i]);return u.createElement(t.Provider,{value:c},n)};return e&&(n.displayName=e),[n,function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],n=u.useContext(t),r=n.total,o=n.setTotal;return u.useLayoutEffect((function(){if(e)return o((function(e){return e+1})),function(){return o((function(e){return e-1}))}}),[e,o]),r}]}function C(e){var t=u.createContext(0),n=function(e){var n=e.children,r=e.runningCount;return u.createElement(t.Provider,{value:r},n)};return e&&(n.displayName=e),[n,function(){return u.useContext(t)||0}]}exports.DismissableLayer=P;var D=P;exports.Root=D;
+function e(e,t,n){Object.defineProperty(e,t,{get:n,enumerable:!0})}var t=require("@radix-ui/react-use-escape-keydown").useEscapeKeydown,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,r=require("@radix-ui/react-use-body-pointer-events").useBodyPointerEvents,o=require("react"),u=o.createElement,s=o.useRef,i=o.useEffect,c=o.createContext,a=o.useState,d=o.useMemo,l=o.useContext,f=o.useLayoutEffect,v={};const[m,p]=D(),[y,E]=x(),[P,C]=D("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[b,w]=x("RunningLayerCountWithDisabledOutsidePointerEventsProvider");function L(e){const t=0===E(),n=u(h,e);return t?u(m,null,u(P,null,n)):n}function h(e){const{children:o,disableOutsidePointerEvents:c=!1,onEscapeKeyDown:a,onPointerDownOutside:d,onFocusOutside:l,onInteractOutside:f,onDismiss:v}=e,m=s(null),P=p(),L=E()+1,h=L===P,D=C(c),x=w()+(c?1:0),O=x<D;r({disabled:c}),t((e=>{h&&(a?.(e),e.defaultPrevented||v?.())}));const T=function(e){const t=n(e),r=s(!1);i((()=>{const e=e=>{r.current||t(e),r.current=!1};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[t]);const o=()=>{r.current=!0};return{onMouseDownCapture:o,onTouchStartCapture:o}}((e=>{O||(d?.(e),f?.(e),e.defaultPrevented||v?.())})),g=function(e){const t=s(0);return{onBlurCapture:n=>{n.persist(),t.current=window.setTimeout((()=>{e?.(n)}),0)},onFocusCapture:()=>{window.clearTimeout(t.current)}}}((e=>{l?.(e),f?.(e),e.defaultPrevented||v?.()}));return u(y,{runningCount:L},u(b,{runningCount:x},o({ref:m,style:D>0&&!O?{pointerEvents:"auto"}:{},...T,...g})))}function D(e){const t=c({total:0,setTotal:()=>{}}),n=({children:e})=>{const[n,r]=a(0),o=d((()=>({total:n,setTotal:r})),[n,r]);return u(t.Provider,{value:o},e)};return e&&(n.displayName=e),[n,function(e=!0){const{total:n,setTotal:r}=l(t);return f((()=>{if(e)return r((e=>e+1)),()=>r((e=>e-1))}),[e,r]),n}]}function x(e){const t=c(0),n=e=>{const{children:n,runningCount:r}=e;return u(t.Provider,{value:r},n)};return e&&(n.displayName=e),[n,function(){return l(t)||0}]}exports.DismissableLayer=L;const O=L;exports.Root=O,e(v,"Root",(function(){return O})),e(v,"DismissableLayer",(function(){return L}));
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{useCallbackRef as e}from"@radix-ui/react-use-callback-ref";import{useBodyPointerEvents as t}from"@radix-ui/react-use-body-pointer-events";import*as n from"react";const[r,o]=m(),[u,s]=f(),[c,i]=m("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[a,l]=f("RunningLayerCountWithDisabledOutsidePointerEventsProvider");export function DismissableLayer(e){const t=0===s(),o=n.createElement(d,e);return t?n.createElement(r,null,n.createElement(c,null,o)):o}function d(r){const{children:c,disableOutsidePointerEvents:d=!1,onEscapeKeyDown:m,onPointerDownOutside:f,onFocusOutside:v,onInteractOutside:E,onDismiss:p}=r,y=n.useRef(null),C=o(),w=s()+1,L=w===C,P=i(d),b=l()+(d?1:0),h=b<P;t({disabled:d}),function(t){const r=e(t);n.useEffect((()=>{const e=e=>{"Escape"===e.key&&r(e)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[r])}((e=>{L&&(null==m||m(e),e.defaultPrevented||null==p||p())}));const x=function(t){const r=e(t),o=n.useRef(!1);n.useEffect((()=>{const e=e=>{o.current||r(e),o.current=!1};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[r]);const u=()=>{o.current=!0};return{onMouseDownCapture:u,onTouchStartCapture:u}}((e=>{h||(null==f||f(e),null==E||E(e),e.defaultPrevented||null==p||p())})),D=function(e){const t=n.useRef(0);return{onBlurCapture:n=>{n.persist(),t.current=window.setTimeout((()=>{null==e||e(n)}),0)},onFocusCapture:()=>{window.clearTimeout(t.current)}}}((e=>{null==v||v(e),null==E||E(e),e.defaultPrevented||null==p||p()})),T=P>0&&!h;return n.createElement(u,{runningCount:w},n.createElement(a,{runningCount:b},c({ref:y,style:T?{pointerEvents:"auto"}:{},...x,...D})))}function m(e){const t=n.createContext({total:0,setTotal:()=>{}}),r=({children:e})=>{const[r,o]=n.useState(0),u=n.useMemo((()=>({total:r,setTotal:o})),[r,o]);return n.createElement(t.Provider,{value:u},e)};return e&&(r.displayName=e),[r,function(e=!0){const{total:r,setTotal:o}=n.useContext(t);return n.useLayoutEffect((()=>{if(e)return o((e=>e+1)),()=>o((e=>e-1))}),[e,o]),r}]}function f(e){const t=n.createContext(0),r=e=>{const{children:r,runningCount:o}=e;return n.createElement(t.Provider,{value:o},r)};return e&&(r.displayName=e),[r,function(){return n.useContext(t)||0}]}export const Root=DismissableLayer;
+function t(t,e,n){Object.defineProperty(t,e,{get:n,enumerable:!0})}import{useEscapeKeydown as e}from"@radix-ui/react-use-escape-keydown";import{useCallbackRef as n}from"@radix-ui/react-use-callback-ref";import{useBodyPointerEvents as r}from"@radix-ui/react-use-body-pointer-events";import{createElement as o,useRef as u,useEffect as i,createContext as s,useState as c,useMemo as a,useContext as d,useLayoutEffect as l}from"react";var m={};const[f,v]=D(),[p,P]=L(),[w,y]=D("TotalLayerCountWithDisabledOutsidePointerEventsProvider"),[b,C]=L("RunningLayerCountWithDisabledOutsidePointerEventsProvider");function E(t){const e=0===P(),n=o(h,t);return e?o(f,null,o(w,null,n)):n}export{E as DismissableLayer};function h(t){const{children:s,disableOutsidePointerEvents:c=!1,onEscapeKeyDown:a,onPointerDownOutside:d,onFocusOutside:l,onInteractOutside:m,onDismiss:f}=t,w=u(null),E=v(),h=P()+1,D=h===E,L=y(c),O=C()+(c?1:0),T=O<L;r({disabled:c}),e((t=>{D&&(a?.(t),t.defaultPrevented||f?.())}));const g=function(t){const e=n(t),r=u(!1);i((()=>{const t=t=>{r.current||e(t),r.current=!1};return document.addEventListener("mousedown",t),document.addEventListener("touchstart",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("touchstart",t)}}),[e]);const o=()=>{r.current=!0};return{onMouseDownCapture:o,onTouchStartCapture:o}}((t=>{T||(d?.(t),m?.(t),t.defaultPrevented||f?.())})),x=function(t){const e=u(0);return{onBlurCapture:n=>{n.persist(),e.current=window.setTimeout((()=>{t?.(n)}),0)},onFocusCapture:()=>{window.clearTimeout(e.current)}}}((t=>{l?.(t),m?.(t),t.defaultPrevented||f?.()}));return o(p,{runningCount:h},o(b,{runningCount:O},s({ref:w,style:L>0&&!T?{pointerEvents:"auto"}:{},...g,...x})))}function D(t){const e=s({total:0,setTotal:()=>{}}),n=({children:t})=>{const[n,r]=c(0),u=a((()=>({total:n,setTotal:r})),[n,r]);return o(e.Provider,{value:u},t)};return t&&(n.displayName=t),[n,function(t=!0){const{total:n,setTotal:r}=d(e);return l((()=>{if(t)return r((t=>t+1)),()=>r((t=>t-1))}),[t,r]),n}]}function L(t){const e=s(0),n=t=>{const{children:n,runningCount:r}=t;return o(e.Provider,{value:r},n)};return t&&(n.displayName=t),[n,function(){return d(e)||0}]}export const Root=E;t(m,"Root",(function(){return Root})),t(m,"DismissableLayer",(function(){return E}));
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-dismissable-layer",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "MIT",
@@ -20,3 +20,4 @@ "source": "src/index.ts",
     "@radix-ui/react-use-body-pointer-events": "0.0.1",
-    "@radix-ui/react-use-callback-ref": "0.0.1"
+    "@radix-ui/react-use-callback-ref": "0.0.1",
+    "@radix-ui/react-use-escape-keydown": "0.0.1"
   },
@@ -23,0 +24,0 @@ "devDependencies": {

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

Worsened metrics

Total package byte prevSize

44326

decreased by-8.07%

Dependency count

4

increased by33.33%

Lines of code

80

decreased by-11.11%

Dependency changes

• + Added@radix-ui/react-use-escape-keydown@0.0.1

• + Added@radix-ui/react-use-escape-keydown@0.0.1(transitive)