@jobber/hooks 2.17.4 → 2.18.0

package/dist/useDebounce/index.js

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

package/dist/useDebounce/useDebounce.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDebounce = useDebounce;
-const react_1 = require("react");
-const es_toolkit_1 = require("es-toolkit");
-const useCallbackRef_1 = require("../useCallbackRef");
-/**
- * A hook to easily manage debounced functions, including their cleanup.
- * @param func The function to debounce.
- * @param wait The number of milliseconds to delay.
- * @param options Optional debounce settings.
- * @returns The debounced function.
- */
-function useDebounce(func, wait, options) {
-    const funcRef = (0, useCallbackRef_1.useCallbackRef)(func);
-    // Note: do not add additional dependencies! There is currently no use case where we would change
-    // the wait delay or options between renders. By not tracking as dependencies, this allows
-    // consumers of useDebounce to provide a raw object for options rather than forcing them to
-    // memoize that param. Same with the func they provide, we're using a ref to keep that up
-    // to date and to avoid forcing the consumer to memoize it.
-    const debounced = (0, react_1.useMemo)(() => {
-        return (0, es_toolkit_1.debounce)((...args) => funcRef(...args), wait, options);
-    }, [funcRef]);
-    (0, react_1.useEffect)(() => {
-        // If the debounced function is recreated (or unmounted), cancel the last call.
-        return () => debounced.cancel();
-    }, [debounced]);
-    return debounced;
-}

package/dist/useDebounce/useDebounce.test.d.ts

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

package/dist/useDebounce/useDebounce.test.js

@@ -1,190 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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 = __importStar(require("react"));
-const react_2 = require("@testing-library/react");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const useDebounce_1 = require("./useDebounce");
-const DEBOUNCE_WAIT = 300;
-describe("useDebounce", () => {
-    beforeEach(() => {
-        jest.useFakeTimers();
-    });
-    afterEach(() => {
-        jest.useRealTimers();
-    });
-    it("should debounce the function call", () => __awaiter(void 0, void 0, void 0, function* () {
-        const mockFn = jest.fn();
-        const { result } = (0, react_2.renderHook)(() => (0, useDebounce_1.useDebounce)(mockFn, DEBOUNCE_WAIT));
-        result.current("test");
-        expect(mockFn).not.toHaveBeenCalled();
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT);
-        });
-        expect(mockFn).toHaveBeenCalledWith("test");
-        expect(mockFn).toHaveBeenCalledTimes(1);
-    }));
-    it("should cancel pending debounced calls on unmount", () => {
-        const mockFn = jest.fn();
-        const { result, unmount } = (0, react_2.renderHook)(() => (0, useDebounce_1.useDebounce)(mockFn, DEBOUNCE_WAIT));
-        result.current("test");
-        unmount();
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT);
-        });
-        expect(mockFn).not.toHaveBeenCalled();
-    });
-    it("should handle multiple calls within the debounce period", () => {
-        const mockFn = jest.fn();
-        const { result } = (0, react_2.renderHook)(() => (0, useDebounce_1.useDebounce)(mockFn, DEBOUNCE_WAIT));
-        result.current("first");
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT / 2);
-        });
-        result.current("second");
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT);
-        });
-        expect(mockFn).toHaveBeenCalledTimes(1);
-        expect(mockFn).toHaveBeenCalledWith("second");
-    });
-    it("should not recreate debounced function when options object reference changes", () => {
-        const mockFn = jest.fn();
-        const debounceEgdesOption = ["trailing"];
-        // Use a function that returns a new options object each time
-        const { result, rerender } = (0, react_2.renderHook)(({ options }) => (0, useDebounce_1.useDebounce)(mockFn, DEBOUNCE_WAIT, options), { initialProps: { options: { edges: debounceEgdesOption } } });
-        const debounceRef = result.current;
-        rerender({ options: { edges: debounceEgdesOption } });
-        expect(debounceRef).toBe(result.current);
-    });
-    it("should not recreate debounced function when options config changes", () => {
-        const mockFn = jest.fn();
-        // Largely arbitrary, this value x 2 must simply be less than the debounce wait
-        const TIME_INCREMENT_LESSER_THAN_DEBOUNCE_WAIT = 1;
-        // Start with trailing edge
-        const debounceEgdesOption = ["trailing"];
-        // Use a function that returns a new options object each time
-        const { result, rerender } = (0, react_2.renderHook)(({ options }) => (0, useDebounce_1.useDebounce)(mockFn, DEBOUNCE_WAIT, options), { initialProps: { options: { edges: debounceEgdesOption } } });
-        result.current("first");
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(TIME_INCREMENT_LESSER_THAN_DEBOUNCE_WAIT);
-        });
-        expect(mockFn).not.toHaveBeenCalled();
-        // This means it calls immediately at the leading edge of the timeout.
-        rerender({ options: { edges: ["leading"] } });
-        result.current("second");
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(TIME_INCREMENT_LESSER_THAN_DEBOUNCE_WAIT);
-        });
-        // The config change should be ignored, options are hardcoded
-        expect(mockFn).not.toHaveBeenCalled();
-    });
-    it("should work with React components", () => __awaiter(void 0, void 0, void 0, function* () {
-        function DebouncedComponent() {
-            const [value, setValue] = (0, react_1.useState)("");
-            const [debouncedValue, setDebouncedValue] = (0, react_1.useState)("");
-            const debouncedSetValue = (0, useDebounce_1.useDebounce)((newValue) => {
-                setDebouncedValue(newValue);
-            }, DEBOUNCE_WAIT);
-            (0, react_1.useEffect)(() => {
-                debouncedSetValue(value);
-            }, [value, debouncedSetValue]);
-            return (react_1.default.createElement("div", null,
-                react_1.default.createElement("input", { "data-testid": "input", value: value, onChange: e => setValue(e.target.value) }),
-                react_1.default.createElement("div", { "data-testid": "debounced-value" }, debouncedValue)));
-        }
-        (0, react_2.render)(react_1.default.createElement(DebouncedComponent, null));
-        const input = react_2.screen.getByTestId("input");
-        const debouncedValue = react_2.screen.getByTestId("debounced-value");
-        const user = user_event_1.default.setup({ advanceTimers: jest.advanceTimersByTime });
-        yield user.type(input, "test");
-        expect(debouncedValue.textContent).toBe("");
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT + 100);
-        });
-        expect(debouncedValue.textContent).toBe("test");
-    }), 10000);
-    it("should properly handle options object", () => __awaiter(void 0, void 0, void 0, function* () {
-        function DebouncedComponent() {
-            const [count, setCount] = (0, react_1.useState)(0);
-            const [debouncedCount, setDebouncedCount] = (0, react_1.useState)(0);
-            const options = {
-                edges: ["leading", "trailing"],
-            };
-            const debouncedSetCount = (0, useDebounce_1.useDebounce)((value) => {
-                setDebouncedCount(value);
-            }, DEBOUNCE_WAIT, options);
-            return (react_1.default.createElement("div", null,
-                react_1.default.createElement("button", { "data-testid": "increment", onClick: () => {
-                        const newCount = count + 1;
-                        setCount(newCount);
-                        debouncedSetCount(newCount);
-                    }, type: "button" }, "Increment"),
-                react_1.default.createElement("div", { "data-testid": "count" }, count),
-                react_1.default.createElement("div", { "data-testid": "debounced-count" }, debouncedCount)));
-        }
-        (0, react_2.render)(react_1.default.createElement(DebouncedComponent, null));
-        const incrementButton = react_2.screen.getByTestId("increment");
-        const debouncedCount = react_2.screen.getByTestId("debounced-count");
-        const user = user_event_1.default.setup({ advanceTimers: jest.advanceTimersByTime });
-        yield user.click(incrementButton);
-        // With leading edge, the value should be updated immediately
-        expect(debouncedCount.textContent).toBe("1");
-        yield user.click(incrementButton);
-        yield user.click(incrementButton);
-        // Additional clicks shouldn't update immediately (debounced)
-        expect(debouncedCount.textContent).toBe("1");
-        // After the debounce period, the trailing edge should update with the latest value
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT);
-        });
-        expect(debouncedCount.textContent).toBe("3");
-    }));
-    it("should abort debounced function when signal is aborted", () => __awaiter(void 0, void 0, void 0, function* () {
-        const mockFn = jest.fn();
-        const controller = new AbortController();
-        const { result } = (0, react_2.renderHook)(() => (0, useDebounce_1.useDebounce)(mockFn, DEBOUNCE_WAIT, { signal: controller.signal }));
-        result.current("test");
-        (0, react_2.act)(() => {
-            controller.abort();
-        });
-        (0, react_2.act)(() => {
-            jest.advanceTimersByTime(DEBOUNCE_WAIT + 100);
-        });
-        expect(mockFn).not.toHaveBeenCalled();
-    }));
-});

package/dist/useFocusTrap/index.js

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

package/dist/useFocusTrap/useFocusTrap.test.d.ts

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

package/dist/useFocusTrap/useFocusTrap.test.js

@@ -1,61 +0,0 @@
-"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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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 user_event_1 = __importDefault(require("@testing-library/user-event"));
-const useFocusTrap_1 = require("./useFocusTrap");
-const targetId = "target";
-const firstFocusableChild = "first-element";
-const lastFocusableChild = "last-element";
-it("should focus on the ref target on mount", () => {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    expect(getByTestId(targetId)).toHaveFocus();
-});
-it("should focus on the ref target when tabbing out of the last focusable element and ignore the tabindex'=-1'", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    getByTestId(lastFocusableChild).focus();
-    yield user_event_1.default.tab();
-    expect(getByTestId(targetId)).toHaveFocus();
-}));
-it("should focus on the first focusable element", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    yield user_event_1.default.tab();
-    expect(getByTestId(firstFocusableChild)).toHaveFocus();
-}));
-it("should focus on the last focusable element", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
-    yield user_event_1.default.tab({ shift: true });
-    expect(getByTestId(lastFocusableChild)).toHaveFocus();
-}));
-it("should not trap the tabbing and focus on the first child node", () => __awaiter(void 0, void 0, void 0, function* () {
-    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, { trap: false }));
-    yield user_event_1.default.tab();
-    expect(getByTestId(targetId).previousElementSibling).toHaveFocus();
-}));
-function TestComponent({ trap = true }) {
-    const testRef = (0, useFocusTrap_1.useFocusTrap)(trap);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", { type: "number" }),
-        react_1.default.createElement("div", { ref: testRef, "data-testid": targetId, tabIndex: 0 },
-            react_1.default.createElement("button", { "data-testid": firstFocusableChild }, "Click me"),
-            react_1.default.createElement("a", { href: "#" }),
-            react_1.default.createElement("input", { type: "text" }),
-            react_1.default.createElement("select", null,
-                react_1.default.createElement("option", { value: "A" })),
-            react_1.default.createElement("textarea", null),
-            react_1.default.createElement("span", { tabIndex: 0, "data-testId": lastFocusableChild }),
-            react_1.default.createElement("span", { tabIndex: -1 })),
-        react_1.default.createElement("input", { type: "calendar" })));
-}

package/dist/useFormState/index.js

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

package/dist/useFormState/useFormState.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormState = useFormState;
-const react_1 = require("react");
-function useFormState() {
-    const [formState, setFormState] = (0, react_1.useState)({
-        isDirty: false,
-        isValid: false,
-    });
-    return [formState, setFormState];
-}

package/dist/useInView/index.js

@@ -1,17 +0,0 @@
-"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);

package/dist/useInView/useInView.test.d.ts

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

package/dist/useInView/useInView.test.js

@@ -1,29 +0,0 @@
-"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)();
-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 [ref, isInView] = result.current;
-        (0, react_2.render)(react_1.default.createElement("button", { ref: ref }));
-        rerender();
-        expect(result.current[0].current).toBeInstanceOf(HTMLButtonElement);
-        observer.leaveNode(react_2.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] }));
-        rerender();
-        observer.enterNode(react_2.screen.getByRole("button"));
-        expect(result.current[1]).toBe(true);
-    });
-});

package/dist/useIsMounted/index.js

@@ -1,5 +0,0 @@
-"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; } });

package/dist/useIsMounted/useIsMounted.test.d.ts

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

package/dist/useIsMounted/useIsMounted.test.js

@@ -1,15 +0,0 @@
-"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 } = (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 } = (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,5 +0,0 @@
-"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.test.d.ts

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

package/dist/useLiveAnnounce/useLiveAnnounce.test.js

@@ -1,60 +0,0 @@
-"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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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(".");
-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);
-    }
-    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";
-    (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");
-        expect(expectedElement).toHaveAttribute("aria-atomic", "true");
-        expect(expectedElement).toHaveAttribute("aria-live", "assertive");
-    });
-}));
-it("should not render the announced div", () => __awaiter(void 0, void 0, void 0, function* () {
-    setupHook();
-    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";
-    (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);
-    });
-    (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,5 +0,0 @@
-"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.test.d.ts

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

package/dist/useOnKeyDown/useOnKeyDown.test.js

@@ -1,23 +0,0 @@
-"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 } = (0, react_2.render)(react_1.default.createElement(TestComponent, { callback: keypressCallback }));
-    expect(keypressCallback).toHaveBeenCalledTimes(0);
-    (0, react_2.fireEvent)(container, new KeyboardEvent("keydown", {
-        key: "Enter",
-        bubbles: true,
-        cancelable: false,
-    }));
-    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!");
-}

package/dist/useOnMount/index.js

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

package/dist/useOnMount/useOnMount.test.d.ts

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

package/dist/useOnMount/useOnMount.test.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const useOnMount_1 = require("./useOnMount");
-describe("useOnMount", () => {
-    it("should call the function on mount", () => {
-        const fn = jest.fn();
-        (0, react_1.renderHook)(() => (0, useOnMount_1.useOnMount)(fn));
-        expect(fn).toHaveBeenCalledTimes(1);
-    });
-    it("should only call function once when re-rendered", () => {
-        const fn = jest.fn();
-        const view = (0, react_1.renderHook)(() => (0, useOnMount_1.useOnMount)(fn));
-        expect(fn).toHaveBeenCalledTimes(1);
-        view.rerender();
-        expect(fn).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/useRefocusOnActivator/index.js

@@ -1,5 +0,0 @@
-"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/useResizeObserver/index.js

@@ -1,17 +0,0 @@
-"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.js

@@ -1,68 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breakpoints = void 0;
-exports.useResizeObserver = useResizeObserver;
-const react_1 = require("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 = {
-    base: 640,
-    small: 500,
-    smaller: 265,
-    large: 750,
-    larger: 1024,
-};
-const wait = 100;
-function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
-    const [exactSize, setSize] = (0, react_1.useState)({
-        width: undefined,
-        height: undefined,
-    });
-    const onResize = (0, react_1.useMemo)(() => {
-        return (0, throttle_1.default)(({ width, height }) => {
-            if (!width || width <= 1) {
-                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
-                // width of the element. This is only happening in playwright chromium.
-                // Soon we need to replace this unmaintained package with a more reliable one.
-                return;
-            }
-            setSize({ width, height });
-        }, wait);
-    }, []);
-    const { ref } = (0, polyfilled_1.default)({
-        onResize,
-    });
-    const exactWidth = exactSize.width;
-    const exactHeight = exactSize.height;
-    const sizes = {
-        width: getSize(widths, exactSize.width),
-        height: getSize(heights, exactSize.height),
-        exactWidth,
-        exactHeight,
-    };
-    return [ref, sizes];
-}
-/**
- * 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
- * object.
- */
-function getSize(sizes, comparable) {
-    if (!comparable || !sizes) {
-        return undefined;
-    }
-    /**
-     * Sort the values of our object so that we know they are in proper
-     * order to be compared by
-     */
-    const sortedSizes = Object.values(sizes)
-        .sort((a, b) => a - b)
-        .reverse();
-    return (sortedSizes.find(value => value <= comparable) ||
-        sortedSizes[sortedSizes.length - 1]);
-}

package/dist/useSafeLayoutEffect/index.js

@@ -1,5 +0,0 @@
-"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; } });

package/dist/useSafeLayoutEffect/useSafeLayoutEffect.js

@@ -1,7 +0,0 @@
-"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;