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

Comparing version 1.3.0 to 1.4.0

dist/index.d.ts

 import React, { FunctionComponent } from 'react';
 declare type MouseEvents = 'click' | 'mousedown' | 'mouseup';
 declare type TouchEvents = 'touchstart' | 'touchend';
-interface Props extends React.HTMLAttributes<HTMLDivElement> {
+interface Props extends React.HTMLAttributes<HTMLElement> {
     onClickAway: (event: MouseEvent | TouchEvent) => void;
     mouseEvent?: MouseEvents;
     touchEvent?: TouchEvents;
+    as?: React.ElementType;
 }
 declare const ClickAwayListener: FunctionComponent<Props>;
 export default ClickAwayListener;

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

@@ -1,2 +0,2 @@
-import e,{useRef as t,useEffect as n}from"react";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}export default function(c){var u=c.onClickAway,i=c.mouseEvent,l=void 0===i?"click":i,a=c.touchEvent,v=void 0===a?"touchend":a,f=c.children,d=o(c,["onClickAway","mouseEvent","touchEvent","children"]),s=t(null);return n((function(){var e=function(e){s.current&&s.current.contains(e.target)||u(e)};return document.addEventListener(l,e),document.addEventListener(v,e),function(){document.removeEventListener(l,e),document.removeEventListener(v,e)}}),[l,u,v]),e.createElement("div",r({ref:s},d),f)}
+import e,{useRef as t,useEffect as r}from"react";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}export default function(u){var i=u.as,f=void 0===i?"div":i,a=u.onClickAway,l=u.mouseEvent,O=void 0===l?"click":l,b=u.touchEvent,p=void 0===b?"touchend":b,s=c(u,["as","onClickAway","mouseEvent","touchEvent"]),v=t(null);return r((function(){var e=function(e){v.current&&v.current.contains(e.target)||a(e)};return document.addEventListener(O,e),document.addEventListener(p,e),function(){document.removeEventListener(O,e),document.removeEventListener(p,e)}}),[O,a,p]),e.createElement(f,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({ref:v},s))}
 //# sourceMappingURL=react-click-away-listener.es.js.map

dist/react-click-away-listener.js

@@ -1,2 +0,2 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var React=require("react"),React__default=_interopDefault(React);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function _objectWithoutProperties(e,t){if(null==e)return{};var n,r,o=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var ClickAwayListener=function(e){var t=e.onClickAway,n=e.mouseEvent,r=void 0===n?"click":n,o=e.touchEvent,c=void 0===o?"touchend":o,u=e.children,i=_objectWithoutProperties(e,["onClickAway","mouseEvent","touchEvent","children"]),a=React.useRef(null);return React.useEffect((function(){var e=function(e){a.current&&a.current.contains(e.target)||t(e)};return document.addEventListener(r,e),document.addEventListener(c,e),function(){document.removeEventListener(r,e),document.removeEventListener(c,e)}}),[r,t,c]),React__default.createElement("div",_extends({ref:a},i),u)};module.exports=ClickAwayListener;
+"use strict";var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}module.exports=function(e){var u=e.as,i=void 0===u?"div":u,f=e.onClickAway,a=e.mouseEvent,l=void 0===a?"click":a,s=e.touchEvent,b=void 0===s?"touchend":s,O=c(e,["as","onClickAway","mouseEvent","touchEvent"]),v=t.useRef(null);return t.useEffect((function(){var e=function(e){v.current&&v.current.contains(e.target)||f(e)};return document.addEventListener(l,e),document.addEventListener(b,e),function(){document.removeEventListener(l,e),document.removeEventListener(b,e)}}),[l,f,b]),r.createElement(i,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({ref:v},O))};
 //# sourceMappingURL=react-click-away-listener.js.map

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

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self)["react-click-away-listener"]=t(e.react)}(this,(function(e){"use strict";var t="default"in e?e.default:e;function n(){return(n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function r(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}return function(o){var c=o.onClickAway,u=o.mouseEvent,i=void 0===u?"click":u,f=o.touchEvent,a=void 0===f?"touchend":f,l=o.children,d=r(o,["onClickAway","mouseEvent","touchEvent","children"]),s=e.useRef(null);return e.useEffect((function(){var e=function(e){s.current&&s.current.contains(e.target)||c(e)};return document.addEventListener(i,e),document.addEventListener(a,e),function(){document.removeEventListener(i,e),document.removeEventListener(a,e)}}),[i,c,a]),t.createElement("div",n({ref:s},d),l)}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=e||self)["react-click-away-listener"]=t(e.react)}(this,(function(e){"use strict";var t="default"in e?e.default:e;function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}return function(c){var u=c.as,i=void 0===u?"div":u,f=c.onClickAway,a=c.mouseEvent,l=void 0===a?"click":a,s=c.touchEvent,d=void 0===s?"touchend":s,p=o(c,["as","onClickAway","mouseEvent","touchEvent"]),b=e.useRef(null);return e.useEffect((function(){var e=function(e){b.current&&b.current.contains(e.target)||f(e)};return document.addEventListener(l,e),document.addEventListener(d,e),function(){document.removeEventListener(l,e),document.removeEventListener(d,e)}}),[l,f,d]),t.createElement(i,function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}({ref:b},p))}}));
 //# sourceMappingURL=react-click-away-listener.umd.js.map

package.json

 {
 	"name": "react-click-away-listener",
-	"version": "1.3.0",
+	"version": "1.4.0",
 	"description": "A simple click away listener built with React Hooks",
@@ -32,2 +32,3 @@ "main": "dist/react-click-away-listener.js",
 		"@babel/preset-typescript": "^7.10.4",
+		"@rollup/plugin-babel": "^5.2.0",
 		"@testing-library/react": "^9.3.1",
@@ -54,4 +55,3 @@ "@types/jest": "^24.0.21",
 		"rollup": "^1.26.3",
-		"rollup-plugin-babel": "^4.3.3",
-		"rollup-plugin-terser": "^5.1.2",
+		"rollup-plugin-terser": "^7.0.0",
 		"typescript": "^3.6.4"
@@ -58,0 +58,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

16618

increased by8.3%

Lines of code

36

increased by20%

No dependency changes