react-mqls
Version:
Javascript media query match for React.js
1 lines • 16.7 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("react-mqls.js",["react"],t):"object"==typeof exports?exports["react-mqls.js"]=t(require("react")):e["react-mqls.js"]=t(e.react)}(window,function(__WEBPACK_EXTERNAL_MODULE__15__){return function(e){var t={};function r(_){if(t[_])return t[_].exports;var n=t[_]={i:_,l:!1,exports:{}};return e[_].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,_){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:_})},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 _=Object.create(null);if(r.r(_),Object.defineProperty(_,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(_,n,function(t){return e[t]}.bind(null,n));return _},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=17)}([function(e,t){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){e.exports=r(19)()},function(e,t){function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _(t){return"function"==typeof Symbol&&"symbol"===r(Symbol.iterator)?e.exports=_=function(e){return r(e)}:e.exports=_=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":r(e)},_(t)}e.exports=_},function(e,t){e.exports=function(e){if(!e.webpackPolyfill){var t=Object.create(e);t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),Object.defineProperty(t,"exports",{enumerable:!0}),t.webpackPolyfill=1}return t}},function(e,t){e.exports=function(e){return e}},function(e,t,r){var _=r(7).Symbol;e.exports=_},function(e,t,r){var _=r(32),n="object"==typeof self&&self&&self.Object===Object&&self,o=_||n||Function("return this")();e.exports=o},function(e,t){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},function(module,__webpack_exports__,__webpack_require__){"use strict";(function(module){var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(3),_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(10),_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(11),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(12),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(13),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(0),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5__),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(14),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(1),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__),react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(15),react__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__),prop_types__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(2),prop_types__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_9__),lodash_pull__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(16),lodash_pull__WEBPACK_IMPORTED_MODULE_10___default=__webpack_require__.n(lodash_pull__WEBPACK_IMPORTED_MODULE_10__),enterModule;enterModule="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0,enterModule&&enterModule(module);var __signature__="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default.signature:function(e){return e},queryPreset={xs:"(max-width: 575px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",xxl:"(min-width: 1600px)"},MediaQuery=function(_Component){function MediaQuery(){var e,t;_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this,MediaQuery);for(var r=arguments.length,_=new Array(r),n=0;n<r;n++)_[n]=arguments[n];return t=_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this,(e=_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(MediaQuery)).call.apply(e,[this].concat(_))),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5___default()(t),"mediaQueryList",{}),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5___default()(t),"state",{matchedQuery:t.props.queries.reduce(function(e,t){return e.concat(t.query||queryPreset[t.preset])},[])}),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5___default()(t),"getMatched",function(e){var r=t.props.queries;return void 0===e?null:r.filter(function(t){return t.query===e||queryPreset[t.preset]===e})[0]}),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5___default()(t),"cancellableListener",function(e,r){if(r.matches){var _=t.state.matchedQuery.concat(e);t.setState({matchedQuery:_})}else{var n=lodash_pull__WEBPACK_IMPORTED_MODULE_10___default()(t.state.matchedQuery,e);t.setState({matchedQuery:n})}}),_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_5___default()(t),"cancel",function(){var e=t.props.queries;Array.isArray(e)&&e.forEach(function(e){t.mediaQueryList[e.query]&&t.mediaQueryList[e.query].removeListener(t.cancellableListener)})}),t}return _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6___default()(MediaQuery,_Component),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(MediaQuery,[{key:"componentDidMount",value:function(){var e=this,t=this.props.targetWindow,r=void 0===t?window:t;if("object"===_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(r))if("function"==typeof r.matchMedia){var _=this.props.queries;Array.isArray(_)?_.forEach(function(t){var _=t.query,n=t.preset;if(_&&_.length)e.mediaQueryList[_]=r.matchMedia(_),e.cancellableListener(_,e.mediaQueryList[_]),e.mediaQueryList[_].addListener(e.cancellableListener.bind(e,_));else if(n&&queryPreset[n]){var o=queryPreset[n];e.mediaQueryList[o]=r.matchMedia(o),e.cancellableListener(o,e.mediaQueryList[o]),e.mediaQueryList[o].addListener(e.cancellableListener.bind(e,o))}}):console.error("Does not support type")}else console.error("Does not support matchMedia")}},{key:"componentWillUnmount",value:function(){this.cancel()}},{key:"render",value:function(){var e=this.state.matchedQuery,t=this.getMatched(e[e.length-1]);return t?"function"==typeof t.component?t.component():t.component:null}},{key:"__reactstandin__regenerateByEval",value:function __reactstandin__regenerateByEval(key,code){this[key]=eval(code)}}]),MediaQuery}(react__WEBPACK_IMPORTED_MODULE_8__.Component);_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(MediaQuery,"propTypes",{queries:prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object.isRequired),targetWindow:prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object});var _default=MediaQuery,reactHotLoader,leaveModule;__webpack_exports__.a=_default,reactHotLoader="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0,reactHotLoader&&(reactHotLoader.register(queryPreset,"queryPreset","c:\\workspace\\react-mqls\\src\\components\\MediaQuery.tsx"),reactHotLoader.register(MediaQuery,"MediaQuery","c:\\workspace\\react-mqls\\src\\components\\MediaQuery.tsx"),reactHotLoader.register(_default,"default","c:\\workspace\\react-mqls\\src\\components\\MediaQuery.tsx")),leaveModule="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0,leaveModule&&leaveModule(module)}).call(this,__webpack_require__(4)(module))},function(e,t){e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var _=t[r];_.enumerable=_.enumerable||!1,_.configurable=!0,"value"in _&&(_.writable=!0),Object.defineProperty(e,_.key,_)}}e.exports=function(e,t,_){return t&&r(e.prototype,t),_&&r(e,_),e}},function(e,t,r){var _=r(3),n=r(0);e.exports=function(e,t){return!t||"object"!==_(t)&&"function"!=typeof t?n(e):t}},function(e,t){function r(t){return e.exports=r=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},r(t)}e.exports=r},function(e,t,r){var _=r(18);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_(e,t)}},function(e,t){e.exports=__WEBPACK_EXTERNAL_MODULE__15__},function(e,t,r){var _=r(21)(r(41));e.exports=_},function(e,t,r){"use strict";r.r(t),function(e){var _,n=r(9);(_="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&_(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var o,a,u=n.a;t.default=u,(o="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&o.register(u,"default","c:\\workspace\\react-mqls\\src\\components\\index.tsx"),(a="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&a(e)}.call(this,r(4)(e))},function(e,t){function r(t,_){return e.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(t,_)}e.exports=r},function(e,t,r){"use strict";var _=r(20);function n(){}function o(){}o.resetWarningCache=n,e.exports=function(){function e(e,t,r,n,o,a){if(a!==_){var u=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 u.name="Invariant Violation",u}}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){var _=r(5),n=r(22),o=r(24);e.exports=function(e,t){return o(n(e,t,_),e+"")}},function(e,t,r){var _=r(23),n=Math.max;e.exports=function(e,t,r){return t=n(void 0===t?e.length-1:t,0),function(){for(var o=arguments,a=-1,u=n(o.length-t,0),i=Array(u);++a<u;)i[a]=o[t+a];a=-1;for(var c=Array(t+1);++a<t;)c[a]=o[a];return c[t]=r(i),_(e,this,c)}}},function(e,t){e.exports=function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}},function(e,t,r){var _=r(25),n=r(40)(_);e.exports=n},function(e,t,r){var _=r(26),n=r(27),o=r(5),a=n?function(e,t){return n(e,"toString",{configurable:!0,enumerable:!1,value:_(t),writable:!0})}:o;e.exports=a},function(e,t){e.exports=function(e){return function(){return e}}},function(e,t,r){var _=r(28),n=function(){try{var e=_(Object,"defineProperty");return e({},"",{}),e}catch(e){}}();e.exports=n},function(e,t,r){var _=r(29),n=r(39);e.exports=function(e,t){var r=n(e,t);return _(r)?r:void 0}},function(e,t,r){var _=r(30),n=r(36),o=r(8),a=r(38),u=/^\[object .+?Constructor\]$/,i=Function.prototype,c=Object.prototype,l=i.toString,s=c.hasOwnProperty,p=RegExp("^"+l.call(s).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");e.exports=function(e){return!(!o(e)||n(e))&&(_(e)?p:u).test(a(e))}},function(e,t,r){var _=r(31),n=r(8),o="[object AsyncFunction]",a="[object Function]",u="[object GeneratorFunction]",i="[object Proxy]";e.exports=function(e){if(!n(e))return!1;var t=_(e);return t==a||t==u||t==o||t==i}},function(e,t,r){var _=r(6),n=r(34),o=r(35),a="[object Null]",u="[object Undefined]",i=_?_.toStringTag:void 0;e.exports=function(e){return null==e?void 0===e?u:a:i&&i in Object(e)?n(e):o(e)}},function(e,t,r){(function(t){var r="object"==typeof t&&t&&t.Object===Object&&t;e.exports=r}).call(this,r(33))},function(e,t){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch(e){"object"==typeof window&&(r=window)}e.exports=r},function(e,t,r){var _=r(6),n=Object.prototype,o=n.hasOwnProperty,a=n.toString,u=_?_.toStringTag:void 0;e.exports=function(e){var t=o.call(e,u),r=e[u];try{e[u]=void 0;var _=!0}catch(e){}var n=a.call(e);return _&&(t?e[u]=r:delete e[u]),n}},function(e,t){var r=Object.prototype.toString;e.exports=function(e){return r.call(e)}},function(e,t,r){var _,n=r(37),o=(_=/[^.]+$/.exec(n&&n.keys&&n.keys.IE_PROTO||""))?"Symbol(src)_1."+_:"";e.exports=function(e){return!!o&&o in e}},function(e,t,r){var _=r(7)["__core-js_shared__"];e.exports=_},function(e,t){var r=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return r.call(e)}catch(e){}try{return e+""}catch(e){}}return""}},function(e,t){e.exports=function(e,t){return null==e?void 0:e[t]}},function(e,t){var r=800,_=16,n=Date.now;e.exports=function(e){var t=0,o=0;return function(){var a=n(),u=_-(a-o);if(o=a,u>0){if(++t>=r)return arguments[0]}else t=0;return e.apply(void 0,arguments)}}},function(e,t,r){var _=r(42);e.exports=function(e,t){return e&&e.length&&t&&t.length?_(e,t):e}},function(e,t,r){var _=r(43),n=r(44),o=r(48),a=r(49),u=r(50),i=Array.prototype.splice;e.exports=function(e,t,r,c){var l=c?o:n,s=-1,p=t.length,f=e;for(e===t&&(t=u(t)),r&&(f=_(e,a(r)));++s<p;)for(var d=0,b=t[s],y=r?r(b):b;(d=l(f,y,d,c))>-1;)f!==e&&i.call(f,d,1),i.call(e,d,1);return e}},function(e,t){e.exports=function(e,t){for(var r=-1,_=null==e?0:e.length,n=Array(_);++r<_;)n[r]=t(e[r],r,e);return n}},function(e,t,r){var _=r(45),n=r(46),o=r(47);e.exports=function(e,t,r){return t==t?o(e,t,r):_(e,n,r)}},function(e,t){e.exports=function(e,t,r,_){for(var n=e.length,o=r+(_?1:-1);_?o--:++o<n;)if(t(e[o],o,e))return o;return-1}},function(e,t){e.exports=function(e){return e!=e}},function(e,t){e.exports=function(e,t,r){for(var _=r-1,n=e.length;++_<n;)if(e[_]===t)return _;return-1}},function(e,t){e.exports=function(e,t,r,_){for(var n=r-1,o=e.length;++n<o;)if(_(e[n],t))return n;return-1}},function(e,t){e.exports=function(e){return function(t){return e(t)}}},function(e,t){e.exports=function(e,t){var r=-1,_=e.length;for(t||(t=Array(_));++r<_;)t[r]=e[r];return t}}])});