@tamagui/react-native-media-driver 1.52.4 → 1.52.6
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/cssMediaQuery.js +162 -0
- package/dist/cjs/cssMediaQuery.js.map +6 -0
- package/dist/cjs/matchQuery.js +162 -0
- package/dist/cjs/matchQuery.js.map +6 -0
- package/dist/cjs/mediaQueryList.js +2 -12
- package/dist/cjs/mediaQueryList.js.map +2 -2
- package/dist/esm/cssMediaQuery.js +137 -0
- package/dist/esm/cssMediaQuery.js.map +6 -0
- package/dist/esm/matchQuery.js +137 -0
- package/dist/esm/matchQuery.js.map +6 -0
- package/dist/esm/mediaQueryList.js +2 -2
- package/dist/esm/mediaQueryList.js.map +1 -1
- package/package.json +3 -4
- package/src/matchQuery.ts +169 -0
- package/src/mediaQueryList.ts +3 -2
- package/types/cssMediaQuery.d.ts +11 -0
- package/types/cssMediaQuery.d.ts.map +1 -0
- package/types/matchQuery.d.ts +11 -0
- package/types/matchQuery.d.ts.map +1 -0
- package/types/mediaQueryList.d.ts.map +1 -1
|
@@ -0,0 +1,162 @@
|
|
|
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 cssMediaQuery_exports = {};
|
|
20
|
+
__export(cssMediaQuery_exports, {
|
|
21
|
+
matchQuery: () => matchQuery,
|
|
22
|
+
parseQuery: () => parseQuery
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(cssMediaQuery_exports);
|
|
25
|
+
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i;
|
|
26
|
+
const RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/;
|
|
27
|
+
const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
|
|
28
|
+
const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
|
|
29
|
+
const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
|
|
30
|
+
function matchQuery(mediaQuery, values) {
|
|
31
|
+
return parseQuery(mediaQuery).some((query) => {
|
|
32
|
+
if (!query)
|
|
33
|
+
return;
|
|
34
|
+
const inverse = query.inverse;
|
|
35
|
+
const typeMatch = query.type === "all" || values.type === query.type;
|
|
36
|
+
if (typeMatch && inverse || !(typeMatch || inverse)) {
|
|
37
|
+
return false;
|
|
38
|
+
}
|
|
39
|
+
const expressionsMatch = query.expressions.every(function(expression) {
|
|
40
|
+
const feature = expression.feature;
|
|
41
|
+
const modifier = expression.modifier;
|
|
42
|
+
let expValue = expression.value;
|
|
43
|
+
let value = values[feature];
|
|
44
|
+
if (!value) {
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
switch (feature) {
|
|
48
|
+
case "orientation":
|
|
49
|
+
case "scan":
|
|
50
|
+
return value.toLowerCase() === expValue.toLowerCase();
|
|
51
|
+
case "width":
|
|
52
|
+
case "height":
|
|
53
|
+
case "device-width":
|
|
54
|
+
case "device-height":
|
|
55
|
+
expValue = toPx(expValue);
|
|
56
|
+
value = toPx(value);
|
|
57
|
+
break;
|
|
58
|
+
case "resolution":
|
|
59
|
+
expValue = toDpi(expValue);
|
|
60
|
+
value = toDpi(value);
|
|
61
|
+
break;
|
|
62
|
+
case "aspect-ratio":
|
|
63
|
+
case "device-aspect-ratio":
|
|
64
|
+
case /* Deprecated */
|
|
65
|
+
"device-pixel-ratio":
|
|
66
|
+
expValue = toDecimal(expValue);
|
|
67
|
+
value = toDecimal(value);
|
|
68
|
+
break;
|
|
69
|
+
case "grid":
|
|
70
|
+
case "color":
|
|
71
|
+
case "color-index":
|
|
72
|
+
case "monochrome":
|
|
73
|
+
expValue = parseInt(expValue, 10) || 1;
|
|
74
|
+
value = parseInt(value, 10) || 0;
|
|
75
|
+
break;
|
|
76
|
+
}
|
|
77
|
+
switch (modifier) {
|
|
78
|
+
case "min":
|
|
79
|
+
return value >= expValue;
|
|
80
|
+
case "max":
|
|
81
|
+
return value <= expValue;
|
|
82
|
+
default:
|
|
83
|
+
return value === expValue;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
function parseQuery(mediaQuery) {
|
|
90
|
+
return mediaQuery.split(",").map(function(query) {
|
|
91
|
+
query = query.trim();
|
|
92
|
+
const captures = query.match(RE_MEDIA_QUERY);
|
|
93
|
+
if (!captures)
|
|
94
|
+
return null;
|
|
95
|
+
const modifier = captures[1];
|
|
96
|
+
const type = captures[2];
|
|
97
|
+
const expressionsCapture = captures[3] || "";
|
|
98
|
+
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || [];
|
|
99
|
+
return {
|
|
100
|
+
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
101
|
+
type: type ? type.toLowerCase() : "all",
|
|
102
|
+
expressions: expressions.map(function(expression) {
|
|
103
|
+
var captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
104
|
+
return {
|
|
105
|
+
modifier: feature[1],
|
|
106
|
+
feature: feature[2],
|
|
107
|
+
value: captures2[2]
|
|
108
|
+
};
|
|
109
|
+
})
|
|
110
|
+
};
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
function toDecimal(ratio) {
|
|
114
|
+
var decimal = Number(ratio), numbers;
|
|
115
|
+
if (!decimal) {
|
|
116
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
117
|
+
decimal = numbers[1] / numbers[2];
|
|
118
|
+
}
|
|
119
|
+
return decimal;
|
|
120
|
+
}
|
|
121
|
+
function toDpi(resolution) {
|
|
122
|
+
var _a;
|
|
123
|
+
const value = parseFloat(resolution);
|
|
124
|
+
const units = (_a = String(resolution).match(RE_RESOLUTION_UNIT)) == null ? void 0 : _a[1];
|
|
125
|
+
switch (units) {
|
|
126
|
+
case "dpcm":
|
|
127
|
+
return value / 2.54;
|
|
128
|
+
case "dppx":
|
|
129
|
+
return value * 96;
|
|
130
|
+
default:
|
|
131
|
+
return value;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
function toPx(length) {
|
|
135
|
+
var _a;
|
|
136
|
+
const value = parseFloat(length);
|
|
137
|
+
const units = (_a = String(length).match(RE_LENGTH_UNIT)) == null ? void 0 : _a[1];
|
|
138
|
+
switch (units) {
|
|
139
|
+
case "em":
|
|
140
|
+
return value * 16;
|
|
141
|
+
case "rem":
|
|
142
|
+
return value * 16;
|
|
143
|
+
case "cm":
|
|
144
|
+
return value * 96 / 2.54;
|
|
145
|
+
case "mm":
|
|
146
|
+
return value * 96 / 2.54 / 10;
|
|
147
|
+
case "in":
|
|
148
|
+
return value * 96;
|
|
149
|
+
case "pt":
|
|
150
|
+
return value * 72;
|
|
151
|
+
case "pc":
|
|
152
|
+
return value * 72 / 12;
|
|
153
|
+
default:
|
|
154
|
+
return value;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
158
|
+
0 && (module.exports = {
|
|
159
|
+
matchQuery,
|
|
160
|
+
parseQuery
|
|
161
|
+
});
|
|
162
|
+
//# sourceMappingURL=cssMediaQuery.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/cssMediaQuery.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["captures"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,162 @@
|
|
|
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 matchQuery_exports = {};
|
|
20
|
+
__export(matchQuery_exports, {
|
|
21
|
+
matchQuery: () => matchQuery,
|
|
22
|
+
parseQuery: () => parseQuery
|
|
23
|
+
});
|
|
24
|
+
module.exports = __toCommonJS(matchQuery_exports);
|
|
25
|
+
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i;
|
|
26
|
+
const RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/;
|
|
27
|
+
const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
|
|
28
|
+
const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
|
|
29
|
+
const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
|
|
30
|
+
function matchQuery(mediaQuery, values) {
|
|
31
|
+
return parseQuery(mediaQuery).some((query) => {
|
|
32
|
+
if (!query)
|
|
33
|
+
return;
|
|
34
|
+
const inverse = query.inverse;
|
|
35
|
+
const typeMatch = query.type === "all" || values.type === query.type;
|
|
36
|
+
if (typeMatch && inverse || !(typeMatch || inverse)) {
|
|
37
|
+
return false;
|
|
38
|
+
}
|
|
39
|
+
const expressionsMatch = query.expressions.every(function(expression) {
|
|
40
|
+
const feature = expression.feature;
|
|
41
|
+
const modifier = expression.modifier;
|
|
42
|
+
let expValue = expression.value;
|
|
43
|
+
let value = values[feature];
|
|
44
|
+
if (!value) {
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
switch (feature) {
|
|
48
|
+
case "orientation":
|
|
49
|
+
case "scan":
|
|
50
|
+
return value.toLowerCase() === expValue.toLowerCase();
|
|
51
|
+
case "width":
|
|
52
|
+
case "height":
|
|
53
|
+
case "device-width":
|
|
54
|
+
case "device-height":
|
|
55
|
+
expValue = toPx(expValue);
|
|
56
|
+
value = toPx(value);
|
|
57
|
+
break;
|
|
58
|
+
case "resolution":
|
|
59
|
+
expValue = toDpi(expValue);
|
|
60
|
+
value = toDpi(value);
|
|
61
|
+
break;
|
|
62
|
+
case "aspect-ratio":
|
|
63
|
+
case "device-aspect-ratio":
|
|
64
|
+
case /* Deprecated */
|
|
65
|
+
"device-pixel-ratio":
|
|
66
|
+
expValue = toDecimal(expValue);
|
|
67
|
+
value = toDecimal(value);
|
|
68
|
+
break;
|
|
69
|
+
case "grid":
|
|
70
|
+
case "color":
|
|
71
|
+
case "color-index":
|
|
72
|
+
case "monochrome":
|
|
73
|
+
expValue = parseInt(expValue, 10) || 1;
|
|
74
|
+
value = parseInt(value, 10) || 0;
|
|
75
|
+
break;
|
|
76
|
+
}
|
|
77
|
+
switch (modifier) {
|
|
78
|
+
case "min":
|
|
79
|
+
return value >= expValue;
|
|
80
|
+
case "max":
|
|
81
|
+
return value <= expValue;
|
|
82
|
+
default:
|
|
83
|
+
return value === expValue;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
function parseQuery(mediaQuery) {
|
|
90
|
+
return mediaQuery.split(",").map(function(query) {
|
|
91
|
+
query = query.trim();
|
|
92
|
+
const captures = query.match(RE_MEDIA_QUERY);
|
|
93
|
+
if (!captures)
|
|
94
|
+
return null;
|
|
95
|
+
const modifier = captures[1];
|
|
96
|
+
const type = captures[2];
|
|
97
|
+
const expressionsCapture = captures[3] || "";
|
|
98
|
+
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || [];
|
|
99
|
+
return {
|
|
100
|
+
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
101
|
+
type: type ? type.toLowerCase() : "all",
|
|
102
|
+
expressions: expressions.map(function(expression) {
|
|
103
|
+
var captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
104
|
+
return {
|
|
105
|
+
modifier: feature[1],
|
|
106
|
+
feature: feature[2],
|
|
107
|
+
value: captures2[2]
|
|
108
|
+
};
|
|
109
|
+
})
|
|
110
|
+
};
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
function toDecimal(ratio) {
|
|
114
|
+
var decimal = Number(ratio), numbers;
|
|
115
|
+
if (!decimal) {
|
|
116
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
117
|
+
decimal = numbers[1] / numbers[2];
|
|
118
|
+
}
|
|
119
|
+
return decimal;
|
|
120
|
+
}
|
|
121
|
+
function toDpi(resolution) {
|
|
122
|
+
var _a;
|
|
123
|
+
const value = parseFloat(resolution);
|
|
124
|
+
const units = (_a = String(resolution).match(RE_RESOLUTION_UNIT)) == null ? void 0 : _a[1];
|
|
125
|
+
switch (units) {
|
|
126
|
+
case "dpcm":
|
|
127
|
+
return value / 2.54;
|
|
128
|
+
case "dppx":
|
|
129
|
+
return value * 96;
|
|
130
|
+
default:
|
|
131
|
+
return value;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
function toPx(length) {
|
|
135
|
+
var _a;
|
|
136
|
+
const value = parseFloat(length);
|
|
137
|
+
const units = (_a = String(length).match(RE_LENGTH_UNIT)) == null ? void 0 : _a[1];
|
|
138
|
+
switch (units) {
|
|
139
|
+
case "em":
|
|
140
|
+
return value * 16;
|
|
141
|
+
case "rem":
|
|
142
|
+
return value * 16;
|
|
143
|
+
case "cm":
|
|
144
|
+
return value * 96 / 2.54;
|
|
145
|
+
case "mm":
|
|
146
|
+
return value * 96 / 2.54 / 10;
|
|
147
|
+
case "in":
|
|
148
|
+
return value * 96;
|
|
149
|
+
case "pt":
|
|
150
|
+
return value * 72;
|
|
151
|
+
case "pc":
|
|
152
|
+
return value * 72 / 12;
|
|
153
|
+
default:
|
|
154
|
+
return value;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
158
|
+
0 && (module.exports = {
|
|
159
|
+
matchQuery,
|
|
160
|
+
parseQuery
|
|
161
|
+
});
|
|
162
|
+
//# sourceMappingURL=matchQuery.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/matchQuery.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["captures"]
|
|
6
|
+
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
6
|
var __export = (target, all) => {
|
|
9
7
|
for (var name in all)
|
|
@@ -17,22 +15,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
15
|
}
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
19
|
var mediaQueryList_exports = {};
|
|
30
20
|
__export(mediaQueryList_exports, {
|
|
31
21
|
NativeMediaQueryList: () => NativeMediaQueryList
|
|
32
22
|
});
|
|
33
23
|
module.exports = __toCommonJS(mediaQueryList_exports);
|
|
34
|
-
var import_css_mediaquery = __toESM(require("css-mediaquery"));
|
|
35
24
|
var import_react_native = require("react-native");
|
|
25
|
+
var import_matchQuery = require("./matchQuery");
|
|
36
26
|
class NativeMediaQueryList {
|
|
37
27
|
constructor(query) {
|
|
38
28
|
this.query = query;
|
|
@@ -61,7 +51,7 @@ class NativeMediaQueryList {
|
|
|
61
51
|
}
|
|
62
52
|
get matches() {
|
|
63
53
|
const windowDimensions = import_react_native.Dimensions.get("window");
|
|
64
|
-
const matches =
|
|
54
|
+
const matches = (0, import_matchQuery.matchQuery)(this.query, {
|
|
65
55
|
type: "screen",
|
|
66
56
|
orientation: this.orientation,
|
|
67
57
|
...windowDimensions,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,0BAA2B;AAE3B,wBAA2B;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,cAAU,8BAAW,KAAK,OAAO;AAAA,MACrC,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i;
|
|
2
|
+
const RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/;
|
|
3
|
+
const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
|
|
4
|
+
const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
|
|
5
|
+
const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
|
|
6
|
+
function matchQuery(mediaQuery, values) {
|
|
7
|
+
return parseQuery(mediaQuery).some((query) => {
|
|
8
|
+
if (!query)
|
|
9
|
+
return;
|
|
10
|
+
const inverse = query.inverse;
|
|
11
|
+
const typeMatch = query.type === "all" || values.type === query.type;
|
|
12
|
+
if (typeMatch && inverse || !(typeMatch || inverse)) {
|
|
13
|
+
return false;
|
|
14
|
+
}
|
|
15
|
+
const expressionsMatch = query.expressions.every(function(expression) {
|
|
16
|
+
const feature = expression.feature;
|
|
17
|
+
const modifier = expression.modifier;
|
|
18
|
+
let expValue = expression.value;
|
|
19
|
+
let value = values[feature];
|
|
20
|
+
if (!value) {
|
|
21
|
+
return false;
|
|
22
|
+
}
|
|
23
|
+
switch (feature) {
|
|
24
|
+
case "orientation":
|
|
25
|
+
case "scan":
|
|
26
|
+
return value.toLowerCase() === expValue.toLowerCase();
|
|
27
|
+
case "width":
|
|
28
|
+
case "height":
|
|
29
|
+
case "device-width":
|
|
30
|
+
case "device-height":
|
|
31
|
+
expValue = toPx(expValue);
|
|
32
|
+
value = toPx(value);
|
|
33
|
+
break;
|
|
34
|
+
case "resolution":
|
|
35
|
+
expValue = toDpi(expValue);
|
|
36
|
+
value = toDpi(value);
|
|
37
|
+
break;
|
|
38
|
+
case "aspect-ratio":
|
|
39
|
+
case "device-aspect-ratio":
|
|
40
|
+
case /* Deprecated */
|
|
41
|
+
"device-pixel-ratio":
|
|
42
|
+
expValue = toDecimal(expValue);
|
|
43
|
+
value = toDecimal(value);
|
|
44
|
+
break;
|
|
45
|
+
case "grid":
|
|
46
|
+
case "color":
|
|
47
|
+
case "color-index":
|
|
48
|
+
case "monochrome":
|
|
49
|
+
expValue = parseInt(expValue, 10) || 1;
|
|
50
|
+
value = parseInt(value, 10) || 0;
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
switch (modifier) {
|
|
54
|
+
case "min":
|
|
55
|
+
return value >= expValue;
|
|
56
|
+
case "max":
|
|
57
|
+
return value <= expValue;
|
|
58
|
+
default:
|
|
59
|
+
return value === expValue;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
function parseQuery(mediaQuery) {
|
|
66
|
+
return mediaQuery.split(",").map(function(query) {
|
|
67
|
+
query = query.trim();
|
|
68
|
+
const captures = query.match(RE_MEDIA_QUERY);
|
|
69
|
+
if (!captures)
|
|
70
|
+
return null;
|
|
71
|
+
const modifier = captures[1];
|
|
72
|
+
const type = captures[2];
|
|
73
|
+
const expressionsCapture = captures[3] || "";
|
|
74
|
+
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || [];
|
|
75
|
+
return {
|
|
76
|
+
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
77
|
+
type: type ? type.toLowerCase() : "all",
|
|
78
|
+
expressions: expressions.map(function(expression) {
|
|
79
|
+
var captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
80
|
+
return {
|
|
81
|
+
modifier: feature[1],
|
|
82
|
+
feature: feature[2],
|
|
83
|
+
value: captures2[2]
|
|
84
|
+
};
|
|
85
|
+
})
|
|
86
|
+
};
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
function toDecimal(ratio) {
|
|
90
|
+
var decimal = Number(ratio), numbers;
|
|
91
|
+
if (!decimal) {
|
|
92
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
93
|
+
decimal = numbers[1] / numbers[2];
|
|
94
|
+
}
|
|
95
|
+
return decimal;
|
|
96
|
+
}
|
|
97
|
+
function toDpi(resolution) {
|
|
98
|
+
var _a;
|
|
99
|
+
const value = parseFloat(resolution);
|
|
100
|
+
const units = (_a = String(resolution).match(RE_RESOLUTION_UNIT)) == null ? void 0 : _a[1];
|
|
101
|
+
switch (units) {
|
|
102
|
+
case "dpcm":
|
|
103
|
+
return value / 2.54;
|
|
104
|
+
case "dppx":
|
|
105
|
+
return value * 96;
|
|
106
|
+
default:
|
|
107
|
+
return value;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
function toPx(length) {
|
|
111
|
+
var _a;
|
|
112
|
+
const value = parseFloat(length);
|
|
113
|
+
const units = (_a = String(length).match(RE_LENGTH_UNIT)) == null ? void 0 : _a[1];
|
|
114
|
+
switch (units) {
|
|
115
|
+
case "em":
|
|
116
|
+
return value * 16;
|
|
117
|
+
case "rem":
|
|
118
|
+
return value * 16;
|
|
119
|
+
case "cm":
|
|
120
|
+
return value * 96 / 2.54;
|
|
121
|
+
case "mm":
|
|
122
|
+
return value * 96 / 2.54 / 10;
|
|
123
|
+
case "in":
|
|
124
|
+
return value * 96;
|
|
125
|
+
case "pt":
|
|
126
|
+
return value * 72;
|
|
127
|
+
case "pc":
|
|
128
|
+
return value * 72 / 12;
|
|
129
|
+
default:
|
|
130
|
+
return value;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
export {
|
|
134
|
+
matchQuery,
|
|
135
|
+
parseQuery
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=cssMediaQuery.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/cssMediaQuery.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["captures"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i;
|
|
2
|
+
const RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/;
|
|
3
|
+
const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/;
|
|
4
|
+
const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/;
|
|
5
|
+
const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
|
|
6
|
+
function matchQuery(mediaQuery, values) {
|
|
7
|
+
return parseQuery(mediaQuery).some((query) => {
|
|
8
|
+
if (!query)
|
|
9
|
+
return;
|
|
10
|
+
const inverse = query.inverse;
|
|
11
|
+
const typeMatch = query.type === "all" || values.type === query.type;
|
|
12
|
+
if (typeMatch && inverse || !(typeMatch || inverse)) {
|
|
13
|
+
return false;
|
|
14
|
+
}
|
|
15
|
+
const expressionsMatch = query.expressions.every(function(expression) {
|
|
16
|
+
const feature = expression.feature;
|
|
17
|
+
const modifier = expression.modifier;
|
|
18
|
+
let expValue = expression.value;
|
|
19
|
+
let value = values[feature];
|
|
20
|
+
if (!value) {
|
|
21
|
+
return false;
|
|
22
|
+
}
|
|
23
|
+
switch (feature) {
|
|
24
|
+
case "orientation":
|
|
25
|
+
case "scan":
|
|
26
|
+
return value.toLowerCase() === expValue.toLowerCase();
|
|
27
|
+
case "width":
|
|
28
|
+
case "height":
|
|
29
|
+
case "device-width":
|
|
30
|
+
case "device-height":
|
|
31
|
+
expValue = toPx(expValue);
|
|
32
|
+
value = toPx(value);
|
|
33
|
+
break;
|
|
34
|
+
case "resolution":
|
|
35
|
+
expValue = toDpi(expValue);
|
|
36
|
+
value = toDpi(value);
|
|
37
|
+
break;
|
|
38
|
+
case "aspect-ratio":
|
|
39
|
+
case "device-aspect-ratio":
|
|
40
|
+
case /* Deprecated */
|
|
41
|
+
"device-pixel-ratio":
|
|
42
|
+
expValue = toDecimal(expValue);
|
|
43
|
+
value = toDecimal(value);
|
|
44
|
+
break;
|
|
45
|
+
case "grid":
|
|
46
|
+
case "color":
|
|
47
|
+
case "color-index":
|
|
48
|
+
case "monochrome":
|
|
49
|
+
expValue = parseInt(expValue, 10) || 1;
|
|
50
|
+
value = parseInt(value, 10) || 0;
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
switch (modifier) {
|
|
54
|
+
case "min":
|
|
55
|
+
return value >= expValue;
|
|
56
|
+
case "max":
|
|
57
|
+
return value <= expValue;
|
|
58
|
+
default:
|
|
59
|
+
return value === expValue;
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
function parseQuery(mediaQuery) {
|
|
66
|
+
return mediaQuery.split(",").map(function(query) {
|
|
67
|
+
query = query.trim();
|
|
68
|
+
const captures = query.match(RE_MEDIA_QUERY);
|
|
69
|
+
if (!captures)
|
|
70
|
+
return null;
|
|
71
|
+
const modifier = captures[1];
|
|
72
|
+
const type = captures[2];
|
|
73
|
+
const expressionsCapture = captures[3] || "";
|
|
74
|
+
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || [];
|
|
75
|
+
return {
|
|
76
|
+
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
77
|
+
type: type ? type.toLowerCase() : "all",
|
|
78
|
+
expressions: expressions.map(function(expression) {
|
|
79
|
+
var captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
80
|
+
return {
|
|
81
|
+
modifier: feature[1],
|
|
82
|
+
feature: feature[2],
|
|
83
|
+
value: captures2[2]
|
|
84
|
+
};
|
|
85
|
+
})
|
|
86
|
+
};
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
function toDecimal(ratio) {
|
|
90
|
+
var decimal = Number(ratio), numbers;
|
|
91
|
+
if (!decimal) {
|
|
92
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
93
|
+
decimal = numbers[1] / numbers[2];
|
|
94
|
+
}
|
|
95
|
+
return decimal;
|
|
96
|
+
}
|
|
97
|
+
function toDpi(resolution) {
|
|
98
|
+
var _a;
|
|
99
|
+
const value = parseFloat(resolution);
|
|
100
|
+
const units = (_a = String(resolution).match(RE_RESOLUTION_UNIT)) == null ? void 0 : _a[1];
|
|
101
|
+
switch (units) {
|
|
102
|
+
case "dpcm":
|
|
103
|
+
return value / 2.54;
|
|
104
|
+
case "dppx":
|
|
105
|
+
return value * 96;
|
|
106
|
+
default:
|
|
107
|
+
return value;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
function toPx(length) {
|
|
111
|
+
var _a;
|
|
112
|
+
const value = parseFloat(length);
|
|
113
|
+
const units = (_a = String(length).match(RE_LENGTH_UNIT)) == null ? void 0 : _a[1];
|
|
114
|
+
switch (units) {
|
|
115
|
+
case "em":
|
|
116
|
+
return value * 16;
|
|
117
|
+
case "rem":
|
|
118
|
+
return value * 16;
|
|
119
|
+
case "cm":
|
|
120
|
+
return value * 96 / 2.54;
|
|
121
|
+
case "mm":
|
|
122
|
+
return value * 96 / 2.54 / 10;
|
|
123
|
+
case "in":
|
|
124
|
+
return value * 96;
|
|
125
|
+
case "pt":
|
|
126
|
+
return value * 72;
|
|
127
|
+
case "pc":
|
|
128
|
+
return value * 72 / 12;
|
|
129
|
+
default:
|
|
130
|
+
return value;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
export {
|
|
134
|
+
matchQuery,
|
|
135
|
+
parseQuery
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=matchQuery.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/matchQuery.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["captures"]
|
|
6
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import mediaQuery from "css-mediaquery";
|
|
2
1
|
import { Dimensions } from "react-native";
|
|
2
|
+
import { matchQuery } from "./matchQuery";
|
|
3
3
|
class NativeMediaQueryList {
|
|
4
4
|
constructor(query) {
|
|
5
5
|
this.query = query;
|
|
@@ -28,7 +28,7 @@ class NativeMediaQueryList {
|
|
|
28
28
|
}
|
|
29
29
|
get matches() {
|
|
30
30
|
const windowDimensions = Dimensions.get("window");
|
|
31
|
-
const matches =
|
|
31
|
+
const matches = matchQuery(this.query, {
|
|
32
32
|
type: "screen",
|
|
33
33
|
orientation: this.orientation,
|
|
34
34
|
...windowDimensions,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"mappings": "AACA,
|
|
4
|
+
"mappings": "AACA,SAAS,kBAAkB;AAE3B,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,KAAK,OAAO;AAAA,MACrC,MAAM;AAAA,MACN,aAAa,KAAK;AAAA,MAClB,GAAG;AAAA,MACH,gBAAgB,iBAAiB;AAAA,MACjC,iBAAiB,iBAAiB;AAAA,IACpC,CAAC;AACD,WAAO;AAAA,EACT;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/react-native-media-driver",
|
|
3
|
-
"version": "1.52.
|
|
3
|
+
"version": "1.52.6",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -13,11 +13,10 @@
|
|
|
13
13
|
],
|
|
14
14
|
"sideEffects": true,
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tamagui/web": "1.52.
|
|
17
|
-
"css-mediaquery": "^0.1.2"
|
|
16
|
+
"@tamagui/web": "1.52.6"
|
|
18
17
|
},
|
|
19
18
|
"devDependencies": {
|
|
20
|
-
"@tamagui/build": "1.52.
|
|
19
|
+
"@tamagui/build": "1.52.6",
|
|
21
20
|
"react-native": "^0.72.1"
|
|
22
21
|
},
|
|
23
22
|
"peerDependencies": {
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) 2014, Yahoo! Inc. All rights reserved.
|
|
3
|
+
Copyrights licensed under the New BSD License.
|
|
4
|
+
See the accompanying LICENSE file for terms.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
// -----------------------------------------------------------------------------
|
|
8
|
+
|
|
9
|
+
const RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i
|
|
10
|
+
const RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/
|
|
11
|
+
const RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/
|
|
12
|
+
const RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/
|
|
13
|
+
const RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/
|
|
14
|
+
|
|
15
|
+
export function matchQuery(mediaQuery: string, values) {
|
|
16
|
+
return parseQuery(mediaQuery).some((query) => {
|
|
17
|
+
if (!query) return
|
|
18
|
+
|
|
19
|
+
const inverse = query.inverse
|
|
20
|
+
|
|
21
|
+
// Either the parsed or specified `type` is "all", or the types must be
|
|
22
|
+
// equal for a match.
|
|
23
|
+
const typeMatch = query.type === 'all' || values.type === query.type
|
|
24
|
+
|
|
25
|
+
// Quit early when `type` doesn't match, but take "not" into account.
|
|
26
|
+
if ((typeMatch && inverse) || !(typeMatch || inverse)) {
|
|
27
|
+
return false
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
const expressionsMatch = query.expressions.every(function (expression) {
|
|
31
|
+
const feature = expression.feature
|
|
32
|
+
const modifier = expression.modifier
|
|
33
|
+
let expValue = expression.value
|
|
34
|
+
let value = values[feature]
|
|
35
|
+
|
|
36
|
+
// Missing or falsy values don't match.
|
|
37
|
+
if (!value) {
|
|
38
|
+
return false
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
switch (feature) {
|
|
42
|
+
case 'orientation':
|
|
43
|
+
case 'scan':
|
|
44
|
+
return value.toLowerCase() === expValue.toLowerCase()
|
|
45
|
+
|
|
46
|
+
case 'width':
|
|
47
|
+
case 'height':
|
|
48
|
+
case 'device-width':
|
|
49
|
+
case 'device-height':
|
|
50
|
+
expValue = toPx(expValue)
|
|
51
|
+
value = toPx(value)
|
|
52
|
+
break
|
|
53
|
+
|
|
54
|
+
case 'resolution':
|
|
55
|
+
expValue = toDpi(expValue)
|
|
56
|
+
value = toDpi(value)
|
|
57
|
+
break
|
|
58
|
+
|
|
59
|
+
case 'aspect-ratio':
|
|
60
|
+
case 'device-aspect-ratio':
|
|
61
|
+
case /* Deprecated */ 'device-pixel-ratio':
|
|
62
|
+
expValue = toDecimal(expValue)
|
|
63
|
+
value = toDecimal(value)
|
|
64
|
+
break
|
|
65
|
+
|
|
66
|
+
case 'grid':
|
|
67
|
+
case 'color':
|
|
68
|
+
case 'color-index':
|
|
69
|
+
case 'monochrome':
|
|
70
|
+
expValue = parseInt(expValue, 10) || 1
|
|
71
|
+
value = parseInt(value, 10) || 0
|
|
72
|
+
break
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
switch (modifier) {
|
|
76
|
+
case 'min':
|
|
77
|
+
return value >= expValue
|
|
78
|
+
case 'max':
|
|
79
|
+
return value <= expValue
|
|
80
|
+
default:
|
|
81
|
+
return value === expValue
|
|
82
|
+
}
|
|
83
|
+
})
|
|
84
|
+
|
|
85
|
+
return (expressionsMatch && !inverse) || (!expressionsMatch && inverse)
|
|
86
|
+
})
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export function parseQuery(mediaQuery: string) {
|
|
90
|
+
return mediaQuery.split(',').map(function (query) {
|
|
91
|
+
query = query.trim()
|
|
92
|
+
|
|
93
|
+
const captures = query.match(RE_MEDIA_QUERY)
|
|
94
|
+
|
|
95
|
+
if (!captures) return null
|
|
96
|
+
|
|
97
|
+
const modifier = captures[1]
|
|
98
|
+
const type = captures[2]
|
|
99
|
+
const expressionsCapture = captures[3] || ''
|
|
100
|
+
// Split expressions into a list.
|
|
101
|
+
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || []
|
|
102
|
+
|
|
103
|
+
return {
|
|
104
|
+
inverse: !!modifier && modifier.toLowerCase() === 'not',
|
|
105
|
+
type: type ? type.toLowerCase() : 'all',
|
|
106
|
+
expressions: expressions.map(function (expression) {
|
|
107
|
+
var captures = expression.match(RE_MQ_EXPRESSION),
|
|
108
|
+
feature = captures[1].toLowerCase().match(RE_MQ_FEATURE)
|
|
109
|
+
|
|
110
|
+
return {
|
|
111
|
+
modifier: feature[1],
|
|
112
|
+
feature: feature[2],
|
|
113
|
+
value: captures[2],
|
|
114
|
+
}
|
|
115
|
+
}),
|
|
116
|
+
}
|
|
117
|
+
})
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
// -- Utilities ----------------------------------------------------------------
|
|
121
|
+
|
|
122
|
+
function toDecimal(ratio) {
|
|
123
|
+
var decimal = Number(ratio),
|
|
124
|
+
numbers
|
|
125
|
+
|
|
126
|
+
if (!decimal) {
|
|
127
|
+
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/)
|
|
128
|
+
decimal = numbers[1] / numbers[2]
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
return decimal
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
function toDpi(resolution: string) {
|
|
135
|
+
const value = parseFloat(resolution)
|
|
136
|
+
const units = String(resolution).match(RE_RESOLUTION_UNIT)?.[1]
|
|
137
|
+
|
|
138
|
+
switch (units) {
|
|
139
|
+
case 'dpcm':
|
|
140
|
+
return value / 2.54
|
|
141
|
+
case 'dppx':
|
|
142
|
+
return value * 96
|
|
143
|
+
default:
|
|
144
|
+
return value
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
function toPx(length: string) {
|
|
149
|
+
const value = parseFloat(length)
|
|
150
|
+
const units = String(length).match(RE_LENGTH_UNIT)?.[1]
|
|
151
|
+
switch (units) {
|
|
152
|
+
case 'em':
|
|
153
|
+
return value * 16
|
|
154
|
+
case 'rem':
|
|
155
|
+
return value * 16
|
|
156
|
+
case 'cm':
|
|
157
|
+
return (value * 96) / 2.54
|
|
158
|
+
case 'mm':
|
|
159
|
+
return (value * 96) / 2.54 / 10
|
|
160
|
+
case 'in':
|
|
161
|
+
return value * 96
|
|
162
|
+
case 'pt':
|
|
163
|
+
return value * 72
|
|
164
|
+
case 'pc':
|
|
165
|
+
return (value * 72) / 12
|
|
166
|
+
default:
|
|
167
|
+
return value
|
|
168
|
+
}
|
|
169
|
+
}
|
package/src/mediaQueryList.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import type { MediaQueryList } from '@tamagui/web'
|
|
2
|
-
import mediaQuery from 'css-mediaquery'
|
|
3
2
|
import { Dimensions } from 'react-native'
|
|
4
3
|
|
|
4
|
+
import { matchQuery } from './matchQuery'
|
|
5
|
+
|
|
5
6
|
type Orientation = 'landscape' | 'portrait'
|
|
6
7
|
|
|
7
8
|
type Listener = (orientation: Orientation) => void
|
|
@@ -38,7 +39,7 @@ export class NativeMediaQueryList implements MediaQueryList {
|
|
|
38
39
|
|
|
39
40
|
get matches(): boolean {
|
|
40
41
|
const windowDimensions = Dimensions.get('window')
|
|
41
|
-
const matches =
|
|
42
|
+
const matches = matchQuery(this.query, {
|
|
42
43
|
type: 'screen',
|
|
43
44
|
orientation: this.orientation,
|
|
44
45
|
...windowDimensions,
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare function matchQuery(mediaQuery: string, values: any): boolean;
|
|
2
|
+
export declare function parseQuery(mediaQuery: string): ({
|
|
3
|
+
inverse: boolean;
|
|
4
|
+
type: string;
|
|
5
|
+
expressions: {
|
|
6
|
+
modifier: any;
|
|
7
|
+
feature: any;
|
|
8
|
+
value: any;
|
|
9
|
+
}[];
|
|
10
|
+
} | null)[];
|
|
11
|
+
//# sourceMappingURL=cssMediaQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cssMediaQuery.d.ts","sourceRoot":"","sources":["../src/cssMediaQuery.ts"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAA,WAwEpD;AAED,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM;;;;;;;;YA6B5C"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare function matchQuery(mediaQuery: string, values: any): boolean;
|
|
2
|
+
export declare function parseQuery(mediaQuery: string): ({
|
|
3
|
+
inverse: boolean;
|
|
4
|
+
type: string;
|
|
5
|
+
expressions: {
|
|
6
|
+
modifier: any;
|
|
7
|
+
feature: any;
|
|
8
|
+
value: any;
|
|
9
|
+
}[];
|
|
10
|
+
} | null)[];
|
|
11
|
+
//# sourceMappingURL=matchQuery.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"matchQuery.d.ts","sourceRoot":"","sources":["../src/matchQuery.ts"],"names":[],"mappings":"AAcA,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAA,WAwEpD;AAED,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM;;;;;;;;YA6B5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaQueryList.d.ts","sourceRoot":"","sources":["../src/mediaQueryList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"mediaQueryList.d.ts","sourceRoot":"","sources":["../src/mediaQueryList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKlD,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"}
|