@tamagui/react-native-media-driver 2.0.0-rc.3 → 2.0.0-rc.30
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/index.js +12 -9
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/package.json +7 -10
- package/types/createMedia.d.ts.map +2 -2
- package/types/index.d.ts.map +2 -2
- package/types/matchMedia.d.ts.map +4 -6
- package/types/matchMedia.native.d.ts.map +4 -6
- package/types/matchQuery.d.ts.map +2 -2
- package/types/mediaQueryList.d.ts.map +4 -6
- 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/dist/cjs/index.js
CHANGED
|
@@ -3,14 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
7
|
+
get: () => from[key],
|
|
8
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
|
+
});
|
|
10
|
+
return to;
|
|
11
|
+
},
|
|
12
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
+
value: !0
|
|
15
|
+
}), mod);
|
|
12
16
|
var index_exports = {};
|
|
13
17
|
module.exports = __toCommonJS(index_exports);
|
|
14
|
-
__reExport(index_exports, require("./createMedia"), module.exports);
|
|
15
|
-
__reExport(index_exports, require("./matchMedia"), module.exports);
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
18
|
+
__reExport(index_exports, require("./createMedia.cjs"), module.exports);
|
|
19
|
+
__reExport(index_exports, require("./matchMedia.cjs"), module.exports);
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from "./createMedia";
|
|
2
|
-
export * from "./matchMedia";
|
|
1
|
+
export * from "./createMedia.mjs";
|
|
2
|
+
export * from "./matchMedia.mjs";
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/react-native-media-driver",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.30",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -17,15 +17,12 @@
|
|
|
17
17
|
"./package.json": "./package.json",
|
|
18
18
|
".": {
|
|
19
19
|
"types": "./types/index.d.ts",
|
|
20
|
-
"react-native":
|
|
21
|
-
|
|
22
|
-
"import": "./dist/esm/index.native.js",
|
|
23
|
-
"require": "./dist/cjs/index.native.js"
|
|
24
|
-
},
|
|
20
|
+
"react-native": "./dist/esm/index.native.js",
|
|
21
|
+
"browser": "./dist/esm/index.mjs",
|
|
25
22
|
"module": "./dist/esm/index.mjs",
|
|
26
23
|
"import": "./dist/esm/index.mjs",
|
|
27
24
|
"require": "./dist/cjs/index.cjs",
|
|
28
|
-
"default": "./dist/
|
|
25
|
+
"default": "./dist/esm/index.mjs"
|
|
29
26
|
}
|
|
30
27
|
},
|
|
31
28
|
"publishConfig": {
|
|
@@ -38,11 +35,11 @@
|
|
|
38
35
|
"clean:build": "tamagui-build clean:build"
|
|
39
36
|
},
|
|
40
37
|
"dependencies": {
|
|
41
|
-
"@tamagui/web": "2.0.0-rc.
|
|
38
|
+
"@tamagui/web": "2.0.0-rc.30"
|
|
42
39
|
},
|
|
43
40
|
"devDependencies": {
|
|
44
|
-
"@tamagui/build": "2.0.0-rc.
|
|
45
|
-
"react-native": "0.
|
|
41
|
+
"@tamagui/build": "2.0.0-rc.30",
|
|
42
|
+
"react-native": "0.83.2"
|
|
46
43
|
},
|
|
47
44
|
"peerDependencies": {
|
|
48
45
|
"react-native": "*"
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/createMedia.ts"
|
|
6
6
|
],
|
|
7
|
+
"version": 3,
|
|
7
8
|
"sourcesContent": [
|
|
8
9
|
"import type { MediaQueryObject } from '@tamagui/web'\nimport { setupMatchMedia } from '@tamagui/web'\n\nimport { matchMedia } from './matchMedia'\n\n/**\n * @deprecated you no longer need to call createMedia or import @tamagui/react-native-media-driver at all.\n * Tamagui now automatically handles setting this up, you can just pass a plain object to createTamagui.\n */\nexport function createMedia<\n A extends {\n [key: string]: MediaQueryObject\n },\n>(media: A): A {\n // this should ideally return a diff object that is then passed to createTamagui\n // but works for now we dont really support swapping out media drivers\n setupMatchMedia(matchMedia)\n return media\n}\n"
|
|
9
|
-
]
|
|
10
|
-
"version": 3
|
|
10
|
+
]
|
|
11
11
|
}
|
package/types/index.d.ts.map
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAEA,cAAc,kBAAkB;AAEhC,OAAO,
|
|
3
|
-
"names": [
|
|
4
|
-
"matchMedia: MatchMedia"
|
|
5
|
-
],
|
|
2
|
+
"mappings": "AAEA,cAAc,kBAAkB;AAEhC,OAAO,cAAM,YAAY",
|
|
3
|
+
"names": [],
|
|
6
4
|
"sources": [
|
|
7
5
|
"src/matchMedia.ts"
|
|
8
6
|
],
|
|
7
|
+
"version": 3,
|
|
9
8
|
"sourcesContent": [
|
|
10
9
|
"// web-only use platform:\n\nimport type { MatchMedia } from '@tamagui/web'\n\nexport const matchMedia: MatchMedia = globalThis['matchMedia']\n"
|
|
11
|
-
]
|
|
12
|
-
"version": 3
|
|
10
|
+
]
|
|
13
11
|
}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAAA,cAAc,kBAAkB;AAIhC,OAAO,
|
|
3
|
-
"names": [
|
|
4
|
-
"matchMedia: MatchMedia"
|
|
5
|
-
],
|
|
2
|
+
"mappings": "AAAA,cAAc,kBAAkB;AAIhC,OAAO,cAAM,YAAY",
|
|
3
|
+
"names": [],
|
|
6
4
|
"sources": [
|
|
7
5
|
"src/matchMedia.native.ts"
|
|
8
6
|
],
|
|
7
|
+
"version": 3,
|
|
9
8
|
"sourcesContent": [
|
|
10
9
|
"import type { MatchMedia } from '@tamagui/web'\n\nimport { NativeMediaQueryList } from './mediaQueryList'\n\nexport const matchMedia: MatchMedia = (query) => {\n return new NativeMediaQueryList(query)\n}\n"
|
|
11
|
-
]
|
|
12
|
-
"version": 3
|
|
10
|
+
]
|
|
13
11
|
}
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/matchQuery.ts"
|
|
6
6
|
],
|
|
7
|
+
"version": 3,
|
|
7
8
|
"sourcesContent": [
|
|
8
9
|
"/*\nCopyright (c) 2014, Yahoo! Inc. All rights reserved.\nCopyrights licensed under the New BSD License.\nSee the accompanying LICENSE file for terms.\n*/\n\n// -----------------------------------------------------------------------------\n\nconst RE_MEDIA_QUERY = /(?:(only|not)?\\s*([^\\s()]+)(?:\\s*and)?\\s*)?(.+)?/i\nconst RE_MQ_EXPRESSION = /\\(\\s*([^\\s:)]+)\\s*(?::\\s*([^\\s)]+))?\\s*\\)/\nconst RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/\nconst RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/\nconst RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/\n\nexport function matchQuery(mediaQuery: string, values: Record<string, any>): boolean {\n return parseQuery(mediaQuery).some((query) => {\n if (!query) return\n\n const inverse = query.inverse\n\n // Either the parsed or specified `type` is \"all\", or the types must be\n // equal for a match.\n const typeMatch = query.type === 'all' || values.type === query.type\n\n // Quit early when `type` doesn't match, but take \"not\" into account.\n if ((typeMatch && inverse) || !(typeMatch || inverse)) {\n return false\n }\n\n const expressionsMatch = query.expressions.every((expression) => {\n const feature = expression.feature\n const modifier = expression.modifier\n let expValue = expression.value\n let value = values[feature]\n\n // Missing or falsy values don't match.\n if (!value) {\n return false\n }\n\n switch (feature) {\n case 'orientation':\n case 'scan':\n return value.toLowerCase() === expValue.toLowerCase()\n\n case 'width':\n case 'height':\n case 'device-width':\n case 'device-height':\n expValue = toPx(expValue)\n value = toPx(value)\n break\n\n case 'resolution':\n expValue = toDpi(expValue)\n value = toDpi(value)\n break\n\n case 'aspect-ratio':\n case 'device-aspect-ratio':\n case /* Deprecated */ 'device-pixel-ratio':\n expValue = toDecimal(expValue)\n value = toDecimal(value)\n break\n\n case 'grid':\n case 'color':\n case 'color-index':\n case 'monochrome':\n expValue = Number.parseInt(expValue, 10) || 1\n value = Number.parseInt(value, 10) || 0\n break\n }\n\n switch (modifier) {\n case 'min':\n return value >= expValue\n case 'max':\n return value <= expValue\n default:\n return value === expValue\n }\n })\n\n return (expressionsMatch && !inverse) || (!expressionsMatch && inverse)\n })\n}\n\nexport function parseQuery(mediaQuery: string): ({\n inverse: boolean\n type: string\n expressions: {\n modifier: any\n feature: any\n value: any\n }[]\n} | null)[] {\n return mediaQuery.split(',').map((query) => {\n query = query.trim()\n\n const captures = query.match(RE_MEDIA_QUERY)\n\n if (!captures) return null\n\n const modifier = captures[1]\n const type = captures[2]\n const expressionsCapture = captures[3] || ''\n // Split expressions into a list.\n const expressions = expressionsCapture.match(/\\([^)]+\\)/g) || []\n\n return {\n inverse: !!modifier && modifier.toLowerCase() === 'not',\n type: type ? type.toLowerCase() : 'all',\n expressions: expressions.map((expression) => {\n const captures = expression.match(RE_MQ_EXPRESSION)\n const feature = captures[1].toLowerCase().match(RE_MQ_FEATURE)\n return {\n modifier: feature[1],\n feature: feature[2],\n value: captures[2],\n }\n }),\n }\n })\n}\n\n// -- Utilities ----------------------------------------------------------------\n\nfunction toDecimal(ratio) {\n let decimal = Number(ratio)\n let numbers\n\n if (!decimal) {\n numbers = ratio.match(/^(\\d+)\\s*\\/\\s*(\\d+)$/)\n decimal = numbers[1] / numbers[2]\n }\n\n return decimal\n}\n\nfunction toDpi(resolution: string) {\n const value = Number.parseFloat(resolution)\n const units = String(resolution).match(RE_RESOLUTION_UNIT)?.[1]\n\n switch (units) {\n case 'dpcm':\n return value / 2.54\n case 'dppx':\n return value * 96\n default:\n return value\n }\n}\n\nfunction toPx(length: string) {\n const value = Number.parseFloat(length)\n const units = String(length).match(RE_LENGTH_UNIT)?.[1]\n switch (units) {\n case 'em':\n return value * 16\n case 'rem':\n return value * 16\n case 'cm':\n return (value * 96) / 2.54\n case 'mm':\n return (value * 96) / 2.54 / 10\n case 'in':\n return value * 96\n case 'pt':\n return value * 72\n case 'pc':\n return (value * 72) / 12\n default:\n return value\n }\n}\n"
|
|
9
|
-
]
|
|
10
|
-
"version": 3
|
|
10
|
+
]
|
|
11
11
|
}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAAA,cAAc,sBAAsB;KAK/B,cAAc,cAAc;KAE5B,YAAY,aAAa;AAE9B,OAAO,cAAM,gCAAgC,eAAe;CAQ9C;CAPZ,QAAQ;CAER,YAAY;CAKZ,YAAY,
|
|
3
|
-
"names": [
|
|
4
|
-
"query: string"
|
|
5
|
-
],
|
|
2
|
+
"mappings": "AAAA,cAAc,sBAAsB;KAK/B,cAAc,cAAc;KAE5B,YAAY,aAAa;AAE9B,OAAO,cAAM,gCAAgC,eAAe;CAQ9C;CAPZ,QAAQ;CAER,YAAY;CAKZ,YAAY,AAAQ;CAOpB,QAAQ;CAMR,YAAY,UAAU;CAItB,eAAe,UAAU;CAKzB,MAAM,eAAe,EAAE,OAAO,UAAU;EAAE;EAAe;;CASzD,IAAI",
|
|
3
|
+
"names": [],
|
|
6
4
|
"sources": [
|
|
7
5
|
"src/mediaQueryList.ts"
|
|
8
6
|
],
|
|
7
|
+
"version": 3,
|
|
9
8
|
"sourcesContent": [
|
|
10
9
|
"import type { MediaQueryList } from '@tamagui/web'\nimport { Dimensions } from 'react-native'\n\nimport { matchQuery } from './matchQuery'\n\ntype Orientation = 'landscape' | 'portrait'\n\ntype Listener = (orientation: Orientation) => void\n\nexport class NativeMediaQueryList implements MediaQueryList {\n private listeners: Listener[] = []\n\n private get orientation(): Orientation {\n const windowDimensions = Dimensions.get('window')\n return windowDimensions.height > windowDimensions.width ? 'portrait' : 'landscape'\n }\n\n constructor(private query: string) {\n this.notify()\n Dimensions.addEventListener('change', () => {\n this.notify()\n })\n }\n\n private notify() {\n this.listeners.forEach((listener) => {\n listener(this.orientation)\n })\n }\n\n addListener(listener: Listener): void {\n this.listeners.push(listener)\n }\n\n removeListener(listener: Listener): void {\n const index = this.listeners.indexOf(listener)\n if (index !== -1) this.listeners.splice(index, 1)\n }\n\n match(query: string, { width, height }: { width: number; height: number }): boolean {\n return matchQuery(query, {\n type: 'screen',\n orientation: height > width ? 'portrait' : 'landscape',\n 'device-width': width,\n 'device-height': height,\n })\n }\n\n get matches(): boolean {\n const windowDimensions = Dimensions.get('window')\n const matches = matchQuery(this.query, {\n type: 'screen',\n orientation: this.orientation,\n ...windowDimensions,\n 'device-width': windowDimensions.width,\n 'device-height': windowDimensions.height,\n })\n return matches\n }\n}\n"
|
|
11
|
-
]
|
|
12
|
-
"version": 3
|
|
10
|
+
]
|
|
13
11
|
}
|
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
|
-
}
|