@jobber/hooks 2.8.2 → 2.8.3

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from "./useFocusTrap";
 export * from "./useFormState";
 export * from "./useInView";
 export * from "./useIsMounted";
+export * from "./useSafeLayoutEffect";
 export * from "./useLiveAnnounce";
 export * from "./useOnKeyDown";
 export * from "./usePasswordStrength";

package/dist/index.js

@@ -22,6 +22,7 @@ __exportStar(require("./useFocusTrap"), exports);
 __exportStar(require("./useFormState"), exports);
 __exportStar(require("./useInView"), exports);
 __exportStar(require("./useIsMounted"), exports);
+__exportStar(require("./useSafeLayoutEffect"), exports);
 __exportStar(require("./useLiveAnnounce"), exports);
 __exportStar(require("./useOnKeyDown"), exports);
 __exportStar(require("./usePasswordStrength"), exports);

package/dist/useIsMounted/useIsMounted.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsMounted = void 0;
 const react_1 = require("react");
+const useSafeLayoutEffect_1 = require("../useSafeLayoutEffect");
 /**
  * Why does this work?
  *
@@ -20,7 +21,7 @@ const react_1 = require("react");
  */
 function useIsMounted() {
     const isMounted = (0, react_1.useRef)(false);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, useSafeLayoutEffect_1.useSafeLayoutEffect)(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;

package/dist/useSafeLayoutEffect/index.d.ts

@@ -0,0 +1 @@
+export { useSafeLayoutEffect } from "./useSafeLayoutEffect";

package/dist/useSafeLayoutEffect/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSafeLayoutEffect = void 0;
+var useSafeLayoutEffect_1 = require("./useSafeLayoutEffect");
+Object.defineProperty(exports, "useSafeLayoutEffect", { enumerable: true, get: function () { return useSafeLayoutEffect_1.useSafeLayoutEffect; } });

package/dist/useSafeLayoutEffect/useSafeLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from "react";
+export declare const useSafeLayoutEffect: typeof useEffect;

package/dist/useSafeLayoutEffect/useSafeLayoutEffect.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSafeLayoutEffect = void 0;
+const react_1 = require("react");
+exports.useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? react_1.useLayoutEffect
+    : react_1.useEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.8.2",
+  "version": "2.8.3",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -44,5 +44,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18"
   },
-  "gitHead": "3caaa43e03388b7d034d0606dc803218394929c2"
+  "gitHead": "ffca76875532e21c83a6527e49873a7394b70691"
 }

package/useSafeLayoutEffect.d.ts

@@ -0,0 +1 @@
+export * from "./dist/useSafeLayoutEffect";

package/useSafeLayoutEffect.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var useSafeLayoutEffect = require("./dist/useSafeLayoutEffect");
+
+Object.keys(useSafeLayoutEffect).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return useSafeLayoutEffect[key];
+    },
+  });
+});