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

package/dist/cjs/modules/useHover/index.cjs

@@ -3,95 +3,138 @@ 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 useHover_exports = {};
 __export(useHover_exports, {
   useHover: () => useHover
 });
 module.exports = __toCommonJS(useHover_exports);
-var import_modality = require("../modality/index.cjs"),
-  import_useEvent = require("../useEvent/index.cjs"),
-  import_useLayoutEffect = require("../useLayoutEffect/index.cjs");
-const emptyObject = {},
-  opts = {
-    passive: !0
-  },
-  lockEventType = "react-gui:hover:lock",
-  unlockEventType = "react-gui:hover:unlock",
-  supportsPointerEvent = () => typeof window < "u" && window.PointerEvent != null;
+var import_modality = require("../modality/index.cjs");
+var import_useEvent = require("../useEvent/index.cjs");
+var import_useLayoutEffect = require("../useLayoutEffect/index.cjs");
+const emptyObject = {};
+const opts = {
+  passive: true
+};
+const lockEventType = "react-gui:hover:lock";
+const unlockEventType = "react-gui:hover:unlock";
+const supportsPointerEvent = () => !!(typeof window !== "undefined" && window.PointerEvent != null);
 function dispatchCustomEvent(target, type, payload) {
-  const event = document.createEvent("CustomEvent"),
-    {
-      bubbles = !0,
-      cancelable = !0,
-      detail
-    } = payload || emptyObject;
-  event.initCustomEvent(type, bubbles, cancelable, detail), target.dispatchEvent(event);
+  const event = document.createEvent("CustomEvent");
+  const {
+    bubbles = true,
+    cancelable = true,
+    detail
+  } = payload || emptyObject;
+  event.initCustomEvent(type, bubbles, cancelable, detail);
+  target.dispatchEvent(event);
 }
 function getPointerType(event) {
   const {
     pointerType
   } = event;
-  return pointerType ?? (0, import_modality.getModality)();
+  return pointerType != null ? pointerType : (0, import_modality.getModality)();
 }
 function useHover(targetRef, config) {
   const {
-      contain,
-      disabled,
-      onHoverStart,
-      onHoverChange,
-      onHoverUpdate,
-      onHoverEnd
-    } = config,
-    canUsePE = supportsPointerEvent(),
-    addMoveListener = (0, import_useEvent.useEvent)(canUsePE ? "pointermove" : "mousemove", opts),
-    addEnterListener = (0, import_useEvent.useEvent)(canUsePE ? "pointerenter" : "mouseenter", opts),
-    addLeaveListener = (0, import_useEvent.useEvent)(canUsePE ? "pointerleave" : "mouseleave", opts),
-    addLockListener = (0, import_useEvent.useEvent)(lockEventType, opts),
-    addUnlockListener = (0, import_useEvent.useEvent)(unlockEventType, opts);
+    contain,
+    disabled,
+    onHoverStart,
+    onHoverChange,
+    onHoverUpdate,
+    onHoverEnd
+  } = config;
+  const canUsePE = supportsPointerEvent();
+  const addMoveListener = (0, import_useEvent.useEvent)(canUsePE ? "pointermove" : "mousemove", opts);
+  const addEnterListener = (0, import_useEvent.useEvent)(canUsePE ? "pointerenter" : "mouseenter", opts);
+  const addLeaveListener = (0, import_useEvent.useEvent)(canUsePE ? "pointerleave" : "mouseleave", opts);
+  const addLockListener = (0, import_useEvent.useEvent)(lockEventType, opts);
+  const addUnlockListener = (0, import_useEvent.useEvent)(unlockEventType, opts);
   (0, import_useLayoutEffect.useLayoutEffectImpl)(() => {
     const target = targetRef.current;
     if (target !== null) {
       const hoverEnd = function (e) {
-          onHoverEnd?.(e), onHoverChange?.(!1), addMoveListener(target, null), addLeaveListener(target, null);
-        },
-        leaveListener = function (e) {
-          const target2 = targetRef.current;
-          target2 != null && getPointerType(e) !== "touch" && (contain && dispatchCustomEvent(target2, unlockEventType), hoverEnd(e));
-        },
-        moveListener = function (e) {
-          getPointerType(e) !== "touch" && onHoverUpdate != null && (e.x == null && (e.x = e.clientX), e.y == null && (e.y = e.clientY), onHoverUpdate(e));
-        },
-        hoverStart = function (e) {
-          onHoverStart?.(e), onHoverChange?.(!0), onHoverUpdate != null && addMoveListener(target, disabled ? null : moveListener), addLeaveListener(target, disabled ? null : leaveListener);
-        };
-      addEnterListener(target, disabled ? null : function (e) {
+        if (onHoverEnd != null) {
+          onHoverEnd(e);
+        }
+        if (onHoverChange != null) {
+          onHoverChange(false);
+        }
+        addMoveListener(target, null);
+        addLeaveListener(target, null);
+      };
+      const leaveListener = function (e) {
+        const target2 = targetRef.current;
+        if (target2 != null && getPointerType(e) !== "touch") {
+          if (contain) {
+            dispatchCustomEvent(target2, unlockEventType);
+          }
+          hoverEnd(e);
+        }
+      };
+      const moveListener = function (e) {
+        if (getPointerType(e) !== "touch") {
+          if (onHoverUpdate != null) {
+            if (e.x == null) {
+              e.x = e.clientX;
+            }
+            if (e.y == null) {
+              e.y = e.clientY;
+            }
+            onHoverUpdate(e);
+          }
+        }
+      };
+      const hoverStart = function (e) {
+        if (onHoverStart != null) {
+          onHoverStart(e);
+        }
+        if (onHoverChange != null) {
+          onHoverChange(true);
+        }
+        if (onHoverUpdate != null) {
+          addMoveListener(target, !disabled ? moveListener : null);
+        }
+        addLeaveListener(target, !disabled ? leaveListener : null);
+      };
+      const enterListener = function (e) {
         const target2 = targetRef.current;
         if (target2 != null && getPointerType(e) !== "touch") {
-          contain && dispatchCustomEvent(target2, lockEventType), hoverStart(e);
+          if (contain) {
+            dispatchCustomEvent(target2, lockEventType);
+          }
+          hoverStart(e);
           const lockListener = function (lockEvent) {
-              lockEvent.target !== target2 && hoverEnd(e);
-            },
-            unlockListener = function (lockEvent) {
-              lockEvent.target !== target2 && hoverStart(e);
-            };
-          addLockListener(target2, disabled ? null : lockListener), addUnlockListener(target2, disabled ? null : unlockListener);
+            if (lockEvent.target !== target2) {
+              hoverEnd(e);
+            }
+          };
+          const unlockListener = function (lockEvent) {
+            if (lockEvent.target !== target2) {
+              hoverStart(e);
+            }
+          };
+          addLockListener(target2, !disabled ? lockListener : null);
+          addUnlockListener(target2, !disabled ? unlockListener : null);
         }
-      });
+      };
+      addEnterListener(target, !disabled ? enterListener : null);
     }
   }, [addEnterListener, addMoveListener, addLeaveListener, addLockListener, addUnlockListener, contain, disabled, onHoverStart, onHoverChange, onHoverUpdate, onHoverEnd, targetRef]);
 }

package/dist/cjs/modules/useLayoutEffect/index.cjs

@@ -2,38 +2,40 @@ 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 useLayoutEffect_exports = {};
 __export(useLayoutEffect_exports, {
   useLayoutEffectImpl: () => useLayoutEffectImpl
 });
 module.exports = __toCommonJS(useLayoutEffect_exports);
-var import_react = __toESM(require("react"), 1),
-  import_canUseDOM = require("../canUseDOM.cjs");
+var import_react = __toESM(require("react"), 1);
+var import_canUseDOM = require("../canUseDOM.cjs");
 const useLayoutEffectImpl = import_canUseDOM.canUseDOM ? import_react.default.useLayoutEffect : import_react.default.useEffect;

package/dist/cjs/modules/useLocale/index.cjs

@@ -2,33 +2,35 @@ 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 useLocale_exports = {};
 __export(useLocale_exports, {
   LocaleProvider: () => LocaleProvider,
@@ -36,14 +38,14 @@ __export(useLocale_exports, {
   useLocaleContext: () => useLocaleContext
 });
 module.exports = __toCommonJS(useLocale_exports);
-var import_react = __toESM(require("react"), 1),
-  import_isLocaleRTL = require("./isLocaleRTL.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_isLocaleRTL = require("./isLocaleRTL.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const defaultLocale = {
-    direction: "ltr",
-    locale: "en-US"
-  },
-  LocaleContext = import_react.default.createContext(defaultLocale);
+  direction: "ltr",
+  locale: "en-US"
+};
+const LocaleContext = import_react.default.createContext(defaultLocale);
 function getLocaleDirection(locale) {
   return (0, import_isLocaleRTL.isLocaleRTL)(locale) ? "rtl" : "ltr";
 }
@@ -53,7 +55,8 @@ function LocaleProvider(props) {
     locale,
     children
   } = props;
-  return direction || locale ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(LocaleContext.Provider, {
+  const needsContext = direction || locale;
+  return needsContext ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(LocaleContext.Provider, {
     value: {
       direction: locale ? getLocaleDirection(locale) : direction,
       locale

package/dist/cjs/modules/useLocale/isLocaleRTL.cjs

@@ -3,75 +3,79 @@ 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 isLocaleRTL_exports = {};
 __export(isLocaleRTL_exports, {
   isLocaleRTL: () => isLocaleRTL
 });
 module.exports = __toCommonJS(isLocaleRTL_exports);
-const rtlScripts = /* @__PURE__ */new Set(["Arab", "Syrc", "Samr", "Mand", "Thaa", "Mend", "Nkoo", "Adlm", "Rohg", "Hebr"]),
-  rtlLangs = /* @__PURE__ */new Set(["ae",
-  // Avestan
-  "ar",
-  // Arabic
-  "arc",
-  // Aramaic
-  "bcc",
-  // Southern Balochi
-  "bqi",
-  // Bakthiari
-  "ckb",
-  // Sorani
-  "dv",
-  // Dhivehi
-  "fa", "far",
-  // Persian
-  "glk",
-  // Gilaki
-  "he", "iw",
-  // Hebrew
-  "khw",
-  // Khowar
-  "ks",
-  // Kashmiri
-  "ku",
-  // Kurdish
-  "mzn",
-  // Mazanderani
-  "nqo",
-  // N'Ko
-  "pnb",
-  // Western Punjabi
-  "ps",
-  // Pashto
-  "sd",
-  // Sindhi
-  "ug",
-  // Uyghur
-  "ur",
-  // Urdu
-  "yi"
-  // Yiddish
-  ]),
-  cache = /* @__PURE__ */new Map();
+const rtlScripts = /* @__PURE__ */new Set(["Arab", "Syrc", "Samr", "Mand", "Thaa", "Mend", "Nkoo", "Adlm", "Rohg", "Hebr"]);
+const rtlLangs = /* @__PURE__ */new Set(["ae",
+// Avestan
+"ar",
+// Arabic
+"arc",
+// Aramaic
+"bcc",
+// Southern Balochi
+"bqi",
+// Bakthiari
+"ckb",
+// Sorani
+"dv",
+// Dhivehi
+"fa", "far",
+// Persian
+"glk",
+// Gilaki
+"he", "iw",
+// Hebrew
+"khw",
+// Khowar
+"ks",
+// Kashmiri
+"ku",
+// Kurdish
+"mzn",
+// Mazanderani
+"nqo",
+// N'Ko
+"pnb",
+// Western Punjabi
+"ps",
+// Pashto
+"sd",
+// Sindhi
+"ug",
+// Uyghur
+"ur",
+// Urdu
+"yi"
+// Yiddish
+]);
+const cache = /* @__PURE__ */new Map();
 function isLocaleRTL(locale) {
   const cachedRTL = cache.get(locale);
-  if (cachedRTL) return cachedRTL;
-  let isRTL = !1;
+  if (cachedRTL) {
+    return cachedRTL;
+  }
+  let isRTL = false;
   if (Intl.Locale) {
     const script = new Intl.Locale(locale).maximize().script;
     isRTL = rtlScripts.has(script);
@@ -79,5 +83,6 @@ function isLocaleRTL(locale) {
     const lang = locale.split("-")[0];
     isRTL = rtlLangs.has(lang);
   }
-  return cache.set(locale, isRTL), isRTL;
+  cache.set(locale, isRTL);
+  return isRTL;
 }

package/dist/cjs/modules/useMergeRefs/__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,13 +20,13 @@ 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"),
-  React = __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 React = __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("modules/useMergeRefs/index.js", () => {
   function TestComponent({
     refs,
@@ -36,67 +38,88 @@ describe("modules/useMergeRefs/index.js", () => {
       ...rest
     });
   }
-  afterEach(import_react.cleanup), test("handles no refs", () => {
+  afterEach(import_react.cleanup);
+  test("handles no refs", () => {
     (0, import_test_utils.act)(() => {
       (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         refs: []
       }));
     });
-  }), test("merges any number of varying refs", () => {
-    const callbackRef1 = jest.fn(),
-      callbackRef2 = jest.fn(),
-      objectRef1 = React.createRef(),
-      objectRef2 = React.createRef(),
-      nullRef = null;
+  });
+  test("merges any number of varying refs", () => {
+    const callbackRef1 = jest.fn();
+    const callbackRef2 = jest.fn();
+    const objectRef1 = React.createRef();
+    const objectRef2 = React.createRef();
+    const nullRef = null;
     (0, import_test_utils.act)(() => {
       (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         refs: [callbackRef1, callbackRef2, objectRef1, objectRef2, nullRef]
       }));
-    }), expect(callbackRef1).toHaveBeenCalledTimes(1), expect(callbackRef2).toHaveBeenCalledTimes(1), expect(objectRef1.current).toBeInstanceOf(HTMLDivElement), expect(objectRef2.current).toBeInstanceOf(HTMLDivElement);
-  }), test("ref is called when ref changes", () => {
-    const ref = jest.fn(),
-      nextRef = jest.fn();
+    });
+    expect(callbackRef1).toHaveBeenCalledTimes(1);
+    expect(callbackRef2).toHaveBeenCalledTimes(1);
+    expect(objectRef1.current).toBeInstanceOf(HTMLDivElement);
+    expect(objectRef2.current).toBeInstanceOf(HTMLDivElement);
+  });
+  test("ref is called when ref changes", () => {
+    const ref = jest.fn();
+    const nextRef = jest.fn();
     let rerender;
     (0, import_test_utils.act)(() => {
+      ;
       ({
         rerender
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         refs: [ref]
       })));
-    }), expect(ref).toHaveBeenCalled(), (0, import_test_utils.act)(() => {
+    });
+    expect(ref).toHaveBeenCalled();
+    (0, import_test_utils.act)(() => {
       rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         refs: [nextRef]
       }));
-    }), expect(nextRef).toHaveBeenCalled();
-  }), test("ref is not called for each rerender", () => {
+    });
+    expect(nextRef).toHaveBeenCalled();
+  });
+  test("ref is not called for each rerender", () => {
     const ref = jest.fn();
     let rerender;
     (0, import_test_utils.act)(() => {
+      ;
       ({
         rerender
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         refs: [ref]
       })));
-    }), expect(ref).toHaveBeenCalledTimes(1), (0, import_test_utils.act)(() => {
+    });
+    expect(ref).toHaveBeenCalledTimes(1);
+    (0, import_test_utils.act)(() => {
       rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         refs: [ref]
       }));
-    }), expect(ref).toHaveBeenCalledTimes(1);
-  }), test("ref is not called for props changes", () => {
+    });
+    expect(ref).toHaveBeenCalledTimes(1);
+  });
+  test("ref is not called for props changes", () => {
     const ref = jest.fn();
     let rerender;
     (0, import_test_utils.act)(() => {
+      ;
       ({
         rerender
       } = (0, import_react.render)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         id: "foo",
         refs: [ref]
       })));
-    }), expect(ref).toHaveBeenCalledTimes(1), (0, import_test_utils.act)(() => {
+    });
+    expect(ref).toHaveBeenCalledTimes(1);
+    (0, import_test_utils.act)(() => {
       rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {
         id: "bar",
         refs: [ref]
       }));
-    }), expect(ref).toHaveBeenCalledTimes(1);
+    });
+    expect(ref).toHaveBeenCalledTimes(1);
   });
 });