@jobber/hooks 2.9.7 → 2.9.9-fix-input-.53

package/README.md

@@ -0,0 +1,21 @@
+# Atlantis Hooks
+
+Shared hooks for components in Atlantis.
+
+## Hooks
+
+- [useAssert](../?path=/docs/hooks-useassert--docs)
+- [useBool](../?path=/docs/hooks-usebool--docs)
+- [useCollectionQuery](../?path=/docs/hooks-usecollectionquery--docs)
+- [useFormState](../?path=/docs/hooks-useformstate--docs)
+- [useIsMounted](../?path=/docs/hooks-useismounted--docs)
+- [useLiveAnnounce](../?path=/docs/hooks-useliveannounce--docs)
+- [useOnKeyDown](../?path=/docs/hooks-useonkeydown--docs)
+- [usePasswordStrength](../?path=/docs/hooks-usepasswordstrength--docs)
+- [useRefocusOnActivator](../?path=/docs/hooks-userefocusonactivator--docs)
+- [useResizeObserver](../?path=/docs/hooks-useresizeobserver--docs)
+- [useWindowDimensions](../?path=/docs/hooks-usewindowdimensions--docs)
+
+## Installing
+
+`npm install hooks @jobber/hooks`

package/dist/index.d.ts

@@ -13,3 +13,4 @@ export * from "./useRefocusOnActivator";
 export * from "./useResizeObserver";
 export * from "./useSafeLayoutEffect";
 export * from "./useShowClear";
+export * from "./useWindowDimensions";

package/dist/index.js

@@ -29,3 +29,4 @@ __exportStar(require("./useRefocusOnActivator"), exports);
 __exportStar(require("./useResizeObserver"), exports);
 __exportStar(require("./useSafeLayoutEffect"), exports);
 __exportStar(require("./useShowClear"), exports);
+__exportStar(require("./useWindowDimensions"), exports);

package/dist/useBreakpoints/useBreakpoints.d.ts

@@ -6,7 +6,7 @@ export declare const BREAKPOINT_SIZES: {
 };
 /**
  * Hook equivalent of CSS media queries with our
- * [supported breakpoints](https://atlantis.getjobber.com/?path=/docs/design-breakpoints--page).
+ * [supported breakpoints](https://atlantis.getjobber.com/?path=/docs/design-breakpoints--docs).
  */
 export declare function useBreakpoints(): {
     smallAndUp: boolean;

package/dist/useBreakpoints/useBreakpoints.js

@@ -5,7 +5,7 @@ const useMediaQuery_1 = require("./useMediaQuery");
 exports.BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
 /**
  * Hook equivalent of CSS media queries with our
- * [supported breakpoints](https://atlantis.getjobber.com/?path=/docs/design-breakpoints--page).
+ * [supported breakpoints](https://atlantis.getjobber.com/?path=/docs/design-breakpoints--docs).
  */
 function useBreakpoints() {
     const { sm, md, lg, xl } = exports.BREAKPOINT_SIZES;

package/dist/useWindowDimensions/index.d.ts

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

package/dist/useWindowDimensions/index.js

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

package/dist/useWindowDimensions/useWIndowDimensions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/useWindowDimensions/useWIndowDimensions.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_hooks_1 = require("@testing-library/react-hooks");
+const react_1 = require("@testing-library/react");
+const useWindowDimensions_1 = require("./useWindowDimensions");
+describe("useWindowDimensions", () => {
+    it("should return window dimensions", () => {
+        window.innerHeight = 100;
+        window.innerWidth = 1000;
+        const { result } = (0, react_hooks_1.renderHook)(() => (0, useWindowDimensions_1.useWindowDimensions)());
+        expect(result.current).toEqual({ width: 1000, height: 100 });
+    });
+    describe("resize event", () => {
+        it("should return window dimensions after resize", () => {
+            window.innerHeight = 100;
+            window.innerWidth = 1000;
+            const { result } = (0, react_hooks_1.renderHook)(() => (0, useWindowDimensions_1.useWindowDimensions)());
+            window.innerWidth = 500;
+            (0, react_1.fireEvent)(window, new Event("resize"));
+            expect(result.current).toEqual({ width: 500, height: 100 });
+        });
+    });
+});

package/dist/useWindowDimensions/useWindowDimensions.d.ts

@@ -0,0 +1,4 @@
+export declare function useWindowDimensions(): {
+    width: number;
+    height: number;
+};

package/dist/useWindowDimensions/useWindowDimensions.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowDimensions = void 0;
+const react_1 = require("react");
+function getWindowDimensions() {
+    if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
+        return {
+            width: 0,
+            height: 0,
+        };
+    }
+    const { innerWidth: width, innerHeight: height } = window;
+    return {
+        width,
+        height,
+    };
+}
+function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
+    (0, react_1.useEffect)(() => {
+        function handleResize() {
+            setWindowDimensions(getWindowDimensions());
+        }
+        window === null || window === void 0 ? void 0 : window.addEventListener("resize", handleResize);
+        return () => window === null || window === void 0 ? void 0 : window.removeEventListener("resize", handleResize);
+    }, []);
+    return windowDimensions;
+}
+exports.useWindowDimensions = useWindowDimensions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.9.7",
+  "version": "2.9.9-fix-input-.53+19040e2c",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -42,7 +42,7 @@
   },
   "peerDependencies": {
     "@apollo/client": "^3.0.0",
-    "react": "^18"
+    "react": "^18.2.0"
   },
-  "gitHead": "b10e7ce1c463c1ecde128866ea95ba9fc2b9aaee"
+  "gitHead": "19040e2c3db4f2b65e952bb08bcceb3b77f556e2"
 }

package/useWindowDimensions.d.ts

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

package/useWindowDimensions.js

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

package/README.mdx

@@ -1,20 +0,0 @@
-# Atlantis Hooks
-
-Shared hooks for components in Atlantis.
-
-## Hooks
-
-- [useAssert](../?path=/docs/hooks-useassert--page)
-- [useBool](../?path=/docs/hooks-usebool--page)
-- [useCollectionQuery](../?path=/docs/hooks-usecollectionquery--use-collection-query)
-- [useFormState](../?path=/docs/hooks-useformstate--use-form-state)
-- [useIsMounted](../?path=/docs/hooks-useismounted--use-is-mounted)
-- [useLiveAnnounce](../?path=/docs/hooks-useliveannounce--use-live-announce)
-- [useOnKeyDown](../?path=/docs/hooks-useonkeydown--use-on-key-down)
-- [usePasswordStrength](../?path=/docs/hooks-usepasswordstrength--use-password-strength)
-- [useRefocusOnActivator](../?path=/docs/hooks-userefocusonactivator--use-refocus-on-activator)
-- [useResizeObserver](../?path=/docs/packages-hooks--page)
-
-## Installing
-
-`npm install hooks @jobber/hooks`

package/readme.stories.mdx

@@ -1,6 +0,0 @@
-import { Meta } from "@storybook/addon-docs";
-import Readme from "./README.mdx";
-
-<Meta title="Packages/Hooks" />
-
-<Readme />