@tamagui/web 1.68.6 → 1.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/createComponent.js +44 -25
- package/dist/cjs/createComponent.js.map +1 -1
- package/dist/cjs/createComponent.native.js +12 -17
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/helpers/createStyledContext.js +15 -5
- package/dist/cjs/helpers/createStyledContext.js.map +2 -2
- package/dist/cjs/helpers/createStyledContext.native.js +15 -5
- package/dist/cjs/helpers/createStyledContext.native.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +35 -28
- package/dist/cjs/helpers/getSplitStyles.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.native.js +18 -11
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/propMapper.js +11 -9
- package/dist/cjs/helpers/propMapper.js.map +1 -1
- package/dist/cjs/helpers/propMapper.native.js +11 -9
- package/dist/cjs/helpers/propMapper.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.js +3 -37
- package/dist/cjs/hooks/useMedia.js.map +1 -1
- package/dist/cjs/hooks/useMedia.native.js +3 -37
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useProps.js +40 -6
- package/dist/cjs/hooks/useProps.js.map +1 -1
- package/dist/cjs/hooks/useProps.native.js +40 -6
- package/dist/cjs/hooks/useProps.native.js.map +1 -1
- package/dist/cjs/index.js +1 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +1 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/createComponent.js +44 -25
- package/dist/esm/createComponent.js.map +1 -1
- package/dist/esm/helpers/createStyledContext.js +16 -6
- package/dist/esm/helpers/createStyledContext.js.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +35 -28
- package/dist/esm/helpers/getSplitStyles.js.map +1 -1
- package/dist/esm/helpers/propMapper.js +11 -9
- package/dist/esm/helpers/propMapper.js.map +1 -1
- package/dist/esm/hooks/useMedia.js +2 -37
- package/dist/esm/hooks/useMedia.js.map +1 -1
- package/dist/esm/hooks/useProps.js +42 -5
- package/dist/esm/hooks/useProps.js.map +1 -1
- package/dist/esm/index.js +1 -4
- package/dist/esm/index.js.map +1 -1
- package/package.json +9 -9
- package/src/createComponent.tsx +64 -45
- package/src/helpers/createStyledContext.tsx +32 -9
- package/src/helpers/getSplitStyles.tsx +213 -198
- package/src/helpers/propMapper.ts +49 -41
- package/src/hooks/useMedia.tsx +1 -74
- package/src/hooks/useProps.tsx +81 -14
- package/src/index.ts +0 -2
- package/src/types.tsx +17 -2
- package/types/createComponent.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts +8 -3
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/propMapper.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts +1 -17
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useProps.d.ts +28 -9
- package/types/hooks/useProps.d.ts.map +1 -1
- package/types/index.d.ts +1 -2
- package/types/index.d.ts.map +1 -1
- package/types/types.d.ts +16 -2
- package/types/types.d.ts.map +1 -1
- package/src/hooks/useStyle.tsx +0 -48
|
@@ -30,11 +30,10 @@ __export(useMedia_exports, {
|
|
|
30
30
|
setMediaShouldUpdate: () => setMediaShouldUpdate,
|
|
31
31
|
setupMediaListeners: () => setupMediaListeners,
|
|
32
32
|
useMedia: () => useMedia,
|
|
33
|
-
useMediaListeners: () => useMediaListeners
|
|
34
|
-
useMediaPropsActive: () => useMediaPropsActive
|
|
33
|
+
useMediaListeners: () => useMediaListeners
|
|
35
34
|
});
|
|
36
35
|
module.exports = __toCommonJS(useMedia_exports);
|
|
37
|
-
var import_constants = require("@tamagui/constants"), import_react = require("react"), import_config = require("../config"), import_createProxy = require("../helpers/createProxy"), import_matchMedia = require("../helpers/matchMedia"),
|
|
36
|
+
var import_constants = require("@tamagui/constants"), import_react = require("react"), import_config = require("../config"), import_createProxy = require("../helpers/createProxy"), import_matchMedia = require("../helpers/matchMedia"), import_pseudoDescriptors = require("../helpers/pseudoDescriptors");
|
|
38
37
|
let mediaState = (
|
|
39
38
|
// development only safeguard
|
|
40
39
|
process.env.NODE_ENV === "development" ? (0, import_createProxy.createProxy)(
|
|
@@ -128,38 +127,6 @@ function useMedia(uid) {
|
|
|
128
127
|
}
|
|
129
128
|
});
|
|
130
129
|
}
|
|
131
|
-
function useMediaPropsActive(props, opts) {
|
|
132
|
-
const media = useMedia(), resolveAs = (opts == null ? void 0 : opts.resolveValues) || "none", theme = resolveAs ? (0, import_useTheme.useTheme)() : null, styleState = { theme }, shouldExpandShorthands = opts == null ? void 0 : opts.expandShorthands;
|
|
133
|
-
return (0, import_react.useMemo)(() => {
|
|
134
|
-
const config = (0, import_config.getConfig)(), next = {}, importancesUsed = {}, propNames = Object.keys(props), len = propNames.length;
|
|
135
|
-
for (let i = 0; i < len; i++) {
|
|
136
|
-
let key = propNames[i];
|
|
137
|
-
const val = props[key];
|
|
138
|
-
if (key[0] === "$") {
|
|
139
|
-
const mediaKey = key.slice(1);
|
|
140
|
-
if (!media[mediaKey])
|
|
141
|
-
continue;
|
|
142
|
-
if (val && typeof val == "object") {
|
|
143
|
-
const subKeys = Object.keys(val);
|
|
144
|
-
for (let j = subKeys.length; j--; j >= 0) {
|
|
145
|
-
let subKey = subKeys[j];
|
|
146
|
-
const value = (0, import_propMapper.getTokenForKey)(subKey, val[subKey], resolveAs, styleState);
|
|
147
|
-
shouldExpandShorthands && (subKey = config.shorthands[subKey] || subKey), mergeMediaByImportance(next, mediaKey, subKey, value, importancesUsed, !0);
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
} else
|
|
151
|
-
shouldExpandShorthands && (key = config.shorthands[key] || key), mergeMediaByImportance(
|
|
152
|
-
next,
|
|
153
|
-
"",
|
|
154
|
-
key,
|
|
155
|
-
(0, import_propMapper.getTokenForKey)(key, val, resolveAs, styleState),
|
|
156
|
-
importancesUsed,
|
|
157
|
-
!0
|
|
158
|
-
);
|
|
159
|
-
}
|
|
160
|
-
return next;
|
|
161
|
-
}, [media, props, theme, resolveAs]);
|
|
162
|
-
}
|
|
163
130
|
const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed, isSizeMedia) => {
|
|
164
131
|
const conf = (0, import_config.getConfig)(), importance = isSizeMedia && !conf.settings.mediaPropOrder ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
|
|
165
132
|
return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
|
|
@@ -213,7 +180,6 @@ function mediaKeyMatch(key, dimensions) {
|
|
|
213
180
|
setMediaShouldUpdate,
|
|
214
181
|
setupMediaListeners,
|
|
215
182
|
useMedia,
|
|
216
|
-
useMediaListeners
|
|
217
|
-
useMediaPropsActive
|
|
183
|
+
useMediaListeners
|
|
218
184
|
});
|
|
219
185
|
//# sourceMappingURL=useMedia.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useMedia.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -31,11 +31,10 @@ __export(useMedia_exports, {
|
|
|
31
31
|
setMediaShouldUpdate: () => setMediaShouldUpdate,
|
|
32
32
|
setupMediaListeners: () => setupMediaListeners,
|
|
33
33
|
useMedia: () => useMedia,
|
|
34
|
-
useMediaListeners: () => useMediaListeners
|
|
35
|
-
useMediaPropsActive: () => useMediaPropsActive
|
|
34
|
+
useMediaListeners: () => useMediaListeners
|
|
36
35
|
});
|
|
37
36
|
module.exports = __toCommonJS(useMedia_exports);
|
|
38
|
-
var import_constants = require("@tamagui/constants"), import_react = require("react"), import_config = require("../config"), import_createProxy = require("../helpers/createProxy"), import_matchMedia = require("../helpers/matchMedia"),
|
|
37
|
+
var import_constants = require("@tamagui/constants"), import_react = require("react"), import_config = require("../config"), import_createProxy = require("../helpers/createProxy"), import_matchMedia = require("../helpers/matchMedia"), import_pseudoDescriptors = require("../helpers/pseudoDescriptors");
|
|
39
38
|
let mediaState = (
|
|
40
39
|
// development only safeguard
|
|
41
40
|
process.env.NODE_ENV === "development" ? (0, import_createProxy.createProxy)(
|
|
@@ -130,38 +129,6 @@ function useMedia(uid) {
|
|
|
130
129
|
}
|
|
131
130
|
});
|
|
132
131
|
}
|
|
133
|
-
function useMediaPropsActive(props, opts) {
|
|
134
|
-
const media = useMedia(), resolveAs = (opts == null ? void 0 : opts.resolveValues) || "none", theme = resolveAs ? (0, import_useTheme.useTheme)() : null, styleState = { theme }, shouldExpandShorthands = opts == null ? void 0 : opts.expandShorthands;
|
|
135
|
-
return (0, import_react.useMemo)(() => {
|
|
136
|
-
const config = (0, import_config.getConfig)(), next = {}, importancesUsed = {}, propNames = Object.keys(props), len = propNames.length;
|
|
137
|
-
for (let i = 0; i < len; i++) {
|
|
138
|
-
let key = propNames[i];
|
|
139
|
-
const val = props[key];
|
|
140
|
-
if (key[0] === "$") {
|
|
141
|
-
const mediaKey = key.slice(1);
|
|
142
|
-
if (!media[mediaKey])
|
|
143
|
-
continue;
|
|
144
|
-
if (val && typeof val == "object") {
|
|
145
|
-
const subKeys = Object.keys(val);
|
|
146
|
-
for (let j = subKeys.length; j--; j >= 0) {
|
|
147
|
-
let subKey = subKeys[j];
|
|
148
|
-
const value = (0, import_propMapper.getTokenForKey)(subKey, val[subKey], resolveAs, styleState);
|
|
149
|
-
shouldExpandShorthands && (subKey = config.shorthands[subKey] || subKey), mergeMediaByImportance(next, mediaKey, subKey, value, importancesUsed, !0);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
} else
|
|
153
|
-
shouldExpandShorthands && (key = config.shorthands[key] || key), mergeMediaByImportance(
|
|
154
|
-
next,
|
|
155
|
-
"",
|
|
156
|
-
key,
|
|
157
|
-
(0, import_propMapper.getTokenForKey)(key, val, resolveAs, styleState),
|
|
158
|
-
importancesUsed,
|
|
159
|
-
!0
|
|
160
|
-
);
|
|
161
|
-
}
|
|
162
|
-
return next;
|
|
163
|
-
}, [media, props, theme, resolveAs]);
|
|
164
|
-
}
|
|
165
132
|
const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed, isSizeMedia) => {
|
|
166
133
|
const conf = (0, import_config.getConfig)(), importance = isSizeMedia && !conf.settings.mediaPropOrder ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
|
|
167
134
|
return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
|
|
@@ -215,7 +182,6 @@ function mediaKeyMatch(key, dimensions) {
|
|
|
215
182
|
setMediaShouldUpdate,
|
|
216
183
|
setupMediaListeners,
|
|
217
184
|
useMedia,
|
|
218
|
-
useMediaListeners
|
|
219
|
-
useMediaPropsActive
|
|
185
|
+
useMediaListeners
|
|
220
186
|
});
|
|
221
187
|
//# sourceMappingURL=useMedia.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useMedia.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["update"]
|
|
6
6
|
}
|
|
@@ -14,18 +14,52 @@ var __export = (target, all) => {
|
|
|
14
14
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
15
|
var useProps_exports = {};
|
|
16
16
|
__export(useProps_exports, {
|
|
17
|
-
useProps: () => useProps
|
|
17
|
+
useProps: () => useProps,
|
|
18
|
+
usePropsAndStyle: () => usePropsAndStyle,
|
|
19
|
+
useStyle: () => useStyle
|
|
18
20
|
});
|
|
19
21
|
module.exports = __toCommonJS(useProps_exports);
|
|
20
|
-
var import_useMedia = require("./useMedia");
|
|
22
|
+
var import_react = require("react"), import_ComponentContext = require("../contexts/ComponentContext"), import_defaultComponentState = require("../defaultComponentState"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_Stack = require("../views/Stack"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
21
23
|
function useProps(props, opts) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
25
|
+
...opts,
|
|
26
|
+
noExpand: !0,
|
|
27
|
+
noNormalize: !0,
|
|
28
|
+
resolveValues: "none"
|
|
25
29
|
});
|
|
30
|
+
return {
|
|
31
|
+
...propsOut,
|
|
32
|
+
...styleOut
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
function useStyle(props, opts) {
|
|
36
|
+
return usePropsAndStyle(props, opts)[1];
|
|
37
|
+
}
|
|
38
|
+
function usePropsAndStyle(props, opts) {
|
|
39
|
+
var _a;
|
|
40
|
+
const staticConfig = ((_a = opts == null ? void 0 : opts.forComponent) == null ? void 0 : _a.staticConfig) ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
|
|
41
|
+
componentName: staticConfig.componentName
|
|
42
|
+
}), componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(
|
|
43
|
+
props,
|
|
44
|
+
staticConfig,
|
|
45
|
+
theme,
|
|
46
|
+
themeState.state.name,
|
|
47
|
+
import_defaultComponentState.defaultComponentStateMounted,
|
|
48
|
+
{
|
|
49
|
+
isAnimated: !1,
|
|
50
|
+
mediaState: media,
|
|
51
|
+
noClassNames: !0,
|
|
52
|
+
...opts
|
|
53
|
+
},
|
|
54
|
+
null,
|
|
55
|
+
componentContext
|
|
56
|
+
);
|
|
57
|
+
return [splitStyles.viewProps, splitStyles.style];
|
|
26
58
|
}
|
|
27
59
|
// Annotate the CommonJS export names for ESM import in node:
|
|
28
60
|
0 && (module.exports = {
|
|
29
|
-
useProps
|
|
61
|
+
useProps,
|
|
62
|
+
usePropsAndStyle,
|
|
63
|
+
useStyle
|
|
30
64
|
});
|
|
31
65
|
//# sourceMappingURL=useProps.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAE3B,0BAAiC,yCACjC,+BAA6C,qCAC7C,wBAA+B,sCAE/B,eAAsB,2BACtB,kBAAyB,uBACzB,kBAAkC;AAqB3B,SAAS,SACd,OACA,MACmB;AACnB,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MACmB;AACnB,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC;AACxC;AAQO,SAAS,iBACd,OACA,MACwC;AAnE1C;AAoEE,QAAM,iBAAe,kCAAM,iBAAN,mBAAoB,iBAAgB,mBAAM,cACzD,CAAC,YAAY,KAAK,QAAI,mCAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,EAC9B,CAAC,GACK,uBAAmB,yBAAW,wCAAgB,GAC9C,YAAQ,0BAAS,GACjB,kBAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,CAAC,YAAY,WAAW,YAAY,KAAK;AAClD;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -15,18 +15,52 @@ var __export = (target, all) => {
|
|
|
15
15
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
16
|
var useProps_exports = {};
|
|
17
17
|
__export(useProps_exports, {
|
|
18
|
-
useProps: () => useProps
|
|
18
|
+
useProps: () => useProps,
|
|
19
|
+
usePropsAndStyle: () => usePropsAndStyle,
|
|
20
|
+
useStyle: () => useStyle
|
|
19
21
|
});
|
|
20
22
|
module.exports = __toCommonJS(useProps_exports);
|
|
21
|
-
var import_useMedia = require("./useMedia");
|
|
23
|
+
var import_react = require("react"), import_ComponentContext = require("../contexts/ComponentContext"), import_defaultComponentState = require("../defaultComponentState"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_Stack = require("../views/Stack"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
22
24
|
function useProps(props, opts) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
26
|
+
...opts,
|
|
27
|
+
noExpand: !0,
|
|
28
|
+
noNormalize: !0,
|
|
29
|
+
resolveValues: "none"
|
|
26
30
|
});
|
|
31
|
+
return {
|
|
32
|
+
...propsOut,
|
|
33
|
+
...styleOut
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
function useStyle(props, opts) {
|
|
37
|
+
return usePropsAndStyle(props, opts)[1];
|
|
38
|
+
}
|
|
39
|
+
function usePropsAndStyle(props, opts) {
|
|
40
|
+
var _a;
|
|
41
|
+
const staticConfig = ((_a = opts == null ? void 0 : opts.forComponent) == null ? void 0 : _a.staticConfig) ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
|
|
42
|
+
componentName: staticConfig.componentName
|
|
43
|
+
}), componentContext = (0, import_react.useContext)(import_ComponentContext.ComponentContext), media = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(
|
|
44
|
+
props,
|
|
45
|
+
staticConfig,
|
|
46
|
+
theme,
|
|
47
|
+
themeState.state.name,
|
|
48
|
+
import_defaultComponentState.defaultComponentStateMounted,
|
|
49
|
+
{
|
|
50
|
+
isAnimated: !1,
|
|
51
|
+
mediaState: media,
|
|
52
|
+
noClassNames: !0,
|
|
53
|
+
...opts
|
|
54
|
+
},
|
|
55
|
+
null,
|
|
56
|
+
componentContext
|
|
57
|
+
);
|
|
58
|
+
return [splitStyles.viewProps, splitStyles.style];
|
|
27
59
|
}
|
|
28
60
|
// Annotate the CommonJS export names for ESM import in node:
|
|
29
61
|
0 && (module.exports = {
|
|
30
|
-
useProps
|
|
62
|
+
useProps,
|
|
63
|
+
usePropsAndStyle,
|
|
64
|
+
useStyle
|
|
31
65
|
});
|
|
32
66
|
//# sourceMappingURL=useProps.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B,kBAE3B,0BAAiC,yCACjC,+BAA6C,qCAC7C,wBAA+B,sCAE/B,eAAsB,2BACtB,kBAAyB,uBACzB,kBAAkC;AAqB3B,SAAS,SACd,OACA,MACmB;AACnB,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MACmB;AACnB,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC;AACxC;AAQO,SAAS,iBACd,OACA,MACwC;AAnE1C;AAoEE,QAAM,iBAAe,kCAAM,iBAAN,mBAAoB,iBAAgB,mBAAM,cACzD,CAAC,YAAY,KAAK,QAAI,mCAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,EAC9B,CAAC,GACK,uBAAmB,yBAAW,wCAAgB,GAC9C,YAAQ,0BAAS,GACjB,kBAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,CAAC,YAAY,WAAW,YAAY,KAAK;AAClD;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -26,8 +26,7 @@ __export(src_exports, {
|
|
|
26
26
|
mediaState: () => import_useMedia.mediaState,
|
|
27
27
|
setupDev: () => import_config.setupDev,
|
|
28
28
|
updateConfig: () => import_config.updateConfig,
|
|
29
|
-
useMedia: () => import_useMedia.useMedia
|
|
30
|
-
useMediaPropsActive: () => import_useMedia.useMediaPropsActive
|
|
29
|
+
useMedia: () => import_useMedia.useMedia
|
|
31
30
|
});
|
|
32
31
|
module.exports = __toCommonJS(src_exports);
|
|
33
32
|
__reExport(src_exports, require("./Tamagui"), module.exports);
|
|
@@ -71,7 +70,6 @@ __reExport(src_exports, require("./helpers/withStaticProperties"), module.export
|
|
|
71
70
|
var import_useMedia = require("./hooks/useMedia");
|
|
72
71
|
__reExport(src_exports, require("./hooks/useTheme"), module.exports);
|
|
73
72
|
__reExport(src_exports, require("./hooks/useThemeName"), module.exports);
|
|
74
|
-
__reExport(src_exports, require("./hooks/useStyle"), module.exports);
|
|
75
73
|
__reExport(src_exports, require("./hooks/useAnimationDriver"), module.exports);
|
|
76
74
|
__reExport(src_exports, require("./hooks/useIsTouchDevice"), module.exports);
|
|
77
75
|
__reExport(src_exports, require("./hooks/useProps"), module.exports);
|
|
@@ -105,7 +103,6 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
|
|
|
105
103
|
setupDev,
|
|
106
104
|
updateConfig,
|
|
107
105
|
useMedia,
|
|
108
|
-
useMediaPropsActive,
|
|
109
106
|
...require("./Tamagui"),
|
|
110
107
|
...require("./createComponent"),
|
|
111
108
|
...require("./createShorthands"),
|
|
@@ -145,7 +142,6 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
|
|
|
145
142
|
...require("./helpers/withStaticProperties"),
|
|
146
143
|
...require("./hooks/useTheme"),
|
|
147
144
|
...require("./hooks/useThemeName"),
|
|
148
|
-
...require("./hooks/useStyle"),
|
|
149
145
|
...require("./hooks/useAnimationDriver"),
|
|
150
146
|
...require("./hooks/useIsTouchDevice"),
|
|
151
147
|
...require("./hooks/useProps"),
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,qBAVd;AAWA,wBAAc,+BAXd;AAaA,wBAAc,oBAbd;AAcA,wBAAc,gCAdd;AAgBA,oBAQO;AAEP,wBAAc,kCA1Bd;AA4BA,wBAAc,wCA5Bd;AA8BA,wBAAc,0CA9Bd;AA+BA,wBAAc,mCA/Bd;AAgCA,wBAAc,iCAhCd;AAiCA,wBAAc,yCAjCd;AAkCA,wBAAc,4CAlCd;AAmCA,wBAAc,qCAnCd;AAoCA,wBAAc,sCApCd;AAqCA,wBAAc,uCArCd;AAsCA,wBAAc,uCAtCd;AAuCA,wBAAc,yCAvCd;AAwCA,wBAAc,uCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,iCA1Cd;AA2CA,wBAAc,qCA3Cd;AA4CA,wBAAc,0CA5Cd;AA6CA,wBAAc,0CA7Cd;AA8CA,wBAAc,wCA9Cd;AA+CA,wBAAc,gCA/Cd;AAgDA,wBAAc,6BAhDd;AAiDA,wBAAc,4CAjDd;AAkDA,wBAAc,2CAlDd;AAoDA,sBAOO;AACP,wBAAc,6BA5Dd;AA6DA,wBAAc,iCA7Dd;AA8DA,wBAAc,uCA9Dd;AA+DA,wBAAc,qCA/Dd;AAgEA,wBAAc,6BAhEd;AAkEA,wBAAc,yBAlEd;AAmEA,wBAAc,0BAnEd;AAoEA,wBAAc,yBApEd;AAqEA,wBAAc,yBArEd;AAsEA,wBAAc,0BAtEd;AAuEA,wBAAc,kCAvEd;AAwEA,wBAAc,iCAxEd;AAyEA,wBAAc,oCAzEd;AA0EA,wBAAc,4CA1Ed;AA4EA,wBAAc,wCA5Ed;AA6EA,wBAAc,+BA7Ed;AA8EA,wBAAc,kCA9Ed;AA+EA,wBAAc,6BA/Ed;AAgFA,wBAAc,+BAhFd;AAkFA,wBAAc,yBAlFd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -27,8 +27,7 @@ __export(src_exports, {
|
|
|
27
27
|
mediaState: () => import_useMedia.mediaState,
|
|
28
28
|
setupDev: () => import_config.setupDev,
|
|
29
29
|
updateConfig: () => import_config.updateConfig,
|
|
30
|
-
useMedia: () => import_useMedia.useMedia
|
|
31
|
-
useMediaPropsActive: () => import_useMedia.useMediaPropsActive
|
|
30
|
+
useMedia: () => import_useMedia.useMedia
|
|
32
31
|
});
|
|
33
32
|
module.exports = __toCommonJS(src_exports);
|
|
34
33
|
__reExport(src_exports, require("./Tamagui"), module.exports);
|
|
@@ -72,7 +71,6 @@ __reExport(src_exports, require("./helpers/withStaticProperties"), module.export
|
|
|
72
71
|
var import_useMedia = require("./hooks/useMedia");
|
|
73
72
|
__reExport(src_exports, require("./hooks/useTheme"), module.exports);
|
|
74
73
|
__reExport(src_exports, require("./hooks/useThemeName"), module.exports);
|
|
75
|
-
__reExport(src_exports, require("./hooks/useStyle"), module.exports);
|
|
76
74
|
__reExport(src_exports, require("./hooks/useAnimationDriver"), module.exports);
|
|
77
75
|
__reExport(src_exports, require("./hooks/useIsTouchDevice"), module.exports);
|
|
78
76
|
__reExport(src_exports, require("./hooks/useProps"), module.exports);
|
|
@@ -106,7 +104,6 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
|
|
|
106
104
|
setupDev,
|
|
107
105
|
updateConfig,
|
|
108
106
|
useMedia,
|
|
109
|
-
useMediaPropsActive,
|
|
110
107
|
...require("./Tamagui"),
|
|
111
108
|
...require("./createComponent"),
|
|
112
109
|
...require("./createShorthands"),
|
|
@@ -146,7 +143,6 @@ __reExport(src_exports, require("./setupHooks"), module.exports);
|
|
|
146
143
|
...require("./helpers/withStaticProperties"),
|
|
147
144
|
...require("./hooks/useTheme"),
|
|
148
145
|
...require("./hooks/useThemeName"),
|
|
149
|
-
...require("./hooks/useStyle"),
|
|
150
146
|
...require("./hooks/useAnimationDriver"),
|
|
151
147
|
...require("./hooks/useIsTouchDevice"),
|
|
152
148
|
...require("./hooks/useProps"),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,qBAVd;AAWA,wBAAc,+BAXd;AAaA,wBAAc,oBAbd;AAcA,wBAAc,gCAdd;AAgBA,oBAQO;AAEP,wBAAc,kCA1Bd;AA4BA,wBAAc,wCA5Bd;AA8BA,wBAAc,0CA9Bd;AA+BA,wBAAc,mCA/Bd;AAgCA,wBAAc,iCAhCd;AAiCA,wBAAc,yCAjCd;AAkCA,wBAAc,4CAlCd;AAmCA,wBAAc,qCAnCd;AAoCA,wBAAc,sCApCd;AAqCA,wBAAc,uCArCd;AAsCA,wBAAc,uCAtCd;AAuCA,wBAAc,yCAvCd;AAwCA,wBAAc,uCAxCd;AAyCA,wBAAc,iCAzCd;AA0CA,wBAAc,iCA1Cd;AA2CA,wBAAc,qCA3Cd;AA4CA,wBAAc,0CA5Cd;AA6CA,wBAAc,0CA7Cd;AA8CA,wBAAc,wCA9Cd;AA+CA,wBAAc,gCA/Cd;AAgDA,wBAAc,6BAhDd;AAiDA,wBAAc,4CAjDd;AAkDA,wBAAc,2CAlDd;AAoDA,sBAOO;AACP,wBAAc,6BA5Dd;AA6DA,wBAAc,iCA7Dd;AA8DA,wBAAc,uCA9Dd;AA+DA,wBAAc,qCA/Dd;AAgEA,wBAAc,6BAhEd;AAkEA,wBAAc,yBAlEd;AAmEA,wBAAc,0BAnEd;AAoEA,wBAAc,yBApEd;AAqEA,wBAAc,yBArEd;AAsEA,wBAAc,0BAtEd;AAuEA,wBAAc,kCAvEd;AAwEA,wBAAc,iCAxEd;AAyEA,wBAAc,oCAzEd;AA0EA,wBAAc,4CA1Ed;AA4EA,wBAAc,wCA5Ed;AA6EA,wBAAc,+BA7Ed;AA8EA,wBAAc,kCA9Ed;AA+EA,wBAAc,6BA/Ed;AAgFA,wBAAc,+BAhFd;AAkFA,wBAAc,yBAlFd;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -219,13 +219,13 @@ function createComponent(staticConfig) {
|
|
|
219
219
|
stateRef
|
|
220
220
|
);
|
|
221
221
|
process.env.NODE_ENV === "development" && time && time`media`, setDidGetVariableValue(!1);
|
|
222
|
-
const
|
|
222
|
+
const resolveValues = (
|
|
223
223
|
// if HOC + mounted + has animation prop, resolve as value so it passes non-variable to child
|
|
224
224
|
isAnimated && !supportsCSSVars || isHOC && state.unmounted == !1 && hasAnimationProp ? "value" : "auto"
|
|
225
225
|
), keepStyleSSR = willBeAnimated && animationsConfig?.keepStyleSSR, styleProps = {
|
|
226
226
|
mediaState,
|
|
227
227
|
noClassNames,
|
|
228
|
-
|
|
228
|
+
resolveValues,
|
|
229
229
|
isExiting,
|
|
230
230
|
isAnimated,
|
|
231
231
|
keepStyleSSR
|
|
@@ -284,15 +284,15 @@ function createComponent(staticConfig) {
|
|
|
284
284
|
const {
|
|
285
285
|
asChild,
|
|
286
286
|
children,
|
|
287
|
+
themeShallow,
|
|
288
|
+
spaceDirection: _spaceDirection,
|
|
289
|
+
disabled: disabledProp,
|
|
287
290
|
onPress,
|
|
288
291
|
onLongPress,
|
|
289
292
|
onPressIn,
|
|
290
293
|
onPressOut,
|
|
291
294
|
onHoverIn,
|
|
292
295
|
onHoverOut,
|
|
293
|
-
themeShallow,
|
|
294
|
-
spaceDirection: _spaceDirection,
|
|
295
|
-
disabled: disabledProp,
|
|
296
296
|
onMouseUp,
|
|
297
297
|
onMouseDown,
|
|
298
298
|
onMouseEnter,
|
|
@@ -401,24 +401,24 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
401
401
|
isReactNative && process.env.NODE_ENV === "development" && Object.keys(viewProps).forEach((key) => {
|
|
402
402
|
key.startsWith("data-") && (viewProps.dataSet ??= {}, viewProps.dataSet[key.replace("data-", "")] = viewProps[key], delete viewProps[key]);
|
|
403
403
|
});
|
|
404
|
-
const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle, attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick),
|
|
404
|
+
const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle, attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), needsHoverState = !disabled && noClassNames && pseudos?.hoverStyle || onHoverIn || onHoverOut, isHoverable = isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || noClassNames && "pressStyle" in props || isWeb && noClassNames && "hoverStyle" in props);
|
|
405
405
|
process.env.NODE_ENV === "development" && time && time`events-setup`;
|
|
406
|
-
const events = shouldAttach && !isDisabled && !asChild ? {
|
|
406
|
+
const events = shouldAttach && !isDisabled && !props.asChild ? {
|
|
407
407
|
onPressOut: attachPress ? (e) => {
|
|
408
408
|
unPress(), onPressOut?.(e), onMouseUp?.(e);
|
|
409
409
|
} : void 0,
|
|
410
410
|
...(isHoverable || attachPress) && {
|
|
411
411
|
onMouseEnter: (e) => {
|
|
412
412
|
const next = {};
|
|
413
|
-
next.hover = !0, state.pressIn && (next.press = !0), setStateShallow(next), onHoverIn?.(e), onMouseEnter?.(e);
|
|
413
|
+
needsHoverState && (next.hover = !0), runtimePressStyle && state.pressIn && (next.press = !0), setStateShallow(next), onHoverIn?.(e), onMouseEnter?.(e);
|
|
414
414
|
},
|
|
415
415
|
onMouseLeave: (e) => {
|
|
416
416
|
const next = {};
|
|
417
|
-
mouseUps.add(unPress), next.hover = !1, state.pressIn && (next.press = !1, next.pressIn = !1), setStateShallow(next), onHoverOut?.(e), onMouseLeave?.(e);
|
|
417
|
+
mouseUps.add(unPress), needsHoverState && (next.hover = !1), runtimePressStyle && state.pressIn && (next.press = !1, next.pressIn = !1), setStateShallow(next), onHoverOut?.(e), onMouseLeave?.(e);
|
|
418
418
|
}
|
|
419
419
|
},
|
|
420
420
|
onPressIn: attachPress ? (e) => {
|
|
421
|
-
setStateShallow({
|
|
421
|
+
runtimePressStyle && setStateShallow({
|
|
422
422
|
press: !0,
|
|
423
423
|
pressIn: !0
|
|
424
424
|
}), onPressIn?.(e), onMouseDown?.(e), isWeb && mouseUps.add(unPress);
|
|
@@ -438,12 +438,28 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
438
438
|
isZStack,
|
|
439
439
|
debug: debugProp
|
|
440
440
|
});
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
441
|
+
if (asChild) {
|
|
442
|
+
elementType = Slot;
|
|
443
|
+
{
|
|
444
|
+
const passEvents = {
|
|
445
|
+
onPress,
|
|
446
|
+
onLongPress,
|
|
447
|
+
onPressIn,
|
|
448
|
+
onPressOut,
|
|
449
|
+
onHoverIn,
|
|
450
|
+
onHoverOut,
|
|
451
|
+
onMouseUp,
|
|
452
|
+
onMouseDown,
|
|
453
|
+
onMouseEnter,
|
|
454
|
+
onMouseLeave
|
|
455
|
+
};
|
|
456
|
+
Object.assign(
|
|
457
|
+
viewProps,
|
|
458
|
+
asChild === "web" || asChild === "except-style-web" ? getWebEvents(passEvents) : passEvents
|
|
459
|
+
);
|
|
460
|
+
}
|
|
461
|
+
}
|
|
462
|
+
process.env.NODE_ENV === "development" && time && time`spaced-as-child`, // in test mode disable perf unwrapping so react-testing-library finds Text properly
|
|
447
463
|
process.env.NODE_ENV, content = createElement(elementType, viewProps, content), process.env.NODE_ENV === "development" && time && time`create-element`;
|
|
448
464
|
const subGroupContext = useMemo(() => {
|
|
449
465
|
if (groupName)
|
|
@@ -468,15 +484,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
468
484
|
"span",
|
|
469
485
|
{
|
|
470
486
|
className: `${isAnimatedReactNativeWeb ? className : ""} _dsp_contents`,
|
|
471
|
-
...events &&
|
|
472
|
-
onMouseEnter: events.onMouseEnter,
|
|
473
|
-
onMouseLeave: events.onMouseLeave,
|
|
474
|
-
onClick: events.onPress,
|
|
475
|
-
onMouseDown: events.onPressIn,
|
|
476
|
-
onMouseUp: events.onPressOut,
|
|
477
|
-
onTouchStart: events.onPressIn,
|
|
478
|
-
onTouchEnd: events.onPressOut
|
|
479
|
-
},
|
|
487
|
+
...events && getWebEvents(events),
|
|
480
488
|
children: content
|
|
481
489
|
}
|
|
482
490
|
)), overriddenContextProps) {
|
|
@@ -550,6 +558,17 @@ If you meant to do this, you can disable this warning - either change untilMeasu
|
|
|
550
558
|
}
|
|
551
559
|
return res.extractable = extractable, res.styleable = styleable, res;
|
|
552
560
|
}
|
|
561
|
+
function getWebEvents(events) {
|
|
562
|
+
return {
|
|
563
|
+
onMouseEnter: events.onMouseEnter,
|
|
564
|
+
onMouseLeave: events.onMouseLeave,
|
|
565
|
+
onClick: events.onPress,
|
|
566
|
+
onMouseDown: events.onPressIn,
|
|
567
|
+
onMouseUp: events.onPressOut,
|
|
568
|
+
onTouchStart: events.onPressIn,
|
|
569
|
+
onTouchEnd: events.onPressOut
|
|
570
|
+
};
|
|
571
|
+
}
|
|
553
572
|
function Unspaced(props) {
|
|
554
573
|
return props.children;
|
|
555
574
|
}
|