tamagui 1.124.9 → 1.124.10

package/dist/native.js

@@ -2010,14 +2010,12 @@ var require_useControllableState_native = __commonJS({
     var import_use_event = require_index_native8(), React4 = __toESM2(require("react")), import_start_transition = require_index_native9(), emptyCallbackFn = function(_) {
       return _();
     };
-    function useControllableState(props) {
-      var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = props, [state, setState] = React4.useState(prop ?? defaultProp), previous = React4.useRef(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
+    function useControllableState(param) {
+      var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param, [state, setState] = React4.useState(prop ?? defaultProp), previous = React4.useRef(state), propWins = strategy === "prop-wins" && prop !== void 0, value = propWins ? prop : state, onChangeCb = (0, import_use_event.useEvent)(onChange || idFn), transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
       React4.useEffect(function() {
-        "prop" in props && prop !== state && transitionFn(function() {
-          setState(function(prev) {
-            if (prev !== prop) return previous.current = prop, prop;
-          });
-        });
+        prop !== void 0 && (previous.current = prop, transitionFn(function() {
+          setState(prop);
+        }));
       }, [
         prop
       ]), React4.useEffect(function() {
@@ -7151,24 +7149,29 @@ var require_createShallowSetState_native = __commonJS({
     var import_react3 = require("react"), callImmediate = function(cb) {
       return cb();
     };
-    function createShallowSetState(setter, isDisabled, transition, debug, callback) {
+    function createShallowSetState(setter, onlyAllow, transition, debug, callback) {
       return (0, import_react3.useCallback)(function(next) {
         var wrap = transition ? import_react3.startTransition : callImmediate;
         wrap(function() {
           setter(function(prev) {
-            var out = mergeIfNotShallowEqual(prev, next, isDisabled, debug);
+            var out = mergeIfNotShallowEqual(prev, next, onlyAllow, debug);
             return callback == null || callback(out), out;
           });
         });
       }, [
         setter,
-        isDisabled,
+        onlyAllow ? onlyAllow.join("") : "",
         transition,
         debug
       ]);
     }
-    function mergeIfNotShallowEqual(prev, next, isDisabled, debug) {
-      if (isDisabled || !prev || !next || isEqualShallow(prev, next)) return prev || next;
+    function mergeIfNotShallowEqual(prev, next, onlyAllow, debug) {
+      if (onlyAllow) {
+        var allowed = {};
+        for (var key in next) onlyAllow.includes(key) && (allowed[key] = next[key]);
+        next = allowed;
+      }
+      if (!prev || !next || isEqualShallow(prev, next)) return prev || next;
       if (process.env.NODE_ENV === "development" && debug && (console.info("setStateShallow CHANGE", {
         prev,
         next
@@ -8132,7 +8135,9 @@ var require_useComponentState_native = __commonJS({
           groupContextState[groupName] = next;
         };
       }
-      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled, !1, props.debug, setStateWrapper);
+      var setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState, disabled ? [
+        "disabled"
+      ] : void 0, !1, props.debug, setStateWrapper);
       if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
         process.env.NODE_ENV === "development" && props.debug === "verbose" && console.warn(`has presenceState ${JSON.stringify(presenceState)}`);
         var { enterVariant, exitVariant, enterExitVariant, custom } = presenceState;
@@ -10860,7 +10865,7 @@ var require_useProps_native = __commonJS({
         resolveValues: "auto",
         ...opts
       }, null, componentContext), { mediaGroups, pseudoGroups } = splitStyles;
-      return import_react3.default.useEffect(function() {
+      return import_react3.default.useLayoutEffect(function() {
         if (!disabled) {
           if (state.unmounted) {
             setStateShallow({
@@ -15938,7 +15943,7 @@ var require_constants_native3 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = !import_constants4.isAndroid && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
+    var import_constants4 = require_index_native6(), _global__IS_FABRIC, IS_FABRIC = typeof global < "u" && !!((_global__IS_FABRIC = global._IS_FABRIC) !== null && _global__IS_FABRIC !== void 0 ? _global__IS_FABRIC : global.nativeFabricUIManager), USE_NATIVE_PORTAL = process.env.TAMAGUI_USE_NATIVE_PORTAL && process.env.TAMAGUI_USE_NATIVE_PORTAL !== "false" ? !0 : !import_constants4.isAndroid && !IS_FABRIC, allPortalHosts = /* @__PURE__ */ new Map(), portalListeners = {};
   }
 });