@jobber/hooks 2.17.4 → 2.18.0

package/dist/useSafeLayoutEffect/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var useSafeLayoutEffect = require('../useSafeLayoutEffect-cjs.js');
+require('react');
+
+
+
+exports.useSafeLayoutEffect = useSafeLayoutEffect.useSafeLayoutEffect;

package/dist/useSafeLayoutEffect/index.mjs

@@ -0,0 +1,2 @@
+export { u as useSafeLayoutEffect } from '../useSafeLayoutEffect-es.js';
+import 'react';

package/dist/useSafeLayoutEffect-cjs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var require$$1 = require('react');
+
+const useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? require$$1.useLayoutEffect
+    : require$$1.useEffect;
+
+exports.useSafeLayoutEffect = useSafeLayoutEffect;

package/dist/useSafeLayoutEffect-es.js

@@ -0,0 +1,7 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+const useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? useLayoutEffect
+    : useEffect;
+
+export { useSafeLayoutEffect as u };

package/dist/useShowClear/{useShowClear.js → index.cjs}

@@ -1,6 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useShowClear = useShowClear;
+'use strict';
+
 function useShowClear({ clearable, multiline, focused, hasValue, readonly, disabled = false, }) {
     if (multiline && clearable !== "never") {
         throw new Error("Multiline inputs can not be clearable");
@@ -16,3 +15,5 @@ function useShowClear({ clearable, multiline, focused, hasValue, readonly, disab
             return true;
     }
 }
+
+exports.useShowClear = useShowClear;

package/dist/useShowClear/index.mjs

@@ -0,0 +1,17 @@
+function useShowClear({ clearable, multiline, focused, hasValue, readonly, disabled = false, }) {
+    if (multiline && clearable !== "never") {
+        throw new Error("Multiline inputs can not be clearable");
+    }
+    // Do not show if there is no value
+    if (!hasValue || clearable === "never" || disabled || readonly) {
+        return false;
+    }
+    switch (clearable) {
+        case "while-editing":
+            return focused;
+        case "always":
+            return true;
+    }
+}
+
+export { useShowClear };

package/dist/useStepper/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var useStepper = require('../useStepper-cjs.js');
+require('react');
+
+
+
+exports.useStepper = useStepper.useStepper;

package/dist/useStepper/index.mjs

@@ -0,0 +1,2 @@
+export { u as useStepper } from '../useStepper-es.js';
+import 'react';

package/dist/{useStepper/useStepper.js → useStepper-cjs.js}

@@ -1,22 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStepper = useStepper;
-const react_1 = require("react");
-const tiny_invariant_1 = __importDefault(require("tiny-invariant"));
+'use strict';
+
+var require$$1 = require('react');
+
+var isProduction = process.env.NODE_ENV === 'production';
+var prefix = 'Invariant failed';
+function invariant(condition, message) {
+    if (condition) {
+        return;
+    }
+    if (isProduction) {
+        throw new Error(prefix);
+    }
+    var provided = typeof message === 'function' ? message() : message;
+    var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+    throw new Error(value);
+}
+
 function useStepper(steps, options = {}) {
     var _a;
     const firstStep = (_a = options === null || options === void 0 ? void 0 : options.defaultStep) !== null && _a !== void 0 ? _a : steps[0];
-    (0, tiny_invariant_1.default)(firstStep, "Steps array cannot be empty");
-    const [currentStep, setCurrentStep] = (0, react_1.useState)(firstStep);
-    const currentActiveStep = (0, react_1.useMemo)(() => ({
+    invariant(firstStep, "Steps array cannot be empty");
+    const [currentStep, setCurrentStep] = require$$1.useState(firstStep);
+    const currentActiveStep = require$$1.useMemo(() => ({
         currentStep,
         isFirst: currentStep === steps[0],
         isLast: currentStep === steps[steps.length - 1],
     }), [currentStep, steps]);
-    const handlers = (0, react_1.useMemo)(() => ({
+    const handlers = require$$1.useMemo(() => ({
         goToStep: (step) => {
             setCurrentStep(step);
         },
@@ -24,7 +34,7 @@ function useStepper(steps, options = {}) {
             setCurrentStep(prevCurrentStep => {
                 const currentIndex = steps.indexOf(prevCurrentStep);
                 const nextStep = steps[Math.min(currentIndex + 1, steps.length - 1)];
-                (0, tiny_invariant_1.default)(nextStep, `Index out of bounds: ${currentIndex + 1}`);
+                invariant(nextStep, `Index out of bounds: ${currentIndex + 1}`);
                 return nextStep;
             });
         },
@@ -32,10 +42,12 @@ function useStepper(steps, options = {}) {
             setCurrentStep(prevCurrentStep => {
                 const currentIndex = steps.indexOf(prevCurrentStep);
                 const previousStep = steps[Math.max(currentIndex - 1, 0)];
-                (0, tiny_invariant_1.default)(previousStep, `Index out of bounds: ${currentIndex - 1}`);
+                invariant(previousStep, `Index out of bounds: ${currentIndex - 1}`);
                 return previousStep;
             });
         },
     }), [steps, setCurrentStep]);
     return Object.assign(Object.assign({}, currentActiveStep), handlers);
 }
+
+exports.useStepper = useStepper;

package/dist/useStepper-es.js

@@ -0,0 +1,51 @@
+import { useState, useMemo } from 'react';
+
+var isProduction = process.env.NODE_ENV === 'production';
+var prefix = 'Invariant failed';
+function invariant(condition, message) {
+    if (condition) {
+        return;
+    }
+    if (isProduction) {
+        throw new Error(prefix);
+    }
+    var provided = typeof message === 'function' ? message() : message;
+    var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+    throw new Error(value);
+}
+
+function useStepper(steps, options = {}) {
+    var _a;
+    const firstStep = (_a = options === null || options === void 0 ? void 0 : options.defaultStep) !== null && _a !== void 0 ? _a : steps[0];
+    invariant(firstStep, "Steps array cannot be empty");
+    const [currentStep, setCurrentStep] = useState(firstStep);
+    const currentActiveStep = useMemo(() => ({
+        currentStep,
+        isFirst: currentStep === steps[0],
+        isLast: currentStep === steps[steps.length - 1],
+    }), [currentStep, steps]);
+    const handlers = useMemo(() => ({
+        goToStep: (step) => {
+            setCurrentStep(step);
+        },
+        goToNextStep: () => {
+            setCurrentStep(prevCurrentStep => {
+                const currentIndex = steps.indexOf(prevCurrentStep);
+                const nextStep = steps[Math.min(currentIndex + 1, steps.length - 1)];
+                invariant(nextStep, `Index out of bounds: ${currentIndex + 1}`);
+                return nextStep;
+            });
+        },
+        goToPreviousStep: () => {
+            setCurrentStep(prevCurrentStep => {
+                const currentIndex = steps.indexOf(prevCurrentStep);
+                const previousStep = steps[Math.max(currentIndex - 1, 0)];
+                invariant(previousStep, `Index out of bounds: ${currentIndex - 1}`);
+                return previousStep;
+            });
+        },
+    }), [steps, setCurrentStep]);
+    return Object.assign(Object.assign({}, currentActiveStep), handlers);
+}
+
+export { useStepper as u };

package/dist/useWindowDimensions/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var useWindowDimensions = require('../useWindowDimensions-cjs.js');
+require('react');
+
+
+
+exports.useWindowDimensions = useWindowDimensions.useWindowDimensions;

package/dist/useWindowDimensions/index.mjs

@@ -0,0 +1,2 @@
+export { u as useWindowDimensions } from '../useWindowDimensions-es.js';
+import 'react';

package/dist/{useWindowDimensions/useWindowDimensions.js → useWindowDimensions-cjs.js}

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWindowDimensions = useWindowDimensions;
-const react_1 = require("react");
+'use strict';
+
+var require$$1 = require('react');
+
 function getWindowDimensions() {
     if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
         return {
@@ -16,8 +16,8 @@ function getWindowDimensions() {
     };
 }
 function useWindowDimensions() {
-    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
-    (0, react_1.useEffect)(() => {
+    const [windowDimensions, setWindowDimensions] = require$$1.useState(getWindowDimensions());
+    require$$1.useEffect(() => {
         function handleResize() {
             setWindowDimensions(getWindowDimensions());
         }
@@ -26,3 +26,5 @@ function useWindowDimensions() {
     }, []);
     return windowDimensions;
 }
+
+exports.useWindowDimensions = useWindowDimensions;

package/dist/useWindowDimensions-es.js

@@ -0,0 +1,28 @@
+import { useState, useEffect } from 'react';
+
+function getWindowDimensions() {
+    if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
+        return {
+            width: 0,
+            height: 0,
+        };
+    }
+    const { innerWidth: width, innerHeight: height } = window;
+    return {
+        width,
+        height,
+    };
+}
+function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+    useEffect(() => {
+        function handleResize() {
+            setWindowDimensions(getWindowDimensions());
+        }
+        window === null || window === void 0 ? void 0 : window.addEventListener("resize", handleResize);
+        return () => window === null || window === void 0 ? void 0 : window.removeEventListener("resize", handleResize);
+    }, []);
+    return windowDimensions;
+}
+
+export { useWindowDimensions as u };

package/package.json

@@ -1,12 +1,114 @@
 {
   "name": "@jobber/hooks",
-  "version": "2.17.4",
+  "version": "2.18.0",
   "license": "MIT",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./dist": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./useBool": {
+      "types": "./dist/useBool/index.d.ts",
+      "import": "./dist/useBool/index.mjs",
+      "require": "./dist/useBool/index.cjs"
+    },
+    "./useBreakpoints": {
+      "types": "./dist/useBreakpoints/index.d.ts",
+      "import": "./dist/useBreakpoints/index.mjs",
+      "require": "./dist/useBreakpoints/index.cjs"
+    },
+    "./useCallbackRef": {
+      "types": "./dist/useCallbackRef/index.d.ts",
+      "import": "./dist/useCallbackRef/index.mjs",
+      "require": "./dist/useCallbackRef/index.cjs"
+    },
+    "./useCollectionQuery": {
+      "types": "./dist/useCollectionQuery/index.d.ts",
+      "import": "./dist/useCollectionQuery/index.mjs",
+      "require": "./dist/useCollectionQuery/index.cjs"
+    },
+    "./useDebounce": {
+      "types": "./dist/useDebounce/index.d.ts",
+      "import": "./dist/useDebounce/index.mjs",
+      "require": "./dist/useDebounce/index.cjs"
+    },
+    "./useFocusTrap": {
+      "types": "./dist/useFocusTrap/index.d.ts",
+      "import": "./dist/useFocusTrap/index.mjs",
+      "require": "./dist/useFocusTrap/index.cjs"
+    },
+    "./useFormState": {
+      "types": "./dist/useFormState/index.d.ts",
+      "import": "./dist/useFormState/index.mjs",
+      "require": "./dist/useFormState/index.cjs"
+    },
+    "./useInView": {
+      "types": "./dist/useInView/index.d.ts",
+      "import": "./dist/useInView/index.mjs",
+      "require": "./dist/useInView/index.cjs"
+    },
+    "./useIsMounted": {
+      "types": "./dist/useIsMounted/index.d.ts",
+      "import": "./dist/useIsMounted/index.mjs",
+      "require": "./dist/useIsMounted/index.cjs"
+    },
+    "./useLiveAnnounce": {
+      "types": "./dist/useLiveAnnounce/index.d.ts",
+      "import": "./dist/useLiveAnnounce/index.mjs",
+      "require": "./dist/useLiveAnnounce/index.cjs"
+    },
+    "./useOnKeyDown": {
+      "types": "./dist/useOnKeyDown/index.d.ts",
+      "import": "./dist/useOnKeyDown/index.mjs",
+      "require": "./dist/useOnKeyDown/index.cjs"
+    },
+    "./useOnMount": {
+      "types": "./dist/useOnMount/index.d.ts",
+      "import": "./dist/useOnMount/index.mjs",
+      "require": "./dist/useOnMount/index.cjs"
+    },
+    "./useRefocusOnActivator": {
+      "types": "./dist/useRefocusOnActivator/index.d.ts",
+      "import": "./dist/useRefocusOnActivator/index.mjs",
+      "require": "./dist/useRefocusOnActivator/index.cjs"
+    },
+    "./useResizeObserver": {
+      "types": "./dist/useResizeObserver/index.d.ts",
+      "import": "./dist/useResizeObserver/index.mjs",
+      "require": "./dist/useResizeObserver/index.cjs"
+    },
+    "./useSafeLayoutEffect": {
+      "types": "./dist/useSafeLayoutEffect/index.d.ts",
+      "import": "./dist/useSafeLayoutEffect/index.mjs",
+      "require": "./dist/useSafeLayoutEffect/index.cjs"
+    },
+    "./useShowClear": {
+      "types": "./dist/useShowClear/index.d.ts",
+      "import": "./dist/useShowClear/index.mjs",
+      "require": "./dist/useShowClear/index.cjs"
+    },
+    "./useStepper": {
+      "types": "./dist/useStepper/index.d.ts",
+      "import": "./dist/useStepper/index.mjs",
+      "require": "./dist/useStepper/index.cjs"
+    },
+    "./useWindowDimensions": {
+      "types": "./dist/useWindowDimensions/index.d.ts",
+      "import": "./dist/useWindowDimensions/index.mjs",
+      "require": "./dist/useWindowDimensions/index.cjs"
+    }
+  },
   "scripts": {
-    "build": "tsc --project . --skipLibCheck",
-    "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
+    "build": "rollup -c rollup.config.mjs",
+    "clean": "rm -rf dist tsconfig.*tsbuildinfo",
     "bootstrap": "npm run clean; npm run build",
     "entryPoints:build": "ts-node --project ../../tsconfig.bin.json ../../scripts/entryPoints.ts",
     "entryPoints:clean": "npm run entryPoints:build clean",
@@ -20,7 +122,7 @@
   ],
   "devDependencies": {
     "@apollo/react-testing": "^4.0.0",
-    "@jobber/formatters": "^0.4.2",
+    "@jobber/formatters": "^0.5.0",
     "@types/lodash": "4.14.136",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
@@ -40,5 +142,5 @@
     "@apollo/client": "^3.0.0",
     "react": "^18.2.0"
   },
-  "gitHead": "6c739ba41b6d161f7b9aa73e7f0668574b0f2310"
+  "gitHead": "dfeb4b6ca90a32b9ad3ab44e5a0dd110c6a113fc"
 }

package/dist/index.js

@@ -1,34 +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("./useBool"), exports);
-__exportStar(require("./useBreakpoints"), exports);
-__exportStar(require("./useCallbackRef"), exports);
-__exportStar(require("./useCollectionQuery"), exports);
-__exportStar(require("./useDebounce"), exports);
-__exportStar(require("./useFocusTrap"), exports);
-__exportStar(require("./useFormState"), exports);
-__exportStar(require("./useInView"), exports);
-__exportStar(require("./useIsMounted"), exports);
-__exportStar(require("./useLiveAnnounce"), exports);
-__exportStar(require("./useOnKeyDown"), exports);
-__exportStar(require("./useOnMount"), exports);
-__exportStar(require("./useRefocusOnActivator"), exports);
-__exportStar(require("./useResizeObserver"), exports);
-__exportStar(require("./useSafeLayoutEffect"), exports);
-__exportStar(require("./useShowClear"), exports);
-__exportStar(require("./useStepper"), exports);
-__exportStar(require("./useWindowDimensions"), exports);

package/dist/useBool/index.js

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

package/dist/useBool/useBool.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBool = useBool;
-const react_1 = require("react");
-function useBool(initialState = false) {
-    const [state, setState] = (0, react_1.useState)(initialState);
-    const setTrue = (0, react_1.useCallback)(() => setState(true), []);
-    const setFalse = (0, react_1.useCallback)(() => setState(false), []);
-    const toggle = (0, react_1.useCallback)(() => setState(current => !current), []);
-    return [state, setTrue, setFalse, toggle];
-}

package/dist/useBool/useBool.test.d.ts

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

package/dist/useBool/useBool.test.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-const useBool_1 = require("./useBool");
-describe("useBool, a hook for managing boolean state", () => {
-    it("by default has an initial state that is `false`", () => {
-        const [value] = (0, react_1.renderHook)(() => (0, useBool_1.useBool)()).result.current;
-        expect(value).toBe(false);
-    });
-    it("can be provided an initial state", () => {
-        const [value] = (0, react_1.renderHook)(() => (0, useBool_1.useBool)(true)).result.current;
-        expect(value).toBe(true);
-    });
-    it("provides helpful setters and a toggle method", () => {
-        const { result } = (0, react_1.renderHook)(() => (0, useBool_1.useBool)());
-        const value = () => result.current[0];
-        const [, setTrue, setFalse, toggle] = result.current;
-        expect(value()).toBe(false);
-        (0, react_1.act)(setTrue);
-        expect(value()).toBe(true);
-        (0, react_1.act)(setFalse);
-        expect(value()).toBe(false);
-        (0, react_1.act)(toggle);
-        expect(value()).toBe(true);
-        (0, react_1.act)(toggle);
-        expect(value()).toBe(false);
-    });
-});

package/dist/useBreakpoints/index.js

@@ -1,20 +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 });
-exports.mockViewportWidth = void 0;
-__exportStar(require("./useBreakpoints"), exports);
-var mockViewportWidth_1 = require("./mockViewportWidth");
-Object.defineProperty(exports, "mockViewportWidth", { enumerable: true, get: function () { return mockViewportWidth_1.mockViewportWidth; } });

package/dist/useBreakpoints/mockViewportWidth/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("./mockViewportWidth"), exports);

package/dist/useBreakpoints/mockViewportWidth/mockViewportWidth.test.d.ts

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

package/dist/useBreakpoints/mockViewportWidth/mockViewportWidth.test.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const mockViewportWidth_1 = require("./mockViewportWidth");
-describe("isQueryMatching", () => {
-    it("should return false on max-width", () => {
-        const result = (0, mockViewportWidth_1.isQueryMatching)(`max-width: ${window.innerWidth - 1}`);
-        expect(result).toBe(false);
-    });
-    it("should return true on min-width", () => {
-        const result = (0, mockViewportWidth_1.isQueryMatching)(`min-width: ${window.innerWidth}`);
-        expect(result).toBe(true);
-    });
-    it("should return false when the width is not a number", () => {
-        const result = (0, mockViewportWidth_1.isQueryMatching)(`width = not-a-number`);
-        expect(result).toBe(false);
-    });
-});

package/dist/useBreakpoints/useBreakpoints.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BREAKPOINT_SIZES = void 0;
-exports.useBreakpoints = useBreakpoints;
-const useMediaQuery_1 = require("./useMediaQuery");
-exports.BREAKPOINT_SIZES = { sm: 490, md: 768, lg: 1080, xl: 1440 };
-/**
- * Hook equivalent of CSS media queries with our
- * [supported breakpoints](https://atlantis.getjobber.com/design/breakpoints).
- */
-function useBreakpoints() {
-    const { sm, md, lg, xl } = exports.BREAKPOINT_SIZES;
-    const extraSmallOnly = (0, useMediaQuery_1.useMediaQuery)(`(max-width: ${sm - 1}px)`);
-    const smallAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${sm}px)`);
-    const mediumAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${md}px)`);
-    const largeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${lg}px)`);
-    const extraLargeAndUp = (0, useMediaQuery_1.useMediaQuery)(`(min-width: ${xl}px)`);
-    return {
-        smallAndUp,
-        mediumAndUp,
-        largeAndUp,
-        extraLargeAndUp,
-        extraSmallOnly,
-        smallOnly: smallAndUp && !mediumAndUp,
-        mediumOnly: mediumAndUp && !largeAndUp,
-        largeOnly: largeAndUp && !extraLargeAndUp,
-    };
-}

package/dist/useBreakpoints/useBreakpoints.test.d.ts

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