@codezee/sixtify-brahma 0.2.156 → 0.2.158

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

@@ -5,6 +5,54 @@ const react_1 = require("react");
 function useFormFieldFocus(isOpen) {
     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;
+        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;
@@ -18,9 +66,11 @@ function useFormFieldFocus(isOpen) {
         }
     }, [isOpen]);
     const maintainFocus = (0, react_1.useCallback)(() => {
-        requestAnimationFrame(() => {
-            inputRef.current?.focus();
-        });
+        if (inputRef.current) {
+            requestAnimationFrame(() => {
+                inputRef.current?.focus();
+            });
+        }
     }, []);
     const maintainFocusAfterClose = (0, react_1.useCallback)(() => {
         shouldMaintainFocusRef.current = true;
@@ -35,7 +85,25 @@ function useFormFieldFocus(isOpen) {
     }, [maintainFocusAfterClose]);
     const setInputRef = (0, react_1.useCallback)((ref) => {
         if (ref) {
+            const wasInputFocused = document.activeElement === ref ||
+                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 {

package/packages/shared-components/dist/utils/hooks/useGlobalKeyboardShortcut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyboardShortcut.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useGlobalKeyboardShortcut.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpD,KAAK,6BAA6B,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,qDAKvC,6BAA6B,SA8E/B,CAAC"}
+{"version":3,"file":"useGlobalKeyboardShortcut.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useGlobalKeyboardShortcut.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAEpD,KAAK,6BAA6B,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,QAAQ,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,qDAKvC,6BAA6B,SA8H/B,CAAC"}

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (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");
@@ -11,6 +12,32 @@ const useGlobalKeyboardShortcut = ({ key, onTrigger, modifierKeys = "ctrl", with
     (0, react_1.useEffect)(() => {
         // eslint-disable-next-line sonarjs/cognitive-complexity
         const handler = (e) => {
+            const dialog = document.querySelector('[role="dialog"]');
+            if (dialog) {
+                return;
+            }
+            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) {

package/packages/shared-components/dist/AgGrid/hooks/useAgGridFocusManagement.d.ts

@@ -1,2 +0,0 @@
-export declare const useAgGridFocusManagement: (containerRef: React.RefObject<HTMLElement>) => void;
-//# sourceMappingURL=useAgGridFocusManagement.d.ts.map

package/packages/shared-components/dist/AgGrid/hooks/useAgGridFocusManagement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAgGridFocusManagement.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridFocusManagement.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,GACnC,cAAc,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,SAuJ3C,CAAC"}

package/packages/shared-components/dist/AgGrid/hooks/useAgGridFocusManagement.js

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAgGridFocusManagement = void 0;
-/* eslint-disable sonarjs/cognitive-complexity */
-/* eslint-disable sonarjs/no-nested-functions */
-const react_1 = require("react");
-const useAgGridFocusManagement = (containerRef) => {
-    const rafRef = (0, react_1.useRef)(null);
-    const secondHeaderCellRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const container = containerRef.current;
-        if (!container) {
-            return;
-        }
-        const getSecondHeaderCell = () => {
-            const cached = secondHeaderCellRef.current;
-            if (cached && container.contains(cached)) {
-                return cached;
-            }
-            const headerCells = container.querySelectorAll(".ag-header-cell:not(.ag-column-first)");
-            const cell = headerCells.length > 0 ? headerCells[0] : null;
-            secondHeaderCellRef.current = cell ?? null;
-            return cell ?? null;
-        };
-        const preventUnwantedFocus = () => {
-            if (rafRef.current !== null) {
-                return;
-            }
-            rafRef.current = requestAnimationFrame(() => {
-                rafRef.current = null;
-                const firstHeaderCells = container.querySelectorAll(".ag-header-cell.ag-column-first:not(.ag-floating-filter)");
-                firstHeaderCells.forEach((cell) => {
-                    if (cell.tabIndex !== -1) {
-                        cell.tabIndex = -1;
-                    }
-                    const interactiveElements = cell.querySelectorAll("input, button, select, textarea, [tabindex]:not([tabindex='-1'])");
-                    interactiveElements.forEach((el) => {
-                        if (el.tabIndex !== -1) {
-                            el.tabIndex = -1;
-                        }
-                    });
-                });
-                secondHeaderCellRef.current = null;
-            });
-        };
-        const handleFocusRedirect = (e) => {
-            const target = e.target;
-            if (!container.contains(target)) {
-                return;
-            }
-            const isFirstHeader = target.closest(".ag-header-cell.ag-column-first:not(.ag-floating-filter)") !== null;
-            if (!isFirstHeader) {
-                return;
-            }
-            const secondCell = getSecondHeaderCell();
-            if (!secondCell) {
-                return;
-            }
-            e.preventDefault();
-            e.stopPropagation();
-            requestAnimationFrame(() => {
-                secondCell.focus();
-            });
-        };
-        const observer = new MutationObserver((mutations) => {
-            const shouldUpdate = mutations.some((mutation) => {
-                const target = mutation.target;
-                if (target.classList?.contains("ag-header") ||
-                    target.classList?.contains("ag-header-cell") ||
-                    target.classList?.contains("ag-header-row")) {
-                    return true;
-                }
-                const hasHeaderNodes = Array.from(mutation.addedNodes).some((node) => node instanceof HTMLElement &&
-                    (node.classList.contains("ag-header-cell") ||
-                        node.classList.contains("ag-header-row") ||
-                        node.querySelector(".ag-header-cell, .ag-header-row")));
-                return hasHeaderNodes;
-            });
-            if (shouldUpdate) {
-                preventUnwantedFocus();
-            }
-        });
-        const header = container.querySelector(".ag-header");
-        if (header instanceof HTMLElement) {
-            observer.observe(header, {
-                childList: true,
-                subtree: true,
-                attributes: true,
-                attributeFilter: ["class", "tabindex"],
-            });
-        }
-        observer.observe(container, { childList: true });
-        container.addEventListener("focusin", handleFocusRedirect, true);
-        preventUnwantedFocus();
-        return () => {
-            if (rafRef.current !== null) {
-                cancelAnimationFrame(rafRef.current);
-            }
-            observer.disconnect();
-            container.removeEventListener("focusin", handleFocusRedirect, true);
-            secondHeaderCellRef.current = null;
-        };
-    }, [containerRef]);
-};
-exports.useAgGridFocusManagement = useAgGridFocusManagement;