@jobber/hooks 2.0.3-pre.51 → 2.0.3-pre1.52

package/dist/useIsMounted/useIsMounted.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = void 0;
-const react_1 = require("react");
+import { useLayoutEffect, useRef } from "react";
 /**
  * Why does this work?
  *
@@ -18,9 +15,9 @@ const react_1 = require("react");
  * When the component unmounts, it calls the cleanup function that sets `isMounted` to false.
  * This `useLayoutEffect` hook will only be run once.
  */
-function useIsMounted() {
-    const isMounted = (0, react_1.useRef)(false);
-    (0, react_1.useLayoutEffect)(() => {
+export function useIsMounted() {
+    const isMounted = useRef(false);
+    useLayoutEffect(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;
@@ -28,4 +25,3 @@ function useIsMounted() {
     }, []);
     return isMounted;
 }
-exports.useIsMounted = useIsMounted;

package/dist/useIsMounted/useIsMounted.test.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_hooks_1 = require("@testing-library/react-hooks");
-const useIsMounted_1 = require("./useIsMounted");
+import { renderHook } from "@testing-library/react-hooks";
+import { useIsMounted } from "./useIsMounted.js";
 it("should return true when the component is currently mounted", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, useIsMounted_1.useIsMounted)());
+    const { result } = renderHook(() => useIsMounted());
     const isMounted = result.current;
     expect(isMounted.current).toBe(true);
 });
 it("should return false when the component is unmounted", () => {
-    const { result, unmount } = (0, react_hooks_1.renderHook)(() => (0, useIsMounted_1.useIsMounted)());
+    const { result, unmount } = renderHook(() => useIsMounted());
     const isMounted = result.current;
     unmount();
     expect(isMounted.current).toBe(false);

package/dist/useLiveAnnounce/index.d.ts

@@ -1 +1 @@
-export { useLiveAnnounce } from "./useLiveAnnounce";
+export { useLiveAnnounce } from "./useLiveAnnounce.js";

package/dist/useLiveAnnounce/index.js

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

package/dist/useLiveAnnounce/useLiveAnnounce.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLiveAnnounce = void 0;
-const react_1 = require("react");
+import { useEffect, useState } from "react";
 /**
  * Announce a message on voice over whenever you do an action. This is
  * especially helpful when you have an action that adds or deletes an element
  * from the screen.
  */
-function useLiveAnnounce() {
-    const [announcedMessage, setAnnouncedMessage] = (0, react_1.useState)("");
-    (0, react_1.useEffect)(() => {
+export function useLiveAnnounce() {
+    const [announcedMessage, setAnnouncedMessage] = useState("");
+    useEffect(() => {
         let target;
         if (announcedMessage) {
             target = createAnnouncedElement();
@@ -23,7 +20,6 @@ function useLiveAnnounce() {
         },
     };
 }
-exports.useLiveAnnounce = useLiveAnnounce;
 // eslint-disable-next-line max-statements
 function createAnnouncedElement() {
     const el = document.createElement("div");

package/dist/useLiveAnnounce/useLiveAnnounce.test.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,30 +7,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const _1 = require(".");
+import React from "react";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import { useLiveAnnounce } from "./index.js";
 function setupHook() {
     const returnVal = {
         liveAnnounce: jest.fn,
     };
     function TestComponent() {
-        Object.assign(returnVal, (0, _1.useLiveAnnounce)());
-        return react_1.default.createElement(react_1.default.Fragment, null);
+        Object.assign(returnVal, useLiveAnnounce());
+        return React.createElement(React.Fragment, null);
     }
-    const { rerender } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    return Object.assign(Object.assign({}, returnVal), { rerenderComponent: () => rerender(react_1.default.createElement(TestComponent, null)) });
+    const { rerender } = render(React.createElement(TestComponent, null));
+    return Object.assign(Object.assign({}, returnVal), { rerenderComponent: () => rerender(React.createElement(TestComponent, null)) });
 }
 it("should render a div to announce", () => __awaiter(void 0, void 0, void 0, function* () {
     const { liveAnnounce } = setupHook();
     const message = "Huzzah";
-    (0, react_2.act)(() => liveAnnounce(message));
-    yield (0, react_2.waitFor)(() => {
-        const expectedElement = react_2.screen.queryByRole("status");
+    act(() => liveAnnounce(message));
+    yield waitFor(() => {
+        const expectedElement = screen.queryByRole("status");
         expect(expectedElement).toBeInTheDocument();
         expect(expectedElement === null || expectedElement === void 0 ? void 0 : expectedElement.textContent).toBe(message);
         expect(expectedElement).toHaveAttribute("role", "status");
@@ -41,20 +36,20 @@ it("should render a div to announce", () => __awaiter(void 0, void 0, void 0, fu
 }));
 it("should not render the announced div", () => __awaiter(void 0, void 0, void 0, function* () {
     setupHook();
-    expect(react_2.screen.queryByRole("status")).not.toBeInTheDocument();
+    expect(screen.queryByRole("status")).not.toBeInTheDocument();
 }));
 it("should only have 1 div to announce a message on a single instance of the hook", () => __awaiter(void 0, void 0, void 0, function* () {
     const { liveAnnounce } = setupHook();
     const firstMessage = "I am first";
     const secondMessage = "I am second";
-    (0, react_2.act)(() => liveAnnounce(firstMessage));
-    yield (0, react_2.waitFor)(() => {
-        expect(react_2.screen.queryAllByRole("status")).toHaveLength(1);
-        expect(react_2.screen.getByRole("status").textContent).toBe(firstMessage);
+    act(() => liveAnnounce(firstMessage));
+    yield waitFor(() => {
+        expect(screen.queryAllByRole("status")).toHaveLength(1);
+        expect(screen.getByRole("status").textContent).toBe(firstMessage);
     });
-    (0, react_2.act)(() => liveAnnounce(secondMessage));
-    yield (0, react_2.waitFor)(() => {
-        expect(react_2.screen.queryAllByRole("status")).toHaveLength(1);
-        expect(react_2.screen.getByRole("status").textContent).toBe(secondMessage);
+    act(() => liveAnnounce(secondMessage));
+    yield waitFor(() => {
+        expect(screen.queryAllByRole("status")).toHaveLength(1);
+        expect(screen.getByRole("status").textContent).toBe(secondMessage);
     });
 }));

package/dist/useOnKeyDown/index.d.ts

@@ -1 +1 @@
-export { useOnKeyDown } from "./useOnKeyDown";
+export { useOnKeyDown } from "./useOnKeyDown.js";

package/dist/useOnKeyDown/index.js

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

package/dist/useOnKeyDown/useOnKeyDown.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnKeyDown = void 0;
-const event_listener_1 = __importDefault(require("@use-it/event-listener"));
-function useOnKeyDown(callback, keys) {
-    (0, event_listener_1.default)("keydown", handler);
+import useEventListener from "@use-it/event-listener";
+export function useOnKeyDown(callback, keys) {
+    useEventListener("keydown", handler);
     function handler(event) {
         const keyboardEvent = event;
         if (typeof keys === "string" && keyboardEvent.key === keys) {
@@ -30,4 +24,3 @@ function useOnKeyDown(callback, keys) {
         }
     }
 }
-exports.useOnKeyDown = useOnKeyDown;

package/dist/useOnKeyDown/useOnKeyDown.test.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const _1 = require(".");
+import React from "react";
+import { fireEvent, render } from "@testing-library/react";
+import { useOnKeyDown } from "./index.js";
 test("fires the method when the key is pressed", () => {
     const keypressCallback = jest.fn();
-    const { container } = (0, react_2.render)(react_1.default.createElement(TestComponent, { callback: keypressCallback }));
+    const { container } = render(React.createElement(TestComponent, { callback: keypressCallback }));
     expect(keypressCallback).toHaveBeenCalledTimes(0);
-    (0, react_2.fireEvent)(container, new KeyboardEvent("keydown", {
+    fireEvent(container, new KeyboardEvent("keydown", {
         key: "Enter",
         bubbles: true,
         cancelable: false,
@@ -18,6 +13,6 @@ test("fires the method when the key is pressed", () => {
     expect(keypressCallback).toHaveBeenCalledTimes(1);
 });
 function TestComponent({ callback }) {
-    (0, _1.useOnKeyDown)(callback, "Enter");
-    return react_1.default.createElement(react_1.default.Fragment, null, "Look at me!");
+    useOnKeyDown(callback, "Enter");
+    return React.createElement(React.Fragment, null, "Look at me!");
 }

package/dist/usePasswordStrength/index.d.ts

@@ -1 +1 @@
-export { usePasswordStrength } from "./usePasswordStrength";
+export { usePasswordStrength } from "./usePasswordStrength.js";

package/dist/usePasswordStrength/index.js

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

package/dist/usePasswordStrength/usePasswordStrength.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePasswordStrength = void 0;
-const react_1 = require("react");
-const zxcvbn_1 = __importDefault(require("zxcvbn"));
-function usePasswordStrength(password, dictionary) {
-    const { guesses, score, feedback: { warning, suggestions }, crack_times_display: { offline_fast_hashing_1e10_per_second: timeToCrack }, } = (0, react_1.useMemo)(() => (0, zxcvbn_1.default)(password, dictionary), [password, dictionary]);
+import { useMemo } from "react";
+import calculateStrength from "zxcvbn";
+export function usePasswordStrength(password, dictionary) {
+    const { guesses, score, feedback: { warning, suggestions }, crack_times_display: { offline_fast_hashing_1e10_per_second: timeToCrack }, } = useMemo(() => calculateStrength(password, dictionary), [password, dictionary]);
     return {
         guesses,
         score,
@@ -16,4 +10,3 @@ function usePasswordStrength(password, dictionary) {
         timeToCrack,
     };
 }
-exports.usePasswordStrength = usePasswordStrength;

package/dist/useRefocusOnActivator/index.d.ts

@@ -1 +1 @@
-export { useRefocusOnActivator } from "./useRefocusOnActivator";
+export { useRefocusOnActivator } from "./useRefocusOnActivator.js";

package/dist/useRefocusOnActivator/index.js

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

package/dist/useRefocusOnActivator/useRefocusOnActivator.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefocusOnActivator = void 0;
-const react_1 = require("react");
+import { useEffect } from "react";
 /**
  * Brings back the focus to the element that opened an overlaid element once
  * said overlaid element is dismissed.
  *
  * @param active - Determines if it should focus or not
  */
-function useRefocusOnActivator(active) {
-    (0, react_1.useEffect)(() => {
+export function useRefocusOnActivator(active) {
+    useEffect(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -24,4 +21,3 @@ function useRefocusOnActivator(active) {
         };
     }, [active]);
 }
-exports.useRefocusOnActivator = useRefocusOnActivator;

package/dist/useResizeObserver/index.d.ts

@@ -1 +1 @@
-export * from "./useResizeObserver";
+export * from "./useResizeObserver.js";

package/dist/useResizeObserver/index.js

@@ -1,17 +1 @@
-"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("./useResizeObserver"), exports);
+export * from "./useResizeObserver.js";

package/dist/useResizeObserver/useResizeObserver.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Breakpoints: {
     base: number;
     small: number;
@@ -10,7 +9,7 @@ interface ResizeObserverProps {
     widths?: object;
     heights?: object;
 }
-export declare function useResizeObserver<T extends HTMLElement>({ widths, heights, }?: ResizeObserverProps): readonly [import("react").RefObject<T>, {
+export declare function useResizeObserver<T extends HTMLElement>({ widths, heights, }?: ResizeObserverProps): readonly [any, {
     width: number | undefined;
     height: number | undefined;
     exactWidth: number | undefined;

package/dist/useResizeObserver/useResizeObserver.js

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizeObserver = exports.Breakpoints = void 0;
-const react_1 = require("react");
+import { useMemo, useState } from "react";
 // Importing the polyfilled version of ResizeObserver
 // eslint-disable-next-line import/no-internal-modules
-const polyfilled_1 = __importDefault(require("use-resize-observer/polyfilled"));
-const lodash_1 = require("lodash");
-exports.Breakpoints = {
+import useResizeObserverPackage from "use-resize-observer/polyfilled";
+import { throttle } from "lodash";
+export const Breakpoints = {
     base: 640,
     small: 500,
     smaller: 265,
@@ -17,13 +11,13 @@ exports.Breakpoints = {
     larger: 1024,
 };
 const wait = 100;
-function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
-    const [exactSize, setSize] = (0, react_1.useState)({
+export function useResizeObserver({ widths = Breakpoints, heights = Breakpoints, } = {}) {
+    const [exactSize, setSize] = useState({
         width: undefined,
         height: undefined,
     });
-    const onResize = (0, react_1.useMemo)(() => (0, lodash_1.throttle)(setSize, wait), [wait]);
-    const { ref } = (0, polyfilled_1.default)({
+    const onResize = useMemo(() => throttle(setSize, wait), [wait]);
+    const { ref } = useResizeObserverPackage({
         onResize,
     });
     const exactWidth = exactSize.width;
@@ -36,7 +30,6 @@ function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Bre
     };
     return [ref, sizes];
 }
-exports.useResizeObserver = useResizeObserver;
 /**
  * To get the proper size we want to make sure that our value is greater
  * then the comparable, but less then the next largest number in our

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.0.3-pre.51+af6adb7d",
+  "version": "2.0.3-pre1.52+dbd7fd38",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
   "exports": {
     ".": "./dist/index.js",
-    "./*": {
-      "default": "./dist/*",
-      "types": "./dist/*.d.ts"
-    }
+    "./useIsMounted": "./dist/useIsMounted/index.js"
   },
   "scripts": {
     "build": "tsc --project . --skipLibCheck",
@@ -45,5 +42,5 @@
     "@apollo/client": "^3.7.10",
     "react": "^18"
   },
-  "gitHead": "af6adb7df63b33390ee4a3e3890a3727d5faf3b2"
+  "gitHead": "dbd7fd38ad63a18455a86f1b5faf72559d3009e1"
 }