@tamagui/react-native-media-driver 2.0.0-rc.26 → 2.0.0-rc.26-1773452370596
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/package.json +3 -3
- package/dist/cjs/createMedia.js +0 -24
- package/dist/cjs/createMedia.js.map +0 -6
- package/dist/cjs/matchMedia.js +0 -21
- package/dist/cjs/matchMedia.js.map +0 -6
- package/dist/cjs/matchQuery.js +0 -127
- package/dist/cjs/matchQuery.js.map +0 -6
- package/dist/cjs/mediaQueryList.js +0 -64
- package/dist/cjs/mediaQueryList.js.map +0 -6
- package/dist/esm/createMedia.js +0 -9
- package/dist/esm/createMedia.js.map +0 -6
- package/dist/esm/matchMedia.js +0 -5
- package/dist/esm/matchMedia.js.map +0 -6
- package/dist/esm/matchQuery.js +0 -111
- package/dist/esm/matchQuery.js.map +0 -6
- package/dist/esm/mediaQueryList.js +0 -49
- package/dist/esm/mediaQueryList.js.map +0 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/react-native-media-driver",
|
|
3
|
-
"version": "2.0.0-rc.26",
|
|
3
|
+
"version": "2.0.0-rc.26-1773452370596",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"clean:build": "tamagui-build clean:build"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@tamagui/web": "2.0.0-rc.26"
|
|
38
|
+
"@tamagui/web": "2.0.0-rc.26-1773452370596"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@tamagui/build": "2.0.0-rc.26",
|
|
41
|
+
"@tamagui/build": "2.0.0-rc.26-1773452370596",
|
|
42
42
|
"react-native": "0.81.5"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
package/dist/cjs/createMedia.js
DELETED
|
@@ -1,24 +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 createMedia_exports = {};
|
|
16
|
-
__export(createMedia_exports, {
|
|
17
|
-
createMedia: () => createMedia
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(createMedia_exports);
|
|
20
|
-
var import_web = require("@tamagui/web"), import_matchMedia = require("./matchMedia");
|
|
21
|
-
function createMedia(media) {
|
|
22
|
-
return (0, import_web.setupMatchMedia)(import_matchMedia.matchMedia), media;
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=createMedia.js.map
|
package/dist/cjs/matchMedia.js
DELETED
|
@@ -1,21 +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 matchMedia_exports = {};
|
|
16
|
-
__export(matchMedia_exports, {
|
|
17
|
-
matchMedia: () => matchMedia
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(matchMedia_exports);
|
|
20
|
-
const matchMedia = globalThis.matchMedia;
|
|
21
|
-
//# sourceMappingURL=matchMedia.js.map
|
package/dist/cjs/matchQuery.js
DELETED
|
@@ -1,127 +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 matchQuery_exports = {};
|
|
16
|
-
__export(matchQuery_exports, {
|
|
17
|
-
matchQuery: () => matchQuery,
|
|
18
|
-
parseQuery: () => parseQuery
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(matchQuery_exports);
|
|
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)?$/;
|
|
22
|
-
function matchQuery(mediaQuery, values) {
|
|
23
|
-
return parseQuery(mediaQuery).some((query) => {
|
|
24
|
-
if (!query) return;
|
|
25
|
-
const inverse = query.inverse, typeMatch = query.type === "all" || values.type === query.type;
|
|
26
|
-
if (typeMatch && inverse || !(typeMatch || inverse))
|
|
27
|
-
return !1;
|
|
28
|
-
const expressionsMatch = query.expressions.every((expression) => {
|
|
29
|
-
const feature = expression.feature, modifier = expression.modifier;
|
|
30
|
-
let expValue = expression.value, value = values[feature];
|
|
31
|
-
if (!value)
|
|
32
|
-
return !1;
|
|
33
|
-
switch (feature) {
|
|
34
|
-
case "orientation":
|
|
35
|
-
case "scan":
|
|
36
|
-
return value.toLowerCase() === expValue.toLowerCase();
|
|
37
|
-
case "width":
|
|
38
|
-
case "height":
|
|
39
|
-
case "device-width":
|
|
40
|
-
case "device-height":
|
|
41
|
-
expValue = toPx(expValue), value = toPx(value);
|
|
42
|
-
break;
|
|
43
|
-
case "resolution":
|
|
44
|
-
expValue = toDpi(expValue), value = toDpi(value);
|
|
45
|
-
break;
|
|
46
|
-
case "aspect-ratio":
|
|
47
|
-
case "device-aspect-ratio":
|
|
48
|
-
case /* Deprecated */
|
|
49
|
-
"device-pixel-ratio":
|
|
50
|
-
expValue = toDecimal(expValue), value = toDecimal(value);
|
|
51
|
-
break;
|
|
52
|
-
case "grid":
|
|
53
|
-
case "color":
|
|
54
|
-
case "color-index":
|
|
55
|
-
case "monochrome":
|
|
56
|
-
expValue = Number.parseInt(expValue, 10) || 1, value = Number.parseInt(value, 10) || 0;
|
|
57
|
-
break;
|
|
58
|
-
}
|
|
59
|
-
switch (modifier) {
|
|
60
|
-
case "min":
|
|
61
|
-
return value >= expValue;
|
|
62
|
-
case "max":
|
|
63
|
-
return value <= expValue;
|
|
64
|
-
default:
|
|
65
|
-
return value === expValue;
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
return expressionsMatch && !inverse || !expressionsMatch && inverse;
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
function parseQuery(mediaQuery) {
|
|
72
|
-
return mediaQuery.split(",").map((query) => {
|
|
73
|
-
query = query.trim();
|
|
74
|
-
const captures = query.match(RE_MEDIA_QUERY);
|
|
75
|
-
if (!captures) return null;
|
|
76
|
-
const modifier = captures[1], type = captures[2], expressions = (captures[3] || "").match(/\([^)]+\)/g) || [];
|
|
77
|
-
return {
|
|
78
|
-
inverse: !!modifier && modifier.toLowerCase() === "not",
|
|
79
|
-
type: type ? type.toLowerCase() : "all",
|
|
80
|
-
expressions: expressions.map((expression) => {
|
|
81
|
-
const captures2 = expression.match(RE_MQ_EXPRESSION), feature = captures2[1].toLowerCase().match(RE_MQ_FEATURE);
|
|
82
|
-
return {
|
|
83
|
-
modifier: feature[1],
|
|
84
|
-
feature: feature[2],
|
|
85
|
-
value: captures2[2]
|
|
86
|
-
};
|
|
87
|
-
})
|
|
88
|
-
};
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
function toDecimal(ratio) {
|
|
92
|
-
let decimal = Number(ratio), numbers;
|
|
93
|
-
return decimal || (numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/), decimal = numbers[1] / numbers[2]), decimal;
|
|
94
|
-
}
|
|
95
|
-
function toDpi(resolution) {
|
|
96
|
-
const value = Number.parseFloat(resolution);
|
|
97
|
-
switch (String(resolution).match(RE_RESOLUTION_UNIT)?.[1]) {
|
|
98
|
-
case "dpcm":
|
|
99
|
-
return value / 2.54;
|
|
100
|
-
case "dppx":
|
|
101
|
-
return value * 96;
|
|
102
|
-
default:
|
|
103
|
-
return value;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
function toPx(length) {
|
|
107
|
-
const value = Number.parseFloat(length);
|
|
108
|
-
switch (String(length).match(RE_LENGTH_UNIT)?.[1]) {
|
|
109
|
-
case "em":
|
|
110
|
-
return value * 16;
|
|
111
|
-
case "rem":
|
|
112
|
-
return value * 16;
|
|
113
|
-
case "cm":
|
|
114
|
-
return value * 96 / 2.54;
|
|
115
|
-
case "mm":
|
|
116
|
-
return value * 96 / 2.54 / 10;
|
|
117
|
-
case "in":
|
|
118
|
-
return value * 96;
|
|
119
|
-
case "pt":
|
|
120
|
-
return value * 72;
|
|
121
|
-
case "pc":
|
|
122
|
-
return value * 72 / 12;
|
|
123
|
-
default:
|
|
124
|
-
return value;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
//# 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,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
|
-
}
|
package/dist/esm/createMedia.js
DELETED
package/dist/esm/matchMedia.js
DELETED
package/dist/esm/matchQuery.js
DELETED
|
@@ -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
|
-
}
|