@chakra-ui/media-query - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

CHANGELOG.md

 # Change Log
 
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies
+  [[`e73878ee`](https://github.com/chakra-ui/chakra-ui/commit/e73878ee686c11d3f94ad6ac61b19ae9508d75a5)]:
+  - @chakra-ui/utils@1.0.2
+
 ## 1.0.1
@@ -4,0 +12,0 @@

dist/cjs/use-breakpoint.js

@@ -8,4 +8,2 @@ "use strict";
 
-var _utils = require("@chakra-ui/utils");
-
 var _react = _interopRequireDefault(require("react"));
@@ -41,8 +39,9 @@
   var _React$useState = _react["default"].useState(function () {
+    if (!defaultBreakpoint) {
+      return undefined;
+    }
+
     var mediaQuery = mediaQueries.find(function (_ref) {
-      var query = _ref.query,
-          breakpoint = _ref.breakpoint;
-      if (defaultBreakpoint) return breakpoint === defaultBreakpoint;
-      if (_utils.isBrowser) return window.matchMedia(query).matches;
-      return undefined;
+      var breakpoint = _ref.breakpoint;
+      return breakpoint === defaultBreakpoint;
     });
@@ -49,0 +48,0 @@

dist/esm/use-breakpoint.js

@@ -6,3 +6,2 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useTheme } from "@chakra-ui/system";
-import { isBrowser } from "@chakra-ui/utils";
 import React from "react";
@@ -28,10 +27,11 @@ import createMediaQueries from "./create-media-query";
   var [currentBreakpoint, setCurrentBreakpoint] = React.useState(() => {
+    if (!defaultBreakpoint) {
+      return undefined;
+    }
+
     var mediaQuery = mediaQueries.find((_ref) => {
       var {
-        query,
         breakpoint
       } = _ref;
-      if (defaultBreakpoint) return breakpoint === defaultBreakpoint;
-      if (isBrowser) return window.matchMedia(query).matches;
-      return undefined;
+      return breakpoint === defaultBreakpoint;
     });
@@ -38,0 +38,0 @@

package.json

 {
   "name": "@chakra-ui/media-query",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A React hook for changing properties or visibility of a component based on css media query",
@@ -55,7 +55,7 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/utils": "1.0.1"
+    "@chakra-ui/utils": "1.0.2"
   },
   "devDependencies": {
-    "@chakra-ui/system": "1.0.1",
-    "@chakra-ui/test-utils": "1.0.1",
+    "@chakra-ui/system": "1.1.0",
+    "@chakra-ui/test-utils": "1.0.4",
     "@chakra-ui/theme": "*",
@@ -62,0 +62,0 @@ "jest-matchmedia-mock": "^1.0.1",

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

Worsened metrics

Total package byte prevSize

80060

decreased by-0.63%

Lines of code

761

decreased by-0.26%

Dependency changes

• + Added@chakra-ui/utils@1.0.2(transitive)

• - Removed@chakra-ui/utils@1.0.1(transitive)

• Updated@chakra-ui/utils@1.0.2