@tamagui/react-native-web-lite 1.116.0 → 1.116.2

package/dist/cjs/AccessibilityInfo/index.js

@@ -0,0 +1,96 @@
+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;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,116 @@
+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("..")), 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();
+    });
+  });
+});
+//# sourceMappingURL=index-test.js.map

package/dist/cjs/ActivityIndicator/index.js

@@ -0,0 +1,108 @@
+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")), 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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Alert/index.js

@@ -0,0 +1,25 @@
+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;
+//# sourceMappingURL=index.js.map

package/dist/cjs/AppRegistry/AppContainer.js

@@ -0,0 +1,41 @@
+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")), 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
+  }
+});
+//# sourceMappingURL=AppContainer.js.map

package/dist/cjs/AppRegistry/__tests__/index-test.js

@@ -0,0 +1,77 @@
+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 = __toESM(require("react")), import__ = __toESM(require(".."));
+const NoopComponent = () => import_react.default.createElement("div");
+describe("AppRegistry", () => {
+  describe("runApplication", () => {
+    let rootTag;
+    beforeEach(() => {
+      rootTag = document.createElement("div"), rootTag.id = "react-root", document.body.appendChild(rootTag);
+    }), afterEach(() => {
+      document.body.removeChild(rootTag);
+    }), test("callback after render", () => {
+      const callback = jest.fn();
+      import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", {
+        initialProps: {},
+        rootTag,
+        callback
+      }), expect(callback).toHaveBeenCalledTimes(1);
+    }), test("styles roots in different documents", () => {
+      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");
+      iframeRootTag.id = "react-iframe-root", iframe.contentWindow.document.body.appendChild(iframeRootTag), import__.default.registerComponent("App", () => NoopComponent), import__.default.runApplication("App", {
+        initialProps: {},
+        rootTag: iframeRootTag
+      });
+      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);
+      expect(cssText).toMatchInlineSnapshot(`
+        [
+          "[stylesheet-group=\\"0\\"] {}",
+          "body {margin: 0;}",
+          "button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}",
+          "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
+          "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
+          "[stylesheet-group=\\"1\\"] {}",
+          ".css-view-175oi2r {align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
+          "[stylesheet-group=\\"2\\"] {}",
+          ".r-display-xoduu5 {display: inline-flex;}",
+          ".r-flex-13awgt0 {flex: 1;}",
+          "[stylesheet-group=\\"2.2\\"] {}",
+          ".r-bottom-1p0dtai {bottom: 0px;}",
+          ".r-left-1d2f490 {left: 0px;}",
+          ".r-pointerEvents-105ug2t {pointer-events: auto !important;}",
+          ".r-pointerEvents-12vffkv>* {pointer-events: auto;}",
+          ".r-pointerEvents-12vffkv {pointer-events: none !important;}",
+          ".r-pointerEvents-633pao {pointer-events: none !important;}",
+          ".r-pointerEvents-ah5dr5>* {pointer-events: none;}",
+          ".r-pointerEvents-ah5dr5 {pointer-events: auto !important;}",
+          ".r-position-u8s1d {position: absolute;}",
+          ".r-right-zchlnj {right: 0px;}",
+          ".r-top-ipm5af {top: 0px;}",
+        ]
+      `);
+    });
+  });
+});
+//# sourceMappingURL=index-test.js.map

package/dist/cjs/AppRegistry/__tests__/index-test.node.js

@@ -0,0 +1,131 @@
+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 = __toESM(require("react")), import_server = __toESM(require("react-dom/server")), import_StyleSheet = __toESM(require("../../StyleSheet/index")), import_View = __toESM(require("../../View")), import__ = __toESM(require(".."));
+const NoopComponent = () => import_react.default.createElement("div");
+describe("AppRegistry", () => {
+  describe("getApplication", () => {
+    test("does not throw when missing appParameters", () => {
+      import__.default.registerComponent("App", () => NoopComponent), expect(() => import__.default.getApplication("App")).not.toThrow();
+    }), test('returns "element" and "getStyleElement"', () => {
+      import__.default.registerComponent("App", () => NoopComponent);
+      const { element, getStyleElement } = import__.default.getApplication("App", {}), styleElement = import_server.default.renderToStaticMarkup(getStyleElement());
+      expect(element).toMatchInlineSnapshot(`
+        <AppContainer
+          rootTag={{}}
+        >
+          <NoopComponent />
+        </AppContainer>
+      `), expect(styleElement).toMatchInlineSnapshot(`
+        "<style id=\\"react-native-stylesheet\\">[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}</style>"
+      `);
+    }), test('"getStyleElement" adds props to <style>', () => {
+      const nonce = "2Bz9RM/UHvBbmo3jK/PbYZ==";
+      import__.default.registerComponent("App", () => NoopComponent);
+      const { getStyleElement } = import__.default.getApplication("App", {}), styleElement = getStyleElement({ nonce });
+      expect(styleElement.props.nonce).toBe(nonce);
+    }), test('"getStyleElement" contains style updates', () => {
+      const getApplicationStyles = (appName) => {
+        const { getStyleElement } = import__.default.getApplication(appName, {});
+        return getStyleElement().props.dangerouslySetInnerHTML.__html;
+      }, RootComponent = () => import_react.default.createElement(import_View.default);
+      import__.default.registerComponent("App", () => RootComponent);
+      const first = getApplicationStyles("App");
+      expect(first).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}"
+      `);
+      const styles = import_StyleSheet.default.create({
+        root: { borderWidth: 1234, backgroundColor: "purple" }
+      }), AlternativeComponent = () => import_react.default.createElement(import_View.default, { style: styles.root });
+      import__.default.registerComponent("AlternativeApp", () => AlternativeComponent);
+      const second = getApplicationStyles("AlternativeApp");
+      expect(second).toMatchInlineSnapshot(`
+        "[stylesheet-group=\\"0\\"]{}
+        body{margin:0;}
+        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
+        [stylesheet-group=\\"1\\"]{}
+        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        [stylesheet-group=\\"2\\"]{}
+        .r-borderWidth-1bee2fs{border-bottom-width:1234px;border-left-width:1234px;border-right-width:1234px;border-top-width:1234px;}
+        .r-display-xoduu5{display:inline-flex;}
+        .r-flex-13awgt0{flex:1;}
+        [stylesheet-group=\\"2.2\\"]{}
+        .r-backgroundColor-aot4c7{background-color:rgba(128,0,128,1.00);}
+        .r-bottom-1p0dtai{bottom:0px;}
+        .r-left-1d2f490{left:0px;}
+        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
+        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
+        .r-pointerEvents-12vffkv{pointer-events:none!important;}
+        .r-pointerEvents-633pao{pointer-events:none!important;}
+        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
+        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
+        .r-position-u8s1d{position:absolute;}
+        .r-right-zchlnj{right:0px;}
+        .r-top-ipm5af{top:0px;}"
+      `);
+      const third = getApplicationStyles("App");
+      expect(third).toEqual(second);
+    });
+  });
+});
+//# sourceMappingURL=index-test.node.js.map