react-responsive - npm Package Compare versions

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

dist/index.d.ts

@@ -1,6 +0,194 @@
-import useMediaQuery from './useMediaQuery';
-import MediaQuery from './Component';
-import toQuery from './toQuery';
-import Context from './Context';
+import * as React from "react";
+interface MediaQueryProps extends MediaQueryAllQueryable {
+    component?: ReactNode;
+    children?: ReactNode | Function;
+    query?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    device?: MediaQueryMatchers;
+    values?: Partial<MediaQueryMatchers>;
+    onBeforeChange?: (_matches: boolean) => void;
+    onChange?: (_matches: boolean) => void;
+}
+export declare const MediaQuery: React.FC<MediaQueryProps>;
+export default MediaQuery;
+
+export declare const Context: React.Context<Partial<MediaQueryAllQueryable> | undefined>;
+export default Context;
+
 export { MediaQuery as default, useMediaQuery, toQuery, Context };
 export type { MediaQueryTypes, MediaQueryType, MediaQueryFeatures, MediaQueryAllQueryable } from './types';
+
+export declare const _default: {
+    all: {
+        orientation: PropTypes.Requireable<string>;
+        scan: PropTypes.Requireable<string>;
+        aspectRatio: PropTypes.Requireable<string>;
+        deviceAspectRatio: PropTypes.Requireable<string>;
+        height: PropTypes.Requireable<string | number>;
+        deviceHeight: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<string | number>;
+        deviceWidth: PropTypes.Requireable<string | number>;
+        color: PropTypes.Requireable<boolean>;
+        colorIndex: PropTypes.Requireable<boolean>;
+        monochrome: PropTypes.Requireable<boolean>;
+        resolution: PropTypes.Requireable<string | number>;
+        minAspectRatio: PropTypes.Requireable<string>;
+        maxAspectRatio: PropTypes.Requireable<string>;
+        minDeviceAspectRatio: PropTypes.Requireable<string>;
+        maxDeviceAspectRatio: PropTypes.Requireable<string>;
+        minHeight: PropTypes.Requireable<string | number>;
+        maxHeight: PropTypes.Requireable<string | number>;
+        minDeviceHeight: PropTypes.Requireable<string | number>;
+        maxDeviceHeight: PropTypes.Requireable<string | number>;
+        minWidth: PropTypes.Requireable<string | number>;
+        maxWidth: PropTypes.Requireable<string | number>;
+        minDeviceWidth: PropTypes.Requireable<string | number>;
+        maxDeviceWidth: PropTypes.Requireable<string | number>;
+        minColor: PropTypes.Requireable<number>;
+        maxColor: PropTypes.Requireable<number>;
+        minColorIndex: PropTypes.Requireable<number>;
+        maxColorIndex: PropTypes.Requireable<number>;
+        minMonochrome: PropTypes.Requireable<number>;
+        maxMonochrome: PropTypes.Requireable<number>;
+        minResolution: PropTypes.Requireable<string | number>;
+        maxResolution: PropTypes.Requireable<string | number>;
+        all: PropTypes.Requireable<boolean>;
+        grid: PropTypes.Requireable<boolean>;
+        aural: PropTypes.Requireable<boolean>;
+        braille: PropTypes.Requireable<boolean>;
+        handheld: PropTypes.Requireable<boolean>;
+        print: PropTypes.Requireable<boolean>;
+        projection: PropTypes.Requireable<boolean>;
+        screen: PropTypes.Requireable<boolean>;
+        tty: PropTypes.Requireable<boolean>;
+        tv: PropTypes.Requireable<boolean>;
+        embossed: PropTypes.Requireable<boolean>;
+    };
+    types: {
+        all: PropTypes.Requireable<boolean>;
+        grid: PropTypes.Requireable<boolean>;
+        aural: PropTypes.Requireable<boolean>;
+        braille: PropTypes.Requireable<boolean>;
+        handheld: PropTypes.Requireable<boolean>;
+        print: PropTypes.Requireable<boolean>;
+        projection: PropTypes.Requireable<boolean>;
+        screen: PropTypes.Requireable<boolean>;
+        tty: PropTypes.Requireable<boolean>;
+        tv: PropTypes.Requireable<boolean>;
+        embossed: PropTypes.Requireable<boolean>;
+    };
+    matchers: {
+        orientation: PropTypes.Requireable<string>;
+        scan: PropTypes.Requireable<string>;
+        aspectRatio: PropTypes.Requireable<string>;
+        deviceAspectRatio: PropTypes.Requireable<string>;
+        height: PropTypes.Requireable<string | number>;
+        deviceHeight: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<string | number>;
+        deviceWidth: PropTypes.Requireable<string | number>;
+        color: PropTypes.Requireable<boolean>;
+        colorIndex: PropTypes.Requireable<boolean>;
+        monochrome: PropTypes.Requireable<boolean>;
+        resolution: PropTypes.Requireable<string | number>;
+        type: string[];
+    };
+    features: {
+        orientation: PropTypes.Requireable<string>;
+        scan: PropTypes.Requireable<string>;
+        aspectRatio: PropTypes.Requireable<string>;
+        deviceAspectRatio: PropTypes.Requireable<string>;
+        height: PropTypes.Requireable<string | number>;
+        deviceHeight: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<string | number>;
+        deviceWidth: PropTypes.Requireable<string | number>;
+        color: PropTypes.Requireable<boolean>;
+        colorIndex: PropTypes.Requireable<boolean>;
+        monochrome: PropTypes.Requireable<boolean>;
+        resolution: PropTypes.Requireable<string | number>;
+        minAspectRatio: PropTypes.Requireable<string>;
+        maxAspectRatio: PropTypes.Requireable<string>;
+        minDeviceAspectRatio: PropTypes.Requireable<string>;
+        maxDeviceAspectRatio: PropTypes.Requireable<string>;
+        minHeight: PropTypes.Requireable<string | number>;
+        maxHeight: PropTypes.Requireable<string | number>;
+        minDeviceHeight: PropTypes.Requireable<string | number>;
+        maxDeviceHeight: PropTypes.Requireable<string | number>;
+        minWidth: PropTypes.Requireable<string | number>;
+        maxWidth: PropTypes.Requireable<string | number>;
+        minDeviceWidth: PropTypes.Requireable<string | number>;
+        maxDeviceWidth: PropTypes.Requireable<string | number>;
+        minColor: PropTypes.Requireable<number>;
+        maxColor: PropTypes.Requireable<number>;
+        minColorIndex: PropTypes.Requireable<number>;
+        maxColorIndex: PropTypes.Requireable<number>;
+        minMonochrome: PropTypes.Requireable<number>;
+        maxMonochrome: PropTypes.Requireable<number>;
+        minResolution: PropTypes.Requireable<string | number>;
+        maxResolution: PropTypes.Requireable<string | number>;
+    };
+};
+export default _default;
+
+export declare const toQuery: (obj: Partial<MediaQueryAllQueryable>) => string;
+export default toQuery;
+
+export interface MediaQueryTypes {
+    all?: boolean;
+    grid?: boolean;
+    aural?: boolean;
+    braille?: boolean;
+    handheld?: boolean;
+    print?: boolean;
+    projection?: boolean;
+    screen?: boolean;
+    tty?: boolean;
+    tv?: boolean;
+    embossed?: boolean;
+}
+export declare type MediaQueryType = keyof MediaQueryTypes;
+export interface MediaQueryMatchers {
+    aspectRatio?: string;
+    deviceAspectRatio?: string;
+    height?: number | string;
+    deviceHeight?: number | string;
+    width?: number | string;
+    deviceWidth?: number | string;
+    color?: boolean;
+    colorIndex?: boolean;
+    monochrome?: boolean;
+    resolution?: number | string;
+    orientation?: 'portrait' | 'landscape';
+    scan?: 'progressive' | 'interlace';
+    type?: MediaQueryType;
+}
+export interface MediaQueryFeatures extends MediaQueryMatchers {
+    minAspectRatio?: string;
+    maxAspectRatio?: string;
+    minDeviceAspectRatio?: string;
+    maxDeviceAspectRatio?: string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    minDeviceHeight?: number | string;
+    maxDeviceHeight?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    minDeviceWidth?: number | string;
+    maxDeviceWidth?: number | string;
+    minColor?: number;
+    maxColor?: number;
+    minColorIndex?: number;
+    maxColorIndex?: number;
+    minMonochrome?: number;
+    maxMonochrome?: number;
+    minResolution?: number | string;
+    maxResolution?: number | string;
+}
+export interface MediaQueryAllQueryable extends MediaQueryFeatures, MediaQueryTypes {
+}
+
+export declare type MediaQuerySettings = Partial<MediaQueryAllQueryable & {
+    query?: string;
+}>;
+export declare const useMediaQuery: (settings: MediaQuerySettings, device?: MediaQueryMatchers | undefined, onChange?: ((_: boolean) => void) | undefined) => boolean;
+export default useMediaQuery;

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=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}])});
+!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)}(self,(e=>(()=>{var t={988:(e,t)=>{"use strict";t.E=function(e,t){return function(e){return e.split(",").map((function(e){var t=(e=e.trim()).match(r),o=t[1],u=t[2],i=t[3]||"",s={};return s.inverse=!!o&&"not"===o.toLowerCase(),s.type=u?u.toLowerCase():"all",i=i.match(/\([^\)]+\)/g)||[],s.expressions=i.map((function(e){var t=e.match(n),r=t[1].toLowerCase().match(a);return{modifier:r[1],feature:r[2],value:t[2]}})),s}))}(e).some((function(e){var r=e.inverse,n="all"===e.type||t.type===e.type;if(n&&r||!n&&!r)return!1;var a=e.expressions.every((function(e){var r=e.feature,n=e.modifier,a=e.value,o=t[r];if(!o)return!1;switch(r){case"orientation":case"scan":return o.toLowerCase()===a.toLowerCase();case"width":case"height":case"device-width":case"device-height":a=c(a),o=c(o);break;case"resolution":a=s(a),o=s(o);break;case"aspect-ratio":case"device-aspect-ratio":case"device-pixel-ratio":a=i(a),o=i(o);break;case"grid":case"color":case"color-index":case"monochrome":a=parseInt(a,10)||1,o=parseInt(o,10)||0}switch(n){case"min":return o>=a;case"max":return o<=a;default:return o===a}}));return a&&!r||!a&&r}))};var r=/(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,n=/\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,a=/^(?:(min|max)-)?(.+)/,o=/(em|rem|px|cm|mm|in|pt|pc)?$/,u=/(dpi|dpcm|dppx)?$/;function i(e){var t,r=Number(e);return r||(r=(t=e.match(/^(\d+)\s*\/\s*(\d+)$/))[1]/t[2]),r}function s(e){var t=parseFloat(e);switch(String(e).match(u)[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(o)[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}}},477:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>i});var n=/[A-Z]/g,a=/^ms-/,o={};function u(e){return"-"+e.toLowerCase()}const i=function(e){if(o.hasOwnProperty(e))return o[e];var t=e.replace(n,u);return o[e]=a.test(t)?"-"+t:t}},180:(e,t,r)=>{"use strict";var n=r(988).E,a="undefined"!=typeof window?window.matchMedia:null;function o(e,t,r){var o=this;if(a&&!r){var u=a.call(window,e);this.matches=u.matches,this.media=u.media,u.addListener(i)}else this.matches=n(e,t),this.media=e;function i(e){o.matches=e.matches,o.media=e.media}this.addListener=function(e){u&&u.addListener(e)},this.removeListener=function(e){u&&u.removeListener(e)},this.dispose=function(){u&&u.removeListener(i)}}e.exports=function(e,t,r){return new o(e,t,r)}},703:(e,t,r)=>{"use strict";var n=r(414);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,r,a,o,u){if(u!==n){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:a};return r.PropTypes=r,r}},697:(e,t,r)=>{e.exports=r(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},781:(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),a=r.length;if(n.length!==a)return!1;for(var o=0;o<a;o++){var u=r[o];if(e[u]!==t[u]||!Object.prototype.hasOwnProperty.call(t,u))return!1}return!0}function a(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}r.r(t),r.d(t,{shallowEqualArrays:()=>a,shallowEqualObjects:()=>n})},99: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){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=a(r(165));t.default=function(e){var t=e.children,r=e.device,a=e.onChange,u=n(e,["children","device","onChange"]),i=(0,o.default)(u,r,a);return"function"==typeof t?t(i):i?t:null}},983: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 a=n(r(359)).default.createContext(void 0);t.default=a},607: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 a=n(r(165));t.useMediaQuery=a.default;var o=n(r(99));t.default=o.default;var u=n(r(98));t.toQuery=u.default;var i=n(r(983));t.Context=i.default},475: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++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},n.apply(this,arguments)},a=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){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}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(697)),i=u.default.oneOfType([u.default.string,u.default.number]),s={all:u.default.bool,grid:u.default.bool,aural:u.default.bool,braille:u.default.bool,handheld:u.default.bool,print:u.default.bool,projection:u.default.bool,screen:u.default.bool,tty:u.default.bool,tv:u.default.bool,embossed:u.default.bool},c={orientation:u.default.oneOf(["portrait","landscape"]),scan:u.default.oneOf(["progressive","interlace"]),aspectRatio:u.default.string,deviceAspectRatio:u.default.string,height:i,deviceHeight:i,width:i,deviceWidth:i,color:u.default.bool,colorIndex:u.default.bool,monochrome:u.default.bool,resolution:i,type:Object.keys(s)},f=a(c,["type"]),l=n({minAspectRatio:u.default.string,maxAspectRatio:u.default.string,minDeviceAspectRatio:u.default.string,maxDeviceAspectRatio:u.default.string,minHeight:i,maxHeight:i,minDeviceHeight:i,maxDeviceHeight:i,minWidth:i,maxWidth:i,minDeviceWidth:i,maxDeviceWidth:i,minColor:u.default.number,maxColor:u.default.number,minColorIndex:u.default.number,maxColorIndex:u.default.number,minMonochrome:u.default.number,maxMonochrome:u.default.number,minResolution:i,maxResolution:i},f),d=n(n({},s),l);t.default={all:d,types:s,matchers:c,features:l}},98: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 a=n(r(477)),o=n(r(475));t.default=function(e){var t=[];return Object.keys(o.default.all).forEach((function(r){var n=e[r];null!=n&&t.push(function(e,t){var r=(0,a.default)(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 ")}},165: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 a=n(r(359)),o=n(r(180)),u=n(r(477)),i=r(781),s=n(r(98)),c=n(r(983)),f=function(e){if(e)return Object.keys(e).reduce((function(t,r){return t[(0,u.default)(r)]=e[r],t}),{})},l=function(){var e=a.default.useRef(!1);return a.default.useEffect((function(){e.current=!0}),[]),e.current};t.default=function(e,t,r){var n=function(e){var t=a.default.useContext(c.default),r=function(){return f(e)||f(t)},n=a.default.useState(r),o=n[0],u=n[1];return a.default.useEffect((function(){var e=r();(0,i.shallowEqualObjects)(o,e)||u(e)}),[e,t]),o}(t),u=function(e){var t=function(){return function(e){return e.query||(0,s.default)(e)}(e)},r=a.default.useState(t),n=r[0],o=r[1];return a.default.useEffect((function(){var e=t();n!==e&&o(e)}),[e]),n}(e);if(!u)throw new Error("Invalid or missing MediaQuery!");var d=function(e,t){var r=function(){return(0,o.default)(e,t||{},!!t)},n=a.default.useState(r),u=n[0],i=n[1],s=l();return a.default.useEffect((function(){if(s){var e=r();return i(e),function(){e&&e.dispose()}}}),[e,t]),u}(u,n),p=function(e){var t=a.default.useState(e.matches),r=t[0],n=t[1];return a.default.useEffect((function(){var t=function(e){n(e.matches)};return e.addListener(t),n(e.matches),function(){e.removeListener(t)}}),[e]),r}(d),m=l();return a.default.useEffect((function(){m&&r&&r(p)}),[p]),a.default.useEffect((function(){return function(){d&&d.dispose()}}),[]),p}},359:t=>{"use strict";t.exports=e}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var o=r[e]={exports:{}};return t[e].call(o.exports,o,o.exports,n),o.exports}return n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n(607)})()));
 //# sourceMappingURL=react-responsive.min.js.map

package.json

 {
   "name": "react-responsive",
   "description": "Media queries in react for responsive design",
-  "version": "9.0.0-beta.6",
+  "version": "9.0.0-beta.7",
   "homepage": "http://github.com/contra/react-responsive",
@@ -42,4 +42,3 @@ "repository": {
   "devDependencies": {
-    "@stae/linters": "^1.0.0",
-    "@types/chai": "^4.2.15",
+    "@types/chai": "^4.3.1",
     "@types/hyphenate-style-name": "^1.0.0",
@@ -50,23 +49,26 @@ "@types/jsdom": "^16.2.6",
     "@types/mocha": "^9.0.0",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "^18.0.4",
+    "@types/react-dom": "^18.0.0",
     "@types/sinon": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.0.0",
-    "@typescript-eslint/parser": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.19.0",
+    "@typescript-eslint/parser": "^5.19.0",
     "chai": "^4.1.2",
     "cross-env": "^7.0.0",
-    "eslint": "^7.0.0",
+    "eslint": "^8.13.0",
+    "eslint-plugin-compat": "^4.0.2",
     "gh-pages": "^3.1.0",
-    "jsdom": "^18.0.0",
+    "jsdom": "^19.0.0",
     "match-media-mock": "^0.1.1",
     "mocha": "^9.0.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "should": "^13.2.1",
-    "sinon": "^12.0.0",
-    "ts-loader": "^3.0.0",
+    "sinon": "^13.0.1",
+    "ts-loader": "^9.2.8",
     "ts-node": "^10.0.0",
-    "typedoc": "0.21.4",
-    "typescript": "^4.1.5",
-    "webpack": "^3.0.0"
+    "typedoc": "^0.22.15",
+    "typescript": "^4.6.3",
+    "typescript-declaration-webpack-plugin": "^0.2.2",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2"
   },
@@ -83,3 +85,3 @@ "scripts": {
     "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,tsx}",
+    "test": "npx mocha -R spec --require ts-node/register ./test/setup.js ./test/setup.js test/*_test.{ts,tsx}",
     "docs": "typedoc src/index.ts --theme minimal && gh-pages -d docs"
@@ -86,0 +88,0 @@ },

src/mediaQuery.ts

@@ -53,2 +53,3 @@ import PropTypes from 'prop-types'
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const { type, ...featureMatchers } = matchers
@@ -55,0 +56,0 @@

src/toQuery.ts

@@ -7,3 +7,3 @@ import hyphenate from 'hyphenate-style-name'
 
-const keyVal = (k: string, v: any): string => {
+const keyVal = (k: string, v: unknown): string => {
   const realKey = hyphenate(k)
@@ -10,0 +10,0 @@

src/useMediaQuery.ts

@@ -10,8 +10,11 @@ import React from 'react'
 type MediaQuerySettings = Partial<MediaQueryAllQueryable & { query?: string }>
+type HyphenateKeyTypes = MediaQueryMatchers | MediaQueryAllQueryable;
 
-const makeQuery = (settings: Record<string, any>) => settings.query || toQuery(settings)
+const makeQuery = (settings: MediaQuerySettings) => settings.query || toQuery(settings)
 
-const hyphenateKeys = (obj?: Record<string, any>): Record<string, any> | undefined => {
+const hyphenateKeys = (obj?: HyphenateKeyTypes)  => {
+  type K = keyof HyphenateKeyTypes;
+
   if (!obj) return undefined
-  const keys = Object.keys(obj)
+  const keys = Object.keys(obj) as K[]
 
@@ -21,3 +24,3 @@ return keys.reduce((result, key) => {
     return result
-  }, {} as Record<string, any>)
+  }, {} as Record<string, typeof obj[K]>)
 }
@@ -91,7 +94,7 @@
   React.useEffect(() => {
-    const updateMatches = () => {
-      setMatches(mediaQuery.matches)
+    const updateMatches = (ev: MediaQueryListEvent) => {
+      setMatches(ev.matches)
     }
     mediaQuery.addListener(updateMatches)
-    updateMatches()
+    setMatches(mediaQuery.matches)
 
@@ -98,0 +101,0 @@ return () => {

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

Improved metrics

Lines of code

2169

increased by51.57%

Worsened metrics

Total package byte prevSize

209032

decreased by-33.79%

Dev dependency count

30

increased by7.14%

Number of package files

16

decreased by-27.27%

No dependency changes