@jobber/hooks 2.0.3-preee.52 → 2.1.0

package/dist/useIsMounted/useIsMounted.test.js

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

package/dist/useLiveAnnounce/index.js

@@ -1 +1,5 @@
-export { useLiveAnnounce } from "./useLiveAnnounce";
+"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; } });

package/dist/useLiveAnnounce/useLiveAnnounce.js

@@ -1,12 +1,15 @@
-import { useEffect, useState } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLiveAnnounce = void 0;
+const react_1 = require("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.
  */
-export function useLiveAnnounce() {
-    const [announcedMessage, setAnnouncedMessage] = useState("");
-    useEffect(() => {
+function useLiveAnnounce() {
+    const [announcedMessage, setAnnouncedMessage] = (0, react_1.useState)("");
+    (0, react_1.useEffect)(() => {
         let target;
         if (announcedMessage) {
             target = createAnnouncedElement();
@@ -20,6 +23,7 @@ export 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,3 +1,4 @@
+"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) {
@@ -7,26 +8,30 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React from "react";
-import { act, render, screen, waitFor } from "@testing-library/react";
-import { useLiveAnnounce } from ".";
+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(".");
 function setupHook() {
     const returnVal = {
         liveAnnounce: jest.fn,
     };
     function TestComponent() {
-        Object.assign(returnVal, useLiveAnnounce());
-        return React.createElement(React.Fragment, null);
+        Object.assign(returnVal, (0, _1.useLiveAnnounce)());
+        return react_1.default.createElement(react_1.default.Fragment, null);
     }
-    const { rerender } = render(React.createElement(TestComponent, null));
-    return Object.assign(Object.assign({}, returnVal), { rerenderComponent: () => rerender(React.createElement(TestComponent, 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)) });
 }
 it("should render a div to announce", () => __awaiter(void 0, void 0, void 0, function* () {
     const { liveAnnounce } = setupHook();
     const message = "Huzzah";
-    act(() => liveAnnounce(message));
-    yield waitFor(() => {
-        const expectedElement = screen.queryByRole("status");
+    (0, react_2.act)(() => liveAnnounce(message));
+    yield (0, react_2.waitFor)(() => {
+        const expectedElement = react_2.screen.queryByRole("status");
         expect(expectedElement).toBeInTheDocument();
         expect(expectedElement === null || expectedElement === void 0 ? void 0 : expectedElement.textContent).toBe(message);
         expect(expectedElement).toHaveAttribute("role", "status");
@@ -36,20 +41,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(screen.queryByRole("status")).not.toBeInTheDocument();
+    expect(react_2.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";
-    act(() => liveAnnounce(firstMessage));
-    yield waitFor(() => {
-        expect(screen.queryAllByRole("status")).toHaveLength(1);
-        expect(screen.getByRole("status").textContent).toBe(firstMessage);
+    (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(secondMessage));
-    yield waitFor(() => {
-        expect(screen.queryAllByRole("status")).toHaveLength(1);
-        expect(screen.getByRole("status").textContent).toBe(secondMessage);
+    (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);
     });
 }));

package/dist/useOnKeyDown/index.js

@@ -1 +1,5 @@
-export { useOnKeyDown } from "./useOnKeyDown";
+"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; } });

package/dist/useOnKeyDown/useOnKeyDown.js

@@ -1,6 +1,12 @@
-import useEventListener from "@use-it/event-listener";
-export function useOnKeyDown(callback, keys) {
-    useEventListener("keydown", handler);
+"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);
     function handler(event) {
         const keyboardEvent = event;
         if (typeof keys === "string" && keyboardEvent.key === keys) {
@@ -24,3 +30,4 @@ export function useOnKeyDown(callback, keys) {
         }
     }
 }
+exports.useOnKeyDown = useOnKeyDown;

package/dist/useOnKeyDown/useOnKeyDown.test.js

@@ -1,11 +1,16 @@
-import React from "react";
-import { fireEvent, render } from "@testing-library/react";
-import { useOnKeyDown } from ".";
+"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(".");
 test("fires the method when the key is pressed", () => {
     const keypressCallback = jest.fn();
-    const { container } = render(React.createElement(TestComponent, { callback: keypressCallback }));
+    const { container } = (0, react_2.render)(react_1.default.createElement(TestComponent, { callback: keypressCallback }));
     expect(keypressCallback).toHaveBeenCalledTimes(0);
-    fireEvent(container, new KeyboardEvent("keydown", {
+    (0, react_2.fireEvent)(container, new KeyboardEvent("keydown", {
         key: "Enter",
         bubbles: true,
         cancelable: false,
@@ -13,6 +18,6 @@ test("fires the method when the key is pressed", () => {
     expect(keypressCallback).toHaveBeenCalledTimes(1);
 });
 function TestComponent({ callback }) {
-    useOnKeyDown(callback, "Enter");
-    return React.createElement(React.Fragment, null, "Look at me!");
+    (0, _1.useOnKeyDown)(callback, "Enter");
+    return react_1.default.createElement(react_1.default.Fragment, null, "Look at me!");
 }

package/dist/usePasswordStrength/index.js

@@ -1 +1,5 @@
-export { usePasswordStrength } from "./usePasswordStrength";
+"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; } });

package/dist/usePasswordStrength/usePasswordStrength.js

@@ -1,7 +1,13 @@
-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]);
+"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]);
     return {
         guesses,
         score,
@@ -10,3 +16,4 @@ export function usePasswordStrength(password, dictionary) {
         timeToCrack,
     };
 }
+exports.usePasswordStrength = usePasswordStrength;

package/dist/useRefocusOnActivator/index.js

@@ -1 +1,5 @@
-export { useRefocusOnActivator } from "./useRefocusOnActivator";
+"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; } });

package/dist/useRefocusOnActivator/useRefocusOnActivator.js

@@ -1,12 +1,15 @@
-import { useEffect } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefocusOnActivator = void 0;
+const react_1 = require("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
  */
-export function useRefocusOnActivator(active) {
-    useEffect(() => {
+function useRefocusOnActivator(active) {
+    (0, react_1.useEffect)(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -21,3 +24,4 @@ export function useRefocusOnActivator(active) {
         };
     }, [active]);
 }
+exports.useRefocusOnActivator = useRefocusOnActivator;

package/dist/useResizeObserver/index.js

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

package/dist/useResizeObserver/useResizeObserver.d.ts

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

package/dist/useResizeObserver/useResizeObserver.js

@@ -1,9 +1,15 @@
-import { useMemo, useState } from "react";
+"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");
 // Importing the polyfilled version of ResizeObserver
 // eslint-disable-next-line import/no-internal-modules
-import useResizeObserverPackage from "use-resize-observer/polyfilled";
-import { throttle } from "lodash";
-export const Breakpoints = {
+const polyfilled_1 = __importDefault(require("use-resize-observer/polyfilled"));
+const lodash_1 = require("lodash");
+exports.Breakpoints = {
     base: 640,
     small: 500,
     smaller: 265,
@@ -11,13 +17,13 @@ export const Breakpoints = {
     larger: 1024,
 };
 const wait = 100;
-export function useResizeObserver({ widths = Breakpoints, heights = Breakpoints, } = {}) {
-    const [exactSize, setSize] = useState({
+function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
+    const [exactSize, setSize] = (0, react_1.useState)({
         width: undefined,
         height: undefined,
     });
-    const onResize = useMemo(() => throttle(setSize, wait), [wait]);
-    const { ref } = useResizeObserverPackage({
+    const onResize = (0, react_1.useMemo)(() => (0, lodash_1.throttle)(setSize, wait), [wait]);
+    const { ref } = (0, polyfilled_1.default)({
         onResize,
     });
     const exactWidth = exactSize.width;
@@ -30,6 +36,7 @@ export function useResizeObserver({ widths = Breakpoints, heights = Breakpoints,
     };
     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,25 +1,24 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.0.3-preee.52+771f07af",
+  "version": "2.1.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
-  "type": "module",
   "scripts": {
     "build": "tsc --project . --skipLibCheck",
     "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
-    "bootstrap": "npm run clean; npm run build"
-  },
-  "exports": {
-    ".": "./dist/index.js",
-    "./*": "./dist/*/*.js"
+    "bootstrap": "npm run clean; npm run build",
+    "prepublishOnly": "ts-node --project ../../tsconfig.bin.json ../../scripts/entryPoints.ts",
+    "postpublish": "ts-node --project ../../tsconfig.bin.json ../../scripts/entryPoints.ts clean"
   },
   "files": [
+    "*.js",
+    "*.d.ts",
     "dist/*"
   ],
   "devDependencies": {
     "@apollo/react-testing": "^4.0.0",
-    "@jobber/formatters": "^0.2.2",
+    "@jobber/formatters": "*",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.0",
     "@testing-library/user-event": "^12.0.2",
@@ -43,5 +42,5 @@
     "@apollo/client": "^3.7.10",
     "react": "^18"
   },
-  "gitHead": "771f07af5da9a9de9c5457764615b4b687959602"
+  "gitHead": "5995c5850ac2807af4fcb0165cbc3a33cf325dab"
 }

package/useAssert.d.ts

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

package/useAssert.js

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

package/useCollectionQuery.d.ts

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

package/useCollectionQuery.js

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

package/useFocusTrap.d.ts

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

package/useFocusTrap.js

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

package/useFormState.d.ts

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

package/useFormState.js

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

package/useIsMounted.d.ts

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

package/useIsMounted.js

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

package/useLiveAnnounce.d.ts

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

package/useLiveAnnounce.js

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

package/useOnKeyDown.d.ts

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

package/useOnKeyDown.js

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

package/usePasswordStrength.d.ts

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

package/usePasswordStrength.js

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

package/useRefocusOnActivator.d.ts

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

package/useRefocusOnActivator.js

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

package/useResizeObserver.d.ts

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

package/useResizeObserver.js

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