@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/utils/hooks/useFormFieldFocus.js

@@ -1,228 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormFieldFocus = useFormFieldFocus;
-const react_1 = require("react");
-const NavigationKeyContext_1 = require("../context/NavigationKeyContext");
-function useFormFieldFocus({ isOpen, navigationKey: navigationKeyProp, }) {
-    const { navigationKey: navigationKeyFromContext } = (0, NavigationKeyContext_1.useNavigationKeyContext)();
-    const navigationKey = navigationKeyProp ?? navigationKeyFromContext;
-    const inputRef = (0, react_1.useRef)(null);
-    const shouldMaintainFocusRef = (0, react_1.useRef)(false);
-    const wasFocusedRef = (0, react_1.useRef)(false);
-    const blurTimeoutRef = (0, react_1.useRef)(null);
-    const [hasInputElement, setHasInputElement] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const inputElement = inputRef.current instanceof HTMLInputElement ? inputRef.current : null;
-        if (!inputElement) {
-            return;
-        }
-        const handleFocus = () => {
-            if (blurTimeoutRef.current) {
-                clearTimeout(blurTimeoutRef.current);
-                blurTimeoutRef.current = null;
-            }
-            wasFocusedRef.current = true;
-        };
-        const handleBlur = () => {
-            if (blurTimeoutRef.current) {
-                clearTimeout(blurTimeoutRef.current);
-            }
-            blurTimeoutRef.current = setTimeout(() => {
-                if (document.activeElement !== inputRef.current) {
-                    wasFocusedRef.current = false;
-                }
-                blurTimeoutRef.current = null;
-            }, 200);
-        };
-        inputElement.addEventListener("focus", handleFocus);
-        inputElement.addEventListener("blur", handleBlur);
-        return () => {
-            inputElement.removeEventListener("focus", handleFocus);
-            inputElement.removeEventListener("blur", handleBlur);
-            if (blurTimeoutRef.current) {
-                clearTimeout(blurTimeoutRef.current);
-                blurTimeoutRef.current = null;
-            }
-        };
-    }, [hasInputElement]);
-    (0, react_1.useEffect)(() => {
-        if (wasFocusedRef.current && inputRef.current) {
-            requestAnimationFrame(() => {
-                if (inputRef.current &&
-                    document.activeElement !== inputRef.current &&
-                    wasFocusedRef.current) {
-                    inputRef.current.focus();
-                }
-            });
-        }
-    });
-    (0, react_1.useEffect)(() => {
-        if (!isOpen && shouldMaintainFocusRef.current && inputRef.current) {
-            shouldMaintainFocusRef.current = false;
-            setTimeout(() => {
-                requestAnimationFrame(() => {
-                    if (inputRef.current) {
-                        inputRef.current.focus();
-                    }
-                });
-            }, 10);
-        }
-    }, [isOpen]);
-    const maintainFocus = (0, react_1.useCallback)(() => {
-        if (inputRef.current) {
-            requestAnimationFrame(() => {
-                inputRef.current?.focus();
-            });
-        }
-    }, []);
-    const maintainFocusAfterClose = (0, react_1.useCallback)(() => {
-        shouldMaintainFocusRef.current = true;
-    }, []);
-    const getFocusableElements = (0, react_1.useCallback)(() => {
-        const selector = [
-            "a[href]",
-            "button:not([disabled])",
-            "textarea:not([disabled])",
-            "input:not([disabled])",
-            "select:not([disabled])",
-            "[tabindex]:not([tabindex='-1'])",
-        ].join(", ");
-        return Array.from(document.querySelectorAll(selector)).filter((el) => {
-            const style = window.getComputedStyle(el);
-            return (style.display !== "none" &&
-                style.visibility !== "hidden" &&
-                !el.hasAttribute("disabled") &&
-                (el.getAttribute("tabindex") === null ||
-                    el.getAttribute("tabindex") !== "-1"));
-        });
-    }, []);
-    const findActualInputElement = (0, react_1.useCallback)((element) => {
-        if (element.tagName === "INPUT" ||
-            element.tagName === "TEXTAREA" ||
-            element.tagName === "SELECT") {
-            return element;
-        }
-        const input = element.querySelector("input, textarea, select");
-        return input || element;
-    }, []);
-    const handleEnterNavigation = (0, react_1.useCallback)((event, allowTextarea = false
-    // eslint-disable-next-line sonarjs/cognitive-complexity
-    ) => {
-        const target = event.target;
-        const activeElement = document.activeElement ?? inputRef.current ?? target;
-        if (!activeElement) {
-            return;
-        }
-        const isTextarea = activeElement.tagName === "TEXTAREA" ||
-            target.tagName === "TEXTAREA" ||
-            (activeElement instanceof HTMLElement &&
-                activeElement.querySelector("textarea"));
-        if (isTextarea && !allowTextarea) {
-            return;
-        }
-        if (event.ctrlKey || event.metaKey || event.altKey) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        const focusableElements = getFocusableElements();
-        const findWrapperElement = (input) => {
-            if (focusableElements.includes(input)) {
-                return input;
-            }
-            for (const el of focusableElements) {
-                if (el === input || el.contains(input)) {
-                    return el;
-                }
-            }
-            return null;
-        };
-        const currentWrapper = findWrapperElement(activeElement);
-        if (!currentWrapper) {
-            return;
-        }
-        const currentIndex = focusableElements.indexOf(currentWrapper);
-        if (currentIndex === -1) {
-            return;
-        }
-        let targetWrapper = null;
-        if (event.shiftKey) {
-            if (currentIndex > 0) {
-                targetWrapper = focusableElements[currentIndex - 1] || null;
-            }
-        }
-        else if (currentIndex < focusableElements.length - 1) {
-            targetWrapper = focusableElements[currentIndex + 1] || null;
-        }
-        if (targetWrapper) {
-            const targetInput = findActualInputElement(targetWrapper);
-            if (targetInput) {
-                setTimeout(() => {
-                    targetInput.focus();
-                }, 0);
-            }
-            else {
-                targetWrapper.focus();
-            }
-        }
-        else {
-            activeElement.blur();
-        }
-    }, [getFocusableElements, findActualInputElement]);
-    const handleKeyDown = (0, react_1.useCallback)((event, onClose, isPopupOpen) => {
-        if (isPopupOpen && (event.key === "Tab" || event.key === "Escape")) {
-            event.preventDefault();
-            event.stopPropagation();
-            onClose?.();
-            maintainFocusAfterClose();
-            return;
-        }
-        if (navigationKey === "enter" && event.key === "Enter" && !isPopupOpen) {
-            const activeElement = document.activeElement ??
-                inputRef.current ??
-                event.target;
-            const isTextarea = Boolean(activeElement?.tagName === "TEXTAREA" ||
-                event.target?.tagName === "TEXTAREA" ||
-                (activeElement instanceof HTMLElement &&
-                    activeElement.querySelector("textarea")));
-            const isButton = Boolean(activeElement?.tagName === "BUTTON" ||
-                event.target?.tagName === "BUTTON");
-            const allowNavigation = isTextarea || isButton;
-            handleEnterNavigation(event, allowNavigation);
-        }
-    }, [maintainFocusAfterClose, navigationKey, handleEnterNavigation, inputRef]);
-    const setInputRef = (0, react_1.useCallback)((ref) => {
-        if (ref) {
-            const wasInputFocused = document.activeElement === ref ||
-                (ref instanceof HTMLElement &&
-                    document.activeElement instanceof Node &&
-                    ref.contains(document.activeElement)) ||
-                wasFocusedRef.current;
-            if (wasInputFocused && !wasFocusedRef.current) {
-                wasFocusedRef.current = true;
-            }
-            inputRef.current = ref;
-            setHasInputElement(true);
-            if (wasFocusedRef.current) {
-                requestAnimationFrame(() => {
-                    if (inputRef.current &&
-                        document.activeElement !== inputRef.current) {
-                        inputRef.current.focus();
-                    }
-                });
-            }
-        }
-        else {
-            inputRef.current = null;
-            setHasInputElement(false);
-        }
-    }, []);
-    return {
-        inputRef,
-        setInputRef,
-        maintainFocus,
-        maintainFocusAfterClose,
-        handleKeyDown,
-        handleEnterNavigation,
-    };
-}

package/packages/shared-components/dist/utils/hooks/useGetDeviceType.js

@@ -1,24 +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.useGetDeviceType = useGetDeviceType;
-const styles_1 = require("@mui/material/styles");
-const useMediaQuery_1 = __importDefault(require("@mui/material/useMediaQuery"));
-function useGetDeviceType() {
-    const theme = (0, styles_1.useTheme)();
-    const isMobile = (0, useMediaQuery_1.default)(theme.breakpoints.down("sm")); // <600px
-    const isTablet = (0, useMediaQuery_1.default)(theme.breakpoints.between("sm", "md")); // 600–900px
-    const isDesktop = (0, useMediaQuery_1.default)(theme.breakpoints.up("md")); // >900px
-    const getLayout = () => {
-        if (isMobile) {
-            return "mobile";
-        }
-        if (isTablet) {
-            return "tablet";
-        }
-        return "desktop";
-    };
-    return { layout: getLayout(), isMobile, isTablet, isDesktop };
-}

package/packages/shared-components/dist/utils/hooks/useGlobalKeyboardShortcut.js

@@ -1,95 +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.useGlobalKeyboardShortcut = void 0;
-/* eslint-disable quotes */
-const castArray_1 = __importDefault(require("lodash/castArray"));
-const every_1 = __importDefault(require("lodash/every"));
-const react_1 = require("react");
-const useGlobalKeyboardShortcut = ({ key, onTrigger, modifierKeys = "ctrl", withoutModifiers = false, enabled = true, }) => {
-    const modifierKeysString = (0, react_1.useMemo)(() => JSON.stringify((0, castArray_1.default)(modifierKeys).sort((a, b) => a.localeCompare(b))), [modifierKeys]);
-    (0, react_1.useEffect)(() => {
-        if (!enabled) {
-            return;
-        }
-        // eslint-disable-next-line sonarjs/cognitive-complexity
-        const handler = (e) => {
-            const eventTarget = e.target;
-            const autocompleteRoot = eventTarget?.closest(".MuiAutocomplete-root");
-            if (autocompleteRoot) {
-                const inputRoot = autocompleteRoot.querySelector(".MuiAutocomplete-inputRoot");
-                const isPopupOpen = inputRoot?.getAttribute("aria-expanded") === "true" ||
-                    document.querySelector('[role="listbox"][aria-expanded="true"]') ||
-                    document.querySelector(".MuiAutocomplete-popper[data-popper-placement]") ||
-                    document.querySelector(".MuiAutocomplete-paper");
-                if (isPopupOpen) {
-                    return;
-                }
-            }
-            const activeElement = document.activeElement;
-            const activeAutocompleteRoot = activeElement?.closest(".MuiAutocomplete-root");
-            if (activeAutocompleteRoot) {
-                const activeInputRoot = activeAutocompleteRoot.querySelector(".MuiAutocomplete-inputRoot");
-                const isActivePopupOpen = activeInputRoot?.getAttribute("aria-expanded") === "true" ||
-                    document.querySelector('[role="listbox"][aria-expanded="true"]');
-                if (isActivePopupOpen) {
-                    return;
-                }
-            }
-            const normalizedCode = key.length === 1 ? `Key${key.toUpperCase()}` : key;
-            const keyMatch = e.code?.toLowerCase() === normalizedCode?.toLowerCase();
-            if (withoutModifiers) {
-                const hasNoModifiers = !e.ctrlKey && !e.shiftKey && !e.altKey;
-                if (keyMatch && hasNoModifiers && !e.repeat) {
-                    e.preventDefault();
-                    e.stopImmediatePropagation();
-                    e.stopPropagation();
-                    onTrigger();
-                }
-                return;
-            }
-            const normalizedModifierKeys = (0, castArray_1.default)(modifierKeys);
-            const modifierMatch = (0, every_1.default)(normalizedModifierKeys, (mod) => {
-                switch (mod) {
-                    case "ctrl":
-                        return e.ctrlKey;
-                    case "shift":
-                        return e.shiftKey;
-                    case "alt":
-                        return e.altKey;
-                    default:
-                        return true;
-                }
-            });
-            const requiredModifiers = normalizedModifierKeys;
-            let requiredModifiersCount = 0;
-            if (requiredModifiers.includes("ctrl") && e.ctrlKey) {
-                requiredModifiersCount++;
-            }
-            if (requiredModifiers.includes("shift") && e.shiftKey) {
-                requiredModifiersCount++;
-            }
-            if (requiredModifiers.includes("alt") && e.altKey) {
-                requiredModifiersCount++;
-            }
-            const hasExtraModifiers = (e.ctrlKey && !requiredModifiers.includes("ctrl")) ||
-                (e.shiftKey && !requiredModifiers.includes("shift")) ||
-                (e.altKey && !requiredModifiers.includes("alt"));
-            if (keyMatch &&
-                modifierMatch &&
-                requiredModifiersCount === normalizedModifierKeys.length &&
-                !hasExtraModifiers &&
-                !e.repeat) {
-                e.preventDefault();
-                e.stopImmediatePropagation();
-                e.stopPropagation();
-                onTrigger();
-            }
-        };
-        window.addEventListener("keydown", handler, true);
-        return () => window.removeEventListener("keydown", handler, true);
-    }, [key, modifierKeysString, onTrigger, withoutModifiers, enabled]);
-};
-exports.useGlobalKeyboardShortcut = useGlobalKeyboardShortcut;

package/packages/shared-components/dist/utils/index.js

@@ -1,30 +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("./CheckboxInput"), exports);
-__exportStar(require("./colorVariant"), exports);
-__exportStar(require("./context"), exports);
-__exportStar(require("./date"), exports);
-__exportStar(require("./download"), exports);
-__exportStar(require("./downloadPrintHtml"), exports);
-__exportStar(require("./file"), exports);
-__exportStar(require("./helper"), exports);
-__exportStar(require("./hooks"), exports);
-__exportStar(require("./regex"), exports);
-__exportStar(require("./theme/colorPaletteUI"), exports);
-__exportStar(require("./theme/theme"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./urlToNestedObject"), exports);

package/packages/shared-components/dist/utils/regex.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.numericRegex = exports.highlightWordsRegex = exports.hslaRegex = exports.accessorFnRegex = exports.timeRegex = exports.emailRegex = exports.noSpecialCharacterRegex = exports.isoDateRegex = exports.monthYearRegex = void 0;
-/* eslint-disable sonarjs/unnecessary-character-escapes */
-/* eslint-disable no-useless-escape */
-/* eslint-disable sonarjs/single-character-alternation */
-/* eslint-disable sonarjs/concise-regex */
-/* eslint-disable sonarjs/sonar-no-control-regex */
-/* eslint-disable sonarjs/regex-complexity */
-/* eslint-disable sonarjs/slow-regex */
-/* eslint-disable no-control-regex */
-exports.monthYearRegex = /^\d{4}-\d{2}$/;
-exports.isoDateRegex = /^\d{4}-\d{2}-\d{2}$/;
-exports.noSpecialCharacterRegex = /^[a-zA-Z0-9 ]*$/;
-exports.emailRegex = /^(((?!.*[^\x00-\x7F])[^<>()[\]\\.,;:\s@"](\.[^<>()[\]\\.,;:\s@"])*){1,64}|(".{1,64}"))@(?:(?:(?!.*[^.]{64,})(?:(?:(?:xn--)?[a-zA-Z\-0-9]+(?:-[a-zA-Z\-0-9]+)*([.]{1,1}))){1,4}([a-zA-Z][a-zA-Z0-9]{1,}))|(?:\[(?:(?:(i|I)(p|P)(v)6:(?:(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){7})|(?:(?!(?:.*[a-zA-Z\-0-9][:\]]){7,})(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,5})?::(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,5})?)))|(?:(?:(i|I)(p|P)(v)6:(?:(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){5}:)|(?:(?!(?:.*[a-zA-Z\-0-9]:){5,})(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,3})?::(?:[a-zA-Z\-0-9]{1,4}(?::[a-zA-Z\-0-9]{1,4}){0,3}:)?)))?(?:(?:25[0-5])|(?:2[0-4][0-9])|(?:1[0-9]{2})|(?:[1-9]?[0-9]))(?:\.(?:(?:25[0-5])|(?:2[0-4][0-9])|(?:1[0-9]{2})|(?:[1-9]?[0-9]))){3}))\]))$/;
-exports.timeRegex = /^\d{1,3}:\d{2}(:\d{2})?$/;
-exports.accessorFnRegex = /([a-zA-Z0-9_$.\[\]]+)\s*!==\s*null\s*&&\s*\1\s*!==\s*void 0\s*\?\s*\1\s*:\s*/g;
-exports.hslaRegex = /hsla?\((\d+),\s*(\d+)%,\s*(\d+)%,?\s*([\d.]+)?\)/;
-exports.highlightWordsRegex = /[.*+?^${}()|[\]\\]/g;
-exports.numericRegex = /^-?\d*\.?\d*$/;