@tamagui/core 1.134.0 → 1.134.2

package/dist/native.js

@@ -7534,33 +7534,41 @@ var require_createComponent_native = __commonJS({
         if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof stateRef.current.isListeningToTheme == "boolean" && (themeStateProps.needsUpdate = function() {
           return !!stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `<${name} /> ${internalID} ${dataIs ? ` ${dataIs}` : ""} ${type.trim()}`;
-          if (console.info(`%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, "background: green; color: white;"), import_constants.isServer) (0, import_log.log)({
+          var name = `${componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`, type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = `<${name} /> ${internalID} ${dataIs ? ` ${dataIs}` : ""} ${type.trim()} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`, ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
+          childLog.length && (childLog = `(children: ${childLog})`), import_constants.isWeb ? (console.info(`%c ${banner}`, "background: green; color: white;"), import_constants.isServer ? (0, import_log.log)({
             noClass,
             isAnimated,
             isWeb: import_constants.isWeb,
             supportsCSS
-          });
-          else {
-            console.groupEnd();
-            var ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
-            childLog.length && (childLog = `(children: ${childLog})`), console.groupCollapsed(`${childLog} [inspect props, state, context \u{1F447}]`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props, Object.keys(props)), (0, import_log.log)({
-              state,
-              staticConfig,
-              elementType,
-              themeStateProps
-            }), (0, import_log.log)({
-              context,
-              overriddenContextProps,
-              componentContext
-            }), (0, import_log.log)({
-              presence,
-              isAnimated,
-              isHOC,
-              hasAnimationProp,
-              useAnimations
-            }), console.groupEnd();
-          }
+          }) : (console.groupEnd(), console.groupCollapsed(`${childLog} [inspect props, state, context \u{1F447}]`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props, Object.keys(props)), (0, import_log.log)({
+            state,
+            staticConfig,
+            elementType,
+            themeStateProps
+          }), (0, import_log.log)({
+            context,
+            overriddenContextProps,
+            componentContext
+          }), (0, import_log.log)({
+            presence,
+            isAnimated,
+            isHOC,
+            hasAnimationProp,
+            useAnimations
+          }), console.groupEnd())) : (console.info(`
+
+------------------------------
+${banner}
+------------------------------
+`), (0, import_log.log)("children:", props.children), (0, import_log.log)({
+            overriddenContextProps,
+            styledContextValue
+          }), (0, import_log.log)({
+            noClass,
+            isAnimated,
+            isWeb: import_constants.isWeb,
+            supportsCSS
+          }));
         }
         process.env.NODE_ENV === "development" && time2 && time2`pre-theme-media`;
         var [theme, themeState] = (0, import_useTheme.useThemeWithState)(themeStateProps);
@@ -7612,8 +7620,8 @@ var require_createComponent_native = __commonJS({
           }), stateRef.current.setStateShallow = function(nextOrGetNext) {
             var prev = stateRef.current.nextState || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
-              var canAvoidReRender = Object.keys(next).every(function(key3) {
-                return avoidReRenderKeys.has(key3);
+              var canAvoidReRender = Object.keys(next).every(function(key2) {
+                return avoidReRenderKeys.has(key2);
               }), updatedState = {
                 ...prev,
                 ...next
@@ -7890,19 +7898,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         })), "group" in props && (content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_GroupContext.GroupContext.Provider, {
           value: allGroupContexts,
           children: content
-        })), process.env.NODE_ENV === "development" && time2 && time2`group-context`, content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), process.env.NODE_ENV === "development" && time2 && time2`themed-children`, staticConfig.context) {
-          var contextProps = staticConfig.context.props;
-          for (var key in contextProps) if (viewProps.style && key in viewProps.style || key in viewProps) {
-            var _viewProps_style;
-            overriddenContextProps || (overriddenContextProps = {});
-            var _viewProps_style_key;
-            overriddenContextProps[key] = (_viewProps_style_key = (_viewProps_style = viewProps.style) === null || _viewProps_style === void 0 ? void 0 : _viewProps_style[key]) !== null && _viewProps_style_key !== void 0 ? _viewProps_style_key : viewProps[key];
-          }
-        }
-        if (overriddenContextProps) {
+        })), process.env.NODE_ENV === "development" && time2 && time2`group-context`, content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), process.env.NODE_ENV === "development" && time2 && time2`themed-children`, overriddenContextProps) {
           var Provider = staticConfig.context.Provider;
-          for (var key1 in styledContextValue) key1 in overriddenContextProps || (overriddenContextProps[key1] = styledContextValue[key1]);
-          content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider, {
+          for (var key in styledContextValue) key in overriddenContextProps || (overriddenContextProps[key] = styledContextValue[key]);
+          debugProp && console.info("overriddenContextProps", overriddenContextProps), content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider, {
             __disableMergeDefaultValues: !0,
             ...overriddenContextProps,
             children: content
@@ -7949,7 +7948,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             }
           } else {
             (0, import_log.log)(title), (0, import_log.log)("state: ", state), import_isDevTools.isDevTools && (0, import_log.log)("viewProps", viewProps), (0, import_log.log)("final styles:");
-            for (var key2 in splitStylesStyle) (0, import_log.log)(key2, splitStylesStyle[key2]);
+            for (var key1 in splitStylesStyle) (0, import_log.log)(key1, splitStylesStyle[key1]);
           }
           if (debugProp === "break") debugger;
         }