react-click-away-listener - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

dist/react-click-away-listener.es.js

@@ -1,2 +0,2 @@
-import n,{useRef as e,useEffect as t}from"react";export default function(r){var c=r.children,o=r.onClickAway,u=r.mouseEvent,i=void 0===u?"click":u,v=r.touchEvent,a=void 0===v?"touchend":v,d=e(null),l=e(null),f=function(n){var e=n.event,t=n.type;l.current=e.target;var r=null==c?void 0:c.props[t];r&&r(e)};return t((function(){var n=function(n){d.current&&d.current.contains(n.target)||l.current===n.target||o(n)};return document.addEventListener(i,n,{capture:!0}),document.addEventListener(a,n,{capture:!0}),function(){document.removeEventListener(i,n,{capture:!0}),document.removeEventListener(a,n,{capture:!0})}}),[i,o,a]),n.Children.only(n.cloneElement(c,{ref:function(n){d.current=n;var e=c.ref;"function"==typeof e?e(n):e&&(e.current=n)},onClick:function(n){return f({type:"onClick",event:n})},onTouchEnd:function(n){return f({type:"onTouchEnd",event:n})}}))}
+import n,{useRef as e,useEffect as t}from"react";function r(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var o={click:"onClick",mousedown:"onMouseDown",mouseup:"onMouseUp",touchstart:"onTouchStart",touchend:"onTouchEnd"};export default function(u){var c,i=u.children,a=u.onClickAway,v=u.mouseEvent,f=void 0===v?"click":v,l=u.touchEvent,d=void 0===l?"touchend":l,m=e(null),s=e(null),p=e(!1);t((function(){return setTimeout((function(){p.current=!0}),0),function(){p.current=!1}}),[]);var h=function(n){var e=n.event,t=n.type;s.current=e.target;var r=null==i?void 0:i.props[t];r&&r(e)};return t((function(){var n=function(n){p.current&&(m.current&&m.current.contains(n.target)||s.current===n.target||a(n))};return document.addEventListener(f,n),document.addEventListener(d,n),function(){document.removeEventListener(f,n),document.removeEventListener(d,n)}}),[f,a,d]),n.Children.only(n.cloneElement(i,(r(c={ref:function(n){m.current=n;var e=i.ref;"function"==typeof e?e(n):e&&(e.current=n)}},o[f],(function(n){return h({type:o[f],event:n})})),r(c,o[d],(function(n){return h({type:o[d],event:n})})),c)))}
 //# sourceMappingURL=react-click-away-listener.es.js.map

dist/react-click-away-listener.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e);module.exports=function(n){var r=n.children,u=n.onClickAway,c=n.mouseEvent,o=void 0===c?"click":c,i=n.touchEvent,a=void 0===i?"touchend":i,f=e.useRef(null),d=e.useRef(null),v=function(e){var n=e.event,t=e.type;d.current=n.target;var u=null==r?void 0:r.props[t];u&&u(n)};return e.useEffect((function(){var e=function(e){f.current&&f.current.contains(e.target)||d.current===e.target||u(e)};return document.addEventListener(o,e,{capture:!0}),document.addEventListener(a,e,{capture:!0}),function(){document.removeEventListener(o,e,{capture:!0}),document.removeEventListener(a,e,{capture:!0})}}),[o,u,a]),t.default.Children.only(t.default.cloneElement(r,{ref:function(e){f.current=e;var n=r.ref;"function"==typeof n?n(e):n&&(n.current=e)},onClick:function(e){return v({type:"onClick",event:e})},onTouchEnd:function(e){return v({type:"onTouchEnd",event:e})}}))};
+"use strict";var e=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e);function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u={click:"onClick",mousedown:"onMouseDown",mouseup:"onMouseUp",touchstart:"onTouchStart",touchend:"onTouchEnd"};module.exports=function(n){var o,c=n.children,i=n.onClickAway,f=n.mouseEvent,a=void 0===f?"click":f,l=n.touchEvent,v=void 0===l?"touchend":l,d=e.useRef(null),s=e.useRef(null),m=e.useRef(!1);e.useEffect((function(){return setTimeout((function(){m.current=!0}),0),function(){m.current=!1}}),[]);var p=function(e){var n=e.event,t=e.type;s.current=n.target;var r=null==c?void 0:c.props[t];r&&r(n)};return e.useEffect((function(){var e=function(e){m.current&&(d.current&&d.current.contains(e.target)||s.current===e.target||i(e))};return document.addEventListener(a,e),document.addEventListener(v,e),function(){document.removeEventListener(a,e),document.removeEventListener(v,e)}}),[a,i,v]),t.default.Children.only(t.default.cloneElement(c,(r(o={ref:function(e){d.current=e;var n=c.ref;"function"==typeof n?n(e):n&&(n.current=e)}},u[a],(function(e){return p({type:u[a],event:e})})),r(o,u[v],(function(e){return p({type:u[v],event:e})})),o)))};
 //# sourceMappingURL=react-click-away-listener.js.map

dist/react-click-away-listener.umd.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):(e="undefined"!=typeof globalThis?globalThis:e||self)["react-click-away-listener"]=n(e.react)}(this,(function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e);return function(n){var r=n.children,u=n.onClickAway,o=n.mouseEvent,c=void 0===o?"click":o,i=n.touchEvent,f=void 0===i?"touchend":i,a=e.useRef(null),d=e.useRef(null),l=function(e){var n=e.event,t=e.type;d.current=n.target;var u=null==r?void 0:r.props[t];u&&u(n)};return e.useEffect((function(){var e=function(e){a.current&&a.current.contains(e.target)||d.current===e.target||u(e)};return document.addEventListener(c,e,{capture:!0}),document.addEventListener(f,e,{capture:!0}),function(){document.removeEventListener(c,e,{capture:!0}),document.removeEventListener(f,e,{capture:!0})}}),[c,u,f]),t.default.Children.only(t.default.cloneElement(r,{ref:function(e){a.current=e;var n=r.ref;"function"==typeof n?n(e):n&&(n.current=e)},onClick:function(e){return l({type:"onClick",event:e})},onTouchEnd:function(e){return l({type:"onTouchEnd",event:e})}}))}}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):(e="undefined"!=typeof globalThis?globalThis:e||self)["react-click-away-listener"]=n(e.react)}(this,(function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e);function r(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var u={click:"onClick",mousedown:"onMouseDown",mouseup:"onMouseUp",touchstart:"onTouchStart",touchend:"onTouchEnd"};return function(n){var o,c=n.children,i=n.onClickAway,f=n.mouseEvent,a=void 0===f?"click":f,d=n.touchEvent,l=void 0===d?"touchend":d,s=e.useRef(null),v=e.useRef(null),p=e.useRef(!1);e.useEffect((function(){return setTimeout((function(){p.current=!0}),0),function(){p.current=!1}}),[]);var m=function(e){var n=e.event,t=e.type;v.current=n.target;var r=null==c?void 0:c.props[t];r&&r(n)};return e.useEffect((function(){var e=function(e){p.current&&(s.current&&s.current.contains(e.target)||v.current===e.target||i(e))};return document.addEventListener(a,e),document.addEventListener(l,e),function(){document.removeEventListener(a,e),document.removeEventListener(l,e)}}),[a,i,l]),t.default.Children.only(t.default.cloneElement(c,(r(o={ref:function(e){s.current=e;var n=c.ref;"function"==typeof n?n(e):n&&(n.current=e)}},u[a],(function(e){return m({type:u[a],event:e})})),r(o,u[l],(function(e){return m({type:u[l],event:e})})),o)))}}));
 //# sourceMappingURL=react-click-away-listener.umd.js.map

package.json

 {
 	"name": "react-click-away-listener",
-	"version": "2.0.1",
+	"version": "2.0.2",
 	"description": "A simple click away listener built with React Hooks",
@@ -5,0 +5,0 @@ "main": "dist/react-click-away-listener.js",

No alert changes

Improved metrics

Total package byte prevSize

24328

increased by13.98%

Lines of code

31

increased by10.71%

No dependency changes