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

package/dist/cjs/Linking/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ 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 __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, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  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;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -18,23 +20,37 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import__ = __toESM(require("../index.cjs"), 1);
 describe("apis/Linking", () => {
   describe("openURL", () => {
     test("calls open with a url and target", done => {
       jest.spyOn(window, "open").mockImplementationOnce((url, target, opener) => {
-        expect(url).toBe("http://foo.com/"), expect(target).toBe("target_name"), expect(opener).toBe("noopener"), done();
-      }), import__.default.openURL("http://foo.com", "target_name");
-    }), test("defaults target to _blank if not provided", done => {
+        expect(url).toBe("http://foo.com/");
+        expect(target).toBe("target_name");
+        expect(opener).toBe("noopener");
+        done();
+      });
+      import__.default.openURL("http://foo.com", "target_name");
+    });
+    test("defaults target to _blank if not provided", done => {
       jest.spyOn(window, "open").mockImplementationOnce((url, target, opener) => {
-        expect(url).toBe("http://foo.com/"), expect(target).toBe("_blank"), expect(opener).toBe("noopener"), done();
-      }), import__.default.openURL("http://foo.com");
-    }), test("accepts undefined as a target", done => {
+        expect(url).toBe("http://foo.com/");
+        expect(target).toBe("_blank");
+        expect(opener).toBe("noopener");
+        done();
+      });
+      import__.default.openURL("http://foo.com");
+    });
+    test("accepts undefined as a target", done => {
       jest.spyOn(window, "open").mockImplementationOnce((url, target, opener) => {
-        expect(url).toBe("http://foo.com/"), expect(target).toBe(void 0), expect(opener).toBe("noopener"), done();
-      }), import__.default.openURL("http://foo.com", void 0);
+        expect(url).toBe("http://foo.com/");
+        expect(target).toBe(void 0);
+        expect(opener).toBe("noopener");
+        done();
+      });
+      import__.default.openURL("http://foo.com", void 0);
     });
   });
 });

package/dist/cjs/Linking/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 Linking_exports = {};
 __export(Linking_exports, {
@@ -33,9 +35,11 @@ class Linking {
   _eventCallbacks = {};
   _dispatchEvent(event, ...data) {
     const listeners = this._eventCallbacks[event];
-    listeners != null && Array.isArray(listeners) && listeners.map(listener => {
-      listener(...data);
-    });
+    if (listeners != null && Array.isArray(listeners)) {
+      listeners.map(listener => {
+        listener(...data);
+      });
+    }
   }
   /**
    * Adds a event listener for the specified event. The callback will be called when the
@@ -53,11 +57,12 @@ class Linking {
    * be the same object as the one passed to `addEventListener`.
    */
   removeEventListener = (event, callback) => {
-    const filteredCallbacks = this._eventCallbacks[event].filter(c => c.toString() !== callback.toString());
+    const callbacks = this._eventCallbacks[event];
+    const filteredCallbacks = callbacks.filter(c => c.toString() !== callback.toString());
     this._eventCallbacks[event] = filteredCallbacks;
   };
   canOpenURL() {
-    return Promise.resolve(!0);
+    return Promise.resolve(true);
   }
   getInitialURL() {
     return Promise.resolve(initialURL);
@@ -69,21 +74,30 @@ class Linking {
    * Dispatches the `onOpen` event if `url` is opened successfully.
    */
   openURL(url, target) {
-    arguments.length === 1 && (target = "_blank");
+    if (arguments.length === 1) {
+      target = "_blank";
+    }
     try {
-      return open(url, target), this._dispatchEvent("onOpen", url), Promise.resolve();
+      open(url, target);
+      this._dispatchEvent("onOpen", url);
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
   }
   _validateURL(url) {
-    (0, import_react_native_web_internals.invariant)(typeof url == "string", "Invalid URL: should be a string. Was: " + url), (0, import_react_native_web_internals.invariant)(url, "Invalid URL: cannot be empty");
+    (0, import_react_native_web_internals.invariant)(typeof url === "string", "Invalid URL: should be a string. Was: " + url);
+    (0, import_react_native_web_internals.invariant)(url, "Invalid URL: cannot be empty");
   }
 }
 const open = (url, target) => {
-    if (import_react_native_web_internals.canUseDOM) {
-      const urlToOpen = new URL(url, window.location).toString();
-      urlToOpen.indexOf("tel:") === 0 ? window.location = urlToOpen : window.open(urlToOpen, target, "noopener");
+  if (import_react_native_web_internals.canUseDOM) {
+    const urlToOpen = new URL(url, window.location).toString();
+    if (urlToOpen.indexOf("tel:") === 0) {
+      window.location = urlToOpen;
+    } else {
+      window.open(urlToOpen, target, "noopener");
     }
-  },
-  LinkingInstance = new Linking();
+  }
+};
+const LinkingInstance = new Linking();

package/dist/cjs/LogBox/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 LogBox_exports = {};
 __export(LogBox_exports, {

package/dist/cjs/Modal/ModalAnimation.cjs

@@ -2,146 +2,173 @@ 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 ModalAnimation_exports = {};
 __export(ModalAnimation_exports, {
   ModalAnimation: () => ModalAnimation
 });
 module.exports = __toCommonJS(ModalAnimation_exports);
-var React = __toESM(require("react"), 1),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_createElement = require("../createElement/index.cjs"),
-  ANIMATION_DURATION = 300;
+var React = __toESM(require("react"), 1);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_createElement = require("../createElement/index.cjs");
+var ANIMATION_DURATION = 300;
 function getAnimationStyle(animationType, visible) {
-  return animationType === "slide" ? visible ? animatedSlideInStyles : animatedSlideOutStyles : animationType === "fade" ? visible ? animatedFadeInStyles : animatedFadeOutStyles : visible ? styles.container : styles.hidden;
+  if (animationType === "slide") {
+    return visible ? animatedSlideInStyles : animatedSlideOutStyles;
+  }
+  if (animationType === "fade") {
+    return visible ? animatedFadeInStyles : animatedFadeOutStyles;
+  }
+  return visible ? styles.container : styles.hidden;
 }
 function ModalAnimation(props) {
   var animationType = props.animationType,
     children = props.children,
     onDismiss = props.onDismiss,
     onShow = props.onShow,
-    visible = props.visible,
-    _React$useState = React.useState(!1),
+    visible = props.visible;
+  var _React$useState = React.useState(false),
     isRendering = _React$useState[0],
-    setIsRendering = _React$useState[1],
-    wasVisible = React.useRef(!1),
-    isAnimated = animationType && animationType !== "none",
-    animationEndCallback = React.useCallback(e => {
-      e && e.currentTarget !== e.target || (visible ? onShow && onShow() : (setIsRendering(!1), onDismiss && onDismiss()));
-    }, [onDismiss, onShow, visible]);
-  return React.useEffect(() => {
-    visible && setIsRendering(!0), visible !== wasVisible.current && !isAnimated && animationEndCallback(), wasVisible.current = visible;
-  }, [isAnimated, visible, animationEndCallback]), isRendering || visible ? (0, import_createElement.createElement)("div", {
+    setIsRendering = _React$useState[1];
+  var wasVisible = React.useRef(false);
+  var isAnimated = animationType && animationType !== "none";
+  var animationEndCallback = React.useCallback(e => {
+    if (e && e.currentTarget !== e.target) {
+      return;
+    }
+    if (visible) {
+      if (onShow) {
+        onShow();
+      }
+    } else {
+      setIsRendering(false);
+      if (onDismiss) {
+        onDismiss();
+      }
+    }
+  }, [onDismiss, onShow, visible]);
+  React.useEffect(() => {
+    if (visible) {
+      setIsRendering(true);
+    }
+    if (visible !== wasVisible.current && !isAnimated) {
+      animationEndCallback();
+    }
+    wasVisible.current = visible;
+  }, [isAnimated, visible, animationEndCallback]);
+  return isRendering || visible ? (0, import_createElement.createElement)("div", {
     style: isRendering ? getAnimationStyle(animationType, visible) : styles.hidden,
     onAnimationEnd: animationEndCallback,
     children
   }) : null;
 }
 var styles = import_react_native_web_internals.StyleSheet.create({
-    container: {
-      position: "fixed",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0,
-      zIndex: 9999
-    },
-    animatedIn: {
-      animationDuration: ANIMATION_DURATION + "ms",
-      animationTimingFunction: "ease-in"
-    },
-    animatedOut: {
-      pointerEvents: "none",
-      animationDuration: ANIMATION_DURATION + "ms",
-      animationTimingFunction: "ease-out"
-    },
-    fadeIn: {
-      opacity: 1,
-      animationKeyframes: {
-        "0%": {
-          opacity: 0
-        },
-        "100%": {
-          opacity: 1
-        }
+  container: {
+    position: "fixed",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    zIndex: 9999
+  },
+  animatedIn: {
+    animationDuration: ANIMATION_DURATION + "ms",
+    animationTimingFunction: "ease-in"
+  },
+  animatedOut: {
+    pointerEvents: "none",
+    animationDuration: ANIMATION_DURATION + "ms",
+    animationTimingFunction: "ease-out"
+  },
+  fadeIn: {
+    opacity: 1,
+    animationKeyframes: {
+      "0%": {
+        opacity: 0
+      },
+      "100%": {
+        opacity: 1
       }
-    },
-    fadeOut: {
-      opacity: 0,
-      animationKeyframes: {
-        "0%": {
-          opacity: 1
-        },
-        "100%": {
-          opacity: 0
-        }
+    }
+  },
+  fadeOut: {
+    opacity: 0,
+    animationKeyframes: {
+      "0%": {
+        opacity: 1
+      },
+      "100%": {
+        opacity: 0
       }
-    },
-    slideIn: {
-      transform: [{
-        translateY: "0%"
-      }],
-      animationKeyframes: {
-        "0%": {
-          transform: [{
-            translateY: "100%"
-          }]
-        },
-        "100%": {
-          transform: [{
-            translateY: "0%"
-          }]
-        }
+    }
+  },
+  slideIn: {
+    transform: [{
+      translateY: "0%"
+    }],
+    animationKeyframes: {
+      "0%": {
+        transform: [{
+          translateY: "100%"
+        }]
+      },
+      "100%": {
+        transform: [{
+          translateY: "0%"
+        }]
       }
-    },
-    slideOut: {
-      transform: [{
-        translateY: "100%"
-      }],
-      animationKeyframes: {
-        "0%": {
-          transform: [{
-            translateY: "0%"
-          }]
-        },
-        "100%": {
-          transform: [{
-            translateY: "100%"
-          }]
-        }
+    }
+  },
+  slideOut: {
+    transform: [{
+      translateY: "100%"
+    }],
+    animationKeyframes: {
+      "0%": {
+        transform: [{
+          translateY: "0%"
+        }]
+      },
+      "100%": {
+        transform: [{
+          translateY: "100%"
+        }]
       }
-    },
-    hidden: {
-      opacity: 0
     }
-  }),
-  animatedSlideInStyles = [styles.container, styles.animatedIn, styles.slideIn],
-  animatedSlideOutStyles = [styles.container, styles.animatedOut, styles.slideOut],
-  animatedFadeInStyles = [styles.container, styles.animatedIn, styles.fadeIn],
-  animatedFadeOutStyles = [styles.container, styles.animatedOut, styles.fadeOut];
+  },
+  hidden: {
+    opacity: 0
+  }
+});
+var animatedSlideInStyles = [styles.container, styles.animatedIn, styles.slideIn];
+var animatedSlideOutStyles = [styles.container, styles.animatedOut, styles.slideOut];
+var animatedFadeInStyles = [styles.container, styles.animatedIn, styles.fadeIn];
+var animatedFadeOutStyles = [styles.container, styles.animatedOut, styles.fadeOut];

package/dist/cjs/Modal/ModalContent.cjs

@@ -2,41 +2,43 @@ 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 ModalContent_exports = {};
 __export(ModalContent_exports, {
   ModalContent: () => ModalContent
 });
 module.exports = __toCommonJS(ModalContent_exports);
-var React = __toESM(require("react"), 1),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_View = require("../View/index.cjs");
+var React = __toESM(require("react"), 1);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+var import_View = require("../View/index.cjs");
 const ModalContent = /* @__PURE__ */React.forwardRef((props, forwardedRef) => {
   const {
     active,
@@ -48,15 +50,23 @@ const ModalContent = /* @__PURE__ */React.forwardRef((props, forwardedRef) => {
   React.useEffect(() => {
     if (import_react_native_web_internals.canUseDOM) {
       var closeOnEscape = e => {
-        active && e.key === "Escape" && (e.stopPropagation(), onRequestClose && onRequestClose());
+        if (active && e.key === "Escape") {
+          e.stopPropagation();
+          if (onRequestClose) {
+            onRequestClose();
+          }
+        }
       };
-      return document.addEventListener("keyup", closeOnEscape, !1), () => document.removeEventListener("keyup", closeOnEscape, !1);
+      document.addEventListener("keyup", closeOnEscape, false);
+      return () => document.removeEventListener("keyup", closeOnEscape, false);
     }
   }, [active, onRequestClose]);
-  var style = React.useMemo(() => [styles.modal, transparent ? styles.modalTransparent : styles.modalOpaque], [transparent]);
+  var style = React.useMemo(() => {
+    return [styles.modal, transparent ? styles.modalTransparent : styles.modalOpaque];
+  }, [transparent]);
   return /* @__PURE__ */React.createElement(import_View.View, {
     ...rest,
-    accessibilityModal: !0,
+    accessibilityModal: true,
     accessibilityRole: active ? "dialog" : null,
     ref: forwardedRef,
     style