@tamagui/react-native-web-lite 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/useColorScheme/index.cjs

@@ -2,43 +2,45 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var useColorScheme_exports = {};
 __export(useColorScheme_exports, {
   useColorScheme: () => useColorScheme
 });
 module.exports = __toCommonJS(useColorScheme_exports);
-var React = __toESM(require("react"), 1),
-  import_Appearance = require("../Appearance/index.cjs");
+var React = __toESM(require("react"), 1);
+var import_Appearance = require("../Appearance/index.cjs");
 function useColorScheme() {
   const [colorScheme, setColorScheme] = React.useState(import_Appearance.Appearance.getColorScheme());
-  return React.useEffect(() => {
+  React.useEffect(() => {
     function listener(appearance) {
       setColorScheme(appearance.colorScheme);
     }
@@ -46,5 +48,6 @@ function useColorScheme() {
       remove
     } = import_Appearance.Appearance.addChangeListener(listener);
     return remove;
-  }), colorScheme;
+  });
+  return colorScheme;
 }

package/dist/cjs/useLocaleContext/index.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var useLocaleContext_exports = {};
 __export(useLocaleContext_exports, {

package/dist/cjs/useWindowDimensions/index.cjs

@@ -2,50 +2,57 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var useWindowDimensions_exports = {};
 __export(useWindowDimensions_exports, {
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(useWindowDimensions_exports);
-var import_react = __toESM(require("react"), 1),
-  import_Dimensions = require("../Dimensions/index.cjs");
+var import_react = __toESM(require("react"), 1);
+var import_Dimensions = require("../Dimensions/index.cjs");
 function useWindowDimensions() {
   const [dims, setDims] = import_react.default.useState(() => import_Dimensions.Dimensions.get("window"));
-  return import_react.default.useEffect(() => {
+  import_react.default.useEffect(() => {
     function handleChange({
       window
     }) {
-      window != null && setDims(window);
+      if (window != null) {
+        setDims(window);
+      }
     }
-    return import_Dimensions.Dimensions.addEventListener("change", handleChange), setDims(import_Dimensions.Dimensions.get("window")), () => {
+    import_Dimensions.Dimensions.addEventListener("change", handleChange);
+    setDims(import_Dimensions.Dimensions.get("window"));
+    return () => {
       import_Dimensions.Dimensions.removeEventListener("change", handleChange);
     };
-  }, []), dims;
+  }, []);
+  return dims;
 }

package/dist/cjs/vendor/react-native/Animated/Animated.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Animated_exports = {};
 __export(Animated_exports, {
@@ -24,23 +26,23 @@ __export(Animated_exports, {
   default: () => Animated_default
 });
 module.exports = __toCommonJS(Animated_exports);
-var import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_AnimatedImplementation = require("./AnimatedImplementation.cjs"),
-  import_AnimatedMock = require("./AnimatedMock.cjs"),
-  import_AnimatedFlatList = require("./components/AnimatedFlatList.cjs"),
-  import_AnimatedImage = require("./components/AnimatedImage.cjs"),
-  import_AnimatedScrollView = require("./components/AnimatedScrollView.cjs"),
-  import_AnimatedSectionList = require("./components/AnimatedSectionList.cjs"),
-  import_AnimatedText = require("./components/AnimatedText.cjs"),
-  import_AnimatedView = require("./components/AnimatedView.cjs");
-const Animated = import_react_native_web_internals.Platform.isTesting ? import_AnimatedMock.AnimatedMock : import_AnimatedImplementation.AnimatedImplementation,
-  AnimatedExports = {
-    FlatList: import_AnimatedFlatList.FlatList,
-    Image: import_AnimatedImage.AnimatedImage,
-    ScrollView: import_AnimatedScrollView.ScrollView,
-    SectionList: import_AnimatedSectionList.SectionList,
-    Text: import_AnimatedText.AnimatedText,
-    View: import_AnimatedView.AnimatedView,
-    ...Animated
-  };
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_AnimatedImplementation = require("./AnimatedImplementation.cjs");
+var import_AnimatedMock = require("./AnimatedMock.cjs");
+var import_AnimatedFlatList = require("./components/AnimatedFlatList.cjs");
+var import_AnimatedImage = require("./components/AnimatedImage.cjs");
+var import_AnimatedScrollView = require("./components/AnimatedScrollView.cjs");
+var import_AnimatedSectionList = require("./components/AnimatedSectionList.cjs");
+var import_AnimatedText = require("./components/AnimatedText.cjs");
+var import_AnimatedView = require("./components/AnimatedView.cjs");
+const Animated = import_react_native_web_internals.Platform.isTesting ? import_AnimatedMock.AnimatedMock : import_AnimatedImplementation.AnimatedImplementation;
+const AnimatedExports = {
+  FlatList: import_AnimatedFlatList.FlatList,
+  Image: import_AnimatedImage.AnimatedImage,
+  ScrollView: import_AnimatedScrollView.ScrollView,
+  SectionList: import_AnimatedSectionList.SectionList,
+  Text: import_AnimatedText.AnimatedText,
+  View: import_AnimatedView.AnimatedView,
+  ...Animated
+};
 var Animated_default = AnimatedExports;

package/dist/cjs/vendor/react-native/Animated/AnimatedEvent.cjs

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var AnimatedEvent_exports = {};
 __export(AnimatedEvent_exports, {
@@ -26,43 +28,61 @@ __export(AnimatedEvent_exports, {
   attachNativeEvent: () => attachNativeEvent
 });
 module.exports = __toCommonJS(AnimatedEvent_exports);
-var import_AnimatedValue = require("./nodes/AnimatedValue.cjs"),
-  import_NativeAnimatedHelper = require("./NativeAnimatedHelper.cjs"),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_NativeAnimatedHelper2 = require("./NativeAnimatedHelper.cjs");
+var import_AnimatedValue = require("./nodes/AnimatedValue.cjs");
+var import_NativeAnimatedHelper = require("./NativeAnimatedHelper.cjs");
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_NativeAnimatedHelper2 = require("./NativeAnimatedHelper.cjs");
 const __DEV__ = process.env.NODE_ENV !== "production";
 function attachNativeEvent(viewRef, eventName, argMapping) {
-  const eventMappings = [],
-    traverse = (value, path) => {
-      if (value instanceof import_AnimatedValue.AnimatedValue) value.__makeNative(), eventMappings.push({
+  const eventMappings = [];
+  const traverse = (value, path) => {
+    if (value instanceof import_AnimatedValue.AnimatedValue) {
+      value.__makeNative();
+      eventMappings.push({
         nativeEventPath: path,
         animatedValueTag: value.__getNativeTag()
-      });else if (typeof value == "object") for (const key in value) traverse(value[key], path.concat(key));
-    };
-  return (0, import_react_native_web_internals.invariant)(argMapping[0] && argMapping[0].nativeEvent, "Native driven events only support animated values contained inside `nativeEvent`."), traverse(argMapping[0].nativeEvent, []), viewRef != null && eventMappings.forEach(mapping => {
-    import_NativeAnimatedHelper.NativeAnimatedHelper.API.addAnimatedEventToView(viewRef, eventName, mapping);
-  }), {
-    detach() {
-      viewRef != null && eventMappings.forEach(mapping => {
-        import_NativeAnimatedHelper.NativeAnimatedHelper.API.removeAnimatedEventFromView(viewRef, eventName, mapping.animatedValueTag);
       });
+    } else if (typeof value === "object") {
+      for (const key in value) {
+        traverse(value[key], path.concat(key));
+      }
+    }
+  };
+  (0, import_react_native_web_internals.invariant)(argMapping[0] && argMapping[0].nativeEvent, "Native driven events only support animated values contained inside `nativeEvent`.");
+  traverse(argMapping[0].nativeEvent, []);
+  if (viewRef != null) {
+    eventMappings.forEach(mapping => {
+      import_NativeAnimatedHelper.NativeAnimatedHelper.API.addAnimatedEventToView(viewRef, eventName, mapping);
+    });
+  }
+  return {
+    detach() {
+      if (viewRef != null) {
+        eventMappings.forEach(mapping => {
+          import_NativeAnimatedHelper.NativeAnimatedHelper.API.removeAnimatedEventFromView(viewRef, eventName, mapping.animatedValueTag);
+        });
+      }
     }
   };
 }
 function validateMapping(argMapping, args) {
   const validate = (recMapping, recEvt, key) => {
     if (recMapping instanceof import_AnimatedValue.AnimatedValue) {
-      (0, import_react_native_web_internals.invariant)(typeof recEvt == "number", "Bad mapping of event key " + key + ", should be number but got " + typeof recEvt);
+      (0, import_react_native_web_internals.invariant)(typeof recEvt === "number", "Bad mapping of event key " + key + ", should be number but got " + typeof recEvt);
       return;
     }
-    if (typeof recEvt == "number") {
+    if (typeof recEvt === "number") {
       (0, import_react_native_web_internals.invariant)(recMapping instanceof import_AnimatedValue.AnimatedValue, "Bad mapping of type " + typeof recMapping + " for key " + key + ", event value must map to AnimatedValue");
       return;
     }
-    (0, import_react_native_web_internals.invariant)(typeof recMapping == "object", "Bad mapping of type " + typeof recMapping + " for key " + key), (0, import_react_native_web_internals.invariant)(typeof recEvt == "object", "Bad event of type " + typeof recEvt + " for key " + key);
-    for (const mappingKey in recMapping) validate(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
+    (0, import_react_native_web_internals.invariant)(typeof recMapping === "object", "Bad mapping of type " + typeof recMapping + " for key " + key);
+    (0, import_react_native_web_internals.invariant)(typeof recEvt === "object", "Bad event of type " + typeof recEvt + " for key " + key);
+    for (const mappingKey in recMapping) {
+      validate(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
+    }
   };
-  (0, import_react_native_web_internals.invariant)(args.length >= argMapping.length, "Event has less arguments than mapping"), argMapping.forEach((mapping, idx) => {
+  (0, import_react_native_web_internals.invariant)(args.length >= argMapping.length, "Event has less arguments than mapping");
+  argMapping.forEach((mapping, idx) => {
     validate(mapping, args[idx], "arg" + idx);
   });
 }
@@ -72,9 +92,19 @@ class AnimatedEvent {
   _attachedEvent;
   __isNative;
   constructor(argMapping, config) {
-    this._argMapping = argMapping, config == null && (console.warn("Animated.event now requires a second argument for options"), config = {
-      useNativeDriver: !1
-    }), config.listener && this.__addListener(config.listener), this._callListeners = this._callListeners.bind(this), this._attachedEvent = null, this.__isNative = (0, import_NativeAnimatedHelper2.shouldUseNativeDriver)(config);
+    this._argMapping = argMapping;
+    if (config == null) {
+      console.warn("Animated.event now requires a second argument for options");
+      config = {
+        useNativeDriver: false
+      };
+    }
+    if (config.listener) {
+      this.__addListener(config.listener);
+    }
+    this._callListeners = this._callListeners.bind(this);
+    this._attachedEvent = null;
+    this.__isNative = (0, import_NativeAnimatedHelper2.shouldUseNativeDriver)(config);
   }
   __addListener(callback) {
     this._listeners.push(callback);
@@ -83,27 +113,49 @@ class AnimatedEvent {
     this._listeners = this._listeners.filter(listener => listener !== callback);
   }
   __attach(viewRef, eventName) {
-    (0, import_react_native_web_internals.invariant)(this.__isNative, "Only native driven events need to be attached."), this._attachedEvent = attachNativeEvent(viewRef, eventName, this._argMapping);
+    (0, import_react_native_web_internals.invariant)(this.__isNative, "Only native driven events need to be attached.");
+    this._attachedEvent = attachNativeEvent(viewRef, eventName, this._argMapping);
   }
   __detach(viewTag, eventName) {
-    (0, import_react_native_web_internals.invariant)(this.__isNative, "Only native driven events need to be detached."), this._attachedEvent && this._attachedEvent.detach();
+    (0, import_react_native_web_internals.invariant)(this.__isNative, "Only native driven events need to be detached.");
+    this._attachedEvent && this._attachedEvent.detach();
   }
   __getHandler() {
-    if (this.__isNative) if (__DEV__) {
-      let validatedMapping2 = !1;
-      return (...args) => {
-        validatedMapping2 || (validateMapping(this._argMapping, args), validatedMapping2 = !0), this._callListeners(...args);
-      };
-    } else return this._callListeners;
-    let validatedMapping = !1;
+    if (this.__isNative) {
+      if (__DEV__) {
+        let validatedMapping2 = false;
+        return (...args) => {
+          if (!validatedMapping2) {
+            validateMapping(this._argMapping, args);
+            validatedMapping2 = true;
+          }
+          this._callListeners(...args);
+        };
+      } else {
+        return this._callListeners;
+      }
+    }
+    let validatedMapping = false;
     return (...args) => {
-      __DEV__ && !validatedMapping && (validateMapping(this._argMapping, args), validatedMapping = !0);
+      if (__DEV__ && !validatedMapping) {
+        validateMapping(this._argMapping, args);
+        validatedMapping = true;
+      }
       const traverse = (recMapping, recEvt, key) => {
-        if (recMapping instanceof import_AnimatedValue.AnimatedValue) typeof recEvt == "number" && recMapping.setValue(recEvt);else if (typeof recMapping == "object") for (const mappingKey in recMapping) traverse(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
+        if (recMapping instanceof import_AnimatedValue.AnimatedValue) {
+          if (typeof recEvt === "number") {
+            recMapping.setValue(recEvt);
+          }
+        } else if (typeof recMapping === "object") {
+          for (const mappingKey in recMapping) {
+            traverse(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
+          }
+        }
       };
       this._argMapping.forEach((mapping, idx) => {
         traverse(mapping, args[idx], "arg" + idx);
-      }), this._callListeners(...args);
+      });
+      this._callListeners(...args);
     };
   }
   _callListeners(...args) {