@bedrock-ui/breakpoints - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

lib/components/BreakpointsProvider/BreakpointsProvider.js

@@ -37,7 +37,11 @@ "use strict";
         mediaQueryLists.forEach(({ breakpointKey, mediaQuery }) => {
-            mediaQuery.addEventListener('change', (0, generateHandler_1.generateHandler)({ breakpointKey, breakpoints, setMatches }));
+            if (mediaQuery) {
+                mediaQuery.addEventListener('change', (0, generateHandler_1.generateHandler)({ breakpointKey, breakpoints, setMatches }));
+            }
         });
         return () => {
             mediaQueryLists.forEach(({ breakpointKey, mediaQuery }) => {
-                mediaQuery.addEventListener('change', (0, generateHandler_1.generateHandler)({ breakpointKey, breakpoints, setMatches }));
+                if (mediaQuery) {
+                    mediaQuery.addEventListener('change', (0, generateHandler_1.generateHandler)({ breakpointKey, breakpoints, setMatches }));
+                }
             });
@@ -44,0 +48,0 @@ };

lib/types/breakpoints.d.ts

 export declare type BreakpointMatches = Record<string, boolean>;
 export interface BreakpointMediaQuery {
     breakpointKey: string;
-    mediaQuery: MediaQueryList;
+    mediaQuery: MediaQueryList | undefined;
 }
 export declare type Breakpoints = Record<string, number>;

lib/utils/getMatches/getMatches.js

@@ -5,3 +5,3 @@ "use strict";
     return mediaQueryLists.reduce((matches, { breakpointKey, mediaQuery }) => {
-        matches[breakpointKey] = mediaQuery.matches;
+        matches[breakpointKey] = (mediaQuery === null || mediaQuery === void 0 ? void 0 : mediaQuery.matches) || false;
         return matches;
@@ -8,0 +8,0 @@ }, {});

lib/utils/getMediaQueryLists/getMediaQueryLists.js

@@ -10,3 +10,3 @@ "use strict";
                 breakpointKey: key,
-                mediaQuery: window.matchMedia(`(min-width: ${minWidth}px)`),
+                mediaQuery: mediaQuery(`(min-width: ${minWidth}px)`),
             };
@@ -17,6 +17,12 @@ }
             breakpointKey: key,
-            mediaQuery: window.matchMedia(`(min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`),
+            mediaQuery: mediaQuery(`(min-width: ${minWidth}px) and (max-width: ${maxWidth}px)`),
         };
     });
 }
+function mediaQuery(query) {
+    if (typeof window !== 'undefined' && 'matchMedia' in window) {
+        return window.matchMedia(query);
+    }
+    return undefined;
+}
 exports.default = getMediaQueryLists;

package.json

 {
   "name": "@bedrock-ui/breakpoints",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Bedrock UI Breakpoints",
@@ -5,0 +5,0 @@ "files": [

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

Total package byte prevSize

14729

increased by2.33%

Lines of code

298

increased by3.47%

No dependency changes