@jobber/hooks 2.0.3-pre1.55 → 2.0.3-pre2.52

package/dist/useFocusTrap/useFocusTrap.test.js

@@ -0,0 +1,52 @@
+"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 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'", () => {
+    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
+    getByTestId(lastFocusableChild).focus();
+    user_event_1.default.tab();
+    expect(getByTestId(targetId)).toHaveFocus();
+});
+it("should focus on the first focusable element", () => {
+    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
+    user_event_1.default.tab();
+    expect(getByTestId(firstFocusableChild)).toHaveFocus();
+});
+it("should focus on the last focusable element", () => {
+    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, null));
+    user_event_1.default.tab({ shift: true });
+    expect(getByTestId(lastFocusableChild)).toHaveFocus();
+});
+it("should not trap the tabbing and focus on the first child node", () => {
+    const { getByTestId } = (0, react_2.render)(react_1.default.createElement(TestComponent, { trap: false }));
+    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.d.ts

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

package/dist/useFormState/index.js

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

package/dist/useIsMounted/index.d.ts

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

package/dist/useIsMounted/index.js

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

package/dist/useIsMounted/useIsMounted.test.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_hooks_1 = require("@testing-library/react-hooks");
-const useIsMounted_js_1 = require("./useIsMounted.js");
+const useIsMounted_1 = require("./useIsMounted");
 it("should return true when the component is currently mounted", () => {
-    const { result } = (0, react_hooks_1.renderHook)(() => (0, useIsMounted_js_1.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 } = (0, react_hooks_1.renderHook)(() => (0, useIsMounted_js_1.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.d.ts

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

package/dist/useLiveAnnounce/index.js

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

package/dist/useLiveAnnounce/useLiveAnnounce.test.js

@@ -14,13 +14,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
-const index_js_1 = require("./index.js");
+const _1 = require(".");
 function setupHook() {
     const returnVal = {
         liveAnnounce: jest.fn,
     };
     function TestComponent() {
-        Object.assign(returnVal, (0, index_js_1.useLiveAnnounce)());
+        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));

package/dist/useOnKeyDown/index.d.ts

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

package/dist/useOnKeyDown/index.js

@@ -0,0 +1,5 @@
+"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.d.ts

@@ -0,0 +1,13 @@
+import { XOR } from "ts-xor";
+type SimpleKeyComparator = KeyboardEvent["key"];
+interface VerboseKeyComparator {
+    readonly key: SimpleKeyComparator;
+    readonly shiftKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly altKey?: boolean;
+    readonly metaKey?: boolean;
+    readonly [index: string]: boolean | string | undefined;
+}
+type KeyComparator = XOR<VerboseKeyComparator, SimpleKeyComparator>;
+export declare function useOnKeyDown(callback: (event: KeyboardEvent) => void, keys: KeyComparator[] | KeyComparator): void;
+export {};

package/dist/useOnKeyDown/useOnKeyDown.js

@@ -0,0 +1,33 @@
+"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) {
+            callback(event);
+            return;
+        }
+        if (Array.isArray(keys) &&
+            keys.some(item => {
+                if (typeof item === "string")
+                    return keyboardEvent.key === item;
+                return Object.keys(item).every(index => keyboardEvent[index] === item[index]);
+            })) {
+            callback(event);
+            return;
+        }
+        if (!Array.isArray(keys) &&
+            typeof keys !== "string" &&
+            Object.keys(keys).every(index => keyboardEvent[index] === keys[index])) {
+            callback(event);
+            return;
+        }
+    }
+}
+exports.useOnKeyDown = useOnKeyDown;

package/dist/useOnKeyDown/useOnKeyDown.test.d.ts

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

package/dist/useOnKeyDown/useOnKeyDown.test.js

@@ -0,0 +1,23 @@
+"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/usePasswordStrength/index.d.ts

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

package/dist/usePasswordStrength/index.js

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

package/dist/useRefocusOnActivator/index.d.ts

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

package/dist/useRefocusOnActivator/index.js

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

package/dist/useResizeObserver/index.d.ts

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

package/dist/useResizeObserver/index.js

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export declare const Breakpoints: {
+    base: number;
+    small: number;
+    smaller: number;
+    large: number;
+    larger: number;
+};
+interface ResizeObserverProps {
+    widths?: object;
+    heights?: object;
+}
+export declare function useResizeObserver<T extends HTMLElement>({ widths, heights, }?: ResizeObserverProps): readonly [import("react").RefObject<T>, {
+    width: number | undefined;
+    height: number | undefined;
+    exactWidth: number | undefined;
+    exactHeight: number | undefined;
+}];
+export {};

package/dist/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,58 @@
+"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
+const polyfilled_1 = __importDefault(require("use-resize-observer/polyfilled"));
+const lodash_1 = require("lodash");
+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)(() => (0, lodash_1.throttle)(setSize, wait), [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];
+}
+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
+ * 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/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.0.3-pre1.55+9753cf1d",
+  "version": "2.0.3-pre2.52+b68c9c34",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
-  "type": "module",
-  "exports": {
-    ".": "./dist/index.js",
-    "./*": "./dist/*/index.js"
-  },
   "scripts": {
     "build": "tsc --project . --skipLibCheck",
     "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
-    "bootstrap": "npm run clean; npm run build"
+    "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": {
@@ -22,12 +21,13 @@
     "@jobber/formatters": "^0.2.2",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/user-event": "^12.0.2",
     "@types/lodash": "4.14.136",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/uuid": "^8.3.3",
     "@types/zxcvbn": "^4.4.1",
+    "ts-node": "^8.1.0",
     "typescript": "^4.9.5",
     "uuid": "^8.3.2"
   },
@@ -43,5 +43,5 @@
     "@apollo/client": "^3.7.10",
     "react": "^18"
   },
-  "gitHead": "9753cf1d21e1e8c04b10d618dd205c9900e4a519"
+  "gitHead": "b68c9c34ef1746a410f831ad8b33871cb68ccb42"
 }

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];
+    },
+  });
+});