@jobber/components 6.90.4 → 6.91.0

package/dist/useFocusTrap-cjs.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useFocusTrap$1 = {};
-
-Object.defineProperty(useFocusTrap$1, "__esModule", { value: true });
-var useFocusTrap_2 = useFocusTrap$1.useFocusTrap = useFocusTrap;
-const react_1 = React;
-/**
- * Traps the focus within the children of the ref element.
- *
- * @param active - Turns the focus trapping on or off. Also adds aria-hidden on the
- * body but not the dialog.
- *
- * @returns ref
- */
-function useFocusTrap(active) {
-    // There's an ongoing issue with useRef return type clashing with an element's
-    // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
-    // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
-    const ref = (0, react_1.useRef)(null);
-    function handleKeyDown(event) {
-        if (!(active && ref.current) || event.key !== "Tab") {
-            return;
-        }
-        const { firstElement, lastElement } = getElements(ref.current);
-        if (event.shiftKey) {
-            if (document.activeElement === firstElement) {
-                lastElement.focus();
-                event.preventDefault();
-            }
-        }
-        else {
-            if (document.activeElement === lastElement) {
-                firstElement.focus();
-                event.preventDefault();
-            }
-        }
-    }
-    (0, react_1.useEffect)(() => {
-        if (active && ref.current) {
-            const { firstElement } = getElements(ref.current);
-            firstElement.focus();
-            ref.current.addEventListener("keydown", handleKeyDown);
-        }
-        return () => {
-            var _a;
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [active]);
-    return ref;
-}
-function getElements(ref) {
-    const focusables = [
-        "button",
-        "[href]",
-        "input",
-        "select",
-        "textarea",
-        '[tabindex]:not([tabindex="-1"])',
-    ];
-    const elements = [
-        ...ref.querySelectorAll(focusables.join(", ")),
-    ];
-    // If the ref is focusable, ensure it's the first element to be focused.
-    if (ref.getAttribute("tabindex") === "0") {
-        elements.unshift(ref);
-    }
-    const firstElement = elements[0];
-    const lastElement = elements[elements.length - 1];
-    return { firstElement, lastElement };
-}
-
-exports.useFocusTrap_2 = useFocusTrap_2;

package/dist/useFocusTrap-es.js

@@ -1,73 +0,0 @@
-import React__default from 'react';
-
-var useFocusTrap$1 = {};
-
-Object.defineProperty(useFocusTrap$1, "__esModule", { value: true });
-var useFocusTrap_2 = useFocusTrap$1.useFocusTrap = useFocusTrap;
-const react_1 = React__default;
-/**
- * Traps the focus within the children of the ref element.
- *
- * @param active - Turns the focus trapping on or off. Also adds aria-hidden on the
- * body but not the dialog.
- *
- * @returns ref
- */
-function useFocusTrap(active) {
-    // There's an ongoing issue with useRef return type clashing with an element's
-    // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
-    // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
-    const ref = (0, react_1.useRef)(null);
-    function handleKeyDown(event) {
-        if (!(active && ref.current) || event.key !== "Tab") {
-            return;
-        }
-        const { firstElement, lastElement } = getElements(ref.current);
-        if (event.shiftKey) {
-            if (document.activeElement === firstElement) {
-                lastElement.focus();
-                event.preventDefault();
-            }
-        }
-        else {
-            if (document.activeElement === lastElement) {
-                firstElement.focus();
-                event.preventDefault();
-            }
-        }
-    }
-    (0, react_1.useEffect)(() => {
-        if (active && ref.current) {
-            const { firstElement } = getElements(ref.current);
-            firstElement.focus();
-            ref.current.addEventListener("keydown", handleKeyDown);
-        }
-        return () => {
-            var _a;
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [active]);
-    return ref;
-}
-function getElements(ref) {
-    const focusables = [
-        "button",
-        "[href]",
-        "input",
-        "select",
-        "textarea",
-        '[tabindex]:not([tabindex="-1"])',
-    ];
-    const elements = [
-        ...ref.querySelectorAll(focusables.join(", ")),
-    ];
-    // If the ref is focusable, ensure it's the first element to be focused.
-    if (ref.getAttribute("tabindex") === "0") {
-        elements.unshift(ref);
-    }
-    const firstElement = elements[0];
-    const lastElement = elements[elements.length - 1];
-    return { firstElement, lastElement };
-}
-
-export { useFocusTrap_2 as u };

package/dist/useInView-cjs.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useInView$1 = {};
-
-Object.defineProperty(useInView$1, "__esModule", { value: true });
-var useInView_2 = useInView$1.useInView = useInView;
-const react_1 = 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)(() => {
-        if (!window.IntersectionObserver)
-            return;
-        const observer = new IntersectionObserver(handleIntersection);
-        ref.current && observer.observe(ref.current);
-        return () => {
-            ref.current && observer.unobserve(ref.current);
-        };
-    }, [handleIntersection, ref.current]);
-    return [ref, isInView];
-}
-
-exports.useInView_2 = useInView_2;

package/dist/useInView-es.js

@@ -1,24 +0,0 @@
-import React__default from 'react';
-
-var useInView$1 = {};
-
-Object.defineProperty(useInView$1, "__esModule", { value: true });
-var useInView_2 = useInView$1.useInView = useInView;
-const react_1 = React__default;
-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)(() => {
-        if (!window.IntersectionObserver)
-            return;
-        const observer = new IntersectionObserver(handleIntersection);
-        ref.current && observer.observe(ref.current);
-        return () => {
-            ref.current && observer.unobserve(ref.current);
-        };
-    }, [handleIntersection, ref.current]);
-    return [ref, isInView];
-}
-
-export { useInView_2 as u };

package/dist/useIsMounted-cjs.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-cjs.js');
-
-var useIsMounted$1 = {};
-
-var useSafeLayoutEffect = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useSafeLayoutEffect = void 0;
-	var useSafeLayoutEffect_1 = useSafeLayoutEffect$1.useSafeLayoutEffect;
-	Object.defineProperty(exports, "useSafeLayoutEffect", { enumerable: true, get: function () { return useSafeLayoutEffect_1.useSafeLayoutEffect; } }); 
-} (useSafeLayoutEffect));
-
-Object.defineProperty(useIsMounted$1, "__esModule", { value: true });
-var useIsMounted_2 = useIsMounted$1.useIsMounted = useIsMounted;
-const react_1 = React;
-const useSafeLayoutEffect_1 = useSafeLayoutEffect;
-/**
- * If you are using this hook in order to only perform an action once after mounting (for example sending
- * analytics events), use `useOnMount` instead
- *
- * Why does this work?
- *
- * The following is from the react docs:
- *    [The return function from `useLayoutEffect`] is the optional cleanup mechanism for effects.
- *    Every effect may return a function that cleans up after it.
- *
- *    When exactly does React clean up an effect? React performs the cleanup when the component unmounts.
- *    The cleanup for useLayoutEffect is called after component unmounts and before before browser painting
- *    the screen
- *
- * What does that mean for us? When this hook is initially loaded, we then trigger a `useLayoutEffect` that
- * sets the isMounted to true right after the component is mounted.
- * 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)(() => {
-        isMounted.current = true;
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    return isMounted;
-}
-
-exports.useIsMounted_2 = useIsMounted_2;

package/dist/useIsMounted-es.js

@@ -1,49 +0,0 @@
-import React__default from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-es.js';
-
-var useIsMounted$1 = {};
-
-var useSafeLayoutEffect = {};
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useSafeLayoutEffect = void 0;
-	var useSafeLayoutEffect_1 = useSafeLayoutEffect$1;
-	Object.defineProperty(exports, "useSafeLayoutEffect", { enumerable: true, get: function () { return useSafeLayoutEffect_1.useSafeLayoutEffect; } }); 
-} (useSafeLayoutEffect));
-
-Object.defineProperty(useIsMounted$1, "__esModule", { value: true });
-var useIsMounted_2 = useIsMounted$1.useIsMounted = useIsMounted;
-const react_1 = React__default;
-const useSafeLayoutEffect_1 = useSafeLayoutEffect;
-/**
- * If you are using this hook in order to only perform an action once after mounting (for example sending
- * analytics events), use `useOnMount` instead
- *
- * Why does this work?
- *
- * The following is from the react docs:
- *    [The return function from `useLayoutEffect`] is the optional cleanup mechanism for effects.
- *    Every effect may return a function that cleans up after it.
- *
- *    When exactly does React clean up an effect? React performs the cleanup when the component unmounts.
- *    The cleanup for useLayoutEffect is called after component unmounts and before before browser painting
- *    the screen
- *
- * What does that mean for us? When this hook is initially loaded, we then trigger a `useLayoutEffect` that
- * sets the isMounted to true right after the component is mounted.
- * 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)(() => {
-        isMounted.current = true;
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    return isMounted;
-}
-
-export { useIsMounted_2 as u };

package/dist/useOnKeyDown-cjs.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useOnKeyDown$1 = {};
-
-Object.defineProperty(useOnKeyDown$1, "__esModule", { value: true });
-var useOnKeyDown_2 = useOnKeyDown$1.useOnKeyDown = useOnKeyDown;
-const react_1 = React;
-function useOnKeyDown(callback, keys) {
-    (0, react_1.useEffect)(() => {
-        window.addEventListener("keydown", handler);
-        return () => {
-            window.removeEventListener("keydown", handler);
-        };
-    }, [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_2 = useOnKeyDown_2;

package/dist/useOnKeyDown-es.js

@@ -1,39 +0,0 @@
-import React__default from 'react';
-
-var useOnKeyDown$1 = {};
-
-Object.defineProperty(useOnKeyDown$1, "__esModule", { value: true });
-var useOnKeyDown_2 = useOnKeyDown$1.useOnKeyDown = useOnKeyDown;
-const react_1 = React__default;
-function useOnKeyDown(callback, keys) {
-    (0, react_1.useEffect)(() => {
-        window.addEventListener("keydown", handler);
-        return () => {
-            window.removeEventListener("keydown", handler);
-        };
-    }, [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;
-        }
-    }
-}
-
-export { useOnKeyDown_2 as u };

package/dist/useRefocusOnActivator-cjs.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useRefocusOnActivator$1 = {};
-
-Object.defineProperty(useRefocusOnActivator$1, "__esModule", { value: true });
-var useRefocusOnActivator_2 = useRefocusOnActivator$1.useRefocusOnActivator = useRefocusOnActivator;
-const react_1 = 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)(() => {
-        let activator;
-        if (active && !activator) {
-            activator = document.activeElement;
-        }
-        return () => {
-            if (active) {
-                if (activator instanceof HTMLElement) {
-                    activator.focus();
-                }
-                activator = undefined;
-            }
-        };
-    }, [active]);
-}
-
-exports.useRefocusOnActivator_2 = useRefocusOnActivator_2;

package/dist/useRefocusOnActivator-es.js

@@ -1,31 +0,0 @@
-import React__default from 'react';
-
-var useRefocusOnActivator$1 = {};
-
-Object.defineProperty(useRefocusOnActivator$1, "__esModule", { value: true });
-var useRefocusOnActivator_2 = useRefocusOnActivator$1.useRefocusOnActivator = useRefocusOnActivator;
-const react_1 = React__default;
-/**
- * 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)(() => {
-        let activator;
-        if (active && !activator) {
-            activator = document.activeElement;
-        }
-        return () => {
-            if (active) {
-                if (activator instanceof HTMLElement) {
-                    activator.focus();
-                }
-                activator = undefined;
-            }
-        };
-    }, [active]);
-}
-
-export { useRefocusOnActivator_2 as u };