@tamagui/react-native-media-driver 1.61.3 → 1.62.0
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 +7 -13
- package/dist/cjs/createMedia.js.map +1 -1
- package/dist/cjs/createMedia.native.js +29 -0
- package/dist/cjs/createMedia.native.js.map +6 -0
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +22 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/matchMedia.js +6 -10
- package/dist/cjs/matchMedia.js.map +1 -1
- package/dist/cjs/matchMedia.native.js +6 -11
- package/dist/cjs/matchMedia.native.js.map +1 -1
- package/dist/cjs/matchQuery.js +21 -49
- package/dist/cjs/matchQuery.js.map +1 -1
- package/dist/cjs/matchQuery.native.js +135 -0
- package/dist/cjs/matchQuery.native.js.map +6 -0
- package/dist/cjs/mediaQueryList.js +10 -18
- package/dist/cjs/mediaQueryList.js.map +1 -1
- package/dist/cjs/mediaQueryList.native.js +69 -0
- package/dist/cjs/mediaQueryList.native.js.map +6 -0
- package/dist/esm/createMedia.js +1 -2
- package/dist/esm/createMedia.js.map +1 -1
- package/dist/esm/matchMedia.js +1 -1
- package/dist/esm/matchMedia.js.map +1 -1
- package/dist/esm/matchQuery.js +16 -40
- package/dist/esm/matchQuery.js.map +1 -1
- package/dist/esm/mediaQueryList.js +4 -7
- package/dist/esm/mediaQueryList.js.map +1 -1
- package/package.json +3 -3
- package/dist/esm/matchMedia.native.js +0 -8
- package/dist/esm/matchMedia.native.js.map +0 -6
package/dist/cjs/createMedia.js
CHANGED
|
@@ -1,31 +1,25 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var createMedia_exports = {};
|
|
20
16
|
__export(createMedia_exports, {
|
|
21
17
|
createMedia: () => createMedia
|
|
22
18
|
});
|
|
23
19
|
module.exports = __toCommonJS(createMedia_exports);
|
|
24
|
-
var import_web = require("@tamagui/web");
|
|
25
|
-
var import_matchMedia = require("./matchMedia");
|
|
20
|
+
var import_web = require("@tamagui/web"), import_matchMedia = require("./matchMedia");
|
|
26
21
|
function createMedia(media) {
|
|
27
|
-
(0, import_web.setupMatchMedia)(import_matchMedia.matchMedia);
|
|
28
|
-
return media;
|
|
22
|
+
return (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia), media;
|
|
29
23
|
}
|
|
30
24
|
// Annotate the CommonJS export names for ESM import in node:
|
|
31
25
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createMedia.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkD,yBAElD,oBAA2B;AAEpB,SAAS,YAId,OAAa;AAGb,yCAAgB,4BAAU,GACnB;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -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: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
var createMedia_exports = {};
|
|
17
|
+
__export(createMedia_exports, {
|
|
18
|
+
createMedia: () => createMedia
|
|
19
|
+
});
|
|
20
|
+
module.exports = __toCommonJS(createMedia_exports);
|
|
21
|
+
var import_web = require("@tamagui/web"), import_matchMedia = require("./matchMedia");
|
|
22
|
+
function createMedia(media) {
|
|
23
|
+
return (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia), media;
|
|
24
|
+
}
|
|
25
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
26
|
+
0 && (module.exports = {
|
|
27
|
+
createMedia
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=createMedia.js.map
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
8
7
|
for (let key of __getOwnPropNames(from))
|
|
9
|
-
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
8
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
9
|
return to;
|
|
13
|
-
};
|
|
14
|
-
var
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
10
|
+
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
11
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
12
|
var src_exports = {};
|
|
17
13
|
module.exports = __toCommonJS(src_exports);
|
|
18
14
|
__reExport(src_exports, require("./createMedia"), module.exports);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -0,0 +1,22 @@
|
|
|
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 __copyProps = (to, from, except, desc) => {
|
|
7
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
+
for (let key of __getOwnPropNames(from))
|
|
9
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
+
return to;
|
|
11
|
+
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
12
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
13
|
+
var src_exports = {};
|
|
14
|
+
module.exports = __toCommonJS(src_exports);
|
|
15
|
+
__reExport(src_exports, require("./createMedia"), module.exports);
|
|
16
|
+
__reExport(src_exports, require("./matchMedia"), module.exports);
|
|
17
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
18
|
+
0 && (module.exports = {
|
|
19
|
+
...require("./createMedia"),
|
|
20
|
+
...require("./matchMedia")
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
package/dist/cjs/matchMedia.js
CHANGED
|
@@ -1,27 +1,23 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var matchMedia_exports = {};
|
|
20
16
|
__export(matchMedia_exports, {
|
|
21
17
|
matchMedia: () => matchMedia
|
|
22
18
|
});
|
|
23
19
|
module.exports = __toCommonJS(matchMedia_exports);
|
|
24
|
-
const matchMedia = globalThis
|
|
20
|
+
const matchMedia = globalThis.matchMedia;
|
|
25
21
|
// Annotate the CommonJS export names for ESM import in node:
|
|
26
22
|
0 && (module.exports = {
|
|
27
23
|
matchMedia
|
|
@@ -5,26 +5,21 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
6
|
var __export = (target, all) => {
|
|
7
7
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
11
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
13
|
return to;
|
|
17
14
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
16
|
var matchMedia_native_exports = {};
|
|
20
17
|
__export(matchMedia_native_exports, {
|
|
21
18
|
matchMedia: () => matchMedia
|
|
22
19
|
});
|
|
23
20
|
module.exports = __toCommonJS(matchMedia_native_exports);
|
|
24
21
|
var import_mediaQueryList = require("./mediaQueryList");
|
|
25
|
-
const matchMedia = (query) =>
|
|
26
|
-
return new import_mediaQueryList.NativeMediaQueryList(query);
|
|
27
|
-
};
|
|
22
|
+
const matchMedia = (query) => new import_mediaQueryList.NativeMediaQueryList(query);
|
|
28
23
|
// Annotate the CommonJS export names for ESM import in node:
|
|
29
24
|
0 && (module.exports = {
|
|
30
25
|
matchMedia
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchMedia.native.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAAqC;AAE9B,MAAM,aAAyB,CAAC,UAC9B,IAAI,2CAAqB,KAAK;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/matchQuery.js
CHANGED
|
@@ -1,49 +1,36 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var matchQuery_exports = {};
|
|
20
16
|
__export(matchQuery_exports, {
|
|
21
17
|
matchQuery: () => matchQuery,
|
|
22
18
|
parseQuery: () => parseQuery
|
|
23
19
|
});
|
|
24
20
|
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)?$/;
|
|
21
|
+
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)?$/;
|
|
30
22
|
function matchQuery(mediaQuery, values) {
|
|
31
23
|
return parseQuery(mediaQuery).some((query) => {
|
|
32
24
|
if (!query)
|
|
33
25
|
return;
|
|
34
|
-
const inverse = query.inverse;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
return false;
|
|
38
|
-
}
|
|
26
|
+
const inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
|
|
27
|
+
if (typeMatch && inverse || !(typeMatch || inverse))
|
|
28
|
+
return !1;
|
|
39
29
|
const expressionsMatch = query.expressions.every((expression) => {
|
|
40
|
-
const feature = expression.feature;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
if (!value) {
|
|
45
|
-
return false;
|
|
46
|
-
}
|
|
30
|
+
const feature = expression.feature, modifier = expression.modifier;
|
|
31
|
+
let expValue = expression.value, value = values[feature];
|
|
32
|
+
if (!value)
|
|
33
|
+
return !1;
|
|
47
34
|
switch (feature) {
|
|
48
35
|
case "orientation":
|
|
49
36
|
case "scan":
|
|
@@ -52,26 +39,22 @@ function matchQuery(mediaQuery, values) {
|
|
|
52
39
|
case "height":
|
|
53
40
|
case "device-width":
|
|
54
41
|
case "device-height":
|
|
55
|
-
expValue = toPx(expValue);
|
|
56
|
-
value = toPx(value);
|
|
42
|
+
expValue = toPx(expValue), value = toPx(value);
|
|
57
43
|
break;
|
|
58
44
|
case "resolution":
|
|
59
|
-
expValue = toDpi(expValue);
|
|
60
|
-
value = toDpi(value);
|
|
45
|
+
expValue = toDpi(expValue), value = toDpi(value);
|
|
61
46
|
break;
|
|
62
47
|
case "aspect-ratio":
|
|
63
48
|
case "device-aspect-ratio":
|
|
64
49
|
case /* Deprecated */
|
|
65
50
|
"device-pixel-ratio":
|
|
66
|
-
expValue = toDecimal(expValue);
|
|
67
|
-
value = toDecimal(value);
|
|
51
|
+
expValue = toDecimal(expValue), value = toDecimal(value);
|
|
68
52
|
break;
|
|
69
53
|
case "grid":
|
|
70
54
|
case "color":
|
|
71
55
|
case "color-index":
|
|
72
56
|
case "monochrome":
|
|
73
|
-
expValue = parseInt(expValue, 10) || 1;
|
|
74
|
-
value = parseInt(value, 10) || 0;
|
|
57
|
+
expValue = parseInt(expValue, 10) || 1, value = parseInt(value, 10) || 0;
|
|
75
58
|
break;
|
|
76
59
|
}
|
|
77
60
|
switch (modifier) {
|
|
@@ -92,10 +75,7 @@ function parseQuery(mediaQuery) {
|
|
|
92
75
|
const captures = query.match(RE_MEDIA_QUERY);
|
|
93
76
|
if (!captures)
|
|
94
77
|
return null;
|
|
95
|
-
const modifier = captures[1];
|
|
96
|
-
const type = captures[2];
|
|
97
|
-
const expressionsCapture = captures[3] || "";
|
|
98
|
-
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || [];
|
|
78
|
+
const modifier = captures[1], type = captures[2], expressions = (captures[3] || "").match(/\([^\)]+\)/g) || [];
|
|
99
79
|
return {
|
|
100
80
|
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
101
81
|
type: type ? type.toLowerCase() : "all",
|
|
@@ -112,17 +92,11 @@ function parseQuery(mediaQuery) {
|
|
|
112
92
|
}
|
|
113
93
|
function toDecimal(ratio) {
|
|
114
94
|
var decimal = Number(ratio), numbers;
|
|
115
|
-
|
|
116
|
-
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
117
|
-
decimal = numbers[1] / numbers[2];
|
|
118
|
-
}
|
|
119
|
-
return decimal;
|
|
95
|
+
return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
|
|
120
96
|
}
|
|
121
97
|
function toDpi(resolution) {
|
|
122
|
-
var _a;
|
|
123
98
|
const value = parseFloat(resolution);
|
|
124
|
-
|
|
125
|
-
switch (units) {
|
|
99
|
+
switch (String(resolution).match(RE_RESOLUTION_UNIT)?.[1]) {
|
|
126
100
|
case "dpcm":
|
|
127
101
|
return value / 2.54;
|
|
128
102
|
case "dppx":
|
|
@@ -132,10 +106,8 @@ function toDpi(resolution) {
|
|
|
132
106
|
}
|
|
133
107
|
}
|
|
134
108
|
function toPx(length) {
|
|
135
|
-
var _a;
|
|
136
109
|
const value = parseFloat(length);
|
|
137
|
-
|
|
138
|
-
switch (units) {
|
|
110
|
+
switch (String(length).match(RE_LENGTH_UNIT)?.[1]) {
|
|
139
111
|
case "em":
|
|
140
112
|
return value * 16;
|
|
141
113
|
case "rem":
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchQuery.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["captures"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,135 @@
|
|
|
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: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
var matchQuery_exports = {};
|
|
17
|
+
__export(matchQuery_exports, {
|
|
18
|
+
matchQuery: () => matchQuery,
|
|
19
|
+
parseQuery: () => parseQuery
|
|
20
|
+
});
|
|
21
|
+
module.exports = __toCommonJS(matchQuery_exports);
|
|
22
|
+
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)?$/;
|
|
23
|
+
function matchQuery(mediaQuery, values) {
|
|
24
|
+
return parseQuery(mediaQuery).some((query) => {
|
|
25
|
+
if (!query)
|
|
26
|
+
return;
|
|
27
|
+
const inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
|
|
28
|
+
if (typeMatch && inverse || !(typeMatch || inverse))
|
|
29
|
+
return !1;
|
|
30
|
+
const expressionsMatch = query.expressions.every((expression) => {
|
|
31
|
+
const feature = expression.feature, modifier = expression.modifier;
|
|
32
|
+
let expValue = expression.value, value = values[feature];
|
|
33
|
+
if (!value)
|
|
34
|
+
return !1;
|
|
35
|
+
switch (feature) {
|
|
36
|
+
case "orientation":
|
|
37
|
+
case "scan":
|
|
38
|
+
return value.toLowerCase() === expValue.toLowerCase();
|
|
39
|
+
case "width":
|
|
40
|
+
case "height":
|
|
41
|
+
case "device-width":
|
|
42
|
+
case "device-height":
|
|
43
|
+
expValue = toPx(expValue), value = toPx(value);
|
|
44
|
+
break;
|
|
45
|
+
case "resolution":
|
|
46
|
+
expValue = toDpi(expValue), value = toDpi(value);
|
|
47
|
+
break;
|
|
48
|
+
case "aspect-ratio":
|
|
49
|
+
case "device-aspect-ratio":
|
|
50
|
+
case /* Deprecated */
|
|
51
|
+
"device-pixel-ratio":
|
|
52
|
+
expValue = toDecimal(expValue), value = toDecimal(value);
|
|
53
|
+
break;
|
|
54
|
+
case "grid":
|
|
55
|
+
case "color":
|
|
56
|
+
case "color-index":
|
|
57
|
+
case "monochrome":
|
|
58
|
+
expValue = parseInt(expValue, 10) || 1, value = parseInt(value, 10) || 0;
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
switch (modifier) {
|
|
62
|
+
case "min":
|
|
63
|
+
return value >= expValue;
|
|
64
|
+
case "max":
|
|
65
|
+
return value <= expValue;
|
|
66
|
+
default:
|
|
67
|
+
return value === expValue;
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function parseQuery(mediaQuery) {
|
|
74
|
+
return mediaQuery.split(",").map(function(query) {
|
|
75
|
+
query = query.trim();
|
|
76
|
+
const captures = query.match(RE_MEDIA_QUERY);
|
|
77
|
+
if (!captures)
|
|
78
|
+
return null;
|
|
79
|
+
const modifier = captures[1], type = captures[2], expressions = (captures[3] || "").match(/\([^\)]+\)/g) || [];
|
|
80
|
+
return {
|
|
81
|
+
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
82
|
+
type: type ? type.toLowerCase() : "all",
|
|
83
|
+
expressions: expressions.map(function(expression) {
|
|
84
|
+
var captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
85
|
+
return {
|
|
86
|
+
modifier: feature[1],
|
|
87
|
+
feature: feature[2],
|
|
88
|
+
value: captures2[2]
|
|
89
|
+
};
|
|
90
|
+
})
|
|
91
|
+
};
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
function toDecimal(ratio) {
|
|
95
|
+
var decimal = Number(ratio), numbers;
|
|
96
|
+
return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
|
|
97
|
+
}
|
|
98
|
+
function toDpi(resolution) {
|
|
99
|
+
const value = parseFloat(resolution);
|
|
100
|
+
switch (String(resolution).match(RE_RESOLUTION_UNIT)?.[1]) {
|
|
101
|
+
case "dpcm":
|
|
102
|
+
return value / 2.54;
|
|
103
|
+
case "dppx":
|
|
104
|
+
return value * 96;
|
|
105
|
+
default:
|
|
106
|
+
return value;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
function toPx(length) {
|
|
110
|
+
const value = parseFloat(length);
|
|
111
|
+
switch (String(length).match(RE_LENGTH_UNIT)?.[1]) {
|
|
112
|
+
case "em":
|
|
113
|
+
return value * 16;
|
|
114
|
+
case "rem":
|
|
115
|
+
return value * 16;
|
|
116
|
+
case "cm":
|
|
117
|
+
return value * 96 / 2.54;
|
|
118
|
+
case "mm":
|
|
119
|
+
return value * 96 / 2.54 / 10;
|
|
120
|
+
case "in":
|
|
121
|
+
return value * 96;
|
|
122
|
+
case "pt":
|
|
123
|
+
return value * 72;
|
|
124
|
+
case "pc":
|
|
125
|
+
return value * 72 / 12;
|
|
126
|
+
default:
|
|
127
|
+
return value;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
131
|
+
0 && (module.exports = {
|
|
132
|
+
matchQuery,
|
|
133
|
+
parseQuery
|
|
134
|
+
});
|
|
135
|
+
//# 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,37 +1,31 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var mediaQueryList_exports = {};
|
|
20
16
|
__export(mediaQueryList_exports, {
|
|
21
17
|
NativeMediaQueryList: () => NativeMediaQueryList
|
|
22
18
|
});
|
|
23
19
|
module.exports = __toCommonJS(mediaQueryList_exports);
|
|
24
|
-
var import_react_native = require("react-native");
|
|
25
|
-
var import_matchQuery = require("./matchQuery");
|
|
20
|
+
var import_react_native = require("react-native"), import_matchQuery = require("./matchQuery");
|
|
26
21
|
class NativeMediaQueryList {
|
|
27
22
|
constructor(query) {
|
|
28
23
|
this.query = query;
|
|
29
|
-
this.
|
|
30
|
-
this.notify();
|
|
31
|
-
import_react_native.Dimensions.addEventListener("change", () => {
|
|
24
|
+
this.notify(), import_react_native.Dimensions.addEventListener("change", () => {
|
|
32
25
|
this.notify();
|
|
33
26
|
});
|
|
34
27
|
}
|
|
28
|
+
listeners = [];
|
|
35
29
|
get orientation() {
|
|
36
30
|
const windowDimensions = import_react_native.Dimensions.get("window");
|
|
37
31
|
return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
|
|
@@ -46,8 +40,7 @@ class NativeMediaQueryList {
|
|
|
46
40
|
}
|
|
47
41
|
removeListener(listener) {
|
|
48
42
|
const index = this.listeners.indexOf(listener);
|
|
49
|
-
|
|
50
|
-
this.listeners.splice(index, 1);
|
|
43
|
+
index !== -1 && this.listeners.splice(index, 1);
|
|
51
44
|
}
|
|
52
45
|
match(query, { width, height }) {
|
|
53
46
|
return (0, import_matchQuery.matchQuery)(query, {
|
|
@@ -59,14 +52,13 @@ class NativeMediaQueryList {
|
|
|
59
52
|
}
|
|
60
53
|
get matches() {
|
|
61
54
|
const windowDimensions = import_react_native.Dimensions.get("window");
|
|
62
|
-
|
|
55
|
+
return (0, import_matchQuery.matchQuery)(this.query, {
|
|
63
56
|
type: "screen",
|
|
64
57
|
orientation: this.orientation,
|
|
65
58
|
...windowDimensions,
|
|
66
59
|
"device-width": windowDimensions.width,
|
|
67
60
|
"device-height": windowDimensions.height
|
|
68
61
|
});
|
|
69
|
-
return matches;
|
|
70
62
|
}
|
|
71
63
|
}
|
|
72
64
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"mappings": "
|
|
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,UAAoB;AAC9B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAAoB;AACjC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,IAAI,UAAU,MAAI,KAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,MAAM,OAAe,EAAE,OAAO,OAAO,GAAsC;AACzE,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
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,69 @@
|
|
|
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: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
+
var mediaQueryList_exports = {};
|
|
17
|
+
__export(mediaQueryList_exports, {
|
|
18
|
+
NativeMediaQueryList: () => NativeMediaQueryList
|
|
19
|
+
});
|
|
20
|
+
module.exports = __toCommonJS(mediaQueryList_exports);
|
|
21
|
+
var import_react_native = require("react-native"), import_matchQuery = require("./matchQuery");
|
|
22
|
+
class NativeMediaQueryList {
|
|
23
|
+
constructor(query) {
|
|
24
|
+
this.query = query;
|
|
25
|
+
this.listeners = [];
|
|
26
|
+
this.notify(), import_react_native.Dimensions.addEventListener("change", () => {
|
|
27
|
+
this.notify();
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
get orientation() {
|
|
31
|
+
const windowDimensions = import_react_native.Dimensions.get("window");
|
|
32
|
+
return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
|
|
33
|
+
}
|
|
34
|
+
notify() {
|
|
35
|
+
this.listeners.forEach((listener) => {
|
|
36
|
+
listener(this.orientation);
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
addListener(listener) {
|
|
40
|
+
this.listeners.push(listener);
|
|
41
|
+
}
|
|
42
|
+
removeListener(listener) {
|
|
43
|
+
const index = this.listeners.indexOf(listener);
|
|
44
|
+
index !== -1 && this.listeners.splice(index, 1);
|
|
45
|
+
}
|
|
46
|
+
match(query, { width, height }) {
|
|
47
|
+
return (0, import_matchQuery.matchQuery)(query, {
|
|
48
|
+
type: "screen",
|
|
49
|
+
orientation: height > width ? "portrait" : "landscape",
|
|
50
|
+
"device-width": width,
|
|
51
|
+
"device-height": height
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
get matches() {
|
|
55
|
+
const windowDimensions = import_react_native.Dimensions.get("window");
|
|
56
|
+
return (0, import_matchQuery.matchQuery)(this.query, {
|
|
57
|
+
type: "screen",
|
|
58
|
+
orientation: this.orientation,
|
|
59
|
+
...windowDimensions,
|
|
60
|
+
"device-width": windowDimensions.width,
|
|
61
|
+
"device-height": windowDimensions.height
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
+
0 && (module.exports = {
|
|
67
|
+
NativeMediaQueryList
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=mediaQueryList.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
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;AAPpB,SAAQ,YAAwB,CAAC;AAQ/B,SAAK,OAAO,GACZ,+BAAW,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,IAAI,UAAU,MAAI,KAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,MAAM,OAAe,EAAE,OAAO,OAAO,GAAsC;AACzE,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
|
+
}
|
package/dist/esm/createMedia.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createMedia.ts"],
|
|
4
|
-
"mappings": "AAAA,SAA2B,uBAAuB;AAElD,SAAS,kBAAkB;AAEpB,SAAS,YAId,OAAa;AAGb,
|
|
4
|
+
"mappings": "AAAA,SAA2B,uBAAuB;AAElD,SAAS,kBAAkB;AAEpB,SAAS,YAId,OAAa;AAGb,yBAAgB,UAAU,GACnB;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/matchMedia.js
CHANGED
package/dist/esm/matchQuery.js
CHANGED
|
@@ -1,25 +1,16 @@
|
|
|
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)?$/;
|
|
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)?$/;
|
|
6
2
|
function matchQuery(mediaQuery, values) {
|
|
7
3
|
return parseQuery(mediaQuery).some((query) => {
|
|
8
4
|
if (!query)
|
|
9
5
|
return;
|
|
10
|
-
const inverse = query.inverse;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return false;
|
|
14
|
-
}
|
|
6
|
+
const inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
|
|
7
|
+
if (typeMatch && inverse || !(typeMatch || inverse))
|
|
8
|
+
return !1;
|
|
15
9
|
const expressionsMatch = query.expressions.every((expression) => {
|
|
16
|
-
const feature = expression.feature;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (!value) {
|
|
21
|
-
return false;
|
|
22
|
-
}
|
|
10
|
+
const feature = expression.feature, modifier = expression.modifier;
|
|
11
|
+
let expValue = expression.value, value = values[feature];
|
|
12
|
+
if (!value)
|
|
13
|
+
return !1;
|
|
23
14
|
switch (feature) {
|
|
24
15
|
case "orientation":
|
|
25
16
|
case "scan":
|
|
@@ -28,26 +19,22 @@ function matchQuery(mediaQuery, values) {
|
|
|
28
19
|
case "height":
|
|
29
20
|
case "device-width":
|
|
30
21
|
case "device-height":
|
|
31
|
-
expValue = toPx(expValue);
|
|
32
|
-
value = toPx(value);
|
|
22
|
+
expValue = toPx(expValue), value = toPx(value);
|
|
33
23
|
break;
|
|
34
24
|
case "resolution":
|
|
35
|
-
expValue = toDpi(expValue);
|
|
36
|
-
value = toDpi(value);
|
|
25
|
+
expValue = toDpi(expValue), value = toDpi(value);
|
|
37
26
|
break;
|
|
38
27
|
case "aspect-ratio":
|
|
39
28
|
case "device-aspect-ratio":
|
|
40
29
|
case /* Deprecated */
|
|
41
30
|
"device-pixel-ratio":
|
|
42
|
-
expValue = toDecimal(expValue);
|
|
43
|
-
value = toDecimal(value);
|
|
31
|
+
expValue = toDecimal(expValue), value = toDecimal(value);
|
|
44
32
|
break;
|
|
45
33
|
case "grid":
|
|
46
34
|
case "color":
|
|
47
35
|
case "color-index":
|
|
48
36
|
case "monochrome":
|
|
49
|
-
expValue = parseInt(expValue, 10) || 1;
|
|
50
|
-
value = parseInt(value, 10) || 0;
|
|
37
|
+
expValue = parseInt(expValue, 10) || 1, value = parseInt(value, 10) || 0;
|
|
51
38
|
break;
|
|
52
39
|
}
|
|
53
40
|
switch (modifier) {
|
|
@@ -68,10 +55,7 @@ function parseQuery(mediaQuery) {
|
|
|
68
55
|
const captures = query.match(RE_MEDIA_QUERY);
|
|
69
56
|
if (!captures)
|
|
70
57
|
return null;
|
|
71
|
-
const modifier = captures[1];
|
|
72
|
-
const type = captures[2];
|
|
73
|
-
const expressionsCapture = captures[3] || "";
|
|
74
|
-
const expressions = expressionsCapture.match(/\([^\)]+\)/g) || [];
|
|
58
|
+
const modifier = captures[1], type = captures[2], expressions = (captures[3] || "").match(/\([^\)]+\)/g) || [];
|
|
75
59
|
return {
|
|
76
60
|
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
77
61
|
type: type ? type.toLowerCase() : "all",
|
|
@@ -88,17 +72,11 @@ function parseQuery(mediaQuery) {
|
|
|
88
72
|
}
|
|
89
73
|
function toDecimal(ratio) {
|
|
90
74
|
var decimal = Number(ratio), numbers;
|
|
91
|
-
|
|
92
|
-
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
|
|
93
|
-
decimal = numbers[1] / numbers[2];
|
|
94
|
-
}
|
|
95
|
-
return decimal;
|
|
75
|
+
return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
|
|
96
76
|
}
|
|
97
77
|
function toDpi(resolution) {
|
|
98
|
-
var _a;
|
|
99
78
|
const value = parseFloat(resolution);
|
|
100
|
-
|
|
101
|
-
switch (units) {
|
|
79
|
+
switch (String(resolution).match(RE_RESOLUTION_UNIT)?.[1]) {
|
|
102
80
|
case "dpcm":
|
|
103
81
|
return value / 2.54;
|
|
104
82
|
case "dppx":
|
|
@@ -108,10 +86,8 @@ function toDpi(resolution) {
|
|
|
108
86
|
}
|
|
109
87
|
}
|
|
110
88
|
function toPx(length) {
|
|
111
|
-
var _a;
|
|
112
89
|
const value = parseFloat(length);
|
|
113
|
-
|
|
114
|
-
switch (units) {
|
|
90
|
+
switch (String(length).match(RE_LENGTH_UNIT)?.[1]) {
|
|
115
91
|
case "em":
|
|
116
92
|
return value * 16;
|
|
117
93
|
case "rem":
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/matchQuery.ts"],
|
|
4
|
-
"mappings": "AAQA,MAAM,iBAAiB
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["captures"]
|
|
6
6
|
}
|
|
@@ -3,12 +3,11 @@ import { matchQuery } from "./matchQuery";
|
|
|
3
3
|
class NativeMediaQueryList {
|
|
4
4
|
constructor(query) {
|
|
5
5
|
this.query = query;
|
|
6
|
-
this.
|
|
7
|
-
this.notify();
|
|
8
|
-
Dimensions.addEventListener("change", () => {
|
|
6
|
+
this.notify(), Dimensions.addEventListener("change", () => {
|
|
9
7
|
this.notify();
|
|
10
8
|
});
|
|
11
9
|
}
|
|
10
|
+
listeners = [];
|
|
12
11
|
get orientation() {
|
|
13
12
|
const windowDimensions = Dimensions.get("window");
|
|
14
13
|
return windowDimensions.height > windowDimensions.width ? "portrait" : "landscape";
|
|
@@ -23,8 +22,7 @@ class NativeMediaQueryList {
|
|
|
23
22
|
}
|
|
24
23
|
removeListener(listener) {
|
|
25
24
|
const index = this.listeners.indexOf(listener);
|
|
26
|
-
|
|
27
|
-
this.listeners.splice(index, 1);
|
|
25
|
+
index !== -1 && this.listeners.splice(index, 1);
|
|
28
26
|
}
|
|
29
27
|
match(query, { width, height }) {
|
|
30
28
|
return matchQuery(query, {
|
|
@@ -36,14 +34,13 @@ class NativeMediaQueryList {
|
|
|
36
34
|
}
|
|
37
35
|
get matches() {
|
|
38
36
|
const windowDimensions = Dimensions.get("window");
|
|
39
|
-
|
|
37
|
+
return matchQuery(this.query, {
|
|
40
38
|
type: "screen",
|
|
41
39
|
orientation: this.orientation,
|
|
42
40
|
...windowDimensions,
|
|
43
41
|
"device-width": windowDimensions.width,
|
|
44
42
|
"device-height": windowDimensions.height
|
|
45
43
|
});
|
|
46
|
-
return matches;
|
|
47
44
|
}
|
|
48
45
|
}
|
|
49
46
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/mediaQueryList.ts"],
|
|
4
|
-
"mappings": "AACA,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAMpB,MAAM,qBAA+C;AAAA,EAQ1D,YAAoB,OAAe;AAAf;
|
|
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,UAAoB;AAC9B,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,eAAe,UAAoB;AACjC,UAAM,QAAQ,KAAK,UAAU,QAAQ,QAAQ;AAC7C,IAAI,UAAU,MAAI,KAAK,UAAU,OAAO,OAAO,CAAC;AAAA,EAClD;AAAA,EAEA,MAAM,OAAe,EAAE,OAAO,OAAO,GAAsC;AACzE,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
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.
|
|
3
|
+
"version": "1.62.0",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
],
|
|
14
14
|
"sideEffects": true,
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tamagui/web": "1.
|
|
16
|
+
"@tamagui/web": "1.62.0"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@tamagui/build": "1.
|
|
19
|
+
"@tamagui/build": "1.62.0",
|
|
20
20
|
"react-native": "^0.72.1"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|