@codezee/sixtify-brahma 0.2.207 → 0.2.209

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

@@ -1,161 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAgGridCheckBoxSelection = void 0;
-const react_1 = require("react");
-const utils_1 = require("../../utils");
-const isDialogOnTop = () => {
-    const backdrop = document.querySelector(
-    // eslint-disable-next-line quotes
-    '.MuiBackdrop-root:not([style*="display: none"])');
-    if (backdrop) {
-        return true;
-    }
-    const dialogs = document.querySelectorAll(
-    // eslint-disable-next-line quotes
-    '[role="dialog"], .MuiDialog-root, .MuiModal-root');
-    if (dialogs.length === 0) {
-        return false;
-    }
-    for (const dialog of Array.from(dialogs)) {
-        const dialogElement = dialog;
-        const style = window.getComputedStyle(dialogElement);
-        const isVisible = style.display !== "none" &&
-            style.visibility !== "hidden" &&
-            parseFloat(style.opacity) > 0;
-        if (isVisible) {
-            return true;
-        }
-    }
-    return false;
-};
-const useAgGridCheckBoxSelection = ({ gridRef, setSelectedEmployee, currentPageItems, selectedEmployee, }) => {
-    const [isChecked, setIsChecked] = (0, react_1.useState)(false);
-    const handleRowCheckBox = (isChecked) => {
-        if (!gridRef.current) {
-            return;
-        }
-        const api = gridRef.current.api;
-        return currentPageItems.forEach(({ id }) => {
-            api.getRowNode(id)?.setSelected(isChecked);
-        });
-    };
-    const commonCheckBoxMethod = () => {
-        const currentPageItemsId = currentPageItems.map(({ id }) => id);
-        if (!isChecked) {
-            handleRowCheckBox(true);
-            setIsChecked(true);
-            return setSelectedEmployee((prev) => {
-                const newArray = [...prev, ...currentPageItemsId];
-                return newArray;
-            });
-        }
-        setIsChecked(false);
-        handleRowCheckBox(false);
-        return setSelectedEmployee((prev) => {
-            const newArray = prev.filter((id) => !currentPageItemsId.includes(id));
-            return newArray;
-        });
-    };
-    const handleSelectAll = (event) => {
-        setIsChecked(event.target.checked);
-        commonCheckBoxMethod();
-    };
-    (0, react_1.useEffect)(() => {
-        const handleCtrlA = (event) => {
-            if (event.key.toLowerCase() !== "a" ||
-                (!event.ctrlKey && !event.metaKey)) {
-                return;
-            }
-            if (isDialogOnTop()) {
-                return;
-            }
-            const activeElement = document.activeElement;
-            const isInputField = activeElement?.tagName === "INPUT" ||
-                activeElement?.tagName === "TEXTAREA" ||
-                activeElement?.contentEditable === "true";
-            if (isInputField) {
-                return;
-            }
-            if (!currentPageItems.length || !gridRef.current) {
-                return;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-            const api = gridRef.current.api;
-            const currentPageItemsId = currentPageItems.map(({ id }) => id);
-            currentPageItems.forEach(({ id }) => {
-                api.getRowNode(id)?.setSelected(true);
-            });
-            setIsChecked(true);
-            const existingIds = new Set(selectedEmployee);
-            const idsToAdd = currentPageItemsId.filter((id) => !existingIds.has(id));
-            setSelectedEmployee([...selectedEmployee, ...idsToAdd]);
-        };
-        document.addEventListener("keydown", handleCtrlA, true);
-        return () => {
-            document.removeEventListener("keydown", handleCtrlA, true);
-        };
-    }, [currentPageItems, gridRef, setSelectedEmployee]);
-    (0, utils_1.useGlobalKeyboardShortcut)({
-        key: "a",
-        modifierKeys: "alt",
-        onTrigger: () => {
-            if (isDialogOnTop()) {
-                return;
-            }
-            const activeElement = document.activeElement;
-            const isInputField = activeElement?.tagName === "INPUT" ||
-                activeElement?.tagName === "TEXTAREA" ||
-                activeElement?.contentEditable === "true";
-            if (isInputField) {
-                return;
-            }
-            if (!currentPageItems.length) {
-                return;
-            }
-            const currentPageItemsId = currentPageItems.map(({ id }) => id);
-            if (!gridRef.current) {
-                return;
-            }
-            const api = gridRef.current.api;
-            currentPageItems.forEach(({ id }) => {
-                api.getRowNode(id)?.setSelected(false);
-            });
-            setIsChecked(false);
-            setSelectedEmployee((prev) => prev.filter((id) => !currentPageItemsId.includes(id)));
-        },
-    });
-    (0, react_1.useEffect)(() => {
-        const isCurrentPageDataChecked = currentPageItems.length > 0 &&
-            currentPageItems.every(({ id }) => selectedEmployee.includes(id));
-        setIsChecked(isCurrentPageDataChecked);
-        const handler = (event) => {
-            if (event.code !== "Space") {
-                return;
-            }
-            const target = event.target;
-            if (target.classList.contains("ag-floating-filter") ||
-                target.classList.contains("ag-text-field-input")) {
-                return;
-            }
-            event.preventDefault();
-            commonCheckBoxMethod();
-        };
-        const header = document.querySelector(".ag-header");
-        header?.addEventListener("keydown", handler);
-        return () => {
-            header?.removeEventListener("keydown", handler);
-        };
-    }, [currentPageItems, selectedEmployee]);
-    const currentPageSelectedItems = currentPageItems.filter(({ id }) => selectedEmployee.includes(id)).length;
-    const isIndeterminate = (currentPageSelectedItems &&
-        currentPageSelectedItems < currentPageItems.length) ||
-        false;
-    return {
-        isChecked,
-        handleSelectAll,
-        indeterminate: isIndeterminate,
-        setIsChecked,
-    };
-};
-exports.useAgGridCheckBoxSelection = useAgGridCheckBoxSelection;

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

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAgGridFilteredData = void 0;
-const react_1 = require("react");
-const useAgGridFilteredData = ({ gridRef, }) => {
-    const getFilteredData = (0, react_1.useCallback)(() => {
-        const api = gridRef.current?.api;
-        if (!api) {
-            return [];
-        }
-        const filtered = [];
-        api.forEachNodeAfterFilter((node) => {
-            const data = node.data;
-            if (data) {
-                filtered.push(data);
-            }
-        });
-        return filtered;
-    }, [gridRef]);
-    return { getFilteredData };
-};
-exports.useAgGridFilteredData = useAgGridFilteredData;

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

@@ -1,173 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAgGridKeyboardShortcuts = void 0;
-const react_1 = require("react");
-const utils_1 = require("../../utils");
-const isDialogOnTop = () => {
-    const backdrop = document.querySelector(".MuiBackdrop-root:not([style*='display: none'])");
-    if (backdrop) {
-        return true;
-    }
-    const dialogs = document.querySelectorAll("[role='dialog'], .MuiDialog-root, .MuiModal-root");
-    if (dialogs.length === 0) {
-        return false;
-    }
-    Array.from(dialogs).forEach((dialog) => {
-        const style = window.getComputedStyle(dialog);
-        const isVisible = style.display !== "none" &&
-            style.visibility !== "hidden" &&
-            parseFloat(style.opacity) > 0;
-        if (isVisible) {
-            return true;
-        }
-    });
-    return false;
-};
-const isInputField = () => {
-    const el = document.activeElement;
-    if (!el) {
-        return false;
-    }
-    const editableTags = ["INPUT", "TEXTAREA", "SELECT"];
-    if (editableTags.includes(el.tagName)) {
-        return true;
-    }
-    if (el.classList.contains("ag-text-field-input") ||
-        el.classList.contains("ag-input-field-input")) {
-        return true;
-    }
-    return el.getAttribute("contenteditable") === "true";
-};
-const useAgGridKeyboardShortcuts = ({ gridRef, isClientSide = false, }) => {
-    (0, react_1.useEffect)(() => {
-        const allowInputCtrlA = (e) => {
-            const isCtrlA = e.key.toLowerCase() === "a" && (e.ctrlKey || e.metaKey);
-            if (!isCtrlA || !isInputField()) {
-                return;
-            }
-            e.stopPropagation();
-            if (typeof e.stopImmediatePropagation === "function") {
-                e.stopImmediatePropagation();
-            }
-        };
-        window.addEventListener("keydown", allowInputCtrlA, true);
-        return () => {
-            window.removeEventListener("keydown", allowInputCtrlA, true);
-        };
-    }, []);
-    (0, utils_1.useGlobalKeyboardShortcut)({
-        key: "a",
-        modifierKeys: "ctrl",
-        onTrigger: () => {
-            const api = gridRef.current?.api;
-            if (!api || isDialogOnTop() || isInputField()) {
-                return;
-            }
-            api.forEachNodeAfterFilterAndSort((node) => {
-                if (node.displayed && node.data) {
-                    node.setSelected(true);
-                }
-            });
-        },
-    });
-    (0, utils_1.useGlobalKeyboardShortcut)({
-        key: "a",
-        modifierKeys: "alt",
-        onTrigger: () => {
-            const api = gridRef.current?.api;
-            if (!api || isDialogOnTop() || isInputField()) {
-                return;
-            }
-            api.forEachNodeAfterFilterAndSort((node) => {
-                if (node.displayed && node.data) {
-                    node.setSelected(false);
-                }
-            });
-        },
-    });
-    // TODO: Need To Add This UseEffect To Track AgGrid Active Cell Tracking
-    (0, react_1.useEffect)(() => {
-        if (!isClientSide) {
-            return;
-        }
-        // eslint-disable-next-line sonarjs/cognitive-complexity
-        const handler = (e) => {
-            if (e.code !== "Space") {
-                return;
-            }
-            const api = gridRef.current?.api;
-            if (!api) {
-                return;
-            }
-            if (isDialogOnTop() || isInputField()) {
-                return;
-            }
-            const target = e.target;
-            if (target.classList.contains("ag-floating-filter") ||
-                target.classList.contains("ag-text-field-input")) {
-                return;
-            }
-            const headerElement = target.closest(".ag-header");
-            const isHeaderCell = target.closest(".ag-header-cell") !== null ||
-                target.classList.contains("ag-header-cell");
-            const focusedCell = api.getFocusedCell();
-            if (headerElement && isHeaderCell && !focusedCell?.rowIndex) {
-                e.preventDefault();
-                e.stopPropagation();
-                const pageSize = api.paginationGetPageSize?.();
-                const currentPage = api.paginationGetCurrentPage?.();
-                const pageStart = pageSize != null && currentPage != null
-                    ? pageSize * currentPage
-                    : null;
-                const pageEnd = pageStart != null && pageSize != null ? pageStart + pageSize : null;
-                let selectableOnPage = 0;
-                let selectedOnPage = 0;
-                api.forEachNodeAfterFilterAndSort((node) => {
-                    if (!node.displayed || !node.data || node.selectable === false) {
-                        return;
-                    }
-                    if (pageStart != null &&
-                        pageEnd != null &&
-                        ((node.rowIndex ?? -1) < pageStart ||
-                            (node.rowIndex ?? -1) >= pageEnd)) {
-                        return;
-                    }
-                    selectableOnPage++;
-                    if (node.isSelected()) {
-                        selectedOnPage++;
-                    }
-                });
-                if (selectableOnPage === 0) {
-                    return;
-                }
-                const allSelected = selectedOnPage === selectableOnPage;
-                api.forEachNodeAfterFilterAndSort((node) => {
-                    if (!node.displayed || !node.data || node.selectable === false) {
-                        return;
-                    }
-                    if (pageStart != null &&
-                        pageEnd != null &&
-                        ((node.rowIndex ?? -1) < pageStart ||
-                            (node.rowIndex ?? -1) >= pageEnd)) {
-                        return;
-                    }
-                    node.setSelected(!allSelected, false);
-                });
-                return;
-            }
-            e.preventDefault();
-            const focused = api.getFocusedCell();
-            if (!focused) {
-                return;
-            }
-            const rowNode = api.getDisplayedRowAtIndex(focused.rowIndex);
-            if (!rowNode) {
-                return;
-            }
-            rowNode.setSelected(!rowNode.isSelected());
-        };
-        window.addEventListener("keydown", handler, true);
-        return () => window.removeEventListener("keydown", handler, true);
-    }, [gridRef, isClientSide]);
-};
-exports.useAgGridKeyboardShortcuts = useAgGridKeyboardShortcuts;

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

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAgGridRowSelectionConfig = void 0;
-const react_1 = require("react");
-const useAgGridRowSelectionConfig = ({ columnDefs, enableClickSelection = false, isRowSelectable, }) => {
-    const hasCustomCheckboxColumn = (0, react_1.useMemo)(() => {
-        return columnDefs.some((colDef) => {
-            const checkboxSelection = colDef["checkboxSelection"];
-            const hasCheckboxSelection = !!checkboxSelection;
-            const hasCustomHeaderOnId = colDef.field != null &&
-                String(colDef.field) === "id" &&
-                colDef.headerComponent != null;
-            return hasCheckboxSelection || hasCustomHeaderOnId;
-        });
-    }, [columnDefs]);
-    const rowSelection = (0, react_1.useMemo)(() => {
-        if (!hasCustomCheckboxColumn) {
-            return undefined;
-        }
-        const hasSelectableRows = Boolean(isRowSelectable);
-        return {
-            mode: "multiRow",
-            enableClickSelection,
-            checkboxes: hasSelectableRows,
-            ...(isRowSelectable && {
-                isRowSelectable,
-                hideDisabledCheckboxes: true,
-            }),
-        };
-    }, [hasCustomCheckboxColumn, enableClickSelection, isRowSelectable]);
-    const selectionColumnDef = (0, react_1.useMemo)(() => {
-        if (!hasCustomCheckboxColumn) {
-            return undefined;
-        }
-        return {
-            headerName: "",
-            colId: "id",
-            width: 1,
-            minWidth: 1,
-            maxWidth: 1,
-            pinned: "left",
-            lockPinned: true,
-            lockPosition: true,
-            suppressMovable: true,
-            suppressHeaderMenuButton: true,
-            suppressHeaderContextMenu: true,
-            suppressSizeToFit: true,
-            resizable: false,
-            sortable: false,
-            hide: true,
-            filter: false,
-            suppressHeaderKeyboardEvent: () => true,
-            suppressKeyboardEvent: () => true,
-            headerComponent: () => null,
-            cellRenderer: () => null,
-        };
-    }, [hasCustomCheckboxColumn]);
-    return {
-        rowSelection,
-        selectionColumnDef,
-    };
-};
-exports.useAgGridRowSelectionConfig = useAgGridRowSelectionConfig;