@jobber/components 4.48.0 → 4.48.1

package/dist/DataList/index.js

@@ -101,6 +101,19 @@ function useDataListContext() {
 }
 
 function useMediaQuery(CSSMediaQuery) {
+    /**
+     * matchMedia have had full support for browsers since 2012 but jest, being a
+     * lite version of a DOM, doesn't support it.
+     *
+     * Instead of the consumers mocking matchMedia on every usage of DataList,
+     * we can just return true to mimic the largest screen we support.
+     *
+     * In the event that the consumer wants to test the DataList on different
+     * screen sizes, they can use the `mockViewportWidth` function from
+     * `@jobber/components/useBreakpoints`.
+     */
+    if (window.matchMedia === undefined)
+        return true;
     const [matches, setMatches] = React.useState(window.matchMedia(CSSMediaQuery).matches);
     React.useEffect(() => {
         const media = window.matchMedia(CSSMediaQuery);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.48.0",
+  "version": "4.48.1",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d5d7b2d2ed40fd4fd526f001715b74373966506b"
+  "gitHead": "d02107aa8aedd77eec1afd0ba33adea7c278e9b4"
 }