1 | "use strict";
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports["default"] = void 0;
|
7 |
|
8 | var _react = require("react");
|
9 |
|
10 | var _isClient = _interopRequireDefault(require("./utils/isClient"));
|
11 |
|
12 | var _isAPISupported = _interopRequireDefault(require("./utils/isAPISupported"));
|
13 |
|
14 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15 |
|
16 | function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
17 |
|
18 | function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
19 |
|
20 | function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
21 |
|
22 | function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
23 |
|
24 | var errorMessage = 'matchMedia is not supported, this could happen both because window.matchMedia is not supported by' + ' your current browser or you\'re using the useMediaQuery hook whilst server side rendering.';
|
25 |
|
26 | var useMediaQuery = function useMediaQuery(mediaQuery) {
|
27 | if (!_isClient["default"] || !(0, _isAPISupported["default"])('matchMedia')) {
|
28 | console.warn(errorMessage);
|
29 | return null;
|
30 | }
|
31 |
|
32 | var _useState = (0, _react.useState)(!!window.matchMedia(mediaQuery).matches),
|
33 | _useState2 = _slicedToArray(_useState, 2),
|
34 | isVerified = _useState2[0],
|
35 | setIsVerified = _useState2[1];
|
36 |
|
37 | (0, _react.useEffect)(function () {
|
38 | var mediaQueryList = window.matchMedia(mediaQuery);
|
39 |
|
40 | var documentChangeHandler = function documentChangeHandler() {
|
41 | return setIsVerified(!!mediaQueryList.matches);
|
42 | };
|
43 |
|
44 | mediaQueryList.addListener(documentChangeHandler);
|
45 | documentChangeHandler();
|
46 | return function () {
|
47 | mediaQueryList.removeListener(documentChangeHandler);
|
48 | };
|
49 | }, [mediaQuery]);
|
50 | return isVerified;
|
51 | };
|
52 |
|
53 | var _default = useMediaQuery;
|
54 | exports["default"] = _default;
|
55 |
|