@tamagui/web 1.124.14 → 1.124.16
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/hooks/useProps.cjs +3 -2
- package/dist/cjs/hooks/useProps.js +2 -2
- package/dist/cjs/hooks/useProps.js.map +1 -1
- package/dist/cjs/hooks/useProps.native.js +2 -2
- package/dist/cjs/hooks/useProps.native.js.map +2 -2
- package/dist/esm/hooks/useProps.js +2 -1
- package/dist/esm/hooks/useProps.js.map +1 -1
- package/dist/esm/hooks/useProps.mjs +2 -1
- package/dist/esm/hooks/useProps.mjs.map +1 -1
- package/dist/esm/hooks/useProps.native.js +2 -1
- package/dist/esm/hooks/useProps.native.js.map +2 -2
- package/package.json +11 -11
- package/src/hooks/useProps.tsx +2 -1
- package/types/hooks/useProps.d.ts.map +1 -1
|
@@ -36,7 +36,8 @@ __export(useProps_exports, {
|
|
|
36
36
|
useStyle: () => useStyle
|
|
37
37
|
});
|
|
38
38
|
module.exports = __toCommonJS(useProps_exports);
|
|
39
|
-
var
|
|
39
|
+
var import_constants = require("@tamagui/constants"),
|
|
40
|
+
import_react = __toESM(require("react")),
|
|
40
41
|
import_config = require("../config.cjs"),
|
|
41
42
|
import_ComponentContext = require("../contexts/ComponentContext.cjs"),
|
|
42
43
|
import_getSplitStyles = require("../helpers/getSplitStyles.cjs"),
|
|
@@ -92,7 +93,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
92
93
|
mediaGroups,
|
|
93
94
|
pseudoGroups
|
|
94
95
|
} = splitStyles;
|
|
95
|
-
return
|
|
96
|
+
return (0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
96
97
|
if (!disabled) {
|
|
97
98
|
if (state.unmounted) {
|
|
98
99
|
setStateShallow({
|
|
@@ -27,7 +27,7 @@ __export(useProps_exports, {
|
|
|
27
27
|
useStyle: () => useStyle
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(useProps_exports);
|
|
30
|
-
var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
30
|
+
var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
31
31
|
function useProps(props, opts) {
|
|
32
32
|
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
33
33
|
...opts,
|
|
@@ -77,7 +77,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
77
77
|
null,
|
|
78
78
|
componentContext
|
|
79
79
|
), { mediaGroups, pseudoGroups } = splitStyles;
|
|
80
|
-
return
|
|
80
|
+
return (0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
81
81
|
if (!disabled) {
|
|
82
82
|
if (state.unmounted) {
|
|
83
83
|
setStateShallow({ unmounted: !1 });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAC1C,eAAkB,2BAClB,gBAA0B,sBAC1B,0BAAiC,yCACjC,wBAA+B,sCAC/B,iCAAwC,+CAExC,eAAsB,2BAEtB,2BAAkC,gCAClC,kBAAqC,uBACrC,kBAAkC;AA8B3B,SAAS,SACd,OACA,MAC4B;AAC5B,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,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,mBAAM,cACzD,CAAC,OAAO,UAAU,QAAI,mCAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,IAC5B,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,IACvC,SAAS,kBAAkB,QAAQ,MAAM,eAAe;AAAA,IACxD,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,EACF,CAAC,GACK,mBAAmB,aAAAA,QAAM,WAAW,wCAAuB,GAC3D,EAAE,OAAO,UAAU,gBAAgB,QAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,QACA,yBAAU;AAAA,EACZ,GAEM,gBAAgB,MAAM;AAAA;AAAA,IAExB;AAAA,UACA,0BAAS,GAEP,kBAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,EAAE,aAAa,aAAa,IAAI;AAEtC,yDAA0B,MAAM;AAC9B,QAAI,WAIJ;AAAA,UAAI,MAAM,WAAW;AACnB,wBAAgB,EAAE,WAAW,GAAM,CAAC;AACpC;AAAA,MACF;AAEA,iBAAO,wDAAwB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA,eAAe,OAAO,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,IACzD,cAAc,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,EACzD,CAAC,GAEM,CAAC,YAAY,WAAW,YAAY,SAAS,CAAC,GAAG,OAAO,0BAAU;AAC3E;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -28,7 +28,7 @@ __export(useProps_exports, {
|
|
|
28
28
|
useStyle: () => useStyle
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(useProps_exports);
|
|
31
|
-
var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
31
|
+
var import_constants = require("@tamagui/constants"), import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
32
32
|
function useProps(props, opts) {
|
|
33
33
|
var [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
34
34
|
...opts,
|
|
@@ -64,7 +64,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
64
64
|
resolveValues: "auto",
|
|
65
65
|
...opts
|
|
66
66
|
}, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
|
|
67
|
-
return
|
|
67
|
+
return (0, import_constants.useIsomorphicLayoutEffect)(function() {
|
|
68
68
|
if (!disabled) {
|
|
69
69
|
if (state.unmounted) {
|
|
70
70
|
setStateShallow({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;
|
|
5
|
-
"names": ["useProps", "props", "opts", "propsOut", "styleOut", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "useStyle", "staticConfig", "forComponent", "Stack", "theme", "themeState", "useThemeWithState", "componentName", "name", "undefined", "inverse", "themeInverse", "needsUpdate", "componentContext", "React", "useContext", "ComponentContext", "state", "disabled", "setStateShallow", "useComponentState", "getConfig", "mediaStateNow", "noMedia", "mediaState", "useMedia", "splitStyles", "useSplitStyles", "isAnimated", "noSkip", "noMergeStyle", "noClass", "mediaGroups", "pseudoGroups", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;uBAA0C,+BAC1C,eAAkB,2BAClB,gBAA0B,sBAC1B,0BAAiC,yCACjC,wBAA+B,sCAC/B,iCAAwC,+CAExC,eAAsB,2BAEtB,2BAAkC,gCAClC,kBAAqC,uBACrC,kBAAkC;AA8B3B,SAASA,SACdC,OACAC,MAAsB;AAEtB,MAAM,CAACC,UAAUC,QAAAA,IAAYC,iBAAiBJ,OAAO;IACnD,GAAGC;IACHI,UAAU;IACVC,aAAa;IACbC,eAAe;EACjB,CAAA;AACA,SAAO;IACL,GAAGL;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,OACAC,MAAsB;AAEtB,SAAOG,iBAAiBJ,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASG,iBACdJ,OACAC,MAAsB;MAEDA,oBAAAA,iCAAfQ,gBAAeR,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMS,kBAAY,QAAlBT,uBAAAA,SAAAA,SAAAA,mBAAoBQ,kBAAY,QAAhCR,oCAAAA,SAAAA,kCAAoCU,mBAAMF,cACzD,CAACG,OAAOC,UAAAA,QAAcC,mCAAkB;IAC5CC,eAAeN,aAAaM;IAC5BC,MAAM,WAAWhB,QAAQA,MAAMY,QAAQK;IACvCC,SAAS,kBAAkBlB,QAAQA,MAAMmB,eAAeF;IACxDG,cAAAA;AACE,aAAO;IACT;EACF,CAAA,GACMC,mBAAmBC,aAAAA,QAAMC,WAAWC,wCAAAA,GACpC,EAAEC,OAAOC,UAAUC,gBAAe,QAAKC,4CAC3C5B,OACAqB,kBACAZ,kBACAoB,yBAAAA,CAAAA,GAGIC,gBAAgB7B,QAAAA,QAAAA,KAAM8B;;IAExBC;UACAC,0BAAAA,GAEEC,kBAAcC,sCAClBnC,OACAS,cACAG,QACAC,cAAAA,OAAAA,SAAAA,WAAYG,SAAQ,IACpBS,OACA;IACEW,YAAY;IACZJ,YAAYF;IACZO,QAAQ;IACRC,cAAc;IACdC,SAAS;IACThC,eAAe;IACf,GAAGN;EACL,GACA,MACAoB,gBAAAA,GAGI,EAAEmB,aAAaC,aAAY,IAAKP;AAEtCQ,yDAA0B,WAAA;AACxB,QAAIhB,WAIJ;UAAID,MAAMkB,WAAW;AACnBhB,wBAAgB;UAAEgB,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,iBAAOC,wDAAwB;QAC7BlB;QACAL;QACAM;QACAF;QACAe;QACAC;MACF,CAAA;;EACF,GAAG;IACDf;IACAe,eAAeI,OAAOC,KAAK;SAAIL;KAAa,EAAEM,KAAK,EAAA,IAAM;IACzDP,cAAcK,OAAOC,KAAK;SAAIN;KAAY,EAAEO,KAAK,EAAA,IAAM;GACxD,GAEM;IAACb,YAAYc;IAAWd,YAAYe,SAAS,CAAC;IAAGrC;IAAOoB;;AACjE;",
|
|
5
|
+
"names": ["useProps", "props", "opts", "propsOut", "styleOut", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "useStyle", "staticConfig", "forComponent", "Stack", "theme", "themeState", "useThemeWithState", "componentName", "name", "undefined", "inverse", "themeInverse", "needsUpdate", "componentContext", "React", "useContext", "ComponentContext", "state", "disabled", "setStateShallow", "useComponentState", "getConfig", "mediaStateNow", "noMedia", "mediaState", "useMedia", "splitStyles", "useSplitStyles", "isAnimated", "noSkip", "noMergeStyle", "noClass", "mediaGroups", "pseudoGroups", "useIsomorphicLayoutEffect", "unmounted", "subscribeToContextGroup", "Object", "keys", "join", "viewProps", "style"]
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { getConfig } from "../config";
|
|
3
4
|
import { ComponentContext } from "../contexts/ComponentContext";
|
|
@@ -56,7 +57,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
56
57
|
null,
|
|
57
58
|
componentContext
|
|
58
59
|
), { mediaGroups, pseudoGroups } = splitStyles;
|
|
59
|
-
return
|
|
60
|
+
return useIsomorphicLayoutEffect(() => {
|
|
60
61
|
if (!disabled) {
|
|
61
62
|
if (state.unmounted) {
|
|
62
63
|
setStateShallow({ unmounted: !1 });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,aAAa;AAEtB,SAAS,yBAAyB;AAClC,SAAS,YAAY,gBAAgB;AACrC,SAAS,yBAAyB;AA8B3B,SAAS,SACd,OACA,MAC4B;AAC5B,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,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,MAAM,cACzD,CAAC,OAAO,UAAU,IAAI,kBAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,IAC5B,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,IACvC,SAAS,kBAAkB,QAAQ,MAAM,eAAe;AAAA,IACxD,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,EACF,CAAC,GACK,mBAAmB,MAAM,WAAW,gBAAuB,GAC3D,EAAE,OAAO,UAAU,gBAAgB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ,GAEM,gBAAgB,MAAM;AAAA;AAAA,IAExB;AAAA,MACA,SAAS,GAEP,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,EAAE,aAAa,aAAa,IAAI;AAEtC,
|
|
4
|
+
"mappings": "AAAA,SAAS,iCAAiC;AAC1C,OAAO,WAAW;AAClB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAExC,SAAS,aAAa;AAEtB,SAAS,yBAAyB;AAClC,SAAS,YAAY,gBAAgB;AACrC,SAAS,yBAAyB;AA8B3B,SAAS,SACd,OACA,MAC4B;AAC5B,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,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,MAAM,cACzD,CAAC,OAAO,UAAU,IAAI,kBAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,IAC5B,MAAM,WAAW,QAAQ,MAAM,QAAQ;AAAA,IACvC,SAAS,kBAAkB,QAAQ,MAAM,eAAe;AAAA,IACxD,cAAc;AACZ,aAAO;AAAA,IACT;AAAA,EACF,CAAC,GACK,mBAAmB,MAAM,WAAW,gBAAuB,GAC3D,EAAE,OAAO,UAAU,gBAAgB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ,GAEM,gBAAgB,MAAM;AAAA;AAAA,IAExB;AAAA,MACA,SAAS,GAEP,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,QAAQ;AAAA,IACpB;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,EAAE,aAAa,aAAa,IAAI;AAEtC,mCAA0B,MAAM;AAC9B,QAAI,WAIJ;AAAA,UAAI,MAAM,WAAW;AACnB,wBAAgB,EAAE,WAAW,GAAM,CAAC;AACpC;AAAA,MACF;AAEA,aAAO,wBAAwB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA,eAAe,OAAO,KAAK,CAAC,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,IACzD,cAAc,OAAO,KAAK,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI;AAAA,EACzD,CAAC,GAEM,CAAC,YAAY,WAAW,YAAY,SAAS,CAAC,GAAG,OAAO,UAAU;AAC3E;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { getConfig } from "../config.mjs";
|
|
3
4
|
import { ComponentContext } from "../contexts/ComponentContext.mjs";
|
|
@@ -54,7 +55,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
54
55
|
mediaGroups,
|
|
55
56
|
pseudoGroups
|
|
56
57
|
} = splitStyles;
|
|
57
|
-
return
|
|
58
|
+
return useIsomorphicLayoutEffect(() => {
|
|
58
59
|
if (!disabled) {
|
|
59
60
|
if (state.unmounted) {
|
|
60
61
|
setStateShallow({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","getConfig","ComponentContext","useSplitStyles","subscribeToContextGroup","Stack","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","staticConfig","forComponent","theme","themeState","componentName","name","inverse","themeInverse","needsUpdate","componentContext","useContext","state","disabled","setStateShallow","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","
|
|
1
|
+
{"version":3,"names":["useIsomorphicLayoutEffect","React","getConfig","ComponentContext","useSplitStyles","subscribeToContextGroup","Stack","useComponentState","mediaState","useMedia","useThemeWithState","useProps","props","opts","propsOut","styleOut","usePropsAndStyle","noExpand","noNormalize","resolveValues","useStyle","staticConfig","forComponent","theme","themeState","componentName","name","inverse","themeInverse","needsUpdate","componentContext","useContext","state","disabled","setStateShallow","mediaStateNow","noMedia","splitStyles","isAnimated","noSkip","noMergeStyle","noClass","mediaGroups","pseudoGroups","unmounted","Object","keys","join","viewProps","style"],"sources":["../../../src/hooks/useProps.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,yBAAA,QAAiC;AAC1C,OAAOC,KAAA,MAAW;AAClB,SAASC,SAAA,QAAiB;AAC1B,SAASC,gBAAA,QAAwB;AACjC,SAASC,cAAA,QAAsB;AAC/B,SAASC,uBAAA,QAA+B;AAExC,SAASC,KAAA,QAAa;AAEtB,SAASC,iBAAA,QAAyB;AAClC,SAASC,UAAA,EAAYC,QAAA,QAAgB;AACrC,SAASC,iBAAA,QAAyB;AA8B3B,SAASC,SACdC,KAAA,EACAC,IAAA,EAC4B;EAC5B,MAAM,CAACC,QAAA,EAAUC,QAAQ,IAAIC,gBAAA,CAAiBJ,KAAA,EAAO;IACnD,GAAGC,IAAA;IACHI,QAAA,EAAU;IACVC,WAAA,EAAa;IACbC,aAAA,EAAe;EACjB,CAAC;EACD,OAAO;IACL,GAAGL,QAAA;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,KAAA,EACAC,IAAA,EAC4B;EAC5B,OAAOG,gBAAA,CAAiBJ,KAAA,EAAOC,IAAI,EAAE,CAAC,KAAK,CAAC;AAC9C;AAQO,SAASG,iBACdJ,KAAA,EACAC,IAAA,EACsF;EACtF,MAAMQ,YAAA,GAAeR,IAAA,EAAMS,YAAA,EAAcD,YAAA,IAAgBf,KAAA,CAAMe,YAAA;IACzD,CAACE,KAAA,EAAOC,UAAU,IAAId,iBAAA,CAAkB;MAC5Ce,aAAA,EAAeJ,YAAA,CAAaI,aAAA;MAC5BC,IAAA,EAAM,WAAWd,KAAA,GAAQA,KAAA,CAAMW,KAAA,GAAQ;MACvCI,OAAA,EAAS,kBAAkBf,KAAA,GAAQA,KAAA,CAAMgB,YAAA,GAAe;MACxDC,YAAA,EAAc;QACZ,OAAO;MACT;IACF,CAAC;IACKC,gBAAA,GAAmB7B,KAAA,CAAM8B,UAAA,CAAW5B,gBAAuB;IAC3D;MAAE6B,KAAA;MAAOC,QAAA;MAAUC;IAAgB,IAAI3B,iBAAA,CAC3CK,KAAA,EACAkB,gBAAA,EACAT,YAAA,EACAnB,SAAA,CAAU,CACZ;IAEMiC,aAAA,GAAgBtB,IAAA,EAAMuB,OAAA;IAAA;IAExB5B,UAAA,GACAC,QAAA,CAAS;IAEP4B,WAAA,GAAcjC,cAAA,CAClBQ,KAAA,EACAS,YAAA,EACAE,KAAA,EACAC,UAAA,EAAYE,IAAA,IAAQ,IACpBM,KAAA,EACA;MACEM,UAAA,EAAY;MACZ9B,UAAA,EAAY2B,aAAA;MACZI,MAAA,EAAQ;MACRC,YAAA,EAAc;MACdC,OAAA,EAAS;MACTtB,aAAA,EAAe;MACf,GAAGN;IACL,GACA,MACAiB,gBACF;IAEM;MAAEY,WAAA;MAAaC;IAAa,IAAIN,WAAA;EAEtC,OAAArC,yBAAA,CAA0B,MAAM;IAC9B,IAAI,CAAAiC,QAAA,EAIJ;MAAA,IAAID,KAAA,CAAMY,SAAA,EAAW;QACnBV,eAAA,CAAgB;UAAEU,SAAA,EAAW;QAAM,CAAC;QACpC;MACF;MAEA,OAAOvC,uBAAA,CAAwB;QAC7B4B,QAAA;QACAH,gBAAA;QACAI,eAAA;QACAF,KAAA;QACAU,WAAA;QACAC;MACF,CAAC;IAAA;EACH,GAAG,CACDV,QAAA,EACAU,YAAA,GAAeE,MAAA,CAAOC,IAAA,CAAK,CAAC,GAAGH,YAAY,CAAC,EAAEI,IAAA,CAAK,EAAE,IAAI,GACzDL,WAAA,GAAcG,MAAA,CAAOC,IAAA,CAAK,CAAC,GAAGJ,WAAW,CAAC,EAAEK,IAAA,CAAK,EAAE,IAAI,EACxD,GAEM,CAACV,WAAA,CAAYW,SAAA,EAAWX,WAAA,CAAYY,KAAA,IAAS,CAAC,GAAG1B,KAAA,EAAOf,UAAU;AAC3E","ignoreList":[]}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { getConfig } from "../config";
|
|
3
4
|
import { ComponentContext } from "../contexts/ComponentContext";
|
|
@@ -42,7 +43,7 @@ function usePropsAndStyle(props, opts) {
|
|
|
42
43
|
resolveValues: "auto",
|
|
43
44
|
...opts
|
|
44
45
|
}, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
|
|
45
|
-
return
|
|
46
|
+
return useIsomorphicLayoutEffect(function() {
|
|
46
47
|
if (!disabled) {
|
|
47
48
|
if (state.unmounted) {
|
|
48
49
|
setStateShallow({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/Users/n8/tamagui/code/core/web/src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": ["React", "getConfig", "ComponentContext", "useSplitStyles", "subscribeToContextGroup", "Stack", "useComponentState", "mediaState", "useMedia", "useThemeWithState", "useProps", "props", "opts", "propsOut", "styleOut", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "useStyle", "staticConfig", "forComponent", "theme", "themeState", "componentName", "name", "undefined", "inverse", "themeInverse", "needsUpdate", "componentContext", "useContext", "state", "disabled", "setStateShallow", "mediaStateNow", "noMedia", "splitStyles", "isAnimated", "noSkip", "noMergeStyle", "noClass", "mediaGroups", "pseudoGroups", "
|
|
4
|
+
"mappings": "AAAA,SAASA,iCAAiC;AAC1C,OAAOC,WAAW;AAClB,SAASC,iBAAiB;AAC1B,SAASC,wBAAwB;AACjC,SAASC,sBAAsB;AAC/B,SAASC,+BAA+B;AAExC,SAASC,aAAa;AAEtB,SAASC,yBAAyB;AAClC,SAASC,YAAYC,gBAAgB;AACrC,SAASC,yBAAyB;AA8B3B,SAASC,SACdC,OACAC,MAAsB;AAEtB,MAAM,CAACC,UAAUC,QAAAA,IAAYC,iBAAiBJ,OAAO;IACnD,GAAGC;IACHI,UAAU;IACVC,aAAa;IACbC,eAAe;EACjB,CAAA;AACA,SAAO;IACL,GAAGL;IACH,GAAGC;EACL;AACF;AAQO,SAASK,SACdR,OACAC,MAAsB;AAEtB,SAAOG,iBAAiBJ,OAAOC,IAAAA,EAAM,CAAA,KAAM,CAAC;AAC9C;AAQO,SAASG,iBACdJ,OACAC,MAAsB;MAEDA,oBAAAA,iCAAfQ,gBAAeR,kCAAAA,QAAAA,SAAAA,qBAAAA,KAAMS,kBAAY,QAAlBT,uBAAAA,SAAAA,SAAAA,mBAAoBQ,kBAAY,QAAhCR,oCAAAA,SAAAA,kCAAoCP,MAAMe,cACzD,CAACE,OAAOC,UAAAA,IAAcd,kBAAkB;IAC5Ce,eAAeJ,aAAaI;IAC5BC,MAAM,WAAWd,QAAQA,MAAMW,QAAQI;IACvCC,SAAS,kBAAkBhB,QAAQA,MAAMiB,eAAeF;IACxDG,cAAAA;AACE,aAAO;IACT;EACF,CAAA,GACMC,mBAAmB9B,MAAM+B,WAAW7B,gBAAAA,GACpC,EAAE8B,OAAOC,UAAUC,gBAAe,IAAK5B,kBAC3CK,OACAmB,kBACAV,cACAnB,UAAAA,CAAAA,GAGIkC,gBAAgBvB,MAAMwB;;IAExB7B;MACAC,SAAAA,GAEE6B,cAAclC,eAClBQ,OACAS,cACAE,OACAC,YAAYE,QAAQ,IACpBO,OACA;IACEM,YAAY;IACZ/B,YAAY4B;IACZI,QAAQ;IACRC,cAAc;IACdC,SAAS;IACTvB,eAAe;IACf,GAAGN;EACL,GACA,MACAkB,gBAAAA,GAGI,EAAEY,aAAaC,aAAY,IAAKN;AAEtCtC,mCAA0B,WAAA;AACxB,QAAIkC,WAIJ;UAAID,MAAMY,WAAW;AACnBV,wBAAgB;UAAEU,WAAW;QAAM,CAAA;AACnC;MACF;AAEA,aAAOxC,wBAAwB;QAC7B6B;QACAH;QACAI;QACAF;QACAU;QACAC;MACF,CAAA;;EACF,GAAG;IACDV;IACAU,eAAeE,OAAOC,KAAK;SAAIH;KAAa,EAAEI,KAAK,EAAA,IAAM;IACzDL,cAAcG,OAAOC,KAAK;SAAIJ;KAAY,EAAEK,KAAK,EAAA,IAAM;GACxD,GAEM;IAACV,YAAYW;IAAWX,YAAYY,SAAS,CAAC;IAAG3B;IAAOf;;AACjE;",
|
|
5
|
+
"names": ["useIsomorphicLayoutEffect", "React", "getConfig", "ComponentContext", "useSplitStyles", "subscribeToContextGroup", "Stack", "useComponentState", "mediaState", "useMedia", "useThemeWithState", "useProps", "props", "opts", "propsOut", "styleOut", "usePropsAndStyle", "noExpand", "noNormalize", "resolveValues", "useStyle", "staticConfig", "forComponent", "theme", "themeState", "componentName", "name", "undefined", "inverse", "themeInverse", "needsUpdate", "componentContext", "useContext", "state", "disabled", "setStateShallow", "mediaStateNow", "noMedia", "splitStyles", "isAnimated", "noSkip", "noMergeStyle", "noClass", "mediaGroups", "pseudoGroups", "unmounted", "Object", "keys", "join", "viewProps", "style"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/web",
|
|
3
|
-
"version": "1.124.
|
|
3
|
+
"version": "1.124.16",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -27,22 +27,22 @@
|
|
|
27
27
|
"reset.css"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@tamagui/compose-refs": "1.124.
|
|
31
|
-
"@tamagui/constants": "1.124.
|
|
32
|
-
"@tamagui/helpers": "1.124.
|
|
33
|
-
"@tamagui/normalize-css-color": "1.124.
|
|
34
|
-
"@tamagui/timer": "1.124.
|
|
35
|
-
"@tamagui/types": "1.124.
|
|
36
|
-
"@tamagui/use-did-finish-ssr": "1.124.
|
|
37
|
-
"@tamagui/use-event": "1.124.
|
|
38
|
-
"@tamagui/use-force-update": "1.124.
|
|
30
|
+
"@tamagui/compose-refs": "1.124.16",
|
|
31
|
+
"@tamagui/constants": "1.124.16",
|
|
32
|
+
"@tamagui/helpers": "1.124.16",
|
|
33
|
+
"@tamagui/normalize-css-color": "1.124.16",
|
|
34
|
+
"@tamagui/timer": "1.124.16",
|
|
35
|
+
"@tamagui/types": "1.124.16",
|
|
36
|
+
"@tamagui/use-did-finish-ssr": "1.124.16",
|
|
37
|
+
"@tamagui/use-event": "1.124.16",
|
|
38
|
+
"@tamagui/use-force-update": "1.124.16"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"react": "*",
|
|
42
42
|
"react-dom": "*"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@tamagui/build": "1.124.
|
|
45
|
+
"@tamagui/build": "1.124.16",
|
|
46
46
|
"@testing-library/react": "^16.1.0",
|
|
47
47
|
"csstype": "^3.0.10",
|
|
48
48
|
"react": "*",
|
package/src/hooks/useProps.tsx
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useIsomorphicLayoutEffect } from '@tamagui/constants'
|
|
1
2
|
import React from 'react'
|
|
2
3
|
import { getConfig } from '../config'
|
|
3
4
|
import { ComponentContext } from '../contexts/ComponentContext'
|
|
@@ -120,7 +121,7 @@ export function usePropsAndStyle<A extends PropsLikeObject>(
|
|
|
120
121
|
|
|
121
122
|
const { mediaGroups, pseudoGroups } = splitStyles
|
|
122
123
|
|
|
123
|
-
|
|
124
|
+
useIsomorphicLayoutEffect(() => {
|
|
124
125
|
if (disabled) {
|
|
125
126
|
return
|
|
126
127
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEzF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKzD,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,CACzD,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AACjE,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEjE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CAqEtF"}
|