@jobber/components 9.16.6 → 9.16.7-JOB-119706-67b5332.3

package/dist/useResponsiveSizing-cjs.js

@@ -3,16 +3,45 @@
 var React = require('react');
 var DataList_const = require('./DataList.const-cjs.js');
 
+const queryStores = new Map();
+function getQueryStore(query) {
+    let store = queryStores.get(query);
+    if (!store) {
+        const mql = window.matchMedia(query);
+        const newStore = {
+            mql,
+            subscribers: new Set(),
+            matches: mql.matches,
+            onChange: event => {
+                newStore.matches = event.matches;
+                newStore.subscribers.forEach(notify => notify());
+            },
+        };
+        store = newStore;
+        queryStores.set(query, store);
+    }
+    return store;
+}
 const mediaQueryStore = {
     subscribe(onChange, query) {
-        const matchMedia = window.matchMedia(query);
-        matchMedia.addEventListener("change", onChange);
+        const store = getQueryStore(query);
+        if (store.subscribers.size === 0) {
+            store.matches = store.mql.matches;
+            store.mql.addEventListener("change", store.onChange);
+        }
+        store.subscribers.add(onChange);
         return () => {
-            matchMedia.removeEventListener("change", onChange);
+            store.subscribers.delete(onChange);
+            if (store.subscribers.size === 0) {
+                store.mql.removeEventListener("change", store.onChange);
+                if (queryStores.get(query) === store) {
+                    queryStores.delete(query);
+                }
+            }
         };
     },
     getSnapshot(query) {
-        return () => window.matchMedia(query).matches;
+        return () => getQueryStore(query).matches;
     },
 };
 function useMediaQuery(query) {

package/dist/useResponsiveSizing-es.js

@@ -1,16 +1,45 @@
 import { useCallback, useSyncExternalStore } from 'react';
 import { f as BREAKPOINT_SIZES } from './DataList.const-es.js';
 
+const queryStores = new Map();
+function getQueryStore(query) {
+    let store = queryStores.get(query);
+    if (!store) {
+        const mql = window.matchMedia(query);
+        const newStore = {
+            mql,
+            subscribers: new Set(),
+            matches: mql.matches,
+            onChange: event => {
+                newStore.matches = event.matches;
+                newStore.subscribers.forEach(notify => notify());
+            },
+        };
+        store = newStore;
+        queryStores.set(query, store);
+    }
+    return store;
+}
 const mediaQueryStore = {
     subscribe(onChange, query) {
-        const matchMedia = window.matchMedia(query);
-        matchMedia.addEventListener("change", onChange);
+        const store = getQueryStore(query);
+        if (store.subscribers.size === 0) {
+            store.matches = store.mql.matches;
+            store.mql.addEventListener("change", store.onChange);
+        }
+        store.subscribers.add(onChange);
         return () => {
-            matchMedia.removeEventListener("change", onChange);
+            store.subscribers.delete(onChange);
+            if (store.subscribers.size === 0) {
+                store.mql.removeEventListener("change", store.onChange);
+                if (queryStores.get(query) === store) {
+                    queryStores.delete(query);
+                }
+            }
         };
     },
     getSnapshot(query) {
-        return () => window.matchMedia(query).matches;
+        return () => getQueryStore(query).matches;
     },
 };
 function useMediaQuery(query) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.16.6",
+  "version": "9.16.7-JOB-119706-67b5332.3+67b53324",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -502,7 +502,7 @@
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
     "@jobber/design": "0.121.0",
-    "@jobber/hooks": "2.21.1",
+    "@jobber/hooks": "2.21.2-JOB-119706-67b5332.139+67b53324",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
@@ -553,5 +553,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8efe7ed48c2c677ef66802b64d945c259f22a343"
+  "gitHead": "67b533245da1db2e5765f4dcab98e03677064f01"
 }