@jobber/components 4.85.6-CJS-to-ESM.4 → 4.85.6

package/dist/useFocusTrap-BtnnoHG8.js

@@ -1,104 +0,0 @@
-import React from 'react';
-
-var useFocusTrap$3 = {};
-
-var useFocusTrap$2 = {};
-
-var useFocusTrap$1 = {};
-
-Object.defineProperty(useFocusTrap$1, "__esModule", { value: true });
-useFocusTrap$1.useFocusTrap = void 0;
-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;
-}
-useFocusTrap$1.useFocusTrap = useFocusTrap;
-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 };
-}
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useFocusTrap = void 0;
-	var useFocusTrap_1 = useFocusTrap$1;
-	Object.defineProperty(exports, "useFocusTrap", { enumerable: true, get: function () { return useFocusTrap_1.useFocusTrap; } }); 
-} (useFocusTrap$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useFocusTrap = useFocusTrap$2;
-
-	Object.keys(useFocusTrap).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useFocusTrap[key];
-	    },
-	  });
-	}); 
-} (useFocusTrap$3));
-
-export { useFocusTrap$3 as u };

package/dist/useFocusTrap-CMLwEDMY.js

@@ -1,106 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useFocusTrap$3 = {};
-
-var useFocusTrap$2 = {};
-
-var useFocusTrap$1 = {};
-
-Object.defineProperty(useFocusTrap$1, "__esModule", { value: true });
-useFocusTrap$1.useFocusTrap = void 0;
-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;
-}
-useFocusTrap$1.useFocusTrap = useFocusTrap;
-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 };
-}
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useFocusTrap = void 0;
-	var useFocusTrap_1 = useFocusTrap$1;
-	Object.defineProperty(exports, "useFocusTrap", { enumerable: true, get: function () { return useFocusTrap_1.useFocusTrap; } }); 
-} (useFocusTrap$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useFocusTrap = useFocusTrap$2;
-
-	Object.keys(useFocusTrap).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useFocusTrap[key];
-	    },
-	  });
-	}); 
-} (useFocusTrap$3));
-
-exports.useFocusTrap = useFocusTrap$3;

package/dist/useInView-Ct13SCWB.js

@@ -1,70 +0,0 @@
-'use strict';
-
-var _commonjsHelpers = require('./_commonjsHelpers-B83fTs8d.js');
-var React = require('react');
-
-var useInView$3 = {};
-
-var useInView$2 = {};
-
-var useInView$1 = {};
-
-Object.defineProperty(useInView$1, "__esModule", { value: true });
-useInView$1.useInView = void 0;
-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];
-}
-useInView$1.useInView = useInView;
-
-(function (exports) {
-	var __createBinding = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__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 = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__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(useInView$1, exports); 
-} (useInView$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useInView = useInView$2;
-
-	Object.keys(useInView).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useInView[key];
-	    },
-	  });
-	}); 
-} (useInView$3));
-
-exports.useInView = useInView$3;

package/dist/useInView-Yth15M0p.js

@@ -1,68 +0,0 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-E-ZsRS8r.js';
-import React from 'react';
-
-var useInView$3 = {};
-
-var useInView$2 = {};
-
-var useInView$1 = {};
-
-Object.defineProperty(useInView$1, "__esModule", { value: true });
-useInView$1.useInView = void 0;
-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];
-}
-useInView$1.useInView = useInView;
-
-(function (exports) {
-	var __createBinding = (commonjsGlobal && commonjsGlobal.__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 = (commonjsGlobal && commonjsGlobal.__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(useInView$1, exports); 
-} (useInView$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useInView = useInView$2;
-
-	Object.keys(useInView).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useInView[key];
-	    },
-	  });
-	}); 
-} (useInView$3));
-
-export { useInView$3 as u };

package/dist/useOnKeyDown-B9JF2jLZ.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useOnKeyDown$3 = {};
-
-var useOnKeyDown$2 = {};
-
-var useOnKeyDown$1 = {};
-
-Object.defineProperty(useOnKeyDown$1, "__esModule", { value: true });
-useOnKeyDown$1.useOnKeyDown = void 0;
-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;
-        }
-    }
-}
-useOnKeyDown$1.useOnKeyDown = useOnKeyDown;
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useOnKeyDown = void 0;
-	var useOnKeyDown_1 = useOnKeyDown$1;
-	Object.defineProperty(exports, "useOnKeyDown", { enumerable: true, get: function () { return useOnKeyDown_1.useOnKeyDown; } }); 
-} (useOnKeyDown$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useOnKeyDown = useOnKeyDown$2;
-
-	Object.keys(useOnKeyDown).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useOnKeyDown[key];
-	    },
-	  });
-	}); 
-} (useOnKeyDown$3));
-
-exports.useOnKeyDown = useOnKeyDown$3;

package/dist/useOnKeyDown-BsUfDste.js

@@ -1,70 +0,0 @@
-import React from 'react';
-
-var useOnKeyDown$3 = {};
-
-var useOnKeyDown$2 = {};
-
-var useOnKeyDown$1 = {};
-
-Object.defineProperty(useOnKeyDown$1, "__esModule", { value: true });
-useOnKeyDown$1.useOnKeyDown = void 0;
-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;
-        }
-    }
-}
-useOnKeyDown$1.useOnKeyDown = useOnKeyDown;
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useOnKeyDown = void 0;
-	var useOnKeyDown_1 = useOnKeyDown$1;
-	Object.defineProperty(exports, "useOnKeyDown", { enumerable: true, get: function () { return useOnKeyDown_1.useOnKeyDown; } }); 
-} (useOnKeyDown$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useOnKeyDown = useOnKeyDown$2;
-
-	Object.keys(useOnKeyDown).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useOnKeyDown[key];
-	    },
-	  });
-	}); 
-} (useOnKeyDown$3));
-
-export { useOnKeyDown$3 as u };

package/dist/useRefocusOnActivator-CMNWUYSe.js

@@ -1,62 +0,0 @@
-import React from 'react';
-
-var useRefocusOnActivator$3 = {};
-
-var useRefocusOnActivator$2 = {};
-
-var useRefocusOnActivator$1 = {};
-
-Object.defineProperty(useRefocusOnActivator$1, "__esModule", { value: true });
-useRefocusOnActivator$1.useRefocusOnActivator = void 0;
-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]);
-}
-useRefocusOnActivator$1.useRefocusOnActivator = useRefocusOnActivator;
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useRefocusOnActivator = void 0;
-	var useRefocusOnActivator_1 = useRefocusOnActivator$1;
-	Object.defineProperty(exports, "useRefocusOnActivator", { enumerable: true, get: function () { return useRefocusOnActivator_1.useRefocusOnActivator; } }); 
-} (useRefocusOnActivator$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useRefocusOnActivator = useRefocusOnActivator$2;
-
-	Object.keys(useRefocusOnActivator).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useRefocusOnActivator[key];
-	    },
-	  });
-	}); 
-} (useRefocusOnActivator$3));
-
-export { useRefocusOnActivator$3 as u };

package/dist/useRefocusOnActivator-DOJm9VWz.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var useRefocusOnActivator$3 = {};
-
-var useRefocusOnActivator$2 = {};
-
-var useRefocusOnActivator$1 = {};
-
-Object.defineProperty(useRefocusOnActivator$1, "__esModule", { value: true });
-useRefocusOnActivator$1.useRefocusOnActivator = void 0;
-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]);
-}
-useRefocusOnActivator$1.useRefocusOnActivator = useRefocusOnActivator;
-
-(function (exports) {
-	Object.defineProperty(exports, "__esModule", { value: true });
-	exports.useRefocusOnActivator = void 0;
-	var useRefocusOnActivator_1 = useRefocusOnActivator$1;
-	Object.defineProperty(exports, "useRefocusOnActivator", { enumerable: true, get: function () { return useRefocusOnActivator_1.useRefocusOnActivator; } }); 
-} (useRefocusOnActivator$2));
-
-(function (exports) {
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true,
-	});
-
-	var useRefocusOnActivator = useRefocusOnActivator$2;
-
-	Object.keys(useRefocusOnActivator).forEach(function(key) {
-	  if (key === "default" || key === "__esModule") return;
-	  Object.defineProperty(exports, key, {
-	    enumerable: true,
-	    get: function get() {
-	      return useRefocusOnActivator[key];
-	    },
-	  });
-	}); 
-} (useRefocusOnActivator$3));
-
-exports.useRefocusOnActivator = useRefocusOnActivator$3;