@tamagui/react-native-media-driver 2.0.0-rc.4 → 2.0.0-rc.40

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.
Files changed (56) hide show
  1. package/dist/cjs/createMedia.cjs +16 -13
  2. package/dist/cjs/createMedia.native.js +16 -13
  3. package/dist/cjs/createMedia.native.js.map +1 -1
  4. package/dist/cjs/index.cjs +7 -5
  5. package/dist/cjs/index.native.js +7 -5
  6. package/dist/cjs/index.native.js.map +1 -1
  7. package/dist/cjs/matchMedia.cjs +13 -11
  8. package/dist/cjs/matchMedia.native.js +16 -14
  9. package/dist/cjs/matchMedia.native.js.map +1 -1
  10. package/dist/cjs/matchQuery.cjs +54 -37
  11. package/dist/cjs/matchQuery.native.js +89 -76
  12. package/dist/cjs/matchQuery.native.js.map +1 -1
  13. package/dist/cjs/mediaQueryList.cjs +19 -15
  14. package/dist/cjs/mediaQueryList.native.js +60 -39
  15. package/dist/cjs/mediaQueryList.native.js.map +1 -1
  16. package/dist/esm/createMedia.mjs +2 -1
  17. package/dist/esm/createMedia.mjs.map +1 -1
  18. package/dist/esm/createMedia.native.js +2 -1
  19. package/dist/esm/createMedia.native.js.map +1 -1
  20. package/dist/esm/index.js +2 -2
  21. package/dist/esm/index.js.map +1 -6
  22. package/dist/esm/matchMedia.mjs +1 -1
  23. package/dist/esm/matchMedia.mjs.map +1 -1
  24. package/dist/esm/matchQuery.mjs +42 -27
  25. package/dist/esm/matchQuery.mjs.map +1 -1
  26. package/dist/esm/matchQuery.native.js +77 -66
  27. package/dist/esm/matchQuery.native.js.map +1 -1
  28. package/dist/esm/mediaQueryList.mjs +5 -3
  29. package/dist/esm/mediaQueryList.mjs.map +1 -1
  30. package/dist/esm/mediaQueryList.native.js +46 -27
  31. package/dist/esm/mediaQueryList.native.js.map +1 -1
  32. package/package.json +7 -10
  33. package/types/createMedia.d.ts.map +2 -2
  34. package/types/index.d.ts.map +2 -2
  35. package/types/matchMedia.d.ts.map +4 -6
  36. package/types/matchMedia.native.d.ts.map +4 -6
  37. package/types/matchQuery.d.ts.map +2 -2
  38. package/types/mediaQueryList.d.ts.map +4 -6
  39. package/dist/cjs/createMedia.js +0 -24
  40. package/dist/cjs/createMedia.js.map +0 -6
  41. package/dist/cjs/index.js +0 -16
  42. package/dist/cjs/index.js.map +0 -6
  43. package/dist/cjs/matchMedia.js +0 -21
  44. package/dist/cjs/matchMedia.js.map +0 -6
  45. package/dist/cjs/matchQuery.js +0 -127
  46. package/dist/cjs/matchQuery.js.map +0 -6
  47. package/dist/cjs/mediaQueryList.js +0 -64
  48. package/dist/cjs/mediaQueryList.js.map +0 -6
  49. package/dist/esm/createMedia.js +0 -9
  50. package/dist/esm/createMedia.js.map +0 -6
  51. package/dist/esm/matchMedia.js +0 -5
  52. package/dist/esm/matchMedia.js.map +0 -6
  53. package/dist/esm/matchQuery.js +0 -111
  54. package/dist/esm/matchQuery.js.map +0 -6
  55. package/dist/esm/mediaQueryList.js +0 -49
  56. package/dist/esm/mediaQueryList.js.map +0 -6
@@ -1,64 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- };
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var mediaQueryList_exports = {};
16
- __export(mediaQueryList_exports, {
17
- NativeMediaQueryList: () => NativeMediaQueryList
18
- });
19
- module.exports = __toCommonJS(mediaQueryList_exports);
20
- var import_react_native = require("react-native-web"), import_matchQuery = require("./matchQuery");
21
- class NativeMediaQueryList {
22
- constructor(query) {
23
- this.query = query;
24
- this.notify(), import_react_native.Dimensions.addEventListener("change", () => {
25
- this.notify();
26
- });
27
- }
28
- listeners = [];
29
- get orientation() {
30
- const windowDimensions = import_react_native.Dimensions.get("window");
31
- return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
32
- }
33
- notify() {
34
- this.listeners.forEach((listener) => {
35
- listener(this.orientation);
36
- });
37
- }
38
- addListener(listener) {
39
- this.listeners.push(listener);
40
- }
41
- removeListener(listener) {
42
- const index = this.listeners.indexOf(listener);
43
- index !== -1 && this.listeners.splice(index, 1);
44
- }
45
- match(query, { width, height }) {
46
- return (0, import_matchQuery.matchQuery)(query, {
47
- type: "screen",
48
- orientation: height > width ? "portrait" : "landscape",
49
- "device-width": width,
50
- "device-height": height
51
- });
52
- }
53
- get matches() {
54
- const windowDimensions = import_react_native.Dimensions.get("window");
55
- return (0, import_matchQuery.matchQuery)(this.query, {
56
- type: "screen",
57
- orientation: this.orientation,
58
- ...windowDimensions,
59
- "device-width": windowDimensions.width,
60
- "device-height": windowDimensions.height
61
- });
62
- }
63
- }
64
- //# sourceMappingURL=mediaQueryList.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/mediaQueryList.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAA2B,yBAE3B,oBAA2B;AAMpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAClB,SAAK,OAAO,GACZ,+BAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAZQ,YAAwB,CAAC;AAAA,EAEjC,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,UAA0B;AACpC,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAA0B;AACvC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,IAAI,UAAU,MAAI,KAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,MAAM,OAAe,EAAE,OAAO,OAAO,GAA+C;AAClF,eAAO,8BAAW,OAAO;AAAA,MACvB,MAAM;AAAA,MACN,aAAa,SAAS,QAAQ,aAAa;AAAA,MAC3C,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IACnB,CAAC;AAAA,EACH;AAAA,EAEA,IAAI,UAAmB;AACrB,UAAM,mBAAmB,+BAAW,IAAI,QAAQ;AAQhD,eAPgB,8BAAW,KAAK,OAAO;AAAA,MACrC,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AAAA,EAEH;AACF;",
5
- "names": []
6
- }
@@ -1,9 +0,0 @@
1
- import { setupMatchMedia } from "@tamagui/web";
2
- import { matchMedia } from "./matchMedia";
3
- function createMedia(media) {
4
- return setupMatchMedia(matchMedia), media;
5
- }
6
- export {
7
- createMedia
8
- };
9
- //# sourceMappingURL=createMedia.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createMedia.ts"],
4
- "mappings": "AACA,SAAS,uBAAuB;AAEhC,SAAS,kBAAkB;AAMpB,SAAS,YAId,OAAa;AAGb,yBAAgB,UAAU,GACnB;AACT;",
5
- "names": []
6
- }
@@ -1,5 +0,0 @@
1
- const matchMedia = globalThis.matchMedia;
2
- export {
3
- matchMedia
4
- };
5
- //# sourceMappingURL=matchMedia.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/matchMedia.ts"],
4
- "mappings": "AAIO,MAAM,aAAyB,WAAW;",
5
- "names": []
6
- }
@@ -1,111 +0,0 @@
1
- const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s()]+)(?:\s*and)?\s*)?(.+)?/i, RE_MQ_EXPRESSION = /\(\s*([^\s:)]+)\s*(?::\s*([^\s)]+))?\s*\)/, RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/, RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/, RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
2
- function matchQuery(mediaQuery, values) {
3
- return parseQuery(mediaQuery).some((query) => {
4
- if (!query) return;
5
- const inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
6
- if (typeMatch && inverse || !(typeMatch || inverse))
7
- return !1;
8
- const expressionsMatch = query.expressions.every((expression) => {
9
- const feature = expression.feature, modifier = expression.modifier;
10
- let expValue = expression.value, value = values[feature];
11
- if (!value)
12
- return !1;
13
- switch (feature) {
14
- case "orientation":
15
- case "scan":
16
- return value.toLowerCase() === expValue.toLowerCase();
17
- case "width":
18
- case "height":
19
- case "device-width":
20
- case "device-height":
21
- expValue = toPx(expValue), value = toPx(value);
22
- break;
23
- case "resolution":
24
- expValue = toDpi(expValue), value = toDpi(value);
25
- break;
26
- case "aspect-ratio":
27
- case "device-aspect-ratio":
28
- case /* Deprecated */
29
- "device-pixel-ratio":
30
- expValue = toDecimal(expValue), value = toDecimal(value);
31
- break;
32
- case "grid":
33
- case "color":
34
- case "color-index":
35
- case "monochrome":
36
- expValue = Number.parseInt(expValue, 10) || 1, value = Number.parseInt(value, 10) || 0;
37
- break;
38
- }
39
- switch (modifier) {
40
- case "min":
41
- return value >= expValue;
42
- case "max":
43
- return value <= expValue;
44
- default:
45
- return value === expValue;
46
- }
47
- });
48
- return expressionsMatch && !inverse || !expressionsMatch && inverse;
49
- });
50
- }
51
- function parseQuery(mediaQuery) {
52
- return mediaQuery.split(",").map((query) => {
53
- query = query.trim();
54
- const captures = query.match(RE_MEDIA_QUERY);
55
- if (!captures) return null;
56
- const modifier = captures[1], type = captures[2], expressions = (captures[3] || "").match(/\([^)]+\)/g) || [];
57
- return {
58
- inverse: !!modifier && modifier.toLowerCase() === "not",
59
- type: type ? type.toLowerCase() : "all",
60
- expressions: expressions.map((expression) => {
61
- const captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
62
- return {
63
- modifier: feature[1],
64
- feature: feature[2],
65
- value: captures2[2]
66
- };
67
- })
68
- };
69
- });
70
- }
71
- function toDecimal(ratio) {
72
- let decimal = Number(ratio), numbers;
73
- return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
74
- }
75
- function toDpi(resolution) {
76
- const value = Number.parseFloat(resolution);
77
- switch (String(resolution).match(RE_RESOLUTION_UNIT)?.[1]) {
78
- case "dpcm":
79
- return value / 2.54;
80
- case "dppx":
81
- return value * 96;
82
- default:
83
- return value;
84
- }
85
- }
86
- function toPx(length) {
87
- const value = Number.parseFloat(length);
88
- switch (String(length).match(RE_LENGTH_UNIT)?.[1]) {
89
- case "em":
90
- return value * 16;
91
- case "rem":
92
- return value * 16;
93
- case "cm":
94
- return value * 96 / 2.54;
95
- case "mm":
96
- return value * 96 / 2.54 / 10;
97
- case "in":
98
- return value * 96;
99
- case "pt":
100
- return value * 72;
101
- case "pc":
102
- return value * 72 / 12;
103
- default:
104
- return value;
105
- }
106
- }
107
- export {
108
- matchQuery,
109
- parseQuery
110
- };
111
- //# sourceMappingURL=matchQuery.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/matchQuery.ts"],
4
- "mappings": "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",
5
- "names": ["captures"]
6
- }
@@ -1,49 +0,0 @@
1
- import { Dimensions } from "react-native-web";
2
- import { matchQuery } from "./matchQuery";
3
- class NativeMediaQueryList {
4
- constructor(query) {
5
- this.query = query;
6
- this.notify(), Dimensions.addEventListener("change", () => {
7
- this.notify();
8
- });
9
- }
10
- listeners = [];
11
- get orientation() {
12
- const windowDimensions = Dimensions.get("window");
13
- return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
14
- }
15
- notify() {
16
- this.listeners.forEach((listener) => {
17
- listener(this.orientation);
18
- });
19
- }
20
- addListener(listener) {
21
- this.listeners.push(listener);
22
- }
23
- removeListener(listener) {
24
- const index = this.listeners.indexOf(listener);
25
- index !== -1 && this.listeners.splice(index, 1);
26
- }
27
- match(query, { width, height }) {
28
- return matchQuery(query, {
29
- type: "screen",
30
- orientation: height > width ? "portrait" : "landscape",
31
- "device-width": width,
32
- "device-height": height
33
- });
34
- }
35
- get matches() {
36
- const windowDimensions = Dimensions.get("window");
37
- return matchQuery(this.query, {
38
- type: "screen",
39
- orientation: this.orientation,
40
- ...windowDimensions,
41
- "device-width": windowDimensions.width,
42
- "device-height": windowDimensions.height
43
- });
44
- }
45
- }
46
- export {
47
- NativeMediaQueryList
48
- };
49
- //# sourceMappingURL=mediaQueryList.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/mediaQueryList.ts"],
4
- "mappings": "AACA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAMpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;AAClB,SAAK,OAAO,GACZ,WAAW,iBAAiB,UAAU,MAAM;AAC1C,WAAK,OAAO;AAAA,IACd,CAAC;AAAA,EACH;AAAA,EAZQ,YAAwB,CAAC;AAAA,EAEjC,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,UAA0B;AACpC,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAA0B;AACvC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,IAAI,UAAU,MAAI,KAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,MAAM,OAAe,EAAE,OAAO,OAAO,GAA+C;AAClF,WAAO,WAAW,OAAO;AAAA,MACvB,MAAM;AAAA,MACN,aAAa,SAAS,QAAQ,aAAa;AAAA,MAC3C,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IACnB,CAAC;AAAA,EACH;AAAA,EAEA,IAAI,UAAmB;AACrB,UAAM,mBAAmB,WAAW,IAAI,QAAQ;AAQhD,WAPgB,WAAW,KAAK,OAAO;AAAA,MACrC,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AAAA,EAEH;AACF;",
5
- "names": []
6
- }