@tamagui/react-native-media-driver 1.5.13 → 1.5.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/createMedia.js +3 -3
- package/dist/cjs/createMedia.js.map +2 -2
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/matchMedia.js.map +1 -1
- package/dist/cjs/matchMedia.native.js +4 -2
- package/dist/cjs/matchMedia.native.js.map +2 -2
- package/dist/cjs/matchMedia.web.js +29 -0
- package/dist/cjs/matchMedia.web.js.map +7 -0
- package/dist/cjs/mediaQueryList.js.map +2 -2
- package/dist/esm/createMedia.js +2 -2
- package/dist/esm/createMedia.js.map +1 -1
- package/dist/esm/createMedia.mjs +2 -2
- package/dist/esm/createMedia.mjs.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/matchMedia.js.map +1 -1
- package/dist/esm/matchMedia.mjs.map +1 -1
- package/dist/esm/matchMedia.native.js +4 -2
- package/dist/esm/matchMedia.native.js.map +2 -2
- package/dist/esm/matchMedia.native.mjs +4 -2
- package/dist/esm/matchMedia.native.mjs.map +2 -2
- package/dist/esm/matchMedia.web.js +5 -0
- package/dist/esm/matchMedia.web.js.map +7 -0
- package/dist/esm/matchMedia.web.mjs +5 -0
- package/dist/esm/matchMedia.web.mjs.map +7 -0
- package/dist/esm/mediaQueryList.js.map +2 -2
- package/dist/esm/mediaQueryList.mjs.map +2 -2
- package/package.json +3 -3
- package/src/createMedia.ts +3 -3
- package/src/index.ts +1 -1
- package/src/matchMedia.native.ts +6 -3
- package/src/matchMedia.ts +1 -1
- package/src/mediaQueryList.ts +2 -4
- package/types/createMedia.d.ts +1 -1
- package/types/createMedia.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/matchMedia.d.ts +1 -1
- package/types/matchMedia.d.ts.map +1 -1
- package/types/matchMedia.native.d.ts +1 -1
- package/types/matchMedia.native.d.ts.map +1 -1
- package/types/matchMedia.web.d.ts +3 -0
- package/types/matchMedia.web.d.ts.map +1 -0
- package/types/mediaQueryList.d.ts +1 -1
- package/types/mediaQueryList.d.ts.map +1 -1
package/dist/cjs/createMedia.js
CHANGED
|
@@ -21,10 +21,10 @@ __export(createMedia_exports, {
|
|
|
21
21
|
createMedia: () => createMedia
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(createMedia_exports);
|
|
24
|
-
var
|
|
25
|
-
var import_matchMedia = require("./matchMedia
|
|
24
|
+
var import_web = require("@tamagui/web");
|
|
25
|
+
var import_matchMedia = require("./matchMedia");
|
|
26
26
|
function createMedia(media) {
|
|
27
|
-
(0,
|
|
27
|
+
(0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
|
|
28
28
|
return media;
|
|
29
29
|
}
|
|
30
30
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createMedia.ts"],
|
|
4
|
-
"sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/web'\n\nimport { matchMedia } from './matchMedia'\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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkD;AAElD,wBAA2B;AAEpB,SAAS,YAId,OAAa;AAGb,kCAAgB,4BAAU;AAC1B,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -15,6 +15,6 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
|
|
|
15
15
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
16
|
var src_exports = {};
|
|
17
17
|
module.exports = __toCommonJS(src_exports);
|
|
18
|
-
__reExport(src_exports, require("./createMedia"), module.exports);
|
|
18
|
+
__reExport(src_exports, require("./createMedia.js"), module.exports);
|
|
19
19
|
__reExport(src_exports, require("./matchMedia"), module.exports);
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from './createMedia'\nexport * from './matchMedia'\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,
|
|
4
|
+
"sourcesContent": ["export * from './createMedia.js'\nexport * from './matchMedia'\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,6BAAd;AACA,wBAAc,yBADd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.ts"],
|
|
4
|
-
"sourcesContent": ["// web-only use platform:\n\nimport { MatchMedia } from '@tamagui/
|
|
4
|
+
"sourcesContent": ["// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,MAAM,aAAyB,WAAW,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -21,8 +21,10 @@ __export(matchMedia_native_exports, {
|
|
|
21
21
|
matchMedia: () => matchMedia
|
|
22
22
|
});
|
|
23
23
|
module.exports = __toCommonJS(matchMedia_native_exports);
|
|
24
|
-
var import_mediaQueryList = require("./mediaQueryList");
|
|
25
|
-
const matchMedia = (query) =>
|
|
24
|
+
var import_mediaQueryList = require("./mediaQueryList.js");
|
|
25
|
+
const matchMedia = (query) => {
|
|
26
|
+
return new import_mediaQueryList.NativeMediaQueryList(query);
|
|
27
|
+
};
|
|
26
28
|
// Annotate the CommonJS export names for ESM import in node:
|
|
27
29
|
0 && (module.exports = {
|
|
28
30
|
matchMedia
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.native.ts"],
|
|
4
|
-
"sourcesContent": ["import { MatchMedia } from '@tamagui/
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["import { MatchMedia } from '@tamagui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList.js'\n\nexport const matchMedia: MatchMedia = (query) => {\n return new NativeMediaQueryList(query)\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAAqC;AAE9B,MAAM,aAAyB,CAAC,UAAU;AAC/C,SAAO,IAAI,2CAAqB,KAAK;AACvC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var matchMedia_web_exports = {};
|
|
20
|
+
__export(matchMedia_web_exports, {
|
|
21
|
+
matchMedia: () => matchMedia
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(matchMedia_web_exports);
|
|
24
|
+
const matchMedia = globalThis["matchMedia"];
|
|
25
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
26
|
+
0 && (module.exports = {
|
|
27
|
+
matchMedia
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=matchMedia.web.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/matchMedia.web.ts"],
|
|
4
|
+
"sourcesContent": ["// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,MAAM,aAAyB,WAAW,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"sourcesContent": ["import
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["import type { MediaQueryList } from '@tamagui/web'\nimport mediaQuery from 'css-mediaquery'\nimport { Dimensions } from 'react-native'\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 ? 'portrait' : '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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAAuB;AACvB,0BAA2B;AAMpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAPpB,SAAQ,YAAwB,CAAC;AAQ/B,SAAK,OAAO;AACZ,mCAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAVA,IAAY,cAA2B;AACrC,UAAM,mBAAmB,+BAAW,IAAI,QAAQ;AAChD,WAAO,iBAAiB,SAAS,iBAAiB,QAAQ,aAAa;AAAA,EACzE;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,+BAAW,IAAI,QAAQ;AAChD,UAAM,UAAU,sBAAAA,QAAW,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;",
|
|
6
6
|
"names": ["mediaQuery"]
|
|
7
7
|
}
|
package/dist/esm/createMedia.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { setupMatchMedia } from "@tamagui/
|
|
2
|
-
import { matchMedia } from "./matchMedia
|
|
1
|
+
import { setupMatchMedia } from "@tamagui/web";
|
|
2
|
+
import { matchMedia } from "./matchMedia";
|
|
3
3
|
function createMedia(media) {
|
|
4
4
|
setupMatchMedia(matchMedia);
|
|
5
5
|
return media;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createMedia.ts"],
|
|
4
|
-
"sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/
|
|
4
|
+
"sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/web'\n\nimport { matchMedia } from './matchMedia'\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"],
|
|
5
5
|
"mappings": "AAAA,SAA2B,uBAAuB;AAElD,SAAS,kBAAkB;AAEpB,SAAS,YAId,OAAa;AAGb,kBAAgB,UAAU;AAC1B,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/createMedia.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { setupMatchMedia } from "@tamagui/
|
|
2
|
-
import { matchMedia } from "./matchMedia
|
|
1
|
+
import { setupMatchMedia } from "@tamagui/web";
|
|
2
|
+
import { matchMedia } from "./matchMedia";
|
|
3
3
|
function createMedia(media) {
|
|
4
4
|
setupMatchMedia(matchMedia);
|
|
5
5
|
return media;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createMedia.ts"],
|
|
4
|
-
"sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/
|
|
4
|
+
"sourcesContent": ["import { MediaQueryObject, setupMatchMedia } from '@tamagui/web'\n\nimport { matchMedia } from './matchMedia'\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"],
|
|
5
5
|
"mappings": "AAAA,SAA2B,uBAAuB;AAElD,SAAS,kBAAkB;AAEpB,SAAS,YAId,OAAa;AAGb,kBAAgB,UAAU;AAC1B,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from './createMedia'\nexport * from './matchMedia'\n"],
|
|
4
|
+
"sourcesContent": ["export * from './createMedia.js'\nexport * from './matchMedia'\n"],
|
|
5
5
|
"mappings": "AAAA,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.mjs
CHANGED
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"sourcesContent": ["export * from './createMedia'\nexport * from './matchMedia'\n"],
|
|
4
|
+
"sourcesContent": ["export * from './createMedia.js'\nexport * from './matchMedia'\n"],
|
|
5
5
|
"mappings": "AAAA,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.ts"],
|
|
4
|
-
"sourcesContent": ["// web-only use platform:\n\nimport { MatchMedia } from '@tamagui/
|
|
4
|
+
"sourcesContent": ["// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
|
|
5
5
|
"mappings": "AAIO,MAAM,aAAyB,WAAW,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.ts"],
|
|
4
|
-
"sourcesContent": ["// web-only use platform:\n\nimport { MatchMedia } from '@tamagui/
|
|
4
|
+
"sourcesContent": ["// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
|
|
5
5
|
"mappings": "AAIO,MAAM,aAAyB,WAAW,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { NativeMediaQueryList } from "./mediaQueryList";
|
|
2
|
-
const matchMedia = (query) =>
|
|
1
|
+
import { NativeMediaQueryList } from "./mediaQueryList.js";
|
|
2
|
+
const matchMedia = (query) => {
|
|
3
|
+
return new NativeMediaQueryList(query);
|
|
4
|
+
};
|
|
3
5
|
export {
|
|
4
6
|
matchMedia
|
|
5
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.native.ts"],
|
|
4
|
-
"sourcesContent": ["import { MatchMedia } from '@tamagui/
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { MatchMedia } from '@tamagui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList.js'\n\nexport const matchMedia: MatchMedia = (query) => {\n return new NativeMediaQueryList(query)\n}\n"],
|
|
5
|
+
"mappings": "AAEA,SAAS,4BAA4B;AAE9B,MAAM,aAAyB,CAAC,UAAU;AAC/C,SAAO,IAAI,qBAAqB,KAAK;AACvC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { NativeMediaQueryList } from "./mediaQueryList";
|
|
2
|
-
const matchMedia = (query) =>
|
|
1
|
+
import { NativeMediaQueryList } from "./mediaQueryList.js";
|
|
2
|
+
const matchMedia = (query) => {
|
|
3
|
+
return new NativeMediaQueryList(query);
|
|
4
|
+
};
|
|
3
5
|
export {
|
|
4
6
|
matchMedia
|
|
5
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.native.ts"],
|
|
4
|
-
"sourcesContent": ["import { MatchMedia } from '@tamagui/
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import { MatchMedia } from '@tamagui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList.js'\n\nexport const matchMedia: MatchMedia = (query) => {\n return new NativeMediaQueryList(query)\n}\n"],
|
|
5
|
+
"mappings": "AAEA,SAAS,4BAA4B;AAE9B,MAAM,aAAyB,CAAC,UAAU;AAC/C,SAAO,IAAI,qBAAqB,KAAK;AACvC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/matchMedia.web.ts"],
|
|
4
|
+
"sourcesContent": ["// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
|
|
5
|
+
"mappings": "AAIO,MAAM,aAAyB,WAAW,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/matchMedia.web.ts"],
|
|
4
|
+
"sourcesContent": ["// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"],
|
|
5
|
+
"mappings": "AAIO,MAAM,aAAyB,WAAW,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"sourcesContent": ["import
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import type { MediaQueryList } from '@tamagui/web'\nimport mediaQuery from 'css-mediaquery'\nimport { Dimensions } from 'react-native'\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 ? 'portrait' : '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"],
|
|
5
|
+
"mappings": "AACA,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAMpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAPpB,SAAQ,YAAwB,CAAC;AAQ/B,SAAK,OAAO;AACZ,eAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAVA,IAAY,cAA2B;AACrC,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAChD,WAAO,iBAAiB,SAAS,iBAAiB,QAAQ,aAAa;AAAA,EACzE;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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"sourcesContent": ["import
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import type { MediaQueryList } from '@tamagui/web'\nimport mediaQuery from 'css-mediaquery'\nimport { Dimensions } from 'react-native'\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 ? 'portrait' : '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"],
|
|
5
|
+
"mappings": "AACA,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAMpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAPpB,SAAQ,YAAwB,CAAC;AAQ/B,SAAK,OAAO;AACZ,eAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAVA,IAAY,cAA2B;AACrC,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAChD,WAAO,iBAAiB,SAAS,iBAAiB,QAAQ,aAAa;AAAA,EACzE;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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/react-native-media-driver",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.15",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
],
|
|
14
14
|
"sideEffects": true,
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tamagui/
|
|
16
|
+
"@tamagui/web": "^1.5.15",
|
|
17
17
|
"css-mediaquery": "^0.1.2"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@tamagui/build": "^1.5.
|
|
20
|
+
"@tamagui/build": "^1.5.15",
|
|
21
21
|
"react-native": "*"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
package/src/createMedia.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { MediaQueryObject, setupMatchMedia } from '@tamagui/
|
|
1
|
+
import { MediaQueryObject, setupMatchMedia } from '@tamagui/web'
|
|
2
2
|
|
|
3
|
-
import { matchMedia } from './matchMedia
|
|
3
|
+
import { matchMedia } from './matchMedia'
|
|
4
4
|
|
|
5
5
|
export function createMedia<
|
|
6
6
|
A extends {
|
|
7
7
|
[key: string]: MediaQueryObject
|
|
8
|
-
}
|
|
8
|
+
}
|
|
9
9
|
>(media: A): A {
|
|
10
10
|
// this should ideally return a diff object that is then passed to createTamagui
|
|
11
11
|
// but works for now we dont really support swapping out media drivers
|
package/src/index.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './createMedia'
|
|
1
|
+
export * from './createMedia.js'
|
|
2
2
|
export * from './matchMedia'
|
package/src/matchMedia.native.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { MatchMedia } from '@tamagui/
|
|
2
|
-
import { NativeMediaQueryList } from './mediaQueryList'
|
|
1
|
+
import { MatchMedia } from '@tamagui/web'
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
import { NativeMediaQueryList } from './mediaQueryList.js'
|
|
4
|
+
|
|
5
|
+
export const matchMedia: MatchMedia = (query) => {
|
|
6
|
+
return new NativeMediaQueryList(query)
|
|
7
|
+
}
|
package/src/matchMedia.ts
CHANGED
package/src/mediaQueryList.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import type { MediaQueryList } from '@tamagui/web'
|
|
1
2
|
import mediaQuery from 'css-mediaquery'
|
|
2
3
|
import { Dimensions } from 'react-native'
|
|
3
|
-
import { MediaQueryList } from '@tamagui/core'
|
|
4
4
|
|
|
5
5
|
type Orientation = 'landscape' | 'portrait'
|
|
6
6
|
|
|
@@ -11,9 +11,7 @@ export class NativeMediaQueryList implements MediaQueryList {
|
|
|
11
11
|
|
|
12
12
|
private get orientation(): Orientation {
|
|
13
13
|
const windowDimensions = Dimensions.get('window')
|
|
14
|
-
return windowDimensions.height > windowDimensions.width
|
|
15
|
-
? 'portrait'
|
|
16
|
-
: 'landscape'
|
|
14
|
+
return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'
|
|
17
15
|
}
|
|
18
16
|
|
|
19
17
|
constructor(private query: string) {
|
package/types/createMedia.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMedia.d.ts","sourceRoot":"","sources":["../src/createMedia.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,
|
|
1
|
+
{"version":3,"file":"createMedia.d.ts","sourceRoot":"","sources":["../src/createMedia.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,cAAc,CAAA;AAIhE,wBAAgB,WAAW,CACzB,CAAC,SAAS;IACR,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAA;CAChC,EACD,KAAK,EAAE,CAAC,GAAG,CAAC,CAKb"}
|
package/types/index.d.ts
CHANGED
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA"}
|
package/types/matchMedia.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"matchMedia.d.ts","sourceRoot":"","sources":["../src/matchMedia.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"matchMedia.d.ts","sourceRoot":"","sources":["../src/matchMedia.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,eAAO,MAAM,UAAU,EAAE,UAAqC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"matchMedia.native.d.ts","sourceRoot":"","sources":["../src/matchMedia.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"matchMedia.native.d.ts","sourceRoot":"","sources":["../src/matchMedia.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAIzC,eAAO,MAAM,UAAU,EAAE,UAExB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"matchMedia.web.d.ts","sourceRoot":"","sources":["../src/matchMedia.web.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,eAAO,MAAM,UAAU,EAAE,UAAqC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MediaQueryList } from '@tamagui/
|
|
1
|
+
import type { MediaQueryList } from '@tamagui/web';
|
|
2
2
|
type Orientation = 'landscape' | 'portrait';
|
|
3
3
|
type Listener = (orientation: Orientation) => void;
|
|
4
4
|
export declare class NativeMediaQueryList implements MediaQueryList {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaQueryList.d.ts","sourceRoot":"","sources":["../src/mediaQueryList.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mediaQueryList.d.ts","sourceRoot":"","sources":["../src/mediaQueryList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,KAAK,WAAW,GAAG,WAAW,GAAG,UAAU,CAAA;AAE3C,KAAK,QAAQ,GAAG,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAA;AAElD,qBAAa,oBAAqB,YAAW,cAAc;IAQ7C,OAAO,CAAC,KAAK;IAPzB,OAAO,CAAC,SAAS,CAAiB;IAElC,OAAO,KAAK,WAAW,GAGtB;gBAEmB,KAAK,EAAE,MAAM;IAOjC,OAAO,CAAC,MAAM;IAMd,WAAW,CAAC,QAAQ,EAAE,QAAQ;IAI9B,cAAc,CAAC,QAAQ,EAAE,QAAQ;IAKjC,IAAI,OAAO,IAAI,OAAO,CAUrB;CACF"}
|