@jobber/hooks 2.9.0 → 2.9.2-CJS-to-ESM.14

package/dist/useInView/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("./useInView"), exports);
+export * from "./useInView";

package/dist/useInView/useInView.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInView = void 0;
-const react_1 = require("react");
-function useInView() {
-    const ref = (0, react_1.useRef)(null);
-    const [isInView, setIsInView] = (0, react_1.useState)(false);
-    const handleIntersection = (0, react_1.useCallback)(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
-    (0, react_1.useEffect)(() => {
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useInView() {
+    const ref = useRef(null);
+    const [isInView, setIsInView] = useState(false);
+    const handleIntersection = useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
+    useEffect(() => {
         if (!window.IntersectionObserver)
             return;
         const observer = new IntersectionObserver(handleIntersection);
@@ -17,4 +14,3 @@ function useInView() {
     }, [handleIntersection, ref.current]);
     return [ref, isInView];
 }
-exports.useInView = useInView;

package/dist/useInView/useInView.test.js

@@ -1,29 +1,24 @@
-"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 jsdom_testing_mocks_1 = require("jsdom-testing-mocks");
-const useInView_1 = require("./useInView");
-(0, jsdom_testing_mocks_1.configMocks)({ act: react_2.act });
-const observer = (0, jsdom_testing_mocks_1.mockIntersectionObserver)();
+import React from "react";
+import { act, render, renderHook, screen } from "@testing-library/react";
+import { configMocks, mockIntersectionObserver } from "jsdom-testing-mocks";
+import { useInView } from "./useInView";
+configMocks({ act });
+const observer = mockIntersectionObserver();
 describe("useInView", () => {
     it("should return true when the target element is in view", () => {
-        const { result, rerender } = (0, react_2.renderHook)(() => (0, useInView_1.useInView)());
+        const { result, rerender } = renderHook(() => useInView());
         const [ref, isInView] = result.current;
-        (0, react_2.render)(react_1.default.createElement("button", { ref: ref }));
+        render(React.createElement("button", { ref: ref }));
         rerender();
         expect(result.current[0].current).toBeInstanceOf(HTMLButtonElement);
-        observer.leaveNode(react_2.screen.getByRole("button"));
+        observer.leaveNode(screen.getByRole("button"));
         expect(isInView).toBe(false);
     });
     it("should return false when the target element is in view", () => {
-        const { result, rerender } = (0, react_2.renderHook)(() => (0, useInView_1.useInView)());
-        (0, react_2.render)(react_1.default.createElement("button", { ref: result.current[0] }));
+        const { result, rerender } = renderHook(() => useInView());
+        render(React.createElement("button", { ref: result.current[0] }));
         rerender();
-        observer.enterNode(react_2.screen.getByRole("button"));
+        observer.enterNode(screen.getByRole("button"));
         expect(result.current[1]).toBe(true);
     });
 });

package/dist/useIsMounted/index.js

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

package/dist/useIsMounted/useIsMounted.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = void 0;
-const react_1 = require("react");
-const useSafeLayoutEffect_1 = require("../useSafeLayoutEffect");
+import { useRef } from "react";
+import { useSafeLayoutEffect } from "../useSafeLayoutEffect";
 /**
  * Why does this work?
  *
@@ -19,9 +16,9 @@ const useSafeLayoutEffect_1 = require("../useSafeLayoutEffect");
  * 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, useSafeLayoutEffect_1.useSafeLayoutEffect)(() => {
+export function useIsMounted() {
+    const isMounted = useRef(false);
+    useSafeLayoutEffect(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;
@@ -29,4 +26,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";
 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.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";

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 ".";
 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.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";

package/dist/useOnKeyDown/useOnKeyDown.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnKeyDown = void 0;
-const react_1 = require("react");
-function useOnKeyDown(callback, keys) {
-    (0, react_1.useEffect)(() => {
+import { useEffect } from "react";
+export function useOnKeyDown(callback, keys) {
+    useEffect(() => {
         window.addEventListener("keydown", handler);
         return () => {
             window.removeEventListener("keydown", handler);
@@ -32,4 +29,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 ".";
 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.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";

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.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";

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.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";

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 throttle_1 = __importDefault(require("lodash/throttle"));
-exports.Breakpoints = {
+import useResizeObserverPackage from "use-resize-observer/polyfilled";
+import throttle from "lodash/throttle";
+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, throttle_1.default)(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/dist/useSafeLayoutEffect/index.js

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

package/dist/useSafeLayoutEffect/useSafeLayoutEffect.js

@@ -1,7 +1,4 @@
-"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;
+import { useEffect, useLayoutEffect } from "react";
+export const useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? useLayoutEffect
+    : useEffect;

package/dist/useShowClear/index.js

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

package/dist/useShowClear/useShowClear.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShowClear = void 0;
-function useShowClear({ clearable, multiline, focused, hasValue, disabled = false, }) {
+export function useShowClear({ clearable, multiline, focused, hasValue, disabled = false, }) {
     if (multiline && clearable !== "never") {
         throw new Error("Multiline inputs can not be clearable");
     }
@@ -16,4 +13,3 @@ function useShowClear({ clearable, multiline, focused, hasValue, disabled = fals
             return true;
     }
 }
-exports.useShowClear = useShowClear;

package/dist/useShowClear/useShowClear.test.js

@@ -1,6 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const useShowClear_1 = require("./useShowClear");
+import { useShowClear } from "./useShowClear";
 describe("useShowClear", () => {
     describe.each([
         {
@@ -101,12 +99,12 @@ describe("useShowClear", () => {
         },
     ])("%j", ({ clearable, hasValue, focused, multiline, disabled, expected, }) => {
         it(`returns ${expected}`, () => {
-            expect((0, useShowClear_1.useShowClear)({ clearable, multiline, focused, hasValue, disabled })).toEqual(expected);
+            expect(useShowClear({ clearable, multiline, focused, hasValue, disabled })).toEqual(expected);
         });
     });
     it("throws an error if multiline is true and clearable isn't never", () => {
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "always",
                 multiline: true,
                 focused: true,
@@ -115,7 +113,7 @@ describe("useShowClear", () => {
             });
         }).toThrow();
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "while-editing",
                 multiline: true,
                 focused: true,
@@ -124,7 +122,7 @@ describe("useShowClear", () => {
             });
         }).toThrow();
         expect(() => {
-            (0, useShowClear_1.useShowClear)({
+            useShowClear({
                 clearable: "never",
                 multiline: true,
                 focused: true,

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.9.0",
+  "type": "module",
+  "version": "2.9.2-CJS-to-ESM.14+48bce0b8",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
@@ -20,7 +21,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 +45,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18"
   },
-  "gitHead": "4780cde621bb770d24f6bd324ee868b302afc579"
+  "gitHead": "48bce0b8e3467fca2a9ef6ecea7c7a1d175a9e9c"
 }