@tamagui/core 1.88.19 → 1.88.21
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/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.map +1 -1
- package/dist/native.js +91 -68
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +86 -63
- 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
|
}
|
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,
|
|
@@ -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
|
}
|
package/dist/native.js
CHANGED
|
@@ -2634,6 +2634,55 @@ var require_defaultComponentState_native = __commonJS({
|
|
|
2634
2634
|
}
|
|
2635
2635
|
});
|
|
2636
2636
|
|
|
2637
|
+
// ../web/dist/cjs/helpers/skipProps.native.js
|
|
2638
|
+
var require_skipProps_native = __commonJS({
|
|
2639
|
+
"../web/dist/cjs/helpers/skipProps.native.js"(exports2, module2) {
|
|
2640
|
+
"use strict";
|
|
2641
|
+
var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
|
|
2642
|
+
for (var name in all)
|
|
2643
|
+
__defProp2(target, name, { get: all[name], enumerable: !0 });
|
|
2644
|
+
}, __copyProps2 = (to, from, except, desc) => {
|
|
2645
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
2646
|
+
for (let key of __getOwnPropNames2(from))
|
|
2647
|
+
!__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
|
|
2648
|
+
return to;
|
|
2649
|
+
}, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), skipProps_exports = {};
|
|
2650
|
+
__export2(skipProps_exports, {
|
|
2651
|
+
skipProps: () => skipProps
|
|
2652
|
+
});
|
|
2653
|
+
module2.exports = __toCommonJS2(skipProps_exports);
|
|
2654
|
+
var skipProps = {
|
|
2655
|
+
untilMeasured: 1,
|
|
2656
|
+
animation: 1,
|
|
2657
|
+
space: 1,
|
|
2658
|
+
animateOnly: 1,
|
|
2659
|
+
disableClassName: 1,
|
|
2660
|
+
debug: 1,
|
|
2661
|
+
componentName: 1,
|
|
2662
|
+
disableOptimization: 1,
|
|
2663
|
+
tag: 1,
|
|
2664
|
+
style: 1,
|
|
2665
|
+
// handled after loop so pseudos set usedKeys and override it if necessary
|
|
2666
|
+
group: 1
|
|
2667
|
+
};
|
|
2668
|
+
process.env.NODE_ENV === "test" && (skipProps["data-test-renders"] = 1);
|
|
2669
|
+
Object.assign(skipProps, {
|
|
2670
|
+
whiteSpace: 1,
|
|
2671
|
+
wordWrap: 1,
|
|
2672
|
+
textOverflow: 1,
|
|
2673
|
+
textDecorationDistance: 1,
|
|
2674
|
+
cursor: 1,
|
|
2675
|
+
contain: 1,
|
|
2676
|
+
boxSizing: 1,
|
|
2677
|
+
boxShadow: 1,
|
|
2678
|
+
outlineStyle: 1,
|
|
2679
|
+
outlineOffset: 1,
|
|
2680
|
+
outlineWidth: 1,
|
|
2681
|
+
outlineColor: 1
|
|
2682
|
+
});
|
|
2683
|
+
}
|
|
2684
|
+
});
|
|
2685
|
+
|
|
2637
2686
|
// ../web/dist/cjs/constants/accessibilityDirectMap.native.js
|
|
2638
2687
|
var require_accessibilityDirectMap_native = __commonJS({
|
|
2639
2688
|
"../web/dist/cjs/constants/accessibilityDirectMap.native.js"(exports2, module2) {
|
|
@@ -3738,7 +3787,7 @@ var require_propMapper_native = __commonJS({
|
|
|
3738
3787
|
propMapper: () => propMapper
|
|
3739
3788
|
});
|
|
3740
3789
|
module2.exports = __toCommonJS2(propMapper_exports);
|
|
3741
|
-
var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
|
|
3790
|
+
var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
|
|
3742
3791
|
var _a;
|
|
3743
3792
|
if (lastFontFamilyToken = null, !import_constants.isAndroid && key === "elevationAndroid")
|
|
3744
3793
|
return;
|
|
@@ -3832,43 +3881,45 @@ var require_propMapper_native = __commonJS({
|
|
|
3832
3881
|
process.env.NODE_ENV === "development" && debug === "verbose" && console.info(" - resolveTokensAndVariants", key, value);
|
|
3833
3882
|
for (let _key in value) {
|
|
3834
3883
|
let subKey = conf.shorthands[_key] || _key, val = value[_key];
|
|
3835
|
-
if (styleProps.
|
|
3836
|
-
|
|
3837
|
-
|
|
3838
|
-
if (
|
|
3839
|
-
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
|
|
3884
|
+
if (!(!styleProps.noSkip && subKey in import_skipProps.skipProps)) {
|
|
3885
|
+
if (styleProps.noExpand)
|
|
3886
|
+
res[subKey] = val;
|
|
3887
|
+
else if (variants && subKey in variants) {
|
|
3888
|
+
if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
|
|
3889
|
+
res[subKey] = // SYNC WITH *1
|
|
3890
|
+
val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
|
|
3891
|
+
else {
|
|
3892
|
+
let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
|
|
3893
|
+
if (variantOut)
|
|
3894
|
+
for (let [key2, val2] of variantOut)
|
|
3895
|
+
val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
|
|
3896
|
+
}
|
|
3897
|
+
continue;
|
|
3846
3898
|
}
|
|
3847
|
-
|
|
3848
|
-
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
|
|
3852
|
-
|
|
3853
|
-
|
|
3854
|
-
|
|
3855
|
-
|
|
3856
|
-
|
|
3899
|
+
if ((0, import_createVariable.isVariable)(val)) {
|
|
3900
|
+
res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues), process.env.NODE_ENV === "development" && debug === "verbose" && console.info("variable", subKey, res[subKey]);
|
|
3901
|
+
continue;
|
|
3902
|
+
}
|
|
3903
|
+
if (typeof val == "string") {
|
|
3904
|
+
let fVal = (
|
|
3905
|
+
// SYNC WITH *1
|
|
3906
|
+
val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val
|
|
3907
|
+
);
|
|
3908
|
+
res[subKey] = fVal;
|
|
3909
|
+
continue;
|
|
3910
|
+
}
|
|
3911
|
+
if ((0, import_isObj.isObj)(val)) {
|
|
3912
|
+
let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
|
|
3913
|
+
process.env.NODE_ENV === "development" && debug === "verbose" && console.info("object", subKey, subObject), res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
|
|
3914
|
+
} else
|
|
3915
|
+
res[subKey] = val;
|
|
3916
|
+
process.env.NODE_ENV === "development" && debug && ((_a = res[subKey]) == null ? void 0 : _a[0]) === "$" && console.warn(
|
|
3917
|
+
`\u26A0\uFE0F Missing token in theme ${theme.name}:`,
|
|
3918
|
+
subKey,
|
|
3919
|
+
res[subKey],
|
|
3920
|
+
theme
|
|
3857
3921
|
);
|
|
3858
|
-
res[subKey] = fVal;
|
|
3859
|
-
continue;
|
|
3860
3922
|
}
|
|
3861
|
-
if ((0, import_isObj.isObj)(val)) {
|
|
3862
|
-
let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
|
|
3863
|
-
process.env.NODE_ENV === "development" && debug === "verbose" && console.info("object", subKey, subObject), res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
|
|
3864
|
-
} else
|
|
3865
|
-
res[subKey] = val;
|
|
3866
|
-
process.env.NODE_ENV === "development" && debug && ((_a = res[subKey]) == null ? void 0 : _a[0]) === "$" && console.warn(
|
|
3867
|
-
`\u26A0\uFE0F Missing token in theme ${theme.name}:`,
|
|
3868
|
-
subKey,
|
|
3869
|
-
res[subKey],
|
|
3870
|
-
theme
|
|
3871
|
-
);
|
|
3872
3923
|
}
|
|
3873
3924
|
return res;
|
|
3874
3925
|
}, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
|
|
@@ -3978,7 +4029,7 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
3978
4029
|
useSplitStyles: () => useSplitStyles
|
|
3979
4030
|
});
|
|
3980
4031
|
module2.exports = __toCommonJS2(getSplitStyles_exports);
|
|
3981
|
-
var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
|
|
4032
|
+
var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_skipProps = require_skipProps_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
|
|
3982
4033
|
function isValidStyleKey(key, staticConfig) {
|
|
3983
4034
|
var _a;
|
|
3984
4035
|
return (staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || ((_a = staticConfig.acceptTokens) == null ? void 0 : _a[key]);
|
|
@@ -4022,7 +4073,7 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
4022
4073
|
}), console.groupEnd());
|
|
4023
4074
|
for (let keyOg in props) {
|
|
4024
4075
|
let keyInit = keyOg, valInit = props[keyOg];
|
|
4025
|
-
if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in skipProps && !styleProps.noSkip && !isHOC)
|
|
4076
|
+
if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in import_skipProps.skipProps && !styleProps.noSkip && !isHOC)
|
|
4026
4077
|
continue;
|
|
4027
4078
|
let valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
|
|
4028
4079
|
if (valInit !== props[keyInit] && (styleState.curProps[keyInit] = valInit), !isValidStyleKeyInit) {
|
|
@@ -4080,7 +4131,7 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
4080
4131
|
if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
|
|
4081
4132
|
continue;
|
|
4082
4133
|
let shouldPassProp = !isStyleProp || // is in parent variants
|
|
4083
|
-
isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
|
|
4134
|
+
isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
|
|
4084
4135
|
if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
|
|
4085
4136
|
` \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`
|
|
4086
4137
|
), (0, import_log.log)({ isVariant, valInit, shouldPassProp }), import_constants.isClient && (0, import_log.log)({
|
|
@@ -4090,7 +4141,7 @@ var require_getSplitStyles_native = __commonJS({
|
|
|
4090
4141
|
isHOCShouldPassThrough,
|
|
4091
4142
|
curProps: { ...styleState.curProps },
|
|
4092
4143
|
parentStaticConfig
|
|
4093
|
-
})), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in skipProps)
|
|
4144
|
+
})), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in import_skipProps.skipProps)
|
|
4094
4145
|
continue;
|
|
4095
4146
|
if ((isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && valInit !== "unset" && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
|
|
4096
4147
|
style[keyInit] = valInit;
|
|
@@ -4385,7 +4436,7 @@ current`, {
|
|
|
4385
4436
|
let val = styleIn[key];
|
|
4386
4437
|
key = conf2.shorthands[key] || key;
|
|
4387
4438
|
let expanded = (0, import_propMapper.propMapper)(key, val, styleState, { ...props, ...props[subKey] });
|
|
4388
|
-
if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip))
|
|
4439
|
+
if (!(!expanded || !staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip))
|
|
4389
4440
|
for (let [skey, sval] of expanded)
|
|
4390
4441
|
!avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
|
|
4391
4442
|
}
|
|
@@ -4405,35 +4456,7 @@ current`, {
|
|
|
4405
4456
|
}, mapTransformKeys = {
|
|
4406
4457
|
x: "translateX",
|
|
4407
4458
|
y: "translateY"
|
|
4408
|
-
}, skipProps = {
|
|
4409
|
-
untilMeasured: 1,
|
|
4410
|
-
animation: 1,
|
|
4411
|
-
space: 1,
|
|
4412
|
-
animateOnly: 1,
|
|
4413
|
-
disableClassName: 1,
|
|
4414
|
-
debug: 1,
|
|
4415
|
-
componentName: 1,
|
|
4416
|
-
disableOptimization: 1,
|
|
4417
|
-
tag: 1,
|
|
4418
|
-
style: 1,
|
|
4419
|
-
// handled after loop so pseudos set usedKeys and override it if necessary
|
|
4420
|
-
group: 1
|
|
4421
4459
|
};
|
|
4422
|
-
process.env.NODE_ENV === "test" && (skipProps["data-test-renders"] = 1);
|
|
4423
|
-
Object.assign(skipProps, {
|
|
4424
|
-
whiteSpace: 1,
|
|
4425
|
-
wordWrap: 1,
|
|
4426
|
-
textOverflow: 1,
|
|
4427
|
-
textDecorationDistance: 1,
|
|
4428
|
-
cursor: 1,
|
|
4429
|
-
contain: 1,
|
|
4430
|
-
boxSizing: 1,
|
|
4431
|
-
boxShadow: 1,
|
|
4432
|
-
outlineStyle: 1,
|
|
4433
|
-
outlineOffset: 1,
|
|
4434
|
-
outlineWidth: 1,
|
|
4435
|
-
outlineColor: 1
|
|
4436
|
-
});
|
|
4437
4460
|
function passDownProp(viewProps, key, val, shouldMergeObject = !1) {
|
|
4438
4461
|
if (shouldMergeObject) {
|
|
4439
4462
|
let next = {
|