@tamagui/react-native-media-driver 1.2.8 → 1.2.10

package/dist/esm/createMedia.mjs

@@ -0,0 +1,10 @@
+import { setupMatchMedia } from "@tamagui/core";
+import { matchMedia } from "./matchMedia.native";
+function createMedia(media) {
+  setupMatchMedia(matchMedia);
+  return media;
+}
+export {
+  createMedia
+};
+//# sourceMappingURL=createMedia.mjs.map

package/dist/esm/createMedia.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createMedia.ts"],
+  "sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/core'\n\nimport { matchMedia } from './matchMedia.native'\n\nexport function createMedia<\n  A extends {\n    [key: string]: MediaQueryObject\n  },\n>(media: A): A {\n  // this should ideally return a diff object that is then passed to createTamagui\n  // but works for now we dont really support swapping out media drivers\n  setupMatchMedia(matchMedia)\n  return media\n}\n"],
+  "mappings": "AAAA,SAA2B,uBAAuB;AAElD,SAAS,kBAAkB;AAEpB,SAAS,YAId,OAAa;AAGb,kBAAgB,UAAU;AAC1B,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.mjs

@@ -0,0 +1,3 @@
+export * from "./createMedia";
+export * from "./matchMedia";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './createMedia'\nexport * from './matchMedia'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/esm/matchMedia.mjs

@@ -0,0 +1,5 @@
+const matchMedia = globalThis["matchMedia"];
+export {
+  matchMedia
+};
+//# sourceMappingURL=matchMedia.mjs.map

package/dist/esm/matchMedia.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/matchMedia.ts"],
+  "sourcesContent": ["// web-only use platform:\n\nimport { MatchMedia } from '@tamagui/core'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
+  "mappings": "AAIO,MAAM,aAAyB,WAAW,YAAY;",
+  "names": []
+}

package/dist/esm/matchMedia.native.mjs

@@ -0,0 +1,6 @@
+import { NativeMediaQueryList } from "./mediaQueryList";
+const matchMedia = (query) => new NativeMediaQueryList(query);
+export {
+  matchMedia
+};
+//# sourceMappingURL=matchMedia.native.mjs.map

package/dist/esm/matchMedia.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/matchMedia.native.ts"],
+  "sourcesContent": ["import { MatchMedia } from '@tamagui/core'\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => new NativeMediaQueryList(query)\n"],
+  "mappings": "AACA,SAAS,4BAA4B;AAE9B,MAAM,aAAyB,CAAC,UAAU,IAAI,qBAAqB,KAAK;",
+  "names": []
+}

package/dist/esm/mediaQueryList.mjs

@@ -0,0 +1,44 @@
+import mediaQuery from "css-mediaquery";
+import { Dimensions } from "react-native";
+class NativeMediaQueryList {
+  constructor(query) {
+    this.query = query;
+    this.listeners = [];
+    this.notify();
+    Dimensions.addEventListener("change", () => {
+      this.notify();
+    });
+  }
+  get orientation() {
+    const windowDimensions = Dimensions.get("window");
+    return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
+  }
+  notify() {
+    this.listeners.forEach((listener) => {
+      listener(this.orientation);
+    });
+  }
+  addListener(listener) {
+    this.listeners.push(listener);
+  }
+  removeListener(listener) {
+    const index = this.listeners.indexOf(listener);
+    if (index !== -1)
+      this.listeners.splice(index, 1);
+  }
+  get matches() {
+    const windowDimensions = Dimensions.get("window");
+    const matches = mediaQuery.match(this.query, {
+      type: "screen",
+      orientation: this.orientation,
+      ...windowDimensions,
+      "device-width": windowDimensions.width,
+      "device-height": windowDimensions.height
+    });
+    return matches;
+  }
+}
+export {
+  NativeMediaQueryList
+};
+//# sourceMappingURL=mediaQueryList.mjs.map

package/dist/esm/mediaQueryList.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/mediaQueryList.ts"],
+  "sourcesContent": ["import mediaQuery from 'css-mediaquery'\nimport { Dimensions } from 'react-native'\nimport { MediaQueryList } from '@tamagui/core'\n\ntype Orientation = 'landscape' | 'portrait'\n\ntype Listener = (orientation: Orientation) => void\n\nexport class NativeMediaQueryList implements MediaQueryList {\n  private listeners: Listener[] = []\n\n  private get orientation(): Orientation {\n    const windowDimensions = Dimensions.get('window')\n    return windowDimensions.height > windowDimensions.width\n      ? 'portrait'\n      : 'landscape'\n  }\n\n  constructor(private query: string) {\n    this.notify()\n    Dimensions.addEventListener('change', () => {\n      this.notify()\n    })\n  }\n\n  private notify() {\n    this.listeners.forEach((listener) => {\n      listener(this.orientation)\n    })\n  }\n\n  addListener(listener: Listener) {\n    this.listeners.push(listener)\n  }\n\n  removeListener(listener: Listener) {\n    const index = this.listeners.indexOf(listener)\n    if (index !== -1) this.listeners.splice(index, 1)\n  }\n\n  get matches(): boolean {\n    const windowDimensions = Dimensions.get('window')\n    const matches = mediaQuery.match(this.query, {\n      type: 'screen',\n      orientation: this.orientation,\n      ...windowDimensions,\n      'device-width': windowDimensions.width,\n      'device-height': windowDimensions.height,\n    })\n    return matches\n  }\n}\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAOpB,MAAM,qBAA+C;AAAA,EAU1D,YAAoB,OAAe;AAAf;AATpB,SAAQ,YAAwB,CAAC;AAU/B,SAAK,OAAO;AACZ,eAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAZA,IAAY,cAA2B;AACrC,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAChD,WAAO,iBAAiB,SAAS,iBAAiB,QAC9C,aACA;AAAA,EACN;AAAA,EASQ,SAAS;AACf,SAAK,UAAU,QAAQ,CAAC,aAAa;AACnC,eAAS,KAAK,WAAW;AAAA,IAC3B,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,UAAoB;AAC9B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAAoB;AACjC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,QAAI,UAAU;AAAI,WAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,IAAI,UAAmB;AACrB,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAChD,UAAM,UAAU,WAAW,MAAM,KAAK,OAAO;AAAA,MAC3C,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/react-native-media-driver",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -13,11 +13,11 @@
   ],
   "sideEffects": true,
   "dependencies": {
-    "@tamagui/core": "^1.2.8",
+    "@tamagui/core": "^1.2.10",
     "css-mediaquery": "^0.1.2"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.8",
+    "@tamagui/build": "^1.2.10",
     "react-native": "*"
   },
   "peerDependencies": {