react-responsive - npm Package Compare versions

Comparing version 8.0.1 to 8.0.2

CHANGELOG.md

 ## Change Log
 
+### v8.0.2
+
+- Fix webpack build to have proper sourcemaps for UMD users
+
 ### v8.0.1
@@ -4,0 +8,0 @@

dist/react-responsive.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.MediaQuery=t(require("react")):e.MediaQuery=t(e.React)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t,r){"use strict";function n(e,t){return i(e)||a(e,t)||o()}function o(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}function a(e,t){var r=[],n=!0,o=!1,a=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw a}}return r}function i(e){if(Array.isArray(e))return e}var c=r(1),u=r.n(c),s=r(5),f=r.n(s),l=r(2),p=r(7),m=r.n(p),d=r(8),h=r(3),v=function(e){return e.query||Object(d.a)(e)},b=function(e){if(!e)return null;var t=Object.keys(e);return 0===t.length?null:t.reduce(function(t,r){return t[Object(l.a)(r)]=e[r],t},{})},y=function(){var e=u.a.useRef(!1);return u.a.useEffect(function(){e.current=!0},[]),e.current},O=function(e){var t=u.a.useContext(h.a),r=function(){return b(e)||b(t)},o=u.a.useState(r),a=n(o,2),i=a[0],c=a[1];return u.a.useEffect(function(){var e=r();m()(i,e)||c(e)},[e,t]),i},g=function(e){var t=function(){return v(e)},r=u.a.useState(t),o=n(r,2),a=o[0],i=o[1];return u.a.useEffect(function(){var e=t();a!==e&&i(e)},[e]),a},x=function(e,t){var r=function(){return f()(e,t||{},!!t)},o=u.a.useState(r),a=n(o,2),i=a[0],c=a[1],s=y();return u.a.useEffect(function(){return s&&c(r()),function(){i.dispose()}},[e,t]),i},w=function(e){var t=u.a.useState(e.matches),r=n(t,2),o=r[0],a=r[1];return u.a.useEffect(function(){var t=function(){a(e.matches)};return e.addListener(t),t(),function(){e.removeListener(t)}},[e]),o},j=function(e,t,r){var n=O(t),o=g(e);if(!o)throw new Error("Invalid or missing MediaQuery!");var a=x(o,n),i=w(a),c=y();return u.a.useEffect(function(){c&&r&&r(i)},[i]),i};t.a=j},function(t,r){t.exports=e},function(e,t,r){"use strict";function n(e){return"-"+e.toLowerCase()}function o(e){if(c.hasOwnProperty(e))return c[e];var t=e.replace(a,n);return c[e]=i.test(t)?"-"+t:t}var a=/[A-Z]/g,i=/^ms-/,c={};t.a=o},function(e,t,r){"use strict";var n=r(1),o=r.n(n),a=o.a.createContext();t.a=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),o=r(13),a=r(3);r.d(t,"default",function(){return o.a}),r.d(t,"useMediaQuery",function(){return n.a}),r.d(t,"Context",function(){return a.a})},function(e,t,r){"use strict";function n(e,t,r){function n(e){f&&f.addListener(e)}function o(e){f&&f.removeListener(e)}function c(e){s.matches=e.matches,s.media=e.media}function u(){f&&f.removeListener(c)}var s=this;if(i&&!r){var f=i.call(window,e);this.matches=f.matches,this.media=f.media,f.addListener(c)}else this.matches=a(e,t),this.media=e;this.addListener=n,this.removeListener=o,this.dispose=u}function o(e,t,r){return new n(e,t,r)}var a=r(6).match,i="undefined"!=typeof window?window.matchMedia:null;e.exports=o},function(e,t,r){"use strict";function n(e,t){return o(e).some(function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var o=e.expressions.every(function(e){var r=e.feature,n=e.modifier,o=e.value,u=t[r];if(!u)return!1;switch(r){case"orientation":case"scan":return u.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=c(o),u=c(u);break;case"resolution":o=i(o),u=i(u);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=a(o),u=a(u);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,u=parseInt(u,10)||0}switch(n){case"min":return u>=o;case"max":return u<=o;default:return u===o}});return o&&!r||!o&&r})}function o(e){return e.split(",").map(function(e){e=e.trim();var t=e.match(u),r=t[1],n=t[2],o=t[3]||"",a={};return a.inverse=!!r&&"not"===r.toLowerCase(),a.type=n?n.toLowerCase():"all",o=o.match(/\([^\)]+\)/g)||[],a.expressions=o.map(function(e){var t=e.match(s),r=t[1].toLowerCase().match(f);return{modifier:r[1],feature:r[2],value:t[2]}}),a})}function a(e){var t,r=Number(e);return r||(t=e.match(/^(\d+)\s*\/\s*(\d+)$/),r=t[1]/t[2]),r}function i(e){var t=parseFloat(e);switch(String(e).match(p)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function c(e){var t=parseFloat(e);switch(String(e).match(l)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}t.match=n,t.parse=o;var u=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,s=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,f=/^(?:(min|max)-)?(.+)/,l=/(em|rem|px|cm|mm|in|pt|pc)?$/,p=/(dpi|dpcm|dppx)?$/},function(e,t,r){"use strict";function n(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=Object.keys(e),n=Object.keys(t),o=r.length;if(n.length!==o)return!1;for(var a=0;a<o;a++){var i=r[a];if(e[i]!==t[i])return!1}return!0}e.exports=n},function(e,t,r){"use strict";var n=r(2),o=r(9),a=function(e){return"not ".concat(e)},i=function(e,t){var r=Object(n.a)(e);return"number"==typeof t&&(t="".concat(t,"px")),!0===t?r:!1===t?a(r):"(".concat(r,": ").concat(t,")")},c=function(e){return e.join(" and ")};t.a=function(e){var t=[];return Object.keys(o.a.all).forEach(function(r){var n=e[r];null!=n&&t.push(i(r,n))}),c(t)}},function(e,t,r){"use strict";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){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(r,!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(r).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var i=r(10),c=r.n(i),u=c.a.oneOfType([c.a.string,c.a.number]),s={orientation:c.a.oneOf(["portrait","landscape"]),scan:c.a.oneOf(["progressive","interlace"]),aspectRatio:c.a.string,deviceAspectRatio:c.a.string,height:u,deviceHeight:u,width:u,deviceWidth:u,color:c.a.bool,colorIndex:c.a.bool,monochrome:c.a.bool,resolution:u},f=o({minAspectRatio:c.a.string,maxAspectRatio:c.a.string,minDeviceAspectRatio:c.a.string,maxDeviceAspectRatio:c.a.string,minHeight:u,maxHeight:u,minDeviceHeight:u,maxDeviceHeight:u,minWidth:u,maxWidth:u,minDeviceWidth:u,maxDeviceWidth:u,minColor:c.a.number,maxColor:c.a.number,minColorIndex:c.a.number,maxColorIndex:c.a.number,minMonochrome:c.a.number,maxMonochrome:c.a.number,minResolution:u,maxResolution:u},s),l={all:c.a.bool,grid:c.a.bool,aural:c.a.bool,braille:c.a.bool,handheld:c.a.bool,print:c.a.bool,projection:c.a.bool,screen:c.a.bool,tty:c.a.bool,tv:c.a.bool,embossed:c.a.bool},p=o({},l,{},f);s.type=Object.keys(l),t.a={all:p,types:l,matchers:s,features:f}},function(e,t,r){e.exports=r(11)()},function(e,t,r){"use strict";function n(){}function o(){}var a=r(12);o.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,o,i){if(i!==a){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:n};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){"use strict";function n(e,t){if(null==e)return{};var r,n,a=o(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function o(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}function a(e){var t=e.children,r=e.device,o=e.onChange,a=n(e,["children","device","onChange"]),c=Object(i.a)(a,r,o);return"function"==typeof t?t(c):c?t:null}t.a=a;var i=r(0)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["react-responsive"]=t(require("react")):e["react-responsive"]=t(e.React)}(window,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(e,t,r){e.exports=r(5)()},function(t,r){t.exports=e},function(e,t,r){"use strict";var n=r(4).match,o="undefined"!=typeof window?window.matchMedia:null;function a(e,t,r){var a=this;if(o&&!r){var i=o.call(window,e);this.matches=i.matches,this.media=i.media,i.addListener(c)}else this.matches=n(e,t),this.media=e;function c(e){a.matches=e.matches,a.media=e.media}this.addListener=function(e){i&&i.addListener(e)},this.removeListener=function(e){i&&i.removeListener(e)},this.dispose=function(){i&&i.removeListener(c)}}e.exports=function(e,t,r){return new a(e,t,r)}},function(e,t,r){"use strict";e.exports=function(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=Object.keys(e),n=Object.keys(t),o=r.length;if(n.length!==o)return!1;for(var a=0;a<o;a++){var i=r[a];if(e[i]!==t[i]||!Object.prototype.hasOwnProperty.call(t,i))return!1}return!0}},function(e,t,r){"use strict";t.match=function(e,t){return u(e).some((function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var o=e.expressions.every((function(e){var r=e.feature,n=e.modifier,o=e.value,a=t[r];if(!a)return!1;switch(r){case"orientation":case"scan":return a.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=l(o),a=l(a);break;case"resolution":o=f(o),a=f(a);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=s(o),a=s(a);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,a=parseInt(a,10)||0}switch(n){case"min":return a>=o;case"max":return a<=o;default:return a===o}}));return o&&!r||!o&&r}))},t.parse=u;var n=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,o=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,a=/^(?:(min|max)-)?(.+)/,i=/(em|rem|px|cm|mm|in|pt|pc)?$/,c=/(dpi|dpcm|dppx)?$/;function u(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(n),r=t[1],i=t[2],c=t[3]||"",u={};return u.inverse=!!r&&"not"===r.toLowerCase(),u.type=i?i.toLowerCase():"all",c=c.match(/\([^\)]+\)/g)||[],u.expressions=c.map((function(e){var t=e.match(o),r=t[1].toLowerCase().match(a);return{modifier:r[1],feature:r[2],value:t[2]}})),u}))}function s(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function f(e){var t=parseFloat(e);switch(String(e).match(c)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function l(e){var t=parseFloat(e);switch(String(e).match(i)[1]){case"em":case"rem":return 16*t;case"cm":return 96*t/2.54;case"mm":return 96*t/2.54/10;case"in":return 96*t;case"pt":return 72*t;case"pc":return 72*t/12;default:return t}}},function(e,t,r){"use strict";var n=r(6);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,a,i){if(i!==n){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),a=r(2),i=r.n(a),c=/[A-Z]/g,u=/^ms-/,s={};function f(e){return"-"+e.toLowerCase()}var l=function(e){if(s.hasOwnProperty(e))return s[e];var t=e.replace(c,f);return s[e]=u.test(t)?"-"+t:t},p=r(3),m=r.n(p),d=r(0),v=r.n(d);function h(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var O=v.a.oneOfType([v.a.string,v.a.number]),g={orientation:v.a.oneOf(["portrait","landscape"]),scan:v.a.oneOf(["progressive","interlace"]),aspectRatio:v.a.string,deviceAspectRatio:v.a.string,height:O,deviceHeight:O,width:O,deviceWidth:O,color:v.a.bool,colorIndex:v.a.bool,monochrome:v.a.bool,resolution:O},x=b({minAspectRatio:v.a.string,maxAspectRatio:v.a.string,minDeviceAspectRatio:v.a.string,maxDeviceAspectRatio:v.a.string,minHeight:O,maxHeight:O,minDeviceHeight:O,maxDeviceHeight:O,minWidth:O,maxWidth:O,minDeviceWidth:O,maxDeviceWidth:O,minColor:v.a.number,maxColor:v.a.number,minColorIndex:v.a.number,maxColorIndex:v.a.number,minMonochrome:v.a.number,maxMonochrome:v.a.number,minResolution:O,maxResolution:O},g),w={all:v.a.bool,grid:v.a.bool,aural:v.a.bool,braille:v.a.bool,handheld:v.a.bool,print:v.a.bool,projection:v.a.bool,screen:v.a.bool,tty:v.a.bool,tv:v.a.bool,embossed:v.a.bool},j=b({},w,{},x);g.type=Object.keys(w);var P={all:j,types:w,matchers:g,features:x},S=function(e){var t=[];return Object.keys(P.all).forEach((function(r){var n=e[r];null!=n&&t.push(function(e,t){var r=l(e);return"number"==typeof t&&(t="".concat(t,"px")),!0===t?r:!1===t?"not ".concat(r):"(".concat(r,": ").concat(t,")")}(r,n))})),t.join(" and ")},C=o.a.createContext();function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var r=[],n=!0,o=!1,a=void 0;try{for(var i,c=e[Symbol.iterator]();!(n=(i=c.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw a}}return r}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var L=function(e){if(!e)return null;var t=Object.keys(e);return 0===t.length?null:t.reduce((function(t,r){return t[l(r)]=e[r],t}),{})},R=function(){var e=o.a.useRef(!1);return o.a.useEffect((function(){e.current=!0}),[]),e.current},_=function(e){var t=function(){return function(e){return e.query||S(e)}(e)},r=E(o.a.useState(t),2),n=r[0],a=r[1];return o.a.useEffect((function(){var e=t();n!==e&&a(e)}),[e]),n},k=function(e,t,r){var n=function(e){var t=o.a.useContext(C),r=function(){return L(e)||L(t)},n=E(o.a.useState(r),2),a=n[0],i=n[1];return o.a.useEffect((function(){var e=r();m()(a,e)||i(e)}),[e,t]),a}(t),a=_(e);if(!a)throw new Error("Invalid or missing MediaQuery!");var c=function(e){var t=E(o.a.useState(e.matches),2),r=t[0],n=t[1];return o.a.useEffect((function(){var t=function(){n(e.matches)};return e.addListener(t),t(),function(){e.removeListener(t)}}),[e]),r}(function(e,t){var r=function(){return i()(e,t||{},!!t)},n=E(o.a.useState(r),2),a=n[0],c=n[1],u=R();return o.a.useEffect((function(){return u&&c(r()),function(){a.dispose()}}),[e,t]),a}(a,n)),u=R();return o.a.useEffect((function(){u&&r&&r(c)}),[c]),c};function T(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function D(e){var t=e.children,r=e.device,n=e.onChange,o=T(e,["children","device","onChange"]),a=k(o,r,n);return"function"==typeof t?t(a):a?t:null}r.d(t,"default",(function(){return D})),r.d(t,"useMediaQuery",(function(){return k})),r.d(t,"Context",(function(){return C}))}])}));
 //# sourceMappingURL=react-responsive.min.js.map

package.json

 {
   "name": "react-responsive",
   "description": "Media queries in react for responsive design",
-  "version": "8.0.1",
+  "version": "8.0.2",
   "homepage": "http://github.com/contra/react-responsive",
@@ -53,13 +53,14 @@ "repository": {
     "chai": "^4.1.2",
-    "cross-env": "^5.1.3",
+    "cross-env": "^6.0.0",
     "eslint": "^6.0.0",
-    "jsdom": "^15.0.0",
+    "jsdom": "^16.0.0",
     "match-media-mock": "^0.1.1",
-    "mocha": "^6.0.0",
+    "mocha": "^7.0.0",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "should": "^13.2.1",
-    "sinon": "^7.0.0",
-    "webpack": "^3.0.0",
-    "webpack-dev-server": "^2.0.0"
+    "sinon": "^8.0.0",
+    "webpack": "^4.0.0",
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^3.0.0"
   },
@@ -66,0 +67,0 @@ "scripts": {

README.md

@@ -216,2 +216,45 @@ # react-responsive [![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url]
 
+### `onChange`
+
+You can use the `onChange` callback to specify a change handler that will be called when the media query's value changes.
+
+```jsx
+import React from 'react'
+import { useMediaQuery } from 'react-responsive'
+
+const Example = () => {
+
+  const handleMediaQueryChange = (matches) => {
+    // matches will be true or false based on the value for the media query
+  }
+  const isDesktopOrLaptop = useMediaQuery(
+    { minDeviceWidth: 1224 }, undefined,  handleMediaQueryChange
+  );
+
+  return (
+    <div>
+      ...
+    </div>
+  )
+}
+```
+
+```jsx
+import React from 'react'
+import { MediaQuery } from 'react-responsive'
+
+const Example = () => {
+
+  const handleMediaQueryChange = (matches) => {
+    // matches will be true or false based on the value for the media query
+  }
+
+  return (
+    <MediaQuery minDeviceWidth={1224} onChange={handleMediaQueryChange}>
+      ...
+    </MediaQuery>
+  )
+}
+```
+
 ## Easy Mode
@@ -218,0 +261,0 @@

New alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

217849

increased by35.67%

Lines of code

1877

increased by67.74%

Number of lines in readme file

336

increased by14.68%

Worsened metrics

Dev dependency count

25

increased by4.17%

Number of high maintenance alerts

1

increased byInfinity%

No dependency changes