react-responsive - npm Package Compare versions

Comparing version 9.0.0-beta.5 to 9.0.0-beta.6

dist/Context.d.ts

 import React from 'react';
 import { MediaQueryAllQueryable } from './types';
-declare const Context: React.Context<Partial<MediaQueryAllQueryable>>;
+declare const Context: React.Context<Partial<MediaQueryAllQueryable> | undefined>;
 export default Context;

dist/index.d.ts

@@ -6,1 +6,2 @@ import useMediaQuery from './useMediaQuery';
 export { MediaQuery as default, useMediaQuery, toQuery, Context };
+export type { MediaQueryTypes, MediaQueryType, MediaQueryFeatures, MediaQueryAllQueryable } from './types';

dist/react-responsive.js

@@ -32,3 +32,3 @@ !function(root, factory) {
             return Object.prototype.hasOwnProperty.call(object, property);
-        }, __webpack_require__.p = "", __webpack_require__(__webpack_require__.s = 7);
+        }, __webpack_require__.p = "", __webpack_require__(__webpack_require__.s = 8);
     }([ function(module, exports, __webpack_require__) {
@@ -44,10 +44,10 @@ "use strict";
         });
-        var react_1 = __importDefault(__webpack_require__(1)), matchmediaquery_1 = __importDefault(__webpack_require__(8)), hyphenate_style_name_1 = __importDefault(__webpack_require__(2)), shallow_equal_1 = __webpack_require__(10), toQuery_1 = __importDefault(__webpack_require__(3)), Context_1 = __importDefault(__webpack_require__(6)), makeQuery = function(settings) {
+        var react_1 = __importDefault(__webpack_require__(1)), matchmediaquery_1 = __importDefault(__webpack_require__(9)), hyphenate_style_name_1 = __importDefault(__webpack_require__(2)), shallow_equal_1 = __webpack_require__(11), toQuery_1 = __importDefault(__webpack_require__(3)), Context_1 = __importDefault(__webpack_require__(7)), makeQuery = function(settings) {
             return settings.query || (0, toQuery_1.default)(settings);
         }, hyphenateKeys = function(obj) {
-            if (!obj) return null;
-            var keys = Object.keys(obj);
-            return 0 === keys.length ? null : keys.reduce(function(result, key) {
-                return result[(0, hyphenate_style_name_1.default)(key)] = obj[key], result;
-            }, {});
+            if (obj) {
+                return Object.keys(obj).reduce(function(result, key) {
+                    return result[(0, hyphenate_style_name_1.default)(key)] = obj[key], result;
+                }, {});
+            }
         }, useIsUpdate = function() {
@@ -60,3 +60,3 @@ var ref = react_1.default.useRef(!1);
             var deviceFromContext = react_1.default.useContext(Context_1.default), getDevice = function() {
-                return hyphenateKeys(deviceFromProps) || hyphenateKeys(deviceFromContext) || {};
+                return hyphenateKeys(deviceFromProps) || hyphenateKeys(deviceFromContext);
             }, _a = react_1.default.useState(getDevice), device = _a[0], setDevice = _a[1];
@@ -77,3 +77,3 @@ return react_1.default.useEffect(function() {
             var getMatchMedia = function() {
-                return (0, matchmediaquery_1.default)(query, device);
+                return (0, matchmediaquery_1.default)(query, device || {}, !!device);
             }, _a = react_1.default.useState(getMatchMedia), mq = _a[0], setMq = _a[1], isUpdate = useIsUpdate();
@@ -138,3 +138,3 @@ return react_1.default.useEffect(function() {
         });
-        var hyphenate_style_name_1 = __importDefault(__webpack_require__(2)), mediaQuery_1 = __importDefault(__webpack_require__(11)), negate = function(cond) {
+        var hyphenate_style_name_1 = __importDefault(__webpack_require__(2)), mediaQuery_1 = __importDefault(__webpack_require__(12)), negate = function(cond) {
             return "not ".concat(cond);
@@ -156,6 +156,8 @@ }, keyVal = function(k, v) {
         "use strict";
-        module.exports = __webpack_require__(13);
+        module.exports = __webpack_require__(14);
     }, function(module, exports, __webpack_require__) {
         "use strict";
         module.exports = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+    }, function(module, exports) {
+        module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
     }, function(module, exports, __webpack_require__) {
@@ -171,3 +173,3 @@ "use strict";
         });
-        var react_1 = __importDefault(__webpack_require__(1)), Context = react_1.default.createContext({});
+        var react_1 = __importDefault(__webpack_require__(1)), Context = react_1.default.createContext(void 0);
         exports.default = Context;
@@ -186,7 +188,7 @@ }, function(module, exports, __webpack_require__) {
         exports.useMediaQuery = useMediaQuery_1.default;
-        var Component_1 = __importDefault(__webpack_require__(17));
+        var Component_1 = __importDefault(__webpack_require__(18));
         exports.default = Component_1.default;
         var toQuery_1 = __importDefault(__webpack_require__(3));
         exports.toQuery = toQuery_1.default;
-        var Context_1 = __importDefault(__webpack_require__(6));
+        var Context_1 = __importDefault(__webpack_require__(7));
         exports.Context = Context_1.default;
@@ -218,3 +220,3 @@ }, function(module, exports, __webpack_require__) {
         }
-        var staticMatch = __webpack_require__(9).match, dynamicMatch = "undefined" != typeof window ? window.matchMedia : null;
+        var staticMatch = __webpack_require__(10).match, dynamicMatch = "undefined" != typeof window ? window.matchMedia : null;
         module.exports = matchMedia;
@@ -384,3 +386,3 @@ }, function(module, exports, __webpack_require__) {
         });
-        var prop_types_1 = __importDefault(__webpack_require__(12)), stringOrNumber = prop_types_1.default.oneOfType([ prop_types_1.default.string, prop_types_1.default.number ]), types = {
+        var prop_types_1 = __importDefault(__webpack_require__(13)), stringOrNumber = prop_types_1.default.oneOfType([ prop_types_1.default.string, prop_types_1.default.number ]), types = {
             all: prop_types_1.default.bool,
@@ -441,3 +443,3 @@ grid: prop_types_1.default.bool,
         var ReactIs = __webpack_require__(4);
-        module.exports = __webpack_require__(14)(ReactIs.isElement, !0);
+        module.exports = __webpack_require__(15)(ReactIs.isElement, !0);
     }, function(module, exports, __webpack_require__) {
@@ -542,3 +544,3 @@ "use strict";
         }
-        var ReactIs = __webpack_require__(4), assign = __webpack_require__(15), ReactPropTypesSecret = __webpack_require__(5), checkPropTypes = __webpack_require__(16), has = Function.call.bind(Object.prototype.hasOwnProperty), printWarning = function() {};
+        var ReactIs = __webpack_require__(4), assign = __webpack_require__(16), ReactPropTypesSecret = __webpack_require__(5), has = __webpack_require__(6), checkPropTypes = __webpack_require__(17), printWarning = function() {};
         printWarning = function(text) {
@@ -558,4 +560,5 @@ var message = "Warning: " + text;
             }
-            function PropTypeError(message) {
-                this.message = message, this.stack = "";
+            function PropTypeError(message, data) {
+                this.message = message, this.data = data && "object" == typeof data ? data : {}, 
+                this.stack = "";
             }
@@ -584,3 +587,5 @@ function createChainableTypeChecker(validate) {
                     var propValue = props[propName];
-                    if (getPropType(propValue) !== expectedType) return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + getPreciseType(propValue) + "` supplied to `" + componentName + "`, expected `" + expectedType + "`.");
+                    if (getPropType(propValue) !== expectedType) return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + getPreciseType(propValue) + "` supplied to `" + componentName + "`, expected `" + expectedType + "`.", {
+                        expectedType: expectedType
+                    });
                     return null;
@@ -641,6 +646,8 @@ }
                 function validate(props, propName, componentName, location, propFullName) {
-                    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-                        if (null == (0, arrayOfTypeCheckers[i])(props, propName, componentName, location, propFullName, ReactPropTypesSecret)) return null;
+                    for (var expectedTypes = [], i = 0; i < arrayOfTypeCheckers.length; i++) {
+                        var checker = arrayOfTypeCheckers[i], checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+                        if (null == checkerResult) return null;
+                        checkerResult.data && has(checkerResult.data, "expectedType") && expectedTypes.push(checkerResult.data.expectedType);
                     }
-                    return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to `" + componentName + "`.");
+                    return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to `" + componentName + "`" + (expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "") + ".");
                 }
@@ -656,2 +663,5 @@ if (!Array.isArray(arrayOfTypeCheckers)) return printWarning("Invalid argument supplied to oneOfType, expected an instance of array."),
             }
+            function invalidValidatorError(componentName, location, propFullName, key, type) {
+                return new PropTypeError((componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`.");
+            }
             function createShapeTypeChecker(shapeTypes) {
@@ -663,6 +673,5 @@ function validate(props, propName, componentName, location, propFullName) {
                         var checker = shapeTypes[key];
-                        if (checker) {
-                            var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
-                            if (error) return error;
-                        }
+                        if ("function" != typeof checker) return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+                        var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
+                        if (error) return error;
                     }
@@ -680,2 +689,3 @@ return null;
                         var checker = shapeTypes[key];
+                        if (has(shapeTypes, key) && "function" != typeof checker) return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
                         if (!checker) return new PropTypeError("Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  "));
@@ -754,2 +764,3 @@ var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
                 array: createPrimitiveTypeChecker("array"),
+                bigint: createPrimitiveTypeChecker("bigint"),
                 bool: createPrimitiveTypeChecker("boolean"),
@@ -848,3 +859,3 @@ func: createPrimitiveTypeChecker("function"),
                     if ("function" != typeof typeSpecs[typeSpecName]) {
-                        var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.");
+                        var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                         throw err.name = "Invariant Violation", err;
@@ -864,3 +875,3 @@ }
         }
-        var printWarning = function() {}, ReactPropTypesSecret = __webpack_require__(5), loggedTypeFailures = {}, has = Function.call.bind(Object.prototype.hasOwnProperty);
+        var printWarning = function() {}, ReactPropTypesSecret = __webpack_require__(5), loggedTypeFailures = {}, has = __webpack_require__(6);
         printWarning = function(text) {
@@ -867,0 +878,0 @@ var message = "Warning: " + text;

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 u=r[n]={i:n,l:!1,exports:{}};return e[n].call(u.exports,u,u.exports,t),u.l=!0,u.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=5)}([function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=n(r(1)),o=n(r(6)),a=n(r(2)),i=r(8),c=n(r(3)),s=n(r(4)),f=function(e){return e.query||(0,c.default)(e)},l=function(e){if(!e)return null;var t=Object.keys(e);return 0===t.length?null:t.reduce(function(t,r){return t[(0,a.default)(r)]=e[r],t},{})},d=function(){var e=u.default.useRef(!1);return u.default.useEffect(function(){e.current=!0},[]),e.current},p=function(e){var t=u.default.useContext(s.default),r=function(){return l(e)||l(t)||{}},n=u.default.useState(r),o=n[0],a=n[1];return u.default.useEffect(function(){var e=r();(0,i.shallowEqualObjects)(o,e)||a(e)},[e,t]),o},m=function(e){var t=function(){return f(e)},r=u.default.useState(t),n=r[0],o=r[1];return u.default.useEffect(function(){var e=t();n!==e&&o(e)},[e]),n},h=function(e,t){var r=function(){return(0,o.default)(e,t)},n=u.default.useState(r),a=n[0],i=n[1],c=d();return u.default.useEffect(function(){if(c){var e=r();return i(e),function(){e&&e.dispose()}}},[e,t]),a},v=function(e){var t=u.default.useState(e.matches),r=t[0],n=t[1];return u.default.useEffect(function(){var t=function(){n(e.matches)};return e.addListener(t),t(),function(){e.removeListener(t)}},[e]),r},y=function(e,t,r){var n=p(t),o=m(e);if(!o)throw new Error("Invalid or missing MediaQuery!");var a=h(o,n),i=v(a),c=d();return u.default.useEffect(function(){c&&r&&r(i)},[i]),u.default.useEffect(function(){return function(){a&&a.dispose()}},[]),i};t.default=y},function(t,r){t.exports=e},function(e,t,r){"use strict";function n(e){return"-"+e.toLowerCase()}function u(e){if(i.hasOwnProperty(e))return i[e];var t=e.replace(o,n);return i[e]=a.test(t)?"-"+t:t}Object.defineProperty(t,"__esModule",{value:!0});var o=/[A-Z]/g,a=/^ms-/,i={};t.default=u},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=n(r(2)),o=n(r(9)),a=function(e){return"not ".concat(e)},i=function(e,t){var r=(0,u.default)(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 ")},s=function(e){var t=[];return Object.keys(o.default.all).forEach(function(r){var n=e[r];null!=n&&t.push(i(r,n))}),c(t)};t.default=s},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=n(r(1)),o=u.default.createContext({});t.default=o},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Context=t.toQuery=t.useMediaQuery=t.default=void 0;var u=n(r(0));t.useMediaQuery=u.default;var o=n(r(13));t.default=o.default;var a=n(r(3));t.toQuery=a.default;var i=n(r(4));t.Context=i.default},function(e,t,r){"use strict";function n(e,t,r){function n(e){f&&f.addListener(e)}function u(e){f&&f.removeListener(e)}function i(e){s.matches=e.matches,s.media=e.media}function c(){f&&f.removeListener(i)}var s=this;if(a&&!r){var f=a.call(window,e);this.matches=f.matches,this.media=f.media,f.addListener(i)}else this.matches=o(e,t),this.media=e;this.addListener=n,this.removeListener=u,this.dispose=c}function u(e,t,r){return new n(e,t,r)}var o=r(7).match,a="undefined"!=typeof window?window.matchMedia:null;e.exports=u},function(e,t,r){"use strict";function n(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 u=e.expressions.every(function(e){var r=e.feature,n=e.modifier,u=e.value,c=t[r];if(!c)return!1;switch(r){case"orientation":case"scan":return c.toLowerCase()===u.toLowerCase();case"width":case"height":case"device-width":case"device-height":u=i(u),c=i(c);break;case"resolution":u=a(u),c=a(c);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":u=o(u),c=o(c);break;case"grid":case"color":case"color-index":case"monochrome":u=parseInt(u,10)||1,c=parseInt(c,10)||0}switch(n){case"min":return c>=u;case"max":return c<=u;default:return c===u}});return u&&!r||!u&&r})}function u(e){return e.split(",").map(function(e){e=e.trim();var t=e.match(c),r=t[1],n=t[2],u=t[3]||"",o={};return o.inverse=!!r&&"not"===r.toLowerCase(),o.type=n?n.toLowerCase():"all",u=u.match(/\([^\)]+\)/g)||[],o.expressions=u.map(function(e){var t=e.match(s),r=t[1].toLowerCase().match(f);return{modifier:r[1],feature:r[2],value:t[2]}}),o})}function o(e){var t,r=Number(e);return r||(t=e.match(/^(\d+)\s*\/\s*(\d+)$/),r=t[1]/t[2]),r}function a(e){var t=parseFloat(e);switch(String(e).match(d)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function i(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=u;var c=/(?:(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)?$/,d=/(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),u=r.length;if(n.length!==u)return!1;for(var o=0;o<u;o++){var a=r[o];if(e[a]!==t[a]||!Object.prototype.hasOwnProperty.call(t,a))return!1}return!0}function u(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=e.length;if(t.length!==r)return!1;for(var n=0;n<r;n++)if(e[n]!==t[n])return!1;return!0}Object.defineProperty(t,"__esModule",{value:!0}),r.d(t,"shallowEqualArrays",function(){return u}),r.d(t,"shallowEqualObjects",function(){return n})},function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var u in t)Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u])}return e},n.apply(this,arguments)},u=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var u=0,n=Object.getOwnPropertySymbols(e);u<n.length;u++)t.indexOf(n[u])<0&&Object.prototype.propertyIsEnumerable.call(e,n[u])&&(r[n[u]]=e[n[u]]);return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=o(r(10)),i=a.default.oneOfType([a.default.string,a.default.number]),c={all:a.default.bool,grid:a.default.bool,aural:a.default.bool,braille:a.default.bool,handheld:a.default.bool,print:a.default.bool,projection:a.default.bool,screen:a.default.bool,tty:a.default.bool,tv:a.default.bool,embossed:a.default.bool},s={orientation:a.default.oneOf(["portrait","landscape"]),scan:a.default.oneOf(["progressive","interlace"]),aspectRatio:a.default.string,deviceAspectRatio:a.default.string,height:i,deviceHeight:i,width:i,deviceWidth:i,color:a.default.bool,colorIndex:a.default.bool,monochrome:a.default.bool,resolution:i,type:Object.keys(c)},f=u(s,["type"]),l=n({minAspectRatio:a.default.string,maxAspectRatio:a.default.string,minDeviceAspectRatio:a.default.string,maxDeviceAspectRatio:a.default.string,minHeight:i,maxHeight:i,minDeviceHeight:i,maxDeviceHeight:i,minWidth:i,maxWidth:i,minDeviceWidth:i,maxDeviceWidth:i,minColor:a.default.number,maxColor:a.default.number,minColorIndex:a.default.number,maxColorIndex:a.default.number,minMonochrome:a.default.number,maxMonochrome:a.default.number,minResolution:i,maxResolution:i},f),d=n(n({},c),l);t.default={all:d,types:c,matchers:s,features:l}},function(e,t,r){e.exports=r(11)()},function(e,t,r){"use strict";function n(){}function u(){}var o=r(12);u.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,u,a){if(a!==o){var i=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 i.name="Invariant Violation",i}}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:u,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";var n=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var u=0,n=Object.getOwnPropertySymbols(e);u<n.length;u++)t.indexOf(n[u])<0&&Object.prototype.propertyIsEnumerable.call(e,n[u])&&(r[n[u]]=e[n[u]]);return r},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=u(r(0)),a=function(e){var t=e.children,r=e.device,u=e.onChange,a=n(e,["children","device","onChange"]),i=(0,o.default)(a,r,u);return"function"==typeof t?t(i):i?t:null};t.default=a}])});
+!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=5)}([function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(1)),u=n(r(6)),a=n(r(2)),i=r(8),c=n(r(3)),s=n(r(4)),f=function(e){return e.query||(0,c.default)(e)},l=function(e){if(e){return Object.keys(e).reduce(function(t,r){return t[(0,a.default)(r)]=e[r],t},{})}},d=function(){var e=o.default.useRef(!1);return o.default.useEffect(function(){e.current=!0},[]),e.current},p=function(e){var t=o.default.useContext(s.default),r=function(){return l(e)||l(t)},n=o.default.useState(r),u=n[0],a=n[1];return o.default.useEffect(function(){var e=r();(0,i.shallowEqualObjects)(u,e)||a(e)},[e,t]),u},m=function(e){var t=function(){return f(e)},r=o.default.useState(t),n=r[0],u=r[1];return o.default.useEffect(function(){var e=t();n!==e&&u(e)},[e]),n},h=function(e,t){var r=function(){return(0,u.default)(e,t||{},!!t)},n=o.default.useState(r),a=n[0],i=n[1],c=d();return o.default.useEffect(function(){if(c){var e=r();return i(e),function(){e&&e.dispose()}}},[e,t]),a},v=function(e){var t=o.default.useState(e.matches),r=t[0],n=t[1];return o.default.useEffect(function(){var t=function(){n(e.matches)};return e.addListener(t),t(),function(){e.removeListener(t)}},[e]),r},y=function(e,t,r){var n=p(t),u=m(e);if(!u)throw new Error("Invalid or missing MediaQuery!");var a=h(u,n),i=v(a),c=d();return o.default.useEffect(function(){c&&r&&r(i)},[i]),o.default.useEffect(function(){return function(){a&&a.dispose()}},[]),i};t.default=y},function(t,r){t.exports=e},function(e,t,r){"use strict";function n(e){return"-"+e.toLowerCase()}function o(e){if(i.hasOwnProperty(e))return i[e];var t=e.replace(u,n);return i[e]=a.test(t)?"-"+t:t}Object.defineProperty(t,"__esModule",{value:!0});var u=/[A-Z]/g,a=/^ms-/,i={};t.default=o},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(2)),u=n(r(9)),a=function(e){return"not ".concat(e)},i=function(e,t){var r=(0,o.default)(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 ")},s=function(e){var t=[];return Object.keys(u.default.all).forEach(function(r){var n=e[r];null!=n&&t.push(i(r,n))}),c(t)};t.default=s},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(r(1)),u=o.default.createContext(void 0);t.default=u},function(e,t,r){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Context=t.toQuery=t.useMediaQuery=t.default=void 0;var o=n(r(0));t.useMediaQuery=o.default;var u=n(r(13));t.default=u.default;var a=n(r(3));t.toQuery=a.default;var i=n(r(4));t.Context=i.default},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 i(e){s.matches=e.matches,s.media=e.media}function c(){f&&f.removeListener(i)}var s=this;if(a&&!r){var f=a.call(window,e);this.matches=f.matches,this.media=f.media,f.addListener(i)}else this.matches=u(e,t),this.media=e;this.addListener=n,this.removeListener=o,this.dispose=c}function o(e,t,r){return new n(e,t,r)}var u=r(7).match,a="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,c=t[r];if(!c)return!1;switch(r){case"orientation":case"scan":return c.toLowerCase()===o.toLowerCase();case"width":case"height":case"device-width":case"device-height":o=i(o),c=i(c);break;case"resolution":o=a(o),c=a(c);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":o=u(o),c=u(c);break;case"grid":case"color":case"color-index":case"monochrome":o=parseInt(o,10)||1,c=parseInt(c,10)||0}switch(n){case"min":return c>=o;case"max":return c<=o;default:return c===o}});return o&&!r||!o&&r})}function o(e){return e.split(",").map(function(e){e=e.trim();var t=e.match(c),r=t[1],n=t[2],o=t[3]||"",u={};return u.inverse=!!r&&"not"===r.toLowerCase(),u.type=n?n.toLowerCase():"all",o=o.match(/\([^\)]+\)/g)||[],u.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]}}),u})}function u(e){var t,r=Number(e);return r||(t=e.match(/^(\d+)\s*\/\s*(\d+)$/),r=t[1]/t[2]),r}function a(e){var t=parseFloat(e);switch(String(e).match(d)[1]){case"dpcm":return t/2.54;case"dppx":return 96*t;default:return t}}function i(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 c=/(?:(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)?$/,d=/(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 u=0;u<o;u++){var a=r[u];if(e[a]!==t[a]||!Object.prototype.hasOwnProperty.call(t,a))return!1}return!0}function o(e,t){if(e===t)return!0;if(!e||!t)return!1;var r=e.length;if(t.length!==r)return!1;for(var n=0;n<r;n++)if(e[n]!==t[n])return!1;return!0}Object.defineProperty(t,"__esModule",{value:!0}),r.d(t,"shallowEqualArrays",function(){return o}),r.d(t,"shallowEqualObjects",function(){return n})},function(e,t,r){"use strict";var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},n.apply(this,arguments)},o=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r},u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var a=u(r(10)),i=a.default.oneOfType([a.default.string,a.default.number]),c={all:a.default.bool,grid:a.default.bool,aural:a.default.bool,braille:a.default.bool,handheld:a.default.bool,print:a.default.bool,projection:a.default.bool,screen:a.default.bool,tty:a.default.bool,tv:a.default.bool,embossed:a.default.bool},s={orientation:a.default.oneOf(["portrait","landscape"]),scan:a.default.oneOf(["progressive","interlace"]),aspectRatio:a.default.string,deviceAspectRatio:a.default.string,height:i,deviceHeight:i,width:i,deviceWidth:i,color:a.default.bool,colorIndex:a.default.bool,monochrome:a.default.bool,resolution:i,type:Object.keys(c)},f=o(s,["type"]),l=n({minAspectRatio:a.default.string,maxAspectRatio:a.default.string,minDeviceAspectRatio:a.default.string,maxDeviceAspectRatio:a.default.string,minHeight:i,maxHeight:i,minDeviceHeight:i,maxDeviceHeight:i,minWidth:i,maxWidth:i,minDeviceWidth:i,maxDeviceWidth:i,minColor:a.default.number,maxColor:a.default.number,minColorIndex:a.default.number,maxColorIndex:a.default.number,minMonochrome:a.default.number,maxMonochrome:a.default.number,minResolution:i,maxResolution:i},f),d=n(n({},c),l);t.default={all:d,types:c,matchers:s,features:l}},function(e,t,r){e.exports=r(11)()},function(e,t,r){"use strict";function n(){}function o(){}var u=r(12);o.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,o,a){if(a!==u){var i=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 i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var r={array:e,bigint: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";var n=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=o(r(0)),a=function(e){var t=e.children,r=e.device,o=e.onChange,a=n(e,["children","device","onChange"]),i=(0,u.default)(a,r,o);return"function"==typeof t?t(i):i?t:null};t.default=a}])});
 //# sourceMappingURL=react-responsive.min.js.map

package.json

 {
   "name": "react-responsive",
   "description": "Media queries in react for responsive design",
-  "version": "9.0.0-beta.5",
+  "version": "9.0.0-beta.6",
   "homepage": "http://github.com/contra/react-responsive",
@@ -81,3 +81,3 @@ "repository": {
     "lint": "eslint --ext=ts,tsx src test --fix",
-    "test": "cross-env NODE_PATH=$NODE_PATkH:$PWD/src ts-node ./node_modules/.bin/mocha -R spec --require ./test/setup.js test/*_test.ts",
+    "test": "cross-env NODE_PATH=$NODE_PATkH:$PWD/src ts-node ./node_modules/.bin/mocha -R spec --require ./test/setup.js test/*_test.{ts,tsx}",
     "docs": "typedoc src/index.ts --theme minimal && gh-pages -d docs"
@@ -84,0 +84,0 @@ },

src/@types/shallow-equal.d.ts

@@ -16,5 +16,5 @@ declare module 'shallow-equal' {
   export function shallowEqualObjects(
-    obj1: primitiveObject,
-    obj2: primitiveObject
+    obj1: primitiveObject | undefined,
+    obj2: primitiveObject | undefined
   ): boolean;
 }

src/Context.ts

 import React from 'react'
 import { MediaQueryAllQueryable } from './types'
 
-const Context = React.createContext<Partial<MediaQueryAllQueryable>>({})
+const Context = React.createContext<Partial<MediaQueryAllQueryable> | undefined>(undefined)
 
 export default Context

src/useMediaQuery.ts

@@ -13,6 +13,5 @@ import React from 'react'
 
-const hyphenateKeys = (obj?: Record<string, any>): Record<string, any> | null => {
-  if (!obj) return null
+const hyphenateKeys = (obj?: Record<string, any>): Record<string, any> | undefined => {
+  if (!obj) return undefined
   const keys = Object.keys(obj)
-  if (keys.length === 0) return null
 
@@ -35,6 +34,6 @@ return keys.reduce((result, key) => {
 
-const useDevice = (deviceFromProps?: MediaQueryMatchers): Partial<MediaQueryAllQueryable> => {
+const useDevice = (deviceFromProps?: MediaQueryMatchers): Partial<MediaQueryAllQueryable> | undefined => {
   const deviceFromContext = React.useContext(Context)
   const getDevice = () =>
-    hyphenateKeys(deviceFromProps) || hyphenateKeys(deviceFromContext) || {}
+    hyphenateKeys(deviceFromProps) || hyphenateKeys(deviceFromContext)
   const [ device, setDevice ] = React.useState(getDevice)
@@ -66,4 +65,4 @@
 
-const useMatchMedia = (query: string, device: MediaQueryMatchers) => {
-  const getMatchMedia = () => matchMedia(query, device)
+const useMatchMedia = (query: string, device?: MediaQueryMatchers) => {
+  const getMatchMedia = () => matchMedia(query, device || {}, !!device)
   const [ mq, setMq ] = React.useState(getMatchMedia)
@@ -70,0 +69,0 @@ const isUpdate = useIsUpdate()

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

315704

increased by1.56%

Lines of code

1431

increased by0.85%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes