@tamagui/web 3.0.5 → 3.0.7

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.
Files changed (40) hide show
  1. package/dist/cjs/_withNativeStyle.cjs +37 -20
  2. package/dist/cjs/_withNativeStyle.native.cjs +37 -20
  3. package/dist/cjs/_withNativeStyle.native.js +37 -20
  4. package/dist/cjs/_withNativeStyle.native.js.map +1 -1
  5. package/dist/cjs/createComponent.native.cjs +1 -0
  6. package/dist/cjs/createComponent.native.js +1 -0
  7. package/dist/cjs/createComponent.native.js.map +1 -1
  8. package/dist/cjs/helpers/getSplitStyles.cjs +2 -1
  9. package/dist/cjs/helpers/getSplitStyles.native.cjs +2 -1
  10. package/dist/cjs/helpers/getSplitStyles.native.js +2 -1
  11. package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
  12. package/dist/cjs/helpers/nativeStyleEngine.cjs +80 -122
  13. package/dist/cjs/helpers/nativeStyleEngine.native.cjs +81 -161
  14. package/dist/cjs/helpers/nativeStyleEngine.native.js +81 -161
  15. package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
  16. package/dist/esm/_withNativeStyle.mjs +38 -21
  17. package/dist/esm/_withNativeStyle.mjs.map +1 -1
  18. package/dist/esm/_withNativeStyle.native.js +38 -21
  19. package/dist/esm/_withNativeStyle.native.js.map +1 -1
  20. package/dist/esm/createComponent.native.js +2 -1
  21. package/dist/esm/createComponent.native.js.map +1 -1
  22. package/dist/esm/helpers/getSplitStyles.mjs +2 -1
  23. package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
  24. package/dist/esm/helpers/getSplitStyles.native.js +2 -1
  25. package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
  26. package/dist/esm/helpers/nativeStyleEngine.mjs +78 -122
  27. package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
  28. package/dist/esm/helpers/nativeStyleEngine.native.js +79 -161
  29. package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
  30. package/package.json +17 -17
  31. package/src/_withNativeStyle.tsx +67 -31
  32. package/src/createComponent.tsx +6 -1
  33. package/src/helpers/getSplitStyles.tsx +3 -0
  34. package/src/helpers/nativeStyleEngine.ts +118 -163
  35. package/types/_withNativeStyle.d.ts +4 -3
  36. package/types/_withNativeStyle.d.ts.map +1 -1
  37. package/types/createComponent.d.ts.map +1 -1
  38. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  39. package/types/helpers/nativeStyleEngine.d.ts +26 -6
  40. package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
package/dist/cjs/_withNativeStyle.cjs CHANGED
@@ -51,13 +51,26 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
51
51
  ...baseStyle,
52
52
  ...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
53
53
  } : baseStyle;
54
- const styles = /* @__PURE__ */ new Map();
55
- const hostTextStyles = /* @__PURE__ */ new Map();
54
+ const entries = /* @__PURE__ */ new Map();
55
+ const createEntry = () => {
56
+ const entry = {
57
+ style: [baseStyle, null],
58
+ hostTextStyle: [hostTextBase, null],
59
+ stateName: "",
60
+ theme: null,
61
+ state: null,
62
+ ref: (node) => {
63
+ if (node) linkHost(node, entry.state);
64
+ }
65
+ };
66
+ return entry;
67
+ };
56
68
  const ScopeContext = import_useThemeState.ThemeStateContext;
57
69
  const engineOf = import_nativeStyleEngine.getNativeStyleEngine;
58
70
  const scopeState = import_useThemeState.getThemeState;
59
71
  const resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
60
- const linkMapping = import_nativeStyleEngine.linkNativeStyleMapping;
72
+ const linkState = import_nativeStyleEngine.createNativeStyleLinkState;
73
+ const linkHost = import_nativeStyleEngine.linkNativeStyleHost;
61
74
  const assignRef = import_compose_refs.setRef;
62
75
  const render = (props, key) => {
63
76
  const scopeId = (0, import_react.use)(ScopeContext);
@@ -79,28 +92,32 @@ const _withNativeStyle = (Component, baseStyle, themeStyleKeys, host) => {
79
92
  const { name, theme } = themeState;
80
93
  const asHostText = HostText && !inText;
81
94
  const Rendered = asHostText ? HostText : Component;
82
- const cache = asHostText ? hostTextStyles : styles;
83
- let style = cache.get(scopeId);
84
- if (!style) {
85
- style = [asHostText ? hostTextBase : baseStyle, null];
86
- cache.set(scopeId, style);
95
+ let entry = entries.get(scopeId);
96
+ if (!entry) {
97
+ entry = createEntry();
98
+ entries.set(scopeId, entry);
87
99
  }
88
- style[1] = resolve(themeStyleKeys, name, theme);
100
+ if (entry.stateName !== name || entry.theme !== theme) {
101
+ const themed = resolve(themeStyleKeys, name, theme);
102
+ entry.style[1] = themed;
103
+ entry.hostTextStyle[1] = themed;
104
+ entry.stateName = name;
105
+ entry.theme = theme;
106
+ entry.state = linkState(themeStyleKeys, scopeId, name, theme);
107
+ }
108
+ const style = asHostText ? entry.hostTextStyle : entry.style;
89
109
  const wrapped = resetsText || asHostText && mayRenderText(rest.children);
110
+ const state = entry.state;
111
+ const hostRef = ref == null ? entry.ref : (node) => {
112
+ if (!node) return assignRef(ref, null);
113
+ linkHost(node, state);
114
+ if (typeof ref === "function") return ref(node);
115
+ assignRef(ref, node);
116
+ };
90
117
  const element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {
91
118
  ...asHostText && hostTextProps,
92
119
  ...rest,
93
- ref: (node) => {
94
- let refCleanup;
95
- if (typeof ref === "function") refCleanup = ref(node);
96
- else assignRef(ref, node);
97
- const link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
98
- return () => {
99
- link?.unlink();
100
- if (typeof refCleanup === "function") refCleanup();
101
- else assignRef(ref, null);
102
- };
103
- },
120
+ ref: hostRef,
104
121
  style
105
122
  }, wrapped ? void 0 : key);
106
123
  if (!wrapped) return element;
package/dist/cjs/_withNativeStyle.native.cjs CHANGED
@@ -61,13 +61,26 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
61
61
  ...baseStyle,
62
62
  ...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
63
63
  } : baseStyle;
64
- var styles = /* @__PURE__ */ new Map();
65
- var hostTextStyles = /* @__PURE__ */ new Map();
64
+ var entries = /* @__PURE__ */ new Map();
65
+ var createEntry = function() {
66
+ var entry = {
67
+ style: [baseStyle, null],
68
+ hostTextStyle: [hostTextBase, null],
69
+ stateName: "",
70
+ theme: null,
71
+ state: null,
72
+ ref: function(node) {
73
+ if (node) linkHost(node, entry.state);
74
+ }
75
+ };
76
+ return entry;
77
+ };
66
78
  var ScopeContext = import_useThemeState.ThemeStateContext;
67
79
  var engineOf = import_nativeStyleEngine.getNativeStyleEngine;
68
80
  var scopeState = import_useThemeState.getThemeState;
69
81
  var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
70
- var linkMapping = import_nativeStyleEngine.linkNativeStyleMapping;
82
+ var linkState = import_nativeStyleEngine.createNativeStyleLinkState;
83
+ var linkHost = import_nativeStyleEngine.linkNativeStyleHost;
71
84
  var assignRef = import_compose_refs.setRef;
72
85
  var render = function(props, key) {
73
86
  var scopeId = (0, import_react.use)(ScopeContext);
@@ -89,28 +102,32 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
89
102
  var { name, theme } = themeState;
90
103
  var asHostText = HostText && !inText;
91
104
  var Rendered = asHostText ? HostText : Component;
92
- var cache = asHostText ? hostTextStyles : styles;
93
- var style = cache.get(scopeId);
94
- if (!style) {
95
- style = [asHostText ? hostTextBase : baseStyle, null];
96
- cache.set(scopeId, style);
105
+ var entry = entries.get(scopeId);
106
+ if (!entry) {
107
+ entry = createEntry();
108
+ entries.set(scopeId, entry);
97
109
  }
98
- style[1] = resolve(themeStyleKeys, name, theme);
110
+ if (entry.stateName !== name || entry.theme !== theme) {
111
+ var themed = resolve(themeStyleKeys, name, theme);
112
+ entry.style[1] = themed;
113
+ entry.hostTextStyle[1] = themed;
114
+ entry.stateName = name;
115
+ entry.theme = theme;
116
+ entry.state = linkState(themeStyleKeys, scopeId, name, theme);
117
+ }
118
+ var style = asHostText ? entry.hostTextStyle : entry.style;
99
119
  var wrapped = resetsText || asHostText && mayRenderText(rest.children);
120
+ var state = entry.state;
121
+ var hostRef = ref == null ? entry.ref : function(node) {
122
+ if (!node) return assignRef(ref, null);
123
+ linkHost(node, state);
124
+ if (typeof ref === "function") return ref(node);
125
+ assignRef(ref, node);
126
+ };
100
127
  var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {
101
128
  ...asHostText && hostTextProps,
102
129
  ...rest,
103
- ref: function(node) {
104
- var refCleanup;
105
- if (typeof ref === "function") refCleanup = ref(node);
106
- else assignRef(ref, node);
107
- var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
108
- return function() {
109
- link === null || link === void 0 ? void 0 : link.unlink();
110
- if (typeof refCleanup === "function") refCleanup();
111
- else assignRef(ref, null);
112
- };
113
- },
130
+ ref: hostRef,
114
131
  style
115
132
  }, wrapped ? void 0 : key);
116
133
  if (!wrapped) return element;
package/dist/cjs/_withNativeStyle.native.js CHANGED
@@ -61,13 +61,26 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
61
61
  ...baseStyle,
62
62
  ...typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }
63
63
  } : baseStyle;
64
- var styles = /* @__PURE__ */ new Map();
65
- var hostTextStyles = /* @__PURE__ */ new Map();
64
+ var entries = /* @__PURE__ */ new Map();
65
+ var createEntry = function() {
66
+ var entry = {
67
+ style: [baseStyle, null],
68
+ hostTextStyle: [hostTextBase, null],
69
+ stateName: "",
70
+ theme: null,
71
+ state: null,
72
+ ref: function(node) {
73
+ if (node) linkHost(node, entry.state);
74
+ }
75
+ };
76
+ return entry;
77
+ };
66
78
  var ScopeContext = import_useThemeState.ThemeStateContext;
67
79
  var engineOf = import_nativeStyleEngine.getNativeStyleEngine;
68
80
  var scopeState = import_useThemeState.getThemeState;
69
81
  var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;
70
- var linkMapping = import_nativeStyleEngine.linkNativeStyleMapping;
82
+ var linkState = import_nativeStyleEngine.createNativeStyleLinkState;
83
+ var linkHost = import_nativeStyleEngine.linkNativeStyleHost;
71
84
  var assignRef = import_compose_refs.setRef;
72
85
  var render = function(props, key) {
73
86
  var scopeId = (0, import_react.use)(ScopeContext);
@@ -89,28 +102,32 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
89
102
  var { name, theme } = themeState;
90
103
  var asHostText = HostText && !inText;
91
104
  var Rendered = asHostText ? HostText : Component;
92
- var cache = asHostText ? hostTextStyles : styles;
93
- var style = cache.get(scopeId);
94
- if (!style) {
95
- style = [asHostText ? hostTextBase : baseStyle, null];
96
- cache.set(scopeId, style);
105
+ var entry = entries.get(scopeId);
106
+ if (!entry) {
107
+ entry = createEntry();
108
+ entries.set(scopeId, entry);
97
109
  }
98
- style[1] = resolve(themeStyleKeys, name, theme);
110
+ if (entry.stateName !== name || entry.theme !== theme) {
111
+ var themed = resolve(themeStyleKeys, name, theme);
112
+ entry.style[1] = themed;
113
+ entry.hostTextStyle[1] = themed;
114
+ entry.stateName = name;
115
+ entry.theme = theme;
116
+ entry.state = linkState(themeStyleKeys, scopeId, name, theme);
117
+ }
118
+ var style = asHostText ? entry.hostTextStyle : entry.style;
99
119
  var wrapped = resetsText || asHostText && mayRenderText(rest.children);
120
+ var state = entry.state;
121
+ var hostRef = ref == null ? entry.ref : function(node) {
122
+ if (!node) return assignRef(ref, null);
123
+ linkHost(node, state);
124
+ if (typeof ref === "function") return ref(node);
125
+ assignRef(ref, node);
126
+ };
100
127
  var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {
101
128
  ...asHostText && hostTextProps,
102
129
  ...rest,
103
- ref: function(node) {
104
- var refCleanup;
105
- if (typeof ref === "function") refCleanup = ref(node);
106
- else assignRef(ref, node);
107
- var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
108
- return function() {
109
- link === null || link === void 0 ? void 0 : link.unlink();
110
- if (typeof refCleanup === "function") refCleanup();
111
- else assignRef(ref, null);
112
- };
113
- },
130
+ ref: hostRef,
114
131
  style
115
132
  }, wrapped ? void 0 : key);
116
133
  if (!wrapped) return element;
package/dist/cjs/_withNativeStyle.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["cjs/_withNativeStyle.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar withNativeStyle_exports = {};\n__export(withNativeStyle_exports, {\n _withNativeStyle: () => _withNativeStyle\n});\nmodule.exports = __toCommonJS(withNativeStyle_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_withStableStyle = require(\"./_withStableStyle\");\nvar import_nativeStyleEngine = require(\"./helpers/nativeStyleEngine\");\nvar import_useThemeState = require(\"./hooks/useThemeState\");\nvar import_setupHooks = require(\"./setupHooks\");\nvar hostTextProps = {\n accessible: import_constants.isAndroid ? false : import_constants.isIos ? true : void 0,\n allowFontScaling: true,\n ellipsizeMode: \"tail\"\n};\nvar _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {\n var _hooks_getBaseViews;\n var Fallback = (0, import_withStableStyle._withStableStyle)(Component, function(theme) {\n var themedStyle = {};\n for (var styleKey in themeStyleKeys) {\n var _theme_themeStyleKeys_styleKey;\n themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();\n }\n return [\n baseStyle,\n themedStyle\n ];\n }, true, false);\n var baseViews = host ? (_hooks_getBaseViews = import_setupHooks.hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(import_setupHooks.hooks) : void 0;\n var TextAncestor = baseViews === null || baseViews === void 0 ? void 0 : baseViews.TextAncestor;\n var TextAncestorProvider = TextAncestor === null || TextAncestor === void 0 ? void 0 : TextAncestor.Provider;\n var HostText = host === \"text\" && !(\"userSelect\" in baseStyle) && !(\"verticalAlign\" in baseStyle) ? baseViews === null || baseViews === void 0 ? void 0 : baseViews.NativeText : void 0;\n var hostTextBase = HostText ? {\n overflow: \"hidden\",\n ...baseStyle,\n ...typeof baseStyle.fontWeight === \"number\" && {\n fontWeight: String(baseStyle.fontWeight)\n }\n } : baseStyle;\n var styles = /* @__PURE__ */ new Map();\n var hostTextStyles = /* @__PURE__ */ new Map();\n var ScopeContext = import_useThemeState.ThemeStateContext;\n var engineOf = import_nativeStyleEngine.getNativeStyleEngine;\n var scopeState = import_useThemeState.getThemeState;\n var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;\n var linkMapping = import_nativeStyleEngine.linkNativeStyleMapping;\n var assignRef = import_compose_refs.setRef;\n var render = function(props, key) {\n var scopeId = (0, import_react.use)(ScopeContext);\n var inText = TextAncestor ? (0, import_react.use)(TextAncestor) : false;\n var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;\n var resetsText = inText && host === \"view\";\n if (!themeState) {\n return resetsText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n value: false,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n ...props\n })\n }, key) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n ...props\n }, key);\n }\n var rest = props;\n if (props._expressions !== void 0) {\n var { _expressions: _ignoredExpressions, ...withoutExpressions } = props;\n rest = withoutExpressions;\n }\n var ref = props.ref;\n var { name, theme } = themeState;\n var asHostText = HostText && !inText;\n var Rendered = asHostText ? HostText : Component;\n var cache = asHostText ? hostTextStyles : styles;\n var style = cache.get(scopeId);\n if (!style) {\n style = [\n asHostText ? hostTextBase : baseStyle,\n null\n ];\n cache.set(scopeId, style);\n }\n style[1] = resolve(themeStyleKeys, name, theme);\n var wrapped = resetsText || asHostText && mayRenderText(rest.children);\n var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {\n ...asHostText && hostTextProps,\n ...rest,\n ref: function(node) {\n var refCleanup;\n if (typeof ref === \"function\") refCleanup = ref(node);\n else assignRef(ref, node);\n var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);\n return function() {\n link === null || link === void 0 ? void 0 : link.unlink();\n if (typeof refCleanup === \"function\") refCleanup();\n else assignRef(ref, null);\n };\n },\n style\n }, wrapped ? void 0 : key);\n if (!wrapped) return element;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n value: !resetsText,\n children: element\n }, key);\n };\n var NativeStyleView = function(props) {\n return render(props);\n };\n NativeStyleView.inline = function(element) {\n return render(element.props, element.key);\n };\n return NativeStyleView;\n};\nfunction mayRenderText(children) {\n if (children == null) return false;\n if (Array.isArray(children) && children.length <= 3) {\n return children.some(function(child) {\n return child != null && typeof child === \"object\";\n });\n }\n return typeof children === \"object\";\n}\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}
1
+ {"version":3,"file":"_withNativeStyle.native.js","names":[],"sources":["cjs/_withNativeStyle.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar withNativeStyle_exports = {};\n__export(withNativeStyle_exports, {\n _withNativeStyle: () => _withNativeStyle\n});\nmodule.exports = __toCommonJS(withNativeStyle_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_withStableStyle = require(\"./_withStableStyle\");\nvar import_nativeStyleEngine = require(\"./helpers/nativeStyleEngine\");\nvar import_useThemeState = require(\"./hooks/useThemeState\");\nvar import_setupHooks = require(\"./setupHooks\");\nvar hostTextProps = {\n accessible: import_constants.isAndroid ? false : import_constants.isIos ? true : void 0,\n allowFontScaling: true,\n ellipsizeMode: \"tail\"\n};\nvar _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {\n var _hooks_getBaseViews;\n var Fallback = (0, import_withStableStyle._withStableStyle)(Component, function(theme) {\n var themedStyle = {};\n for (var styleKey in themeStyleKeys) {\n var _theme_themeStyleKeys_styleKey;\n themedStyle[styleKey] = (_theme_themeStyleKeys_styleKey = theme[themeStyleKeys[styleKey]]) === null || _theme_themeStyleKeys_styleKey === void 0 ? void 0 : _theme_themeStyleKeys_styleKey.get();\n }\n return [\n baseStyle,\n themedStyle\n ];\n }, true, false);\n var baseViews = host ? (_hooks_getBaseViews = import_setupHooks.hooks.getBaseViews) === null || _hooks_getBaseViews === void 0 ? void 0 : _hooks_getBaseViews.call(import_setupHooks.hooks) : void 0;\n var TextAncestor = baseViews === null || baseViews === void 0 ? void 0 : baseViews.TextAncestor;\n var TextAncestorProvider = TextAncestor === null || TextAncestor === void 0 ? void 0 : TextAncestor.Provider;\n var HostText = host === \"text\" && !(\"userSelect\" in baseStyle) && !(\"verticalAlign\" in baseStyle) ? baseViews === null || baseViews === void 0 ? void 0 : baseViews.NativeText : void 0;\n var hostTextBase = HostText ? {\n overflow: \"hidden\",\n ...baseStyle,\n ...typeof baseStyle.fontWeight === \"number\" && {\n fontWeight: String(baseStyle.fontWeight)\n }\n } : baseStyle;\n var entries = /* @__PURE__ */ new Map();\n var createEntry = function() {\n var entry = {\n style: [\n baseStyle,\n null\n ],\n hostTextStyle: [\n hostTextBase,\n null\n ],\n stateName: \"\",\n theme: null,\n state: null,\n ref: function(node) {\n if (node) linkHost(node, entry.state);\n }\n };\n return entry;\n };\n var ScopeContext = import_useThemeState.ThemeStateContext;\n var engineOf = import_nativeStyleEngine.getNativeStyleEngine;\n var scopeState = import_useThemeState.getThemeState;\n var resolve = import_nativeStyleEngine.resolveNativeStyleMapping;\n var linkState = import_nativeStyleEngine.createNativeStyleLinkState;\n var linkHost = import_nativeStyleEngine.linkNativeStyleHost;\n var assignRef = import_compose_refs.setRef;\n var render = function(props, key) {\n var scopeId = (0, import_react.use)(ScopeContext);\n var inText = TextAncestor ? (0, import_react.use)(TextAncestor) : false;\n var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;\n var resetsText = inText && host === \"view\";\n if (!themeState) {\n return resetsText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n value: false,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n ...props\n })\n }, key) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Fallback, {\n ...props\n }, key);\n }\n var rest = props;\n if (props._expressions !== void 0) {\n var { _expressions: _ignoredExpressions, ...withoutExpressions } = props;\n rest = withoutExpressions;\n }\n var ref = props.ref;\n var { name, theme } = themeState;\n var asHostText = HostText && !inText;\n var Rendered = asHostText ? HostText : Component;\n var entry = entries.get(scopeId);\n if (!entry) {\n entry = createEntry();\n entries.set(scopeId, entry);\n }\n if (entry.stateName !== name || entry.theme !== theme) {\n var themed = resolve(themeStyleKeys, name, theme);\n entry.style[1] = themed;\n entry.hostTextStyle[1] = themed;\n entry.stateName = name;\n entry.theme = theme;\n entry.state = linkState(themeStyleKeys, scopeId, name, theme);\n }\n var style = asHostText ? entry.hostTextStyle : entry.style;\n var wrapped = resetsText || asHostText && mayRenderText(rest.children);\n var state = entry.state;\n var hostRef = ref == null ? entry.ref : function(node) {\n if (!node) return assignRef(ref, null);\n linkHost(node, state);\n if (typeof ref === \"function\") return ref(node);\n assignRef(ref, node);\n };\n var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Rendered, {\n ...asHostText && hostTextProps,\n ...rest,\n ref: hostRef,\n style\n }, wrapped ? void 0 : key);\n if (!wrapped) return element;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAncestorProvider, {\n value: !resetsText,\n children: element\n }, key);\n };\n var NativeStyleView = function(props) {\n return render(props);\n };\n NativeStyleView.inline = function(element) {\n return render(element.props, element.key);\n };\n return NativeStyleView;\n};\nfunction mayRenderText(children) {\n if (children == null) return false;\n if (Array.isArray(children) && children.length <= 3) {\n return children.some(function(child) {\n return child != null && typeof child === \"object\";\n });\n }\n return typeof children === \"object\";\n}\n//# sourceMappingURL=_withNativeStyle.js.map\n"],"mappings":"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"}
package/dist/cjs/createComponent.native.cjs CHANGED
@@ -448,6 +448,7 @@ ${banner}
448
448
  var nativeEngine = (0, import_nativeStyleEngine.getNativeStyleEngine)();
449
449
  var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
450
450
  stateRef.current.nativePushedStates = canNativeUpdate ? /* @__PURE__ */ new Set() : void 0;
451
+ if (stateRef.current.nativeLink) (0, import_nativeStyleEngine.supersedeNativeViewStates)(stateRef.current.nativeLink.id);
451
452
  stateRef.current.nativeThemeState = void 0;
452
453
  stateRef.current.nativeActiveState = canNativeUpdate ? themeState === null || themeState === void 0 ? void 0 : themeState.name : void 0;
453
454
  var pushViewState = canNativeUpdate ? function(stateName, style2) {
package/dist/cjs/createComponent.native.js CHANGED
@@ -448,6 +448,7 @@ ${banner}
448
448
  var nativeEngine = (0, import_nativeStyleEngine.getNativeStyleEngine)();
449
449
  var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
450
450
  stateRef.current.nativePushedStates = canNativeUpdate ? /* @__PURE__ */ new Set() : void 0;
451
+ if (stateRef.current.nativeLink) (0, import_nativeStyleEngine.supersedeNativeViewStates)(stateRef.current.nativeLink.id);
451
452
  stateRef.current.nativeThemeState = void 0;
452
453
  stateRef.current.nativeActiveState = canNativeUpdate ? themeState === null || themeState === void 0 ? void 0 : themeState.name : void 0;
453
454
  var pushViewState = canNativeUpdate ? function(stateName, style2) {