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

package/dist/cjs/AccessibilityInfo/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 AccessibilityInfo_exports = {};
 __export(AccessibilityInfo_exports, {
@@ -26,72 +28,82 @@ 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);
+    resolve(true);
   });
 }
-const prefersReducedMotionMedia = import_react_native_web_internals.canUseDOM && typeof window.matchMedia == "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+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);
+    resolve(prefersReducedMotionMedia ? prefersReducedMotionMedia.matches : true);
   });
 }
 function addChangeListener(fn) {
-  prefersReducedMotionMedia != null && (prefersReducedMotionMedia.addEventListener != null ? prefersReducedMotionMedia.addEventListener("change", fn) : prefersReducedMotionMedia.addListener(fn));
+  if (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));
+  if (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;
+const handlers = {};
+const 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;
       }
-      return {
-        remove: () => AccessibilityInfo.removeEventListener(eventName, handler)
+      const listener = event => {
+        handler(event.matches);
       };
-    },
-    /**
-     * 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);
+      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);
     }
-  };
+    return;
+  }
+};

package/dist/cjs/ActivityIndicator/__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,14 +20,14 @@ 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_react = require("@testing-library/react"),
-  import_dom_event_testing_library = require("dom-event-testing-library"),
-  import_react2 = __toESM(require("react"), 1),
-  import_test_utils = require("react-dom/test-utils"),
-  import__ = __toESM(require("../index.cjs"), 1),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_dom_event_testing_library = require("dom-event-testing-library");
+var import_react2 = __toESM(require("react"), 1);
+var import_test_utils = require("react-dom/test-utils");
+var import__ = __toESM(require("../index.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
 describe("components/ActivityIndicator", () => {
   describe('prop "accessibilityLabel"', () => {
     test("value is set", () => {
@@ -36,7 +38,8 @@ describe("components/ActivityIndicator", () => {
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "accessibilityLiveRegion"', () => {
+  });
+  describe('prop "accessibilityLiveRegion"', () => {
     test("value is set", () => {
       const {
         container
@@ -45,31 +48,35 @@ describe("components/ActivityIndicator", () => {
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "animating"', () => {
+  });
+  describe('prop "animating"', () => {
     test('is "true"', () => {
       const {
         container
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
-        animating: !0
+        animating: true
       }));
       expect(container.firstChild).toMatchSnapshot();
-    }), test('is "false"', () => {
+    });
+    test('is "false"', () => {
       const {
         container
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
-        animating: !1
+        animating: false
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), test('prop "color"', () => {
+  });
+  test('prop "color"', () => {
     const {
-        container
-      } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
-        color: "red"
-      })),
-      svg = container.firstChild.querySelector("svg");
+      container
+    } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
+      color: "red"
+    }));
+    const svg = container.firstChild.querySelector("svg");
     expect(svg).toMatchSnapshot();
-  }), describe('prop "dataSet"', () => {
+  });
+  describe('prop "dataSet"', () => {
     test("value is set", () => {
       const {
         container
@@ -81,25 +88,28 @@ describe("components/ActivityIndicator", () => {
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "hidesWhenStopped"', () => {
+  });
+  describe('prop "hidesWhenStopped"', () => {
     test('is "true"', () => {
       const {
         container
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
-        animating: !1,
-        hidesWhenStopped: !0
+        animating: false,
+        hidesWhenStopped: true
       }));
       expect(container.firstChild).toMatchSnapshot();
-    }), test('is "false"', () => {
+    });
+    test('is "false"', () => {
       const {
         container
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
-        animating: !1,
-        hidesWhenStopped: !1
+        animating: false,
+        hidesWhenStopped: false
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "nativeID"', () => {
+  });
+  describe('prop "nativeID"', () => {
     test("value is set", () => {
       const {
         container
@@ -108,28 +118,32 @@ describe("components/ActivityIndicator", () => {
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "onBlur"', () => {
+  });
+  describe('prop "onBlur"', () => {
     test("is called", () => {
-      const onBlur = jest.fn(),
-        ref = import_react2.default.createRef();
+      const onBlur = jest.fn();
+      const 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);
+      const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
+      const body = (0, import_dom_event_testing_library.createEventTarget)(document.body);
       (0, import_test_utils.act)(() => {
-        target.focus(), body.focus({
+        target.focus();
+        body.focus({
           relatedTarget: target.node
         });
-      }), expect(onBlur).toBeCalled();
+      });
+      expect(onBlur).toBeCalled();
     });
-  }), describe('prop "onFocus"', () => {
+  });
+  describe('prop "onFocus"', () => {
     test("is called", () => {
-      const onFocus = jest.fn(),
-        ref = import_react2.default.createRef();
+      const onFocus = jest.fn();
+      const ref = import_react2.default.createRef();
       (0, import_test_utils.act)(() => {
         (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
           onFocus,
@@ -139,16 +153,20 @@ describe("components/ActivityIndicator", () => {
       const target = (0, import_dom_event_testing_library.createEventTarget)(ref.current);
       (0, import_test_utils.act)(() => {
         target.focus();
-      }), expect(onFocus).toBeCalled();
+      });
+      expect(onFocus).toBeCalled();
     });
-  }), describe('prop "ref"', () => {
+  });
+  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();
+      }));
+      expect(ref).toBeCalled();
     });
-  }), describe('prop "size"', () => {
+  });
+  describe('prop "size"', () => {
     test('is "large"', () => {
       const {
         container
@@ -156,7 +174,8 @@ describe("components/ActivityIndicator", () => {
         size: "large"
       }));
       expect(container.firstChild).toMatchSnapshot();
-    }), test("is a number", () => {
+    });
+    test("is a number", () => {
       const {
         container
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import__.default, {
@@ -164,7 +183,8 @@ describe("components/ActivityIndicator", () => {
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "style"', () => {
+  });
+  describe('prop "style"', () => {
     test("value is set", () => {
       const {
         container
@@ -175,7 +195,8 @@ describe("components/ActivityIndicator", () => {
       }));
       expect(container.firstChild).toMatchSnapshot();
     });
-  }), describe('prop "testID"', () => {
+  });
+  describe('prop "testID"', () => {
     test("value is set", () => {
       const {
         container

package/dist/cjs/ActivityIndicator/index.cjs

@@ -2,127 +2,129 @@ 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 ActivityIndicator_exports = {};
 __export(ActivityIndicator_exports, {
   ActivityIndicator: () => ActivityIndicator,
   default: () => ActivityIndicator_default
 });
 module.exports = __toCommonJS(ActivityIndicator_exports);
-var React = __toESM(require("react"), 1),
-  import_react_native_web_internals = require("@tamagui/react-native-web-internals"),
-  import_View = require("../View/index.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+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");
+var 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.View, {
-      ...other,
-      accessibilityRole: "progressbar",
-      accessibilityValueMax: 1,
-      accessibilityValueMin: 0,
-      ref: forwardedRef,
-      style: [styles.container, style],
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-        children: svg,
-        style: [typeof size == "number" ? {
-          height: size,
-          width: size
-        } : indicatorSizes[size], styles.animation, !animating && styles.animationPause, !animating && hidesWhenStopped && styles.hidesWhenStopped]
-      })
-    });
+  cx: "16",
+  cy: "16",
+  fill: "none",
+  r: "14",
+  strokeWidth: "4",
+  style
+});
+const ActivityIndicator = React.forwardRef((props, forwardedRef) => {
+  const {
+    animating = true,
+    color = "#1976D2",
+    hidesWhenStopped = true,
+    size = "small",
+    style,
+    ...other
+  } = props;
+  const 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.View, {
+    ...other,
+    accessibilityRole: "progressbar",
+    accessibilityValueMax: 1,
+    accessibilityValueMin: 0,
+    ref: forwardedRef,
+    style: [styles.container, style],
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
+      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
-    }
-  });
+  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"
+  }
+});
+const indicatorSizes = import_react_native_web_internals.StyleSheet.create({
+  small: {
+    width: 20,
+    height: 20
+  },
+  large: {
+    width: 36,
+    height: 36
+  }
+});
 var ActivityIndicator_default = ActivityIndicator;