@tamagui/core 1.89.0-1706483140977 → 1.89.1
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 +8 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/createOptimizedView.native.js +5 -27
- package/dist/esm/createOptimizedView.native.js.map +1 -1
- package/dist/esm/getBaseViews.native.js +2 -23
- package/dist/esm/getBaseViews.native.js.map +1 -1
- package/dist/esm/helpers/getBoundingClientRect.native.js +2 -23
- package/dist/esm/helpers/getBoundingClientRect.native.js.map +1 -1
- package/dist/esm/helpers/getRect.native.js +4 -25
- package/dist/esm/helpers/getRect.native.js.map +1 -1
- package/dist/esm/hooks/useElementLayout.native.js +6 -27
- package/dist/esm/hooks/useElementLayout.native.js.map +1 -1
- package/dist/esm/hooks/usePlatformMethods.native.js +8 -27
- package/dist/esm/hooks/usePlatformMethods.native.js.map +1 -1
- package/dist/esm/index.js +9 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +3 -3
- package/dist/esm/index.native.js +28 -40
- package/dist/esm/index.native.js.map +2 -2
- package/dist/esm/inject-styles.native.js +2 -23
- package/dist/esm/inject-styles.native.js.map +1 -1
- package/dist/esm/reactNativeTypes.native.js +0 -14
- package/dist/esm/reactNativeTypes.native.js.map +2 -2
- package/dist/esm/vendor/Pressability.native.js +2 -24
- package/dist/esm/vendor/Pressability.native.js.map +1 -1
- package/dist/native.js +435 -366
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +353 -290
- package/dist/test.native.js.map +3 -3
- package/package.json +6 -6
- package/src/index.tsx +9 -6
- package/types/index.d.ts.map +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -56,11 +56,14 @@ const baseViews = (0, import_getBaseViews.getBaseViews)();
|
|
|
56
56
|
...plainDOMProps
|
|
57
57
|
} = propsIn;
|
|
58
58
|
if (willHydrate || isDOM) {
|
|
59
|
-
const hostRef =
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
59
|
+
const hostRef = (0, import_react.useMemo)(
|
|
60
|
+
() => ({
|
|
61
|
+
get current() {
|
|
62
|
+
return stateRef.current.host;
|
|
63
|
+
}
|
|
64
|
+
}),
|
|
65
|
+
[stateRef]
|
|
66
|
+
);
|
|
64
67
|
(0, import_usePlatformMethods.usePlatformMethods)(hostRef), (0, import_useElementLayout.useElementLayout)(hostRef, isDOM ? onLayout : void 0), (0, import_react_native_use_responder_events.useResponderEvents)(
|
|
65
68
|
hostRef,
|
|
66
69
|
isDOM ? {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAYnC,aAMO,yBACP,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAYnC,aAMO,yBACP,eAAuC,kBAEvC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AA+BhC,wBAAc,yBAzDd;AA4DA,wBAAc,+BA5Dd;AA8DA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAEJ,UAAI,eAAe,OAAO;AAExB,cAAM,cAAU;AAAA,UACd,OAAO;AAAA,YACL,IAAI,UAAU;AACZ,qBAAO,SAAS,QAAQ;AAAA,YAC1B;AAAA,UACF;AAAA,UACA,CAAC,QAAQ;AAAA,QACX;AACA,0DAAmB,OAAO,OAC1B,0CAAiB,SAAU,QAAqB,WAAb,MAA6B,OAChE;AAAA,UACE;AAAA,UACC,QAEI;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,IAlBA;AAAA,QAmBN;AAAA,MACF;AAEA,UAAI,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
|
|
5
5
|
"names": ["WebView", "WebStack", "WebText"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAYnC,aAMO,yBACP,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAmC,uDAYnC,aAMO,yBACP,eAAuC,kBAEvC,6BAAoC,kCACpC,sBAA6B,2BAC7B,0BAAiC,qCACjC,4BAAmC,uCAEnC,sBAAgC;AA+BhC,wBAAc,yBAzDd;AA4DA,wBAAc,+BA5Dd;AA8DA,MAAM,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AAAA,EA4F/D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,iBAAa,iCAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,mBAAe,qCAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,QAClC,iCAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,mBAAO,gDAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,cACd,4BAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,WAAAA,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
|
|
5
5
|
"names": ["WebView", "WebStack", "WebText"]
|
|
6
6
|
}
|
|
@@ -1,25 +1,4 @@
|
|
|
1
|
-
|
|
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 createOptimizedView_native_exports = {};
|
|
17
|
-
__export(createOptimizedView_native_exports, {
|
|
18
|
-
createOptimizedView: () => createOptimizedView,
|
|
19
|
-
getAccessibilityRoleFromRole: () => getAccessibilityRoleFromRole
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(createOptimizedView_native_exports);
|
|
22
|
-
var import_react = require("react");
|
|
1
|
+
import { createElement, useContext } from "react";
|
|
23
2
|
function createOptimizedView(children, viewProps, baseViews) {
|
|
24
3
|
const TextAncestor = baseViews.TextAncestor, ViewNativeComponent = baseViews.View, {
|
|
25
4
|
accessibilityElementsHidden,
|
|
@@ -83,8 +62,8 @@ function createOptimizedView(children, viewProps, baseViews) {
|
|
|
83
62
|
};
|
|
84
63
|
for (const key in extras)
|
|
85
64
|
extras[key] != null && (finalProps[key] = extras[key]);
|
|
86
|
-
const isInText =
|
|
87
|
-
return isInText ?
|
|
65
|
+
const isInText = useContext(TextAncestor), finalElement = createElement(ViewNativeComponent, finalProps, children);
|
|
66
|
+
return isInText ? createElement(TextAncestor.Provider, { value: !1 }, finalElement) : finalElement;
|
|
88
67
|
}
|
|
89
68
|
function getAccessibilityRoleFromRole(role) {
|
|
90
69
|
switch (role) {
|
|
@@ -220,9 +199,8 @@ function getAccessibilityRoleFromRole(role) {
|
|
|
220
199
|
return;
|
|
221
200
|
}
|
|
222
201
|
}
|
|
223
|
-
|
|
224
|
-
0 && (module.exports = {
|
|
202
|
+
export {
|
|
225
203
|
createOptimizedView,
|
|
226
204
|
getAccessibilityRoleFromRole
|
|
227
|
-
}
|
|
205
|
+
};
|
|
228
206
|
//# sourceMappingURL=createOptimizedView.native.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createOptimizedView.native.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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AA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,IACF,KAAK;AACH;AAAA,EACJ;AAGF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,23 +1,3 @@
|
|
|
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 getBaseViews_native_exports = {};
|
|
17
|
-
__export(getBaseViews_native_exports, {
|
|
18
|
-
getBaseViews: () => getBaseViews
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(getBaseViews_native_exports);
|
|
21
1
|
function getBaseViews() {
|
|
22
2
|
const native = require("react-native");
|
|
23
3
|
let View, TextAncestor;
|
|
@@ -29,8 +9,7 @@ function getBaseViews() {
|
|
|
29
9
|
Pressable: native.Pressable || native.default.Pressable
|
|
30
10
|
};
|
|
31
11
|
}
|
|
32
|
-
|
|
33
|
-
0 && (module.exports = {
|
|
12
|
+
export {
|
|
34
13
|
getBaseViews
|
|
35
|
-
}
|
|
14
|
+
};
|
|
36
15
|
//# sourceMappingURL=getBaseViews.native.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/getBaseViews.native.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAO,SAAS,eAAe;AAC7B,QAAM,SAAS,QAAQ,cAAc;AAErC,MAAI,MACA;AAEJ,SAAI,QAAQ,IAAI,aAAa,WAC3B,OAAO,QAAQ,4DAA4D,EAAE,SAC7E,eAAe,QAAQ,0CAA0C,IAG9D,SACH,OAAO,OAAO,QAAQ,OAAO,QAAQ,OAGhC;AAAA,IACL;AAAA,IACA,MAAM,OAAO,QAAQ,OAAO,QAAQ;AAAA,IACpC,YAAY,OAAO,cAAc,OAAO,QAAQ;AAAA,IAChD;AAAA,IACA,WAAW,OAAO,aAAa,OAAO,QAAQ;AAAA,EAChD;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,30 +1,9 @@
|
|
|
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 getBoundingClientRect_exports = {};
|
|
17
|
-
__export(getBoundingClientRect_exports, {
|
|
18
|
-
getBoundingClientRect: () => getBoundingClientRect
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(getBoundingClientRect_exports);
|
|
21
1
|
const getBoundingClientRect = (node) => {
|
|
22
2
|
var _a;
|
|
23
3
|
if (!(!node || node.nodeType !== 1))
|
|
24
4
|
return (_a = node.getBoundingClientRect) == null ? void 0 : _a.call(node);
|
|
25
5
|
};
|
|
26
|
-
|
|
27
|
-
0 && (module.exports = {
|
|
6
|
+
export {
|
|
28
7
|
getBoundingClientRect
|
|
29
|
-
}
|
|
8
|
+
};
|
|
30
9
|
//# sourceMappingURL=getBoundingClientRect.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAO,MAAM,wBAAwB,CAAC,SAAkD;AAAxF;AACE,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,YAAO,UAAK,0BAAL;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,33 +1,12 @@
|
|
|
1
|
-
|
|
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 getRect_exports = {};
|
|
17
|
-
__export(getRect_exports, {
|
|
18
|
-
getRect: () => getRect
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(getRect_exports);
|
|
21
|
-
var import_getBoundingClientRect = require("./getBoundingClientRect");
|
|
1
|
+
import { getBoundingClientRect } from "./getBoundingClientRect";
|
|
22
2
|
const getRect = (node) => {
|
|
23
|
-
const rect =
|
|
3
|
+
const rect = getBoundingClientRect(node);
|
|
24
4
|
if (!rect)
|
|
25
5
|
return;
|
|
26
6
|
const { x, y, top, left } = rect;
|
|
27
7
|
return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
|
|
28
8
|
};
|
|
29
|
-
|
|
30
|
-
0 && (module.exports = {
|
|
9
|
+
export {
|
|
31
10
|
getRect
|
|
32
|
-
}
|
|
11
|
+
};
|
|
33
12
|
//# sourceMappingURL=getRect.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getRect.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,6BAA6B;AAE/B,MAAM,UAAU,CAAC,SAAsB;AAC5C,QAAM,OAAO,sBAAsB,IAAI;AACvC,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,GAAG,GAAG,KAAK,KAAK,IAAI;AAC5B,SAAO,EAAE,GAAG,GAAG,OAAO,KAAK,aAAa,QAAQ,KAAK,cAAc,KAAK,KAAK;AAC/E;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,25 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 useElementLayout_exports = {};
|
|
17
|
-
__export(useElementLayout_exports, {
|
|
18
|
-
measureLayout: () => measureLayout,
|
|
19
|
-
useElementLayout: () => useElementLayout
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(useElementLayout_exports);
|
|
22
|
-
var import_constants = require("@tamagui/constants"), import_getBoundingClientRect = require("../helpers/getBoundingClientRect");
|
|
1
|
+
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
2
|
+
import { getBoundingClientRect } from "../helpers/getBoundingClientRect";
|
|
23
3
|
const LayoutHandlers = /* @__PURE__ */ new WeakMap();
|
|
24
4
|
let resizeObserver = null;
|
|
25
5
|
typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
|
|
@@ -60,7 +40,7 @@ const cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo,
|
|
|
60
40
|
return { x, y, width, height, left, top };
|
|
61
41
|
}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
|
|
62
42
|
function fallbackToSync() {
|
|
63
|
-
resolve(
|
|
43
|
+
resolve(getBoundingClientRect(element));
|
|
64
44
|
}
|
|
65
45
|
const tm = setTimeout(fallbackToSync, 10);
|
|
66
46
|
new IntersectionObserver(
|
|
@@ -74,7 +54,7 @@ const cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo,
|
|
|
74
54
|
).observe(element);
|
|
75
55
|
});
|
|
76
56
|
function useElementLayout(ref, onLayout) {
|
|
77
|
-
|
|
57
|
+
useIsomorphicLayoutEffect(() => {
|
|
78
58
|
if (!resizeObserver || !onLayout)
|
|
79
59
|
return;
|
|
80
60
|
const node = ref.current;
|
|
@@ -84,9 +64,8 @@ function useElementLayout(ref, onLayout) {
|
|
|
84
64
|
};
|
|
85
65
|
}, [ref, onLayout]);
|
|
86
66
|
}
|
|
87
|
-
|
|
88
|
-
0 && (module.exports = {
|
|
67
|
+
export {
|
|
89
68
|
measureLayout,
|
|
90
69
|
useElementLayout
|
|
91
|
-
}
|
|
70
|
+
};
|
|
92
71
|
//# sourceMappingURL=useElementLayout.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useElementLayout.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,iCAAiC;AAE1C,SAAS,6BAA6B;AAEtC,MAAM,iBAAiB,oBAAI,QAA2B;AAoBtD,IAAI,iBAAwC;AAExC,OAAO,SAAW,OAAe,oBAAoB,WACvD,iBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,aAAW,EAAE,OAAO,KAAK,SAAS;AAChC,UAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,QAAI,OAAO,YAAa;AAAY;AACpC,kBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,eAAS;AAAA,QACP,aAAa;AAAA,UACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,UACzC;AAAA,QACF;AAAA,QACA,WAAW,KAAK,IAAI;AAAA,MACtB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;AAGH,MAAM,QAAQ,oBAAI,QAAQ,GAEb,gBAAgB,CAC3B,MACA,YACA,aAQG;AACH,QAAM,eAAe,eAAc,6BAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,IAAI,MAAM,GAAG,GACnB,QAAQ,IAAI;AAAA,MACV,2BAA2B,IAAI;AAAA,MAC/B,2BAA2B,YAAY;AAAA,IACzC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,MAAM;AACtC,UAAI,mBAAmB,WAAW,MAAM,IAAI,IAAI,MAAM,KAAK;AACzD,cAAM,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI,IAAI;AAAA,UACzC;AAAA,UACA;AAAA,QACF;AACA,iBAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AACF,GAEM,wBAAwB,CAAC,GAAoB,MAAuB;AACxE,QAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,GAC/B,IAAI,OAAO,EAAE,MACb,IAAI,MAAM,EAAE;AAClB,SAAO,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAC1C,GAEM,6BAA6B,CACjC,YAEO,IAAI,QAAQ,CAAC,YAAY;AAC9B,WAAS,iBAAiB;AACxB,YAAQ,sBAAsB,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,KAAK,WAAW,gBAAgB,EAAE;AAWxC,EAViB,IAAI;AAAA,IACnB,CAAC,SAAS,OAAO;AA7FvB;AA8FQ,mBAAa,EAAE,GACf,GAAG,WAAW,GACd,SAAQ,aAAQ,CAAC,MAAT,mBAAY,kBAAkB;AAAA,IACxC;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EACF,EACS,QAAQ,OAAO;AAC1B,CAAC;AAGI,SAAS,iBACd,KACA,UACA;AACA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAU;AAClC,UAAM,OAAO,IAAI;AACjB,QAAK;AACL,4BAAe,IAAI,MAAM,QAAQ,GACjC,eAAe,QAAQ,IAAI,GACpB,MAAM;AACX,iDAAgB,UAAU;AAAA,MAC5B;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,37 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 usePlatformMethods_exports = {};
|
|
17
|
-
__export(usePlatformMethods_exports, {
|
|
18
|
-
usePlatformMethods: () => usePlatformMethods
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(usePlatformMethods_exports);
|
|
21
|
-
var import_constants = require("@tamagui/constants"), import_getRect = require("../helpers/getRect"), import_useElementLayout = require("./useElementLayout");
|
|
1
|
+
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
2
|
+
import { getRect } from "../helpers/getRect";
|
|
3
|
+
import { measureLayout } from "./useElementLayout";
|
|
22
4
|
function usePlatformMethods(hostRef) {
|
|
23
|
-
|
|
5
|
+
useIsomorphicLayoutEffect(() => {
|
|
24
6
|
const node = hostRef.current;
|
|
25
|
-
node && (node.measure || (node.measure = (callback) =>
|
|
7
|
+
node && (node.measure || (node.measure = (callback) => measureLayout(node, null, callback)), node.measureLayout || (node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)), node.measureInWindow || (node.measureInWindow = (callback) => {
|
|
26
8
|
node && setTimeout(() => {
|
|
27
|
-
const { height, left, top, width } =
|
|
9
|
+
const { height, left, top, width } = getRect(node);
|
|
28
10
|
callback(left, top, width, height);
|
|
29
11
|
}, 0);
|
|
30
12
|
}));
|
|
31
13
|
}, [hostRef]);
|
|
32
14
|
}
|
|
33
|
-
|
|
34
|
-
0 && (module.exports = {
|
|
15
|
+
export {
|
|
35
16
|
usePlatformMethods
|
|
36
|
-
}
|
|
17
|
+
};
|
|
37
18
|
//# sourceMappingURL=usePlatformMethods.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/usePlatformMethods.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,iCAAiC;AAG1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAGvB,SAAS,mBAAmB,SAA6B;AAC9D,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,IAAI,SAEF,KAAK,YAAL,KAAK,UAAY,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ,IAEjE,KAAK,kBAAL,KAAK,gBAAkB,CAAC,gBAAgB,YACtC,cAAc,MAAqB,gBAAgB,OAAO,IAE5D,KAAK,oBAAL,KAAK,kBAAoB,CAAC,aAAa;AACrC,MAAK,QACL,WAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ,GAAG,CAAC,OAAO,CAAC;AACd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
View as WebView,
|
|
6
6
|
setupHooks
|
|
7
7
|
} from "@tamagui/web";
|
|
8
|
-
import "react";
|
|
8
|
+
import { useMemo } from "react";
|
|
9
9
|
import "./createOptimizedView";
|
|
10
10
|
import { getBaseViews } from "./getBaseViews";
|
|
11
11
|
import { useElementLayout } from "./hooks/useElementLayout";
|
|
@@ -47,11 +47,14 @@ setupHooks({
|
|
|
47
47
|
...plainDOMProps
|
|
48
48
|
} = propsIn;
|
|
49
49
|
if (willHydrate || isDOM) {
|
|
50
|
-
const hostRef =
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
const hostRef = useMemo(
|
|
51
|
+
() => ({
|
|
52
|
+
get current() {
|
|
53
|
+
return stateRef.current.host;
|
|
54
|
+
}
|
|
55
|
+
}),
|
|
56
|
+
[stateRef]
|
|
57
|
+
);
|
|
55
58
|
usePlatformMethods(hostRef), useElementLayout(hostRef, isDOM ? onLayout : void 0), useResponderEvents(
|
|
56
59
|
hostRef,
|
|
57
60
|
isDOM ? {
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,0BAA0B;AAYnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,
|
|
4
|
+
"mappings": "AAAA,SAAS,0BAA0B;AAYnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EAER;AAAA,OACK;AACP,SAAwB,eAAe;AAEvC,OAAoC;AACpC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAEnC,OAAgC;AA+BhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAEJ,UAAI,eAAe,OAAO;AAExB,cAAM,UAAU;AAAA,UACd,OAAO;AAAA,YACL,IAAI,UAAU;AACZ,qBAAO,SAAS,QAAQ;AAAA,YAC1B;AAAA,UACF;AAAA,UACA,CAAC,QAAQ;AAAA,QACX;AACA,2BAAmB,OAAO,GAC1B,iBAAiB,SAAU,QAAqB,WAAb,MAA6B,GAChE;AAAA,UACE;AAAA,UACC,QAEI;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,IAlBA;AAAA,QAmBN;AAAA,MACF;AAEA,UAAI,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,SACP,QAAQ,UACR,OAAO;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useResponderEvents } from "@tamagui/react-native-use-responder-events";
|
|
2
2
|
import { Stack as WebStack, Text as WebText, View as WebView, setupHooks } from "@tamagui/web";
|
|
3
|
-
import "react";
|
|
3
|
+
import { useMemo } from "react";
|
|
4
4
|
import "./createOptimizedView.mjs";
|
|
5
5
|
import { getBaseViews } from "./getBaseViews.mjs";
|
|
6
6
|
import { useElementLayout } from "./hooks/useElementLayout.mjs";
|
|
@@ -43,11 +43,11 @@ setupHooks({
|
|
|
43
43
|
...plainDOMProps
|
|
44
44
|
} = propsIn;
|
|
45
45
|
if (willHydrate || isDOM) {
|
|
46
|
-
const hostRef = {
|
|
46
|
+
const hostRef = useMemo(() => ({
|
|
47
47
|
get current() {
|
|
48
48
|
return stateRef.current.host;
|
|
49
49
|
}
|
|
50
|
-
};
|
|
50
|
+
}), [stateRef]);
|
|
51
51
|
usePlatformMethods(hostRef), useElementLayout(hostRef, isDOM ? onLayout : void 0), useResponderEvents(hostRef, isDOM ? {
|
|
52
52
|
onMoveShouldSetResponder,
|
|
53
53
|
onMoveShouldSetResponderCapture,
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,31 +1,22 @@
|
|
|
1
|
-
"use
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
View: () => View
|
|
21
|
-
});
|
|
22
|
-
module.exports = __toCommonJS(src_exports);
|
|
23
|
-
var import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_useElementLayout = require("./hooks/useElementLayout"), import_usePlatformMethods = require("./hooks/usePlatformMethods"), import_Pressability = require("./vendor/Pressability");
|
|
24
|
-
__reExport(src_exports, require("@tamagui/web"), module.exports);
|
|
25
|
-
__reExport(src_exports, require("./reactNativeTypes"), module.exports);
|
|
26
|
-
const baseViews = (0, import_getBaseViews.getBaseViews)();
|
|
27
|
-
(0, import_web.setupHooks)({
|
|
28
|
-
getBaseViews: import_getBaseViews.getBaseViews,
|
|
1
|
+
import "@tamagui/react-native-use-responder-events";
|
|
2
|
+
import {
|
|
3
|
+
Stack as WebStack,
|
|
4
|
+
Text as WebText,
|
|
5
|
+
View as WebView,
|
|
6
|
+
composeEventHandlers,
|
|
7
|
+
setupHooks
|
|
8
|
+
} from "@tamagui/web";
|
|
9
|
+
import { createElement } from "react";
|
|
10
|
+
import { createOptimizedView } from "./createOptimizedView";
|
|
11
|
+
import { getBaseViews } from "./getBaseViews";
|
|
12
|
+
import "./hooks/useElementLayout";
|
|
13
|
+
import "./hooks/usePlatformMethods";
|
|
14
|
+
import { usePressability } from "./vendor/Pressability";
|
|
15
|
+
export * from "@tamagui/web";
|
|
16
|
+
export * from "./reactNativeTypes";
|
|
17
|
+
const baseViews = getBaseViews();
|
|
18
|
+
setupHooks({
|
|
19
|
+
getBaseViews,
|
|
29
20
|
usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
|
|
30
21
|
},
|
|
31
22
|
useEvents(viewProps, events, { pseudos }, setStateShallow, staticConfig) {
|
|
@@ -35,11 +26,11 @@ const baseViews = (0, import_getBaseViews.getBaseViews)();
|
|
|
35
26
|
onPressIn,
|
|
36
27
|
onPressOut: onPressOut || onPress
|
|
37
28
|
};
|
|
38
|
-
onPressOut && onPress && (inputEvents.onPressOut =
|
|
29
|
+
onPressOut && onPress && (inputEvents.onPressOut = composeEventHandlers(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
|
|
39
30
|
}
|
|
40
31
|
} else {
|
|
41
32
|
events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
|
|
42
|
-
const pressability =
|
|
33
|
+
const pressability = usePressability(events);
|
|
43
34
|
if (events && (process.env.NODE_ENV === "development" && viewProps.debug && console.info(
|
|
44
35
|
`Checking for press ${!!events.onPress} then applying pressability props: ${Object.keys(
|
|
45
36
|
pressability || {}
|
|
@@ -47,28 +38,25 @@ const baseViews = (0, import_getBaseViews.getBaseViews)();
|
|
|
47
38
|
), events.onPress))
|
|
48
39
|
for (const key in pressability) {
|
|
49
40
|
const og = viewProps[key], val = pressability[key];
|
|
50
|
-
viewProps[key] = og && !dontComposePressabilityKeys[key] ?
|
|
41
|
+
viewProps[key] = og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val;
|
|
51
42
|
}
|
|
52
43
|
}
|
|
53
44
|
},
|
|
54
45
|
useChildren(elementType, children, viewProps, events, staticConfig) {
|
|
55
46
|
if (process.env.NODE_ENV !== "test") {
|
|
56
47
|
if (elementType === baseViews.View)
|
|
57
|
-
return
|
|
48
|
+
return createOptimizedView(children, viewProps, baseViews);
|
|
58
49
|
if (process.env.TAMAGUI_OPTIMIZE_NATIVE_VIEWS && elementType === baseViews.Text)
|
|
59
|
-
return viewProps.children = children,
|
|
50
|
+
return viewProps.children = children, createElement("RCTText", viewProps);
|
|
60
51
|
}
|
|
61
52
|
}
|
|
62
53
|
});
|
|
63
54
|
const dontComposePressabilityKeys = {
|
|
64
55
|
onClick: !0
|
|
65
|
-
}, View =
|
|
66
|
-
|
|
67
|
-
0 && (module.exports = {
|
|
56
|
+
}, View = WebView, Stack = WebStack, Text = WebText;
|
|
57
|
+
export {
|
|
68
58
|
Stack,
|
|
69
59
|
Text,
|
|
70
|
-
View
|
|
71
|
-
|
|
72
|
-
...require("./reactNativeTypes")
|
|
73
|
-
});
|
|
60
|
+
View
|
|
61
|
+
};
|
|
74
62
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "AAAA,OAAmC;AAYnC;AAAA,EACE,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAA8B;AAEvC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B,OAAiC;AACjC,OAAmC;AAEnC,SAAS,uBAAuB;AA+BhC,cAAc;AAGd,cAAc;AAEd,MAAM,YAAY,aAAa;AAI/B,WAAW;AAAA,EACT;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AAAA,EA4F/D;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAWrE,QATI,WACE,OAAO,YACT,UAAU,UAAa,OAAO,UAE5B,OAAO,WACT,UAAU,SAAY,OAAO,UAI7B,aAAa;AACf,UAAI,QAAQ;AACV,cAAM,EAAE,WAAW,YAAY,QAAQ,IAAI,QACrC,cAAc;AAAA,UAClB;AAAA,UACA,YAAY,cAAc;AAAA,QAC5B;AACA,QAAI,cAAc,YAEhB,YAAY,aAAa,qBAAqB,SAAS,UAAU,IAEnE,OAAO,OAAO,WAAW,WAAW;AAAA,MACtC;AAAA,WACK;AAGL,MAAI,UAAU,UAAU,YACtB,OAAO,UAAU,UAAU;AAI7B,YAAM,eAAe,gBAAgB,MAAM;AAE3C,UAAI,WACE,QAAQ,IAAI,aAAa,iBACvB,UAAU,SACZ,QAAQ;AAAA,QACN,sBAAsB,CAAC,CAAC,OAAO,OAAO,sCAAsC,OAAO;AAAA,UACjF,gBAAgB,CAAC;AAAA,QACnB,CAAC;AAAA,MACH,GAIA,OAAO;AACT,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,UAAU,GAAG,GAClB,MAAM,aAAa,GAAG;AAC5B,oBAAU,GAAG,IACX,MAAM,CAAC,4BAA4B,GAAG,IAClC,qBAAqB,IAAI,GAAG,IAC5B;AAAA,QACR;AAAA,IAGN;AAAA,EAEJ;AAAA,EAIE,YAAY,aAAa,UAAU,WAAW,QAAQ,cAAc;AAClE,QAAI,QAAQ,IAAI,aAAa,QAK7B;AAAA,UAAI,gBAAgB,UAAU;AAE5B,eAAO,oBAAoB,UAAU,WAAW,SAAS;AAG3D,UAAI,QAAQ,IAAI,iCACV,gBAAgB,UAAU;AAE5B,yBAAU,WAAW,UACd,cAAc,WAAW,SAAS;AAAA;AAAA,EAG/C;AAEJ,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX,GAIa,OAAO,SACP,QAAQ,UACR,OAAO;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
|
@@ -1,23 +1,3 @@
|
|
|
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 inject_styles_exports = {};
|
|
17
|
-
__export(inject_styles_exports, {
|
|
18
|
-
injectStyles: () => injectStyles
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(inject_styles_exports);
|
|
21
1
|
const stylesheets = {}, injectStyles = ({ filePath, css }) => {
|
|
22
2
|
let stylesheet = stylesheets[filePath];
|
|
23
3
|
if (!stylesheet) {
|
|
@@ -26,8 +6,7 @@ const stylesheets = {}, injectStyles = ({ filePath, css }) => {
|
|
|
26
6
|
}
|
|
27
7
|
stylesheet.innerHTML = css;
|
|
28
8
|
};
|
|
29
|
-
|
|
30
|
-
0 && (module.exports = {
|
|
9
|
+
export {
|
|
31
10
|
injectStyles
|
|
32
|
-
}
|
|
11
|
+
};
|
|
33
12
|
//# sourceMappingURL=inject-styles.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/inject-styles.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAEA,MAAM,cAA2C,CAAC,GAOrC,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ,GAC1C,QAAQ,aAAa,QAAQ,UAAU,GACvC,aAAa,YAAY,QAAQ,IAAI,SACrC,SAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|