@jobber/components 9.16.8 → 9.16.9

package/dist/DataList/hooks/useMediaQuery.d.ts

@@ -1,7 +1,3 @@
 type MediaQuery = `(${string}:${string})`;
-export declare const mediaQueryStore: {
-    subscribe(onChange: () => void, query: MediaQuery): () => void;
-    getSnapshot(query: MediaQuery): () => boolean;
-};
 export declare function useMediaQuery(query: MediaQuery): boolean;
 export {};

package/dist/useResponsiveSizing-cjs.js

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

package/dist/useResponsiveSizing-es.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.16.8",
+  "version": "9.16.9",
   "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.1",
-    "@jobber/hooks": "2.21.1",
+    "@jobber/hooks": "2.21.2",
     "@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": "48f346d90f5015b50ff0c96d798cce474ae9490e"
+  "gitHead": "fbfc7ead780f19390f319ef0d5e604929668be3c"
 }