@jobber/hooks 2.8.0 → 2.8.1-JOB-85844.26

package/dist/useAssert/index.d.ts

@@ -1 +1,2 @@
 export { useAssert } from "./useAssert";
+export { useSafeAssert } from "./useSafeAssert";

package/dist/useAssert/index.js

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

package/dist/useAssert/useAssert.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAssert = void 0;
 const process_1 = __importDefault(require("process"));
 function useAssert(shouldShow, message, options) {
-    if (process_1.default.env.NODE_ENV !== "production" && shouldShow) {
+    if (typeof process_1.default !== "undefined" &&
+        typeof process_1.default.env !== "undefined" &&
+        process_1.default.env.NODE_ENV !== "production" &&
+        shouldShow) {
         if (options === null || options === void 0 ? void 0 : options.warn) {
             console.warn(message);
         }

package/dist/useAssert/useSafeAssert.d.ts

@@ -0,0 +1,2 @@
+import { useAssert } from "./useAssert";
+export declare const useSafeAssert: typeof useAssert;

package/dist/useAssert/useSafeAssert.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSafeAssert = void 0;
+const useAssert_1 = require("./useAssert");
+const canUseDom = !!(typeof window !== "undefined" &&
+    window.document &&
+    window.document.createElement);
+// safe to disable eslint here because we want a function that does nothing
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+exports.useSafeAssert = canUseDom ? useAssert_1.useAssert : () => { };

package/dist/useBreakpoints/useMediaQuery.d.ts

@@ -1,4 +1,6 @@
 /**
  * Sets the JS media query listener. Internal use only.
  */
-export declare function useMediaQuery(CSSMediaQuery: string): boolean;
+declare function useUnSafeMediaQuery(CSSMediaQuery: string): boolean;
+export declare const useMediaQuery: typeof useUnSafeMediaQuery;
+export {};

package/dist/useBreakpoints/useMediaQuery.js

@@ -5,7 +5,7 @@ const react_1 = require("react");
 /**
  * Sets the JS media query listener. Internal use only.
  */
-function useMediaQuery(CSSMediaQuery) {
+function useUnSafeMediaQuery(CSSMediaQuery) {
     const [matches, setMatches] = (0, react_1.useState)(window.matchMedia(CSSMediaQuery).matches);
     (0, react_1.useEffect)(() => {
         const media = window.matchMedia(CSSMediaQuery);
@@ -18,4 +18,9 @@ function useMediaQuery(CSSMediaQuery) {
     }, [CSSMediaQuery]);
     return matches;
 }
-exports.useMediaQuery = useMediaQuery;
+const canUseDom = !!(typeof window !== "undefined" &&
+    window.document &&
+    window.document.createElement);
+// safe to disable eslint here because we want a function that does nothing
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+exports.useMediaQuery = canUseDom ? useUnSafeMediaQuery : () => true;

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 * from "./useSafeLayoutEffect";

package/dist/useSafeLayoutEffect/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useSafeLayoutEffect"), exports);

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.0",
+  "version": "2.8.1-JOB-85844.26+2a8f0ea0",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -20,7 +20,7 @@
   ],
   "devDependencies": {
     "@apollo/react-testing": "^4.0.0",
-    "@jobber/formatters": "*",
+    "@jobber/formatters": "^0.2.2",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.0",
     "@testing-library/user-event": "^14.5.1",
@@ -44,5 +44,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18"
   },
-  "gitHead": "300688dd8bf005f2d0f6fb06a0f913f0a208a937"
+  "gitHead": "2a8f0ea0dd13876752f02c48c064b3807427f95e"
 }

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];
+    },
+  });
+});