@tamagui/react-native-web-lite 1.114.3 → 1.115.0

package/dist/cjs/AccessibilityInfo/index.cjs

@@ -0,0 +1,98 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var AccessibilityInfo_exports = {};
+__export(AccessibilityInfo_exports, {
+  default: () => AccessibilityInfo_default
+});
+module.exports = __toCommonJS(AccessibilityInfo_exports);
+var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
+function isScreenReaderEnabled() {
+  return new Promise((resolve, reject) => {
+    resolve(!0);
+  });
+}
+const prefersReducedMotionMedia = import_react_native_web_internals.canUseDOM && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+function isReduceMotionEnabled() {
+  return new Promise((resolve, reject) => {
+    resolve(prefersReducedMotionMedia ? prefersReducedMotionMedia.matches : !0);
+  });
+}
+function addChangeListener(fn) {
+  prefersReducedMotionMedia != null && (prefersReducedMotionMedia.addEventListener != null ? prefersReducedMotionMedia.addEventListener("change", fn) : prefersReducedMotionMedia.addListener(fn));
+}
+function removeChangeListener(fn) {
+  prefersReducedMotionMedia != null && (prefersReducedMotionMedia.removeEventListener != null ? prefersReducedMotionMedia.removeEventListener("change", fn) : prefersReducedMotionMedia.removeListener(fn));
+}
+const handlers = {},
+  AccessibilityInfo = {
+    /**
+     * Query whether a screen reader is currently enabled.
+     *
+     * Returns a promise which resolves to a boolean.
+     * The result is `true` when a screen reader is enabled and `false` otherwise.
+     */
+    isScreenReaderEnabled,
+    /**
+     * Query whether the user prefers reduced motion.
+     *
+     * Returns a promise which resolves to a boolean.
+     * The result is `true` when a screen reader is enabled and `false` otherwise.
+     */
+    isReduceMotionEnabled,
+    /**
+     * Deprecated
+     */
+    fetch: isScreenReaderEnabled,
+    /**
+     * Add an event handler. Supported events: reduceMotionChanged
+     */
+    addEventListener: function (eventName, handler) {
+      if (eventName === "reduceMotionChanged") {
+        if (!prefersReducedMotionMedia) return;
+        const listener = event => {
+          handler(event.matches);
+        };
+        addChangeListener(listener), handlers[handler] = listener;
+      }
+      return {
+        remove: () => AccessibilityInfo.removeEventListener(eventName, handler)
+      };
+    },
+    /**
+     * Set accessibility focus to a react component.
+     */
+    setAccessibilityFocus: function (reactTag) {},
+    /**
+     * Post a string to be announced by the screen reader.
+     */
+    announceForAccessibility: function (announcement) {},
+    /**
+     * Remove an event handler.
+     */
+    removeEventListener: function (eventName, handler) {
+      if (eventName === "reduceMotionChanged") {
+        const listener = handlers[handler];
+        if (!listener || !prefersReducedMotionMedia) return;
+        removeChangeListener(listener);
+      }
+    }
+  };
+var AccessibilityInfo_default = AccessibilityInfo;

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

@@ -0,0 +1,188 @@
+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 __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
+  });
+  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));
+var import_react = require("@testing-library/react"),
+  import_dom_event_testing_library = require("dom-event-testing-library"),
+  import_react2 = __toESM(require("react")),
+  import_test_utils = require("react-dom/test-utils"),
+  import__ = __toESM(require("../index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+describe("components/ActivityIndicator", () => {
+  describe('prop "accessibilityLabel"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        accessibilityLabel: "accessibility label"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "accessibilityLiveRegion"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        accessibilityLiveRegion: "polite"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "animating"', () => {
+    test('is "true"', () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        animating: !0
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    }), test('is "false"', () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        animating: !1
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), test('prop "color"', () => {
+    const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        color: "red"
+      })),
+      svg = container.firstChild.querySelector("svg");
+    expect(svg).toMatchSnapshot();
+  }), describe('prop "dataSet"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        dataSet: {
+          one: "one",
+          two: "two"
+        }
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "hidesWhenStopped"', () => {
+    test('is "true"', () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        animating: !1,
+        hidesWhenStopped: !0
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    }), test('is "false"', () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        animating: !1,
+        hidesWhenStopped: !1
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "nativeID"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        nativeID: "123"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "onBlur"', () => {
+    test("is called", () => {
+      const onBlur = jest.fn(),
+        ref = import_react2.default.createRef();
+      (0, import_test_utils.act)(() => {
+        (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+          onBlur,
+          ref
+        }));
+      });
+      const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current),
+        body = (0, import_dom_event_testing_library.createEventTarget)(document.body);
+      (0, import_test_utils.act)(() => {
+        target.focus(), body.focus({
+          relatedTarget: target.node
+        });
+      }), expect(onBlur).toBeCalled();
+    });
+  }), describe('prop "onFocus"', () => {
+    test("is called", () => {
+      const onFocus = jest.fn(),
+        ref = import_react2.default.createRef();
+      (0, import_test_utils.act)(() => {
+        (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+          onFocus,
+          ref
+        }));
+      });
+      const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
+      (0, import_test_utils.act)(() => {
+        target.focus();
+      }), expect(onFocus).toBeCalled();
+    });
+  }), describe('prop "ref"', () => {
+    test("value is set", () => {
+      const ref = jest.fn();
+      (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        ref
+      })), expect(ref).toBeCalled();
+    });
+  }), describe('prop "size"', () => {
+    test('is "large"', () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        size: "large"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    }), test("is a number", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        size: 30
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "style"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        style: {
+          borderWidth: 5
+        }
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  }), describe('prop "testID"', () => {
+    test("value is set", () => {
+      const {
+        container
+      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+        testID: "123"
+      }));
+      expect(container.firstChild).toMatchSnapshot();
+    });
+  });
+});

package/dist/cjs/ActivityIndicator/index.cjs

@@ -0,0 +1,127 @@
+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 __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    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);
+var ActivityIndicator_exports = {};
+__export(ActivityIndicator_exports, {
+  default: () => ActivityIndicator_default
+});
+module.exports = __toCommonJS(ActivityIndicator_exports);
+var React = __toESM(require("react")),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+const createSvgCircle = style => /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+    cx: "16",
+    cy: "16",
+    fill: "none",
+    r: "14",
+    strokeWidth: "4",
+    style
+  }),
+  ActivityIndicator = React.forwardRef((props, forwardedRef) => {
+    const {
+        animating = !0,
+        color = "#1976D2",
+        hidesWhenStopped = !0,
+        size = "small",
+        style,
+        ...other
+      } = props,
+      svg = /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+        height: "100%",
+        viewBox: "0 0 32 32",
+        width: "100%",
+        children: [createSvgCircle({
+          stroke: color,
+          opacity: 0.2
+        }), createSvgCircle({
+          stroke: color,
+          strokeDasharray: 80,
+          strokeDashoffset: 60
+        })]
+      });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+      ...other,
+      accessibilityRole: "progressbar",
+      accessibilityValueMax: 1,
+      accessibilityValueMin: 0,
+      ref: forwardedRef,
+      style: [styles.container, style],
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+        children: svg,
+        style: [typeof size == "number" ? {
+          height: size,
+          width: size
+        } : indicatorSizes[size], styles.animation, !animating && styles.animationPause, !animating && hidesWhenStopped && styles.hidesWhenStopped]
+      })
+    });
+  });
+ActivityIndicator.displayName = "ActivityIndicator";
+const styles = import_react_native_web_internals.StyleSheet.create({
+    container: {
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    hidesWhenStopped: {
+      visibility: "hidden"
+    },
+    animation: {
+      animationDuration: "0.75s",
+      animationKeyframes: [{
+        "0%": {
+          transform: [{
+            rotate: "0deg"
+          }]
+        },
+        "100%": {
+          transform: [{
+            rotate: "360deg"
+          }]
+        }
+      }],
+      animationTimingFunction: "linear",
+      animationIterationCount: "infinite"
+    },
+    animationPause: {
+      animationPlayState: "paused"
+    }
+  }),
+  indicatorSizes = import_react_native_web_internals.StyleSheet.create({
+    small: {
+      width: 20,
+      height: 20
+    },
+    large: {
+      width: 36,
+      height: 36
+    }
+  });
+var ActivityIndicator_default = ActivityIndicator;

package/dist/cjs/Alert/index.cjs

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Alert_exports = {};
+__export(Alert_exports, {
+  default: () => Alert_default
+});
+module.exports = __toCommonJS(Alert_exports);
+class Alert {
+  static alert() {}
+}
+var Alert_default = Alert;

package/dist/cjs/AppRegistry/AppContainer.cjs

@@ -0,0 +1,70 @@
+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 __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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    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);
+var AppContainer_exports = {};
+__export(AppContainer_exports, {
+  default: () => AppContainer_default
+});
+module.exports = __toCommonJS(AppContainer_exports);
+var React = __toESM(require("react")),
+  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
+  import_View = __toESM(require("../View/index.cjs")),
+  import_jsx_runtime = require("react/jsx-runtime");
+const RootTagContext = React.createContext(null),
+  AppContainer = React.forwardRef((props, forwardedRef) => {
+    const {
+      children,
+      WrapperComponent
+    } = props;
+    let innerView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+      pointerEvents: "box-none",
+      style: styles.appContainer,
+      children
+    }, 1);
+    return WrapperComponent && (innerView = /* @__PURE__ */(0, import_jsx_runtime.jsx)(WrapperComponent, {
+      children: innerView
+    })), /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootTagContext.Provider, {
+      value: props.rootTag,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.default, {
+        pointerEvents: "box-none",
+        ref: forwardedRef,
+        style: styles.appContainer,
+        children: innerView
+      })
+    });
+  });
+AppContainer.displayName = "AppContainer";
+var AppContainer_default = AppContainer;
+const styles = import_react_native_web_internals.StyleSheet.create({
+  appContainer: {
+    flex: 1
+  }
+});

package/dist/cjs/AppRegistry/__tests__/{index-test.js → index-test.cjs}

@@ -2,22 +2,26 @@ 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,
+  __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)) !__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(
-  // 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
-));
-var import_react = __toESM(require("react")), import__ = __toESM(require(".."));
+// 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));
+var import_react = __toESM(require("react")),
+  import__ = __toESM(require("../index.cjs"));
 const NoopComponent = () => import_react.default.createElement("div");
 describe("AppRegistry", () => {
   describe("runApplication", () => {
@@ -34,7 +38,10 @@ describe("AppRegistry", () => {
         callback
       }), expect(callback).toHaveBeenCalledTimes(1);
     }), test("styles roots in different documents", () => {
-      import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", { initialProps: {}, rootTag });
+      import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", {
+        initialProps: {},
+        rootTag
+      });
       const iframe = document.createElement("iframe");
       document.body.appendChild(iframe);
       const iframeRootTag = document.createElement("div");
@@ -44,7 +51,7 @@ describe("AppRegistry", () => {
       });
       const iframedoc = iframeRootTag.ownerDocument;
       expect(iframedoc).toBe(iframe.contentWindow.document), expect(iframedoc).not.toBe(document);
-      const cssText = Array.prototype.slice.call(iframedoc.getElementById("react-native-stylesheet").sheet.cssRules).map((cssRule) => cssRule.cssText);
+      const cssText = Array.prototype.slice.call(iframedoc.getElementById("react-native-stylesheet").sheet.cssRules).map(cssRule => cssRule.cssText);
       expect(cssText).toMatchInlineSnapshot(`
         [
           "[stylesheet-group=\\"0\\"] {}",
@@ -73,5 +80,4 @@ describe("AppRegistry", () => {
       `);
     });
   });
-});
-//# sourceMappingURL=index-test.js.map
+});