@uxf/core 11.51.0 → 11.52.2

package/Validators/FormValidator.test.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const FormValidator_1 = require("./FormValidator");
-test("required", () => {
-    expect(FormValidator_1.FormValidator.required("error")("not empty")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.required("error")(0)).toBeUndefined();
-    expect(FormValidator_1.FormValidator.required("error")(false)).toBeUndefined();
-    expect(FormValidator_1.FormValidator.required("error")("")).toBe("error");
-    expect(FormValidator_1.FormValidator.required("error")(null)).toBe("error");
-    expect(FormValidator_1.FormValidator.required("error")(undefined)).toBe("error");
-});
-test("isEmail", () => {
-    expect(FormValidator_1.FormValidator.isEmail("error")("")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isEmail("error")("dev@uxf.cz")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isEmail("error")("dev@uxfcz")).toBe("error");
-});
-test("isPhone", () => {
-    expect(FormValidator_1.FormValidator.isPhone("error")("")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isPhone("error")("777888999")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isPhone("error")("dev@uxfcz")).toBe("error");
-});
-test("isLessThan", () => {
-    expect(FormValidator_1.FormValidator.isLessThan(10, "error")("")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isLessThan(10, "error")("9.9")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isLessThan(10, "error")("10")).toBe("error");
-    expect(FormValidator_1.FormValidator.isLessThan(10, "error")("100")).toBe("error");
-});
-test("isLessOrEqualThan", () => {
-    expect(FormValidator_1.FormValidator.isLessOrEqualThan(10, "error")("")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isLessOrEqualThan(10, "error")("9.9")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isLessOrEqualThan(10, "error")("10")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isLessOrEqualThan(10, "error")("10.001")).toBe("error");
-});
-test("isGreaterThan", () => {
-    expect(FormValidator_1.FormValidator.isGreaterThan(10, "error")("")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isGreaterThan(10, "error")("9")).toBe("error");
-    expect(FormValidator_1.FormValidator.isGreaterThan(10, "error")("10")).toBe("error");
-    expect(FormValidator_1.FormValidator.isGreaterThan(10, "error")("10.001")).toBeUndefined();
-});
-test("isGreaterOrEqualThan", () => {
-    expect(FormValidator_1.FormValidator.isGreaterOrEqualThan(10, "error")("")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isGreaterOrEqualThan(10, "error")("9")).toBe("error");
-    expect(FormValidator_1.FormValidator.isGreaterOrEqualThan(10, "error")("10")).toBeUndefined();
-    expect(FormValidator_1.FormValidator.isGreaterOrEqualThan(10, "error")("10.001")).toBeUndefined();
-});

package/Validators/Validator.test.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Validator_1 = require("./Validator");
-test("isEmail", () => {
-    expect(Validator_1.Validator.isEmail("dev@uxf.cz")).toBe(true);
-    expect(Validator_1.Validator.isEmail("dev@uxf.c")).toBe(false);
-    expect(Validator_1.Validator.isEmail("dev@uxf@c")).toBe(false);
-});
-test("isPhone", () => {
-    expect(Validator_1.Validator.isPhone("+420777000111")).toBe(true);
-    expect(Validator_1.Validator.isPhone("00420777000111")).toBe(true);
-    expect(Validator_1.Validator.isPhone("777000111")).toBe(true);
-    expect(Validator_1.Validator.isPhone("77700011")).toBe(false);
-    expect(Validator_1.Validator.isPhone("+1777000111")).toBe(true);
-    expect(Validator_1.Validator.isPhone("+22777000111")).toBe(true);
-    expect(Validator_1.Validator.isPhone("+001777000111")).toBe(true);
-});

package/components/hide.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactNode } from "react";
-interface HideProps {
-    when: boolean;
-    children?: ReactNode;
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function Hide(props: HideProps): React.JSX.Element | null;
-export {};

package/components/hide.js

@@ -1,16 +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.Hide = Hide;
-const react_1 = __importDefault(require("react"));
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function Hide(props) {
-    if (props.when) {
-        return null;
-    }
-    return react_1.default.createElement(react_1.default.Fragment, null, props.children);
-}

package/components/show.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactNode } from "react";
-interface ShowProps {
-    when: boolean;
-    children?: ReactNode;
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function Show(props: ShowProps): React.JSX.Element | null;
-export {};

package/components/show.js

@@ -1,16 +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.Show = Show;
-const react_1 = __importDefault(require("react"));
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function Show(props) {
-    if (!props.when) {
-        return null;
-    }
-    return react_1.default.createElement(react_1.default.Fragment, null, props.children);
-}

package/hooks/_useSimulatedButton.d.ts

@@ -1,19 +0,0 @@
-import { KeyboardEventHandler, MouseEventHandler } from "react";
-interface Props<T extends HTMLElement> {
-    analyticsCallback?: () => void;
-    isClickable: boolean;
-    isHyperlink: boolean;
-    onClick?: MouseEventHandler<T>;
-    onKeyDown?: KeyboardEventHandler<T>;
-    onKeyUp?: KeyboardEventHandler<T>;
-    submit?: boolean;
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function _useSimulatedButton<T extends HTMLElement>({ analyticsCallback, isClickable, isHyperlink, onClick, onKeyDown, onKeyUp, submit, }: Props<T>): {
-    onClick: MouseEventHandler<T>;
-    onKeyDown: KeyboardEventHandler<T>;
-    onKeyUp: KeyboardEventHandler<T>;
-};
-export {};

package/hooks/_useSimulatedButton.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._useSimulatedButton = _useSimulatedButton;
-const react_1 = require("react");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function _useSimulatedButton({ analyticsCallback, isClickable, isHyperlink, onClick, onKeyDown, onKeyUp, submit, }) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const _onClick = (0, react_1.useCallback)((e) => {
-        var _a;
-        if ((isClickable || isHyperlink) && analyticsCallback) {
-            analyticsCallback();
-        }
-        if (isClickable) {
-            if (submit) {
-                const closestForm = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest("form");
-                if (closestForm) {
-                    closestForm.dispatchEvent(new Event("submit", { bubbles: true, cancelable: true }));
-                }
-            }
-            if (onClick) {
-                onClick(e);
-            }
-        }
-        else {
-            e.preventDefault();
-        }
-    }, [analyticsCallback, isClickable, isHyperlink, onClick, submit]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const _onKeyUp = (0, react_1.useCallback)((e) => {
-        if (isClickable && (e.key === "Enter" || e.key === " ")) {
-            e.target.dispatchEvent(new MouseEvent("click", {
-                bubbles: true,
-                buttons: 1,
-                cancelable: true,
-                view: window,
-            }));
-            if (onKeyUp) {
-                onKeyUp(e);
-            }
-        }
-    }, [isClickable, onKeyUp]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const _onKeyDown = (0, react_1.useCallback)((e) => {
-        if (isClickable && e.key === " ") {
-            e.preventDefault();
-            if (onKeyDown) {
-                onKeyDown(e);
-            }
-        }
-    }, [isClickable, onKeyDown]);
-    return { onClick: _onClick, onKeyDown: _onKeyDown, onKeyUp: _onKeyUp };
-}

package/hooks/useAnchorProps.d.ts

@@ -1,14 +0,0 @@
-import { AnchorHTMLAttributes } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export interface UseAnchorProps {
-    analyticsCallback?: () => void;
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "submit";
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useAnchorProps<T extends AnchorHTMLAttributes<HTMLAnchorElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, download, href, hrefLang, loading, media, onClick, onKeyDown, onKeyUp, ping, referrerPolicy, rel, role, tabIndex, target, type, ...restProps }: UseAnchorProps & T): T;

package/hooks/useAnchorProps.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnchorProps = useAnchorProps;
-const classes_1 = require("../constants/classes");
-const cx_1 = require("../utils/cx");
-const is_not_nil_1 = require("../utils/is-not-nil");
-const _useSimulatedButton_1 = require("./_useSimulatedButton");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useAnchorProps({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, download, href, hrefLang, loading, media, onClick, onKeyDown, onKeyUp, ping, referrerPolicy, rel, role, tabIndex, target, type, ...restProps }) {
-    const isBusy = loading ? loading : Boolean(ariaBusy);
-    const isDisabled = disabled ? disabled : Boolean(ariaDisabled);
-    const isBusyOrDisabled = isBusy || isDisabled;
-    const submit = type === "submit";
-    const isButton = submit || (0, is_not_nil_1.isNotNil)(onClick);
-    const tabIndexInteractive = isBusyOrDisabled ? -1 : tabIndex;
-    const _className = [isBusy && classes_1.CLASSES.IS_LOADING, disabled && classes_1.CLASSES.IS_DISABLED, className];
-    const simulatedButton = (0, _useSimulatedButton_1._useSimulatedButton)({
-        analyticsCallback,
-        isClickable: !isBusyOrDisabled || isButton,
-        isHyperlink: !isBusyOrDisabled || Boolean(href),
-        onClick,
-        onKeyDown,
-        onKeyUp,
-        submit,
-    });
-    if (href) {
-        return {
-            "aria-busy": isBusy,
-            "aria-disabled": isDisabled,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
-            download,
-            href,
-            hrefLang,
-            media,
-            onClick: simulatedButton.onClick,
-            onKeyDown: simulatedButton.onKeyDown,
-            onKeyUp: simulatedButton.onKeyUp,
-            ping,
-            referrerPolicy,
-            rel: target === "_blank" ? (rel ? `noopener noreferrer ${rel}` : "noopener noreferrer") : rel,
-            role: role || (isButton ? "button" : undefined),
-            tabIndex: tabIndexInteractive,
-            target,
-            ...restProps,
-        };
-    }
-    if (isButton) {
-        return {
-            "aria-busy": isBusy,
-            "aria-disabled": isDisabled,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
-            onClick: simulatedButton.onClick,
-            onKeyDown: simulatedButton.onKeyDown,
-            onKeyUp: simulatedButton.onKeyUp,
-            role: role || "button",
-            tabIndex: tabIndexInteractive !== null && tabIndexInteractive !== void 0 ? tabIndexInteractive : 0,
-            ...restProps,
-        };
-    }
-    return {
-        className: (0, cx_1.cx)(..._className),
-        role: role || "none",
-        tabIndex,
-        ...restProps,
-    };
-}

package/hooks/useBodyScrollLock.d.ts

@@ -1,12 +0,0 @@
-import { RefObject } from "react";
-import { BodyScrollOptions } from "../utils/bodyScrollLock";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export interface UseBodyScrollLockOptions extends BodyScrollOptions {
-    clearAllOnClose?: boolean;
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useBodyScrollLock<T extends HTMLElement>(containerRef: RefObject<T>, isOpen: boolean, { allowTouchMove, clearAllOnClose, reserveScrollBarGap }?: Partial<UseBodyScrollLockOptions>): void;

package/hooks/useBodyScrollLock.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBodyScrollLock = useBodyScrollLock;
-const react_1 = require("react");
-const bodyScrollLock_1 = require("../utils/bodyScrollLock");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useBodyScrollLock(containerRef, isOpen, { allowTouchMove, clearAllOnClose, reserveScrollBarGap } = {}) {
-    (0, react_1.useEffect)(() => {
-        const node = containerRef.current;
-        if (isOpen && node) {
-            (0, bodyScrollLock_1.disableBodyScroll)(node, {
-                allowTouchMove: allowTouchMove ||
-                    ((element) => {
-                        var _a;
-                        while (element !== document.body) {
-                            if (element.getAttribute("data-body-scroll-lock-ignore") !== null) {
-                                return true;
-                            }
-                            element = (_a = element.parentElement) !== null && _a !== void 0 ? _a : element;
-                        }
-                        return false;
-                    }),
-                reserveScrollBarGap,
-            });
-        }
-        return () => {
-            if (node) {
-                (0, bodyScrollLock_1.enableBodyScroll)(node);
-            }
-            if (clearAllOnClose) {
-                (0, bodyScrollLock_1.clearAllBodyScrollLocks)();
-            }
-        };
-    }, [allowTouchMove, clearAllOnClose, containerRef, isOpen, reserveScrollBarGap]);
-}

package/hooks/useButtonProps.d.ts

@@ -1,12 +0,0 @@
-import { ButtonHTMLAttributes } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export interface UseButtonProps {
-    analyticsCallback?: () => void;
-    loading?: boolean;
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useButtonProps<T extends ButtonHTMLAttributes<HTMLButtonElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, autoFocus, analyticsCallback, className, disabled, formAction, formEncType, formMethod, formNoValidate, formTarget, loading, name, onClick, role, tabIndex, type, value, ...restProps }: UseButtonProps & T): T;

package/hooks/useButtonProps.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useButtonProps = useButtonProps;
-const react_1 = require("react");
-const classes_1 = require("../constants/classes");
-const cx_1 = require("../utils/cx");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useButtonProps({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, autoFocus, analyticsCallback, className, disabled, formAction, formEncType, formMethod, formNoValidate, formTarget, loading, name, onClick, role, tabIndex, type, value, ...restProps }) {
-    const isBusy = loading ? loading : Boolean(ariaBusy);
-    const isDisabled = disabled ? disabled : Boolean(ariaDisabled);
-    const isBusyOrDisabled = isBusy || isDisabled;
-    const _className = [isBusy && classes_1.CLASSES.IS_LOADING, isDisabled && classes_1.CLASSES.IS_DISABLED, className];
-    const _onClick = (0, react_1.useCallback)((e) => {
-        if (isBusyOrDisabled) {
-            e.preventDefault();
-        }
-        else {
-            if (analyticsCallback) {
-                analyticsCallback();
-            }
-            if (onClick) {
-                onClick(e);
-            }
-        }
-    }, [analyticsCallback, isBusyOrDisabled, onClick]);
-    if (onClick || type === "reset" || type === "submit") {
-        let submitProps = {};
-        if (type === "submit") {
-            submitProps = {
-                formAction,
-                formEncType,
-                formMethod,
-                formNoValidate,
-                formTarget,
-                name,
-                value,
-            };
-        }
-        return {
-            "aria-busy": isBusy,
-            "aria-disabled": ariaDisabled,
-            autoFocus,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
-            disabled,
-            onClick: _onClick,
-            role,
-            tabIndex: isBusyOrDisabled ? -1 : tabIndex,
-            type,
-            ...submitProps,
-            ...restProps,
-        };
-    }
-    return {
-        className: (0, cx_1.cx)(..._className),
-        role,
-        tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : -1,
-        ...restProps,
-    };
-}

package/hooks/useClickableProps.d.ts

@@ -1,14 +0,0 @@
-import { HTMLAttributes } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export interface UseClickableProps {
-    analyticsCallback?: () => void;
-    disabled?: boolean;
-    loading?: boolean;
-    type?: "submit";
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useClickableProps<T extends HTMLAttributes<HTMLElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, loading, onClick, onKeyDown, onKeyUp, role, tabIndex, type, ...restProps }: UseClickableProps & T): T;

package/hooks/useClickableProps.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickableProps = useClickableProps;
-const classes_1 = require("../constants/classes");
-const cx_1 = require("../utils/cx");
-const is_not_nil_1 = require("../utils/is-not-nil");
-const _useSimulatedButton_1 = require("./_useSimulatedButton");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useClickableProps({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, loading, onClick, onKeyDown, onKeyUp, role, tabIndex, type, ...restProps }) {
-    const isBusy = loading ? loading : Boolean(ariaBusy);
-    const isDisabled = disabled ? disabled : Boolean(ariaDisabled);
-    const isBusyOrDisabled = isBusy || isDisabled;
-    const submit = type === "submit";
-    const isButton = submit || (0, is_not_nil_1.isNotNil)(onClick);
-    const _className = [isBusy && classes_1.CLASSES.IS_LOADING, isDisabled && classes_1.CLASSES.IS_DISABLED, className];
-    const simulatedButton = (0, _useSimulatedButton_1._useSimulatedButton)({
-        analyticsCallback,
-        isClickable: !isBusyOrDisabled || isButton,
-        isHyperlink: false,
-        onClick,
-        onKeyDown,
-        onKeyUp,
-        submit,
-    });
-    if (isButton) {
-        return {
-            "aria-busy": isBusy,
-            "aria-disabled": isDisabled,
-            className: (0, cx_1.cx)(classes_1.CLASSES.IS_HOVERABLE, ..._className),
-            onClick: simulatedButton.onClick,
-            onKeyDown: simulatedButton.onKeyDown,
-            onKeyUp: simulatedButton.onKeyUp,
-            role: role || "button",
-            tabIndex: isBusyOrDisabled ? -1 : (tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0),
-            ...restProps,
-        };
-    }
-    return {
-        className: (0, cx_1.cx)(..._className),
-        role,
-        tabIndex,
-        ...restProps,
-    };
-}

package/hooks/useFocusReturn.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useFocusReturn(opened: boolean, transitionDuration?: number, shouldReturnFocus?: boolean): () => void;

package/hooks/useFocusReturn.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusReturn = useFocusReturn;
-const react_1 = require("react");
-const useOnUpdate_1 = require("./useOnUpdate");
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useFocusReturn(opened, transitionDuration = 0, shouldReturnFocus = true) {
-    const lastActiveElement = (0, react_1.useRef)();
-    const returnFocus = () => {
-        const node = lastActiveElement.current;
-        if (node && "focus" in node && typeof node.focus === "function") {
-            node.focus();
-        }
-    };
-    (0, useOnUpdate_1.useOnUpdate)(() => {
-        let timeout = -1;
-        const clearFocusTimeout = (e) => {
-            if (e.key === "Tab") {
-                clearTimeout(timeout);
-            }
-        };
-        document.addEventListener("keydown", clearFocusTimeout);
-        if (opened) {
-            lastActiveElement.current = document.activeElement;
-        }
-        else if (shouldReturnFocus) {
-            timeout = window.setTimeout(returnFocus, transitionDuration + 10);
-        }
-        return () => {
-            clearTimeout(timeout);
-            document.removeEventListener("keydown", clearFocusTimeout);
-        };
-    }, [opened, shouldReturnFocus, transitionDuration]);
-    return returnFocus;
-}

package/hooks/useFocusTrap.d.ts

@@ -1,5 +0,0 @@
-import { RefCallback } from "react";
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-export declare function useFocusTrap<T extends HTMLElement>(active?: boolean): RefCallback<T>;

package/hooks/useFocusTrap.js

@@ -1,148 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = useFocusTrap;
-const react_1 = require("react");
-const useOnUnmount_1 = require("./useOnUnmount");
-const TABBABLE_NODES = /input|select|textarea|button|object/;
-const FOCUS_SELECTOR = "a, input, select, textarea, button, object, [tabindex]";
-function hidden(element) {
-    return element.style.display === "none";
-}
-function visible(element) {
-    let parentElement = element;
-    while (parentElement) {
-        if (parentElement === document.body) {
-            break;
-        }
-        if (hidden(parentElement)) {
-            return false;
-        }
-        parentElement = parentElement.parentElement;
-    }
-    return true;
-}
-function getElementTabIndex(element) {
-    const tabIndex = element.getAttribute("tabindex");
-    if (tabIndex === null) {
-        return NaN;
-    }
-    return parseInt(tabIndex, 10);
-}
-function focusable(element) {
-    const nodeName = element.nodeName.toLowerCase();
-    const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
-    const res = (TABBABLE_NODES.test(nodeName) && !element.disabled) ||
-        (element instanceof HTMLAnchorElement ? Boolean(element.href) || isTabIndexNotNaN : isTabIndexNotNaN);
-    return res && visible(element);
-}
-function tabbable(element) {
-    const tabIndex = getElementTabIndex(element);
-    const isTabIndexNaN = Number.isNaN(tabIndex);
-    return (isTabIndexNaN || tabIndex >= 0) && focusable(element);
-}
-function findTabbableDescendants(element) {
-    return Array.from(element.querySelectorAll(FOCUS_SELECTOR)).filter(tabbable);
-}
-function scopeTab(node, event) {
-    const _tabbable = findTabbableDescendants(node);
-    if (!_tabbable.length) {
-        event.preventDefault();
-        return;
-    }
-    const finalTabbable = _tabbable[event.shiftKey ? 0 : _tabbable.length - 1];
-    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-    if (!leavingFinalTabbable) {
-        return;
-    }
-    event.preventDefault();
-    const target = _tabbable[event.shiftKey ? _tabbable.length - 1 : 0];
-    if (target) {
-        target.focus();
-    }
-}
-function createAriaHider(containerNode, selector = "body > :not(script)") {
-    const rootNodes = Array.from(document.querySelectorAll(selector)).map((node) => {
-        if (node.contains(containerNode)) {
-            return;
-        }
-        const ariaHidden = node.getAttribute("aria-hidden");
-        if (ariaHidden === null || ariaHidden === "false") {
-            node.setAttribute("aria-hidden", "true");
-        }
-        return { node, ariaHidden };
-    });
-    return () => {
-        rootNodes.forEach((item) => {
-            if (!item) {
-                return;
-            }
-            if (item.ariaHidden === null) {
-                item.node.removeAttribute("aria-hidden");
-            }
-            else {
-                item.node.setAttribute("aria-hidden", item.ariaHidden);
-            }
-        });
-    };
-}
-/**
- * @deprecated Use import from @uxf/core-react instead.
- */
-function useFocusTrap(active = true) {
-    const ref = (0, react_1.useRef)();
-    const restoreAria = (0, react_1.useRef)();
-    const timer = (0, react_1.useRef)();
-    const setRef = (0, react_1.useCallback)((node) => {
-        if (!active) {
-            ref.current = null;
-            return;
-        }
-        if (restoreAria.current) {
-            restoreAria.current();
-        }
-        if (node) {
-            const processNode = (_node) => {
-                restoreAria.current = createAriaHider(_node);
-                let focusElement = node.querySelector("[data-autofocus]");
-                if (!focusElement) {
-                    const children = Array.from(node.querySelectorAll(FOCUS_SELECTOR));
-                    focusElement = children.find(tabbable) || children.find(focusable) || null;
-                    if (!focusElement && focusable(node)) {
-                        focusElement = node;
-                    }
-                }
-                if (focusElement) {
-                    focusElement.focus();
-                }
-            };
-            // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
-            timer.current = window.setTimeout(() => {
-                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                if (node.ownerDocument) {
-                    processNode(node);
-                }
-            });
-            ref.current = node;
-        }
-        else {
-            ref.current = null;
-        }
-    }, [active]);
-    (0, react_1.useEffect)(() => {
-        if (!active) {
-            return;
-        }
-        const handler = (e) => {
-            const node = ref.current;
-            if (e.key === "Tab" && node) {
-                scopeTab(node, e);
-            }
-        };
-        document.addEventListener("keydown", handler);
-        return () => {
-            document.removeEventListener("keydown", handler);
-        };
-    }, [active]);
-    (0, useOnUnmount_1.useOnUnmount)(() => clearTimeout(timer.current));
-    return setRef;
-}