@codezee/sixtify-brahma 0.2.136 → 0.2.138

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.136",
+  "version": "0.2.138",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -112,8 +112,8 @@
     "@tiptap/starter-kit": "^3.4.4",
     "@tiptap/suggestion": "^3.4.4",
     "@types/file-saver": "^2.0.7",
-    "ag-grid-community": "^31.3.2",
-    "ag-grid-react": "^31.3.2",
+    "ag-grid-community": "^34.3.1",
+    "ag-grid-react": "^34.3.1",
     "axios": "^1.7.2",
     "date-fns": "^4.1.0",
     "eslint-plugin-sonarjs": "1.0.4-alpha.1",

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

@@ -1,6 +1,9 @@
+import type { GridApi } from "ag-grid-community";
 import type { AgGridReactProps } from "ag-grid-react";
 import { AgGridReact } from "ag-grid-react";
 import type { Ref } from "react";
+import "./registerAgGridModules";
+export declare const showNoRowsOverlay: (api: GridApi<unknown>, template?: string) => void;
 export declare const defaultPageSize = 50;
 export declare const pageSizeOptions: number[];
 export type AgGridProps<T = unknown> = AgGridReactProps<T> & {
@@ -8,9 +11,11 @@ export type AgGridProps<T = unknown> = AgGridReactProps<T> & {
     ref?: Ref<AgGridReact<T>>;
     totalRecords?: number;
     overlayNoRowsTemplate?: string;
+    loadingOverlayMessage?: string;
     selectedItems?: number;
     enableSecondRowFilter?: boolean;
     disableKeyBoardEvent?: boolean;
+    enableFloatingFilter?: boolean;
 };
 type AgGridType = React.ForwardRefExoticComponent<AgGridProps> & (<GenericType>(props: AgGridProps<GenericType>) => JSX.Element);
 export declare const AgGrid: AgGridType;

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

@@ -1 +1 @@
-{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAwGd,UAAU,CAAC"}
+{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,OAAO,EAGR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAOjC,OAAO,yBAAyB,CAAC;AA8DjC,eAAO,MAAM,iBAAiB,GAC5B,KAAK,OAAO,CAAC,OAAO,CAAC,EACrB,WAAW,MAAM,KAChB,IA8BF,CAAC;AAEF,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAyPd,UAAU,CAAC"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AgGrid = exports.pageSizeOptions = exports.defaultPageSize = void 0;
+exports.AgGrid = exports.pageSizeOptions = exports.defaultPageSize = exports.showNoRowsOverlay = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const ag_grid_react_1 = require("ag-grid-react");
@@ -8,16 +8,92 @@ const react_1 = require("react");
 const PadBox_1 = require("../PadBox");
 const utils_1 = require("../utils");
 const AgGridStyleProvider_1 = require("./AgGridStyleProvider");
+const LoadingOverlay_1 = require("./LoadingOverlay");
+const NoDataOverlay_1 = require("./NoDataOverlay");
+require("./registerAgGridModules");
+const getNoRowsText = (template) => {
+    const tempDiv = document.createElement("div");
+    tempDiv.innerHTML = template;
+    return tempDiv.textContent ?? tempDiv.innerText ?? "No Data Found";
+};
+const createOverlayElement = (template) => {
+    const overlay = document.createElement("div");
+    overlay.className = "ag-overlay-no-rows-wrapper";
+    overlay.style.cssText =
+        "display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: absolute; top: 0; left: 0; pointer-events: none;";
+    const content = document.createElement("span");
+    content.className = "ag-overlay-no-rows-center";
+    content.textContent = template ? getNoRowsText(template) : "No Data Found";
+    overlay.appendChild(content);
+    return overlay;
+};
+const showOverlayInContainer = (container, template) => {
+    const overlayWrapper = container.querySelector(".ag-overlay-no-rows-wrapper");
+    if (overlayWrapper) {
+        overlayWrapper.style.display = "flex";
+        overlayWrapper.style.pointerEvents = "none";
+    }
+    else {
+        const overlay = createOverlayElement(template);
+        container.appendChild(overlay);
+    }
+};
+const hideNoRowsOverlay = (api) => {
+    if (!api) {
+        return;
+    }
+    api.hideOverlay();
+    setTimeout(() => {
+        const gridBody = document.querySelector(".ag-body.ag-layout-normal");
+        const overlayWrapper = gridBody?.querySelector(".ag-overlay-no-rows-wrapper") ||
+            document.querySelector(".ag-theme-quartz .ag-overlay-no-rows-wrapper");
+        if (overlayWrapper) {
+            overlayWrapper.remove();
+        }
+    }, 0);
+};
+const showNoRowsOverlay = (api, template) => {
+    if (!api) {
+        return;
+    }
+    const hasRows = !!api.getDisplayedRowCount() || !!api.getRenderedNodes().length;
+    if (!hasRows) {
+        api.setGridOption("suppressNoRowsOverlay", false);
+        api.hideOverlay();
+        setTimeout(() => {
+            if (!api.getDisplayedRowCount() && !api.getRenderedNodes().length) {
+                const gridBody = document.querySelector(".ag-body.ag-layout-normal");
+                if (gridBody) {
+                    showOverlayInContainer(gridBody, template);
+                }
+                else {
+                    const gridContainer = document.querySelector(".ag-theme-quartz");
+                    if (gridContainer) {
+                        showOverlayInContainer(gridContainer, template);
+                    }
+                }
+            }
+        }, 100);
+    }
+    else {
+        hideNoRowsOverlay(api);
+    }
+};
+exports.showNoRowsOverlay = showNoRowsOverlay;
 exports.defaultPageSize = 50;
 exports.pageSizeOptions = [20, 50, 100, 200];
 exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
     const { layout } = (0, utils_1.useGetDeviceType)();
-    const { cacheBlockSize = props.paginationPageSize ?? exports.defaultPageSize, height = "597px", rowHeight = 50, rowModelType = "infinite", defaultColDef, rowBuffer = 5, totalRecords, 
+    const { height = "597px", rowHeight = 50, rowModelType = "infinite", defaultColDef, rowBuffer = 5, 
     // eslint-disable-next-line quotes
-    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', infiniteInitialRowCount = props.paginationPageSize ?? exports.defaultPageSize, pagination = false, enableSecondRowFilter, disableKeyBoardEvent, ...rest } = props;
+    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', pagination = false, enableSecondRowFilter, disableKeyBoardEvent, onModelUpdated, onFirstDataRendered, onViewportChanged, onFilterChanged, paginationPageSize: paginationPageSizeProp, cacheBlockSize: cacheBlockSizeProp, infiniteInitialRowCount: infiniteInitialRowCountProp, loading: gridLoading = false, ...rest } = props;
+    const resolvedPaginationPageSize = paginationPageSizeProp ?? exports.defaultPageSize;
+    const cacheBlockSize = cacheBlockSizeProp ?? resolvedPaginationPageSize;
+    const infiniteInitialRowCount = infiniteInitialRowCountProp ?? resolvedPaginationPageSize;
     const defaultColumnDef = {
         flex: 1,
         floatingFilter: false,
+        filter: true,
         filterParams: {
             closeOnApply: true,
             contains: false,
@@ -28,20 +104,98 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
         wrapHeaderText: true,
         ...defaultColDef,
     };
-    const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
-    if (totalRecords === 0) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                borderRadius: "4px",
-                margin: "20px",
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "300px",
-                textAlign: "center",
-                backgroundColor: color.butterflyBlue[700],
-            }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "No result found" }) }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(AgGridStyleProvider_1.AgGridStyleProvider, { className: "ag-theme-quartz ", style: { width: "100%", height, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(ag_grid_react_1.AgGridReact, { ref: ref, cacheBlockSize: cacheBlockSize, defaultColDef: {
+    const updateNoRowsOverlay = (0, react_1.useCallback)((api, shouldShow) => {
+        if (!api) {
+            return;
+        }
+        const normalizedApi = api;
+        if (!shouldShow || gridLoading) {
+            hideNoRowsOverlay(normalizedApi);
+            return;
+        }
+        (0, exports.showNoRowsOverlay)(normalizedApi, overlayNoRowsTemplate);
+    }, [gridLoading, overlayNoRowsTemplate]);
+    const handleModelUpdated = (0, react_1.useCallback)((params) => {
+        onModelUpdated?.(params);
+        const api = params.api;
+        if (api) {
+            if (rowModelType === "infinite") {
+                const datasource = api.getGridOption("datasource");
+                if (datasource) {
+                    setTimeout(() => {
+                        const displayedCount = api.getDisplayedRowCount();
+                        const renderedNodes = api.getRenderedNodes().length;
+                        updateNoRowsOverlay(api, displayedCount === 0 && renderedNodes === 0);
+                    }, 50);
+                }
+            }
+            else {
+                setTimeout(() => {
+                    const displayedCount = api.getDisplayedRowCount();
+                    const renderedNodes = api.getRenderedNodes().length;
+                    updateNoRowsOverlay(api, displayedCount === 0 && renderedNodes === 0);
+                }, 50);
+            }
+        }
+    }, [onModelUpdated, rowModelType, updateNoRowsOverlay]);
+    const handleFirstDataRendered = (0, react_1.useCallback)((params) => {
+        onFirstDataRendered?.(params);
+        const api = params.api;
+        if (api) {
+            if (rowModelType === "infinite") {
+                const datasource = api.getGridOption("datasource");
+                if (datasource) {
+                    setTimeout(() => {
+                        updateNoRowsOverlay(api, !api.getDisplayedRowCount());
+                    }, 0);
+                }
+            }
+            else {
+                setTimeout(() => {
+                    updateNoRowsOverlay(api, !api.getDisplayedRowCount());
+                }, 0);
+            }
+        }
+    }, [onFirstDataRendered, rowModelType, updateNoRowsOverlay]);
+    const handleViewportChanged = (0, react_1.useCallback)((params) => {
+        onViewportChanged?.(params);
+        const api = params.api;
+        if (api) {
+            if (rowModelType === "infinite") {
+                const datasource = api.getGridOption("datasource");
+                if (datasource) {
+                    setTimeout(() => {
+                        updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                    }, 50);
+                }
+            }
+            else {
+                setTimeout(() => {
+                    updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                }, 50);
+            }
+        }
+    }, [onViewportChanged, rowModelType, updateNoRowsOverlay]);
+    const handleFilterChanged = (0, react_1.useCallback)((params) => {
+        onFilterChanged?.(params);
+        const api = params.api;
+        if (api) {
+            if (rowModelType === "infinite") {
+                const datasource = api.getGridOption("datasource");
+                if (datasource) {
+                    setTimeout(() => {
+                        updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                    }, 50);
+                }
+            }
+            else {
+                setTimeout(() => {
+                    updateNoRowsOverlay(api, !api.getDisplayedRowCount() && !api.getRenderedNodes().length);
+                }, 50);
+            }
+        }
+    }, [onFilterChanged, rowModelType, updateNoRowsOverlay]);
+    return ((0, jsx_runtime_1.jsxs)(AgGridStyleProvider_1.AgGridStyleProvider, { className: "ag-theme-quartz ", style: { width: "100%", height, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(ag_grid_react_1.AgGridReact, { ref: ref, theme: "legacy", cacheBlockSize: cacheBlockSize, defaultColDef: {
                     ...defaultColumnDef,
                     menuTabs: ["generalMenuTab", "filterMenuTab", "columnsMenuTab"],
                     floatingFilter: enableSecondRowFilter,
@@ -52,6 +206,8 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
                             ? ["apply", "reset"]
                             : [],
                     },
-                }, rowHeight: rowHeight, rowModelType: rowModelType, rowBuffer: rowBuffer, infiniteInitialRowCount: infiniteInitialRowCount, overlayNoRowsTemplate: overlayNoRowsTemplate, pagination: pagination, ...(pagination ? { paginationPageSize: exports.defaultPageSize } : {}), paginationPageSizeSelector: pagination ? exports.pageSizeOptions : false, ...rest }), !!props.selectedItems && pagination && ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "absolute", bottom: "15px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", children: ["Selected Rows ", props.selectedItems] }) }) }))] }));
+                }, rowHeight: rowHeight, rowModelType: rowModelType, rowBuffer: rowBuffer, infiniteInitialRowCount: infiniteInitialRowCount, overlayNoRowsTemplate: overlayNoRowsTemplate, loadingOverlayComponent: LoadingOverlay_1.LoadingOverlay, loading: gridLoading, noRowsOverlayComponent: NoDataOverlay_1.NoDataOverlay, suppressNoRowsOverlay: rowModelType === "infinite" || gridLoading, pagination: pagination, onModelUpdated: handleModelUpdated, onFirstDataRendered: handleFirstDataRendered, onViewportChanged: handleViewportChanged, onFilterChanged: handleFilterChanged, ...(pagination
+                    ? { paginationPageSize: resolvedPaginationPageSize }
+                    : {}), paginationPageSizeSelector: pagination ? exports.pageSizeOptions : false, ...rest }), !!props.selectedItems && pagination && ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "absolute", bottom: "15px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", children: ["Selected Rows ", props.selectedItems] }) }) }))] }));
 });
 exports.AgGrid.displayName = "AgGrid";

package/packages/shared-components/dist/AgGrid/LoadingOverlay.d.ts

@@ -0,0 +1,2 @@
+export declare const LoadingOverlay: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/AgGrid/LoadingOverlay.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,+CAe1B,CAAC"}

package/packages/shared-components/dist/AgGrid/LoadingOverlay.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingOverlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Loader_1 = require("../Loader");
+const LoadingOverlay = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "ag-overlay-loading-wrapper", style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "100%",
+            width: "100%",
+        }, children: (0, jsx_runtime_1.jsx)(Loader_1.FacebookCircularProgress, {}) }));
+};
+exports.LoadingOverlay = LoadingOverlay;

package/packages/shared-components/dist/AgGrid/NoDataOverlay.d.ts

@@ -0,0 +1,2 @@
+export declare const NoDataOverlay: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NoDataOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoDataOverlay.d.ts","sourceRoot":"","sources":["../../src/AgGrid/NoDataOverlay.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CAezB,CAAC"}

package/packages/shared-components/dist/AgGrid/NoDataOverlay.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoDataOverlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NoDataOverlay = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "ag-overlay-no-rows-wrapper", style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            height: "100%",
+            width: "100%",
+        }, children: (0, jsx_runtime_1.jsx)("span", { className: "ag-overlay-no-rows-center", children: "No Data Found" }) }));
+};
+exports.NoDataOverlay = NoDataOverlay;

package/packages/shared-components/dist/AgGrid/index.d.ts

@@ -1,4 +1,7 @@
+export * from "./ActionCell/ActionCell";
 export * from "./AgGrid";
 export * from "./LoadingCell";
-export * from "./ActionCell/ActionCell";
+export * from "./LoadingOverlay";
+export * from "./NoDataOverlay";
+export * from "./utils";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AgGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AgGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

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

@@ -14,6 +14,9 @@ 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("./ActionCell/ActionCell"), exports);
 __exportStar(require("./AgGrid"), exports);
 __exportStar(require("./LoadingCell"), exports);
-__exportStar(require("./ActionCell/ActionCell"), exports);
+__exportStar(require("./LoadingOverlay"), exports);
+__exportStar(require("./NoDataOverlay"), exports);
+__exportStar(require("./utils"), exports);

package/packages/shared-components/dist/AgGrid/registerAgGridModules.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=registerAgGridModules.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registerAgGridModules.d.ts","sourceRoot":"","sources":["../../src/AgGrid/registerAgGridModules.ts"],"names":[],"mappings":""}

package/packages/shared-components/dist/AgGrid/registerAgGridModules.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ag_grid_community_1 = require("ag-grid-community");
+ag_grid_community_1.ModuleRegistry.registerModules([ag_grid_community_1.AllCommunityModule]);

package/packages/shared-components/dist/AgGrid/utils/ag-grid-custom-filter.d.ts

@@ -0,0 +1,36 @@
+import type { IDoesFilterPassParams, IFilterComp, IFilterParams } from "ag-grid-community";
+type FilterOption = {
+    value: string;
+    label: string;
+    filterFunction?: (value: string) => boolean;
+};
+type CustomEnumFilterParams = {
+    filterOptions: FilterOption[];
+    source: "client" | "server";
+} & IFilterParams;
+export type CustomEnumFilterModel = {
+    filterType: string;
+    filter: string;
+    type: string;
+};
+export declare class CustomEnumFilter implements IFilterComp {
+    filterParams: CustomEnumFilterParams;
+    selectedValue: string;
+    filterType: string;
+    type: string;
+    gui: HTMLDivElement;
+    filterOptions: FilterOption[];
+    eFilterType: HTMLSelectElement;
+    defaultFilterOptions: FilterOption[];
+    constructor();
+    init(params: CustomEnumFilterParams): void;
+    setupGui(): void;
+    setupListeners(params: CustomEnumFilterParams): void;
+    getGui(): HTMLDivElement;
+    doesFilterPass(params: IDoesFilterPassParams): boolean;
+    isFilterActive(): boolean;
+    getModel(): CustomEnumFilterModel | null;
+    setModel(model: CustomEnumFilterModel | null): void;
+}
+export {};
+//# sourceMappingURL=ag-grid-custom-filter.d.ts.map

package/packages/shared-components/dist/AgGrid/utils/ag-grid-custom-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ag-grid-custom-filter.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/utils/ag-grid-custom-filter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,WAAW,EACX,aAAa,EACd,MAAM,mBAAmB,CAAC;AAE3B,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7C,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC7B,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,qBAAa,gBAAiB,YAAW,WAAW;IAClD,YAAY,EAAG,sBAAsB,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAG,cAAc,CAAC;IACrB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,WAAW,EAAG,iBAAiB,CAAC;IAEhC,oBAAoB,EAAE,YAAY,EAAE,CAMlC;;IAQF,IAAI,CAAC,MAAM,EAAE,sBAAsB;IAmBnC,QAAQ;IAyBR,cAAc,CAAC,MAAM,EAAE,sBAAsB;IAS7C,MAAM;IAIN,cAAc,CAAC,MAAM,EAAE,qBAAqB;IAsB5C,cAAc;IAId,QAAQ,IAAI,qBAAqB,GAAG,IAAI;IAYxC,QAAQ,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;CAe7C"}

package/packages/shared-components/dist/AgGrid/utils/ag-grid-custom-filter.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomEnumFilter = void 0;
+class CustomEnumFilter {
+    filterParams;
+    selectedValue;
+    filterType;
+    type;
+    gui;
+    filterOptions;
+    eFilterType;
+    defaultFilterOptions = [
+        {
+            value: "all",
+            label: "All",
+            filterFunction: () => true,
+        },
+    ];
+    constructor() {
+        this.filterOptions = this.defaultFilterOptions;
+        this.selectedValue = "all";
+        this.type = "equals";
+    }
+    init(params) {
+        this.filterParams = params;
+        if (params.filterOptions && params.filterOptions.length > 0) {
+            this.filterOptions = [
+                {
+                    value: "all",
+                    label: "All",
+                    filterFunction: () => true,
+                },
+                ...params.filterOptions,
+            ];
+        }
+        this.filterType = "text";
+        this.selectedValue = this.filterOptions[0]?.value ?? "all";
+        this.setupGui();
+        this.setupListeners(params);
+    }
+    setupGui() {
+        this.gui = document.createElement("div");
+        this.gui.innerHTML = `
+            <div class="ag-filter-body-wrapper ag-simple-filter-body-wrapper">
+                <div class="ag-picker-field ag-labeled ag-label-align-left ag-select ag-filter-select">
+                    <select id="filterType" class="ag-wrapper ag-picker-field-wrapper ag-picker-collapsed">
+                        ${this.filterOptions
+            .map((option) => `<option class="ag-picker-field-display" value="${option.value}">${option.label}</option>`)
+            .join("")}
+                    </select>
+                </div>
+            </div>
+        `;
+        this.eFilterType = this.gui.querySelector("#filterType");
+        this.eFilterType.value = this.selectedValue;
+    }
+    setupListeners(params) {
+        this.eFilterType.addEventListener("change", (event) => {
+            const select = event.target;
+            this.selectedValue = select.value;
+            params.filterChangedCallback();
+        });
+    }
+    getGui() {
+        return this.gui;
+    }
+    doesFilterPass(params) {
+        const { node } = params;
+        const value = this.filterParams.getValue(node);
+        const cellValue = value ? value.toString().toLowerCase() : "";
+        if (this.selectedValue === "all") {
+            return true;
+        }
+        const selectedOption = this.filterOptions.find((opt) => opt.value === this.selectedValue);
+        if (selectedOption?.filterFunction) {
+            return selectedOption.filterFunction(cellValue);
+        }
+        return cellValue === this.selectedValue.toLowerCase();
+    }
+    isFilterActive() {
+        return this.selectedValue !== "all";
+    }
+    getModel() {
+        if (this.selectedValue === "all") {
+            return null;
+        }
+        return {
+            filterType: this.filterParams.source === "client" ? "customEnum" : "text",
+            filter: this.selectedValue,
+            type: this.type,
+        };
+    }
+    setModel(model) {
+        if (model?.filter) {
+            this.selectedValue = model.filter;
+            if (this.eFilterType) {
+                this.eFilterType.value = model.filter;
+            }
+        }
+        else {
+            this.selectedValue = "all";
+            if (this.eFilterType) {
+                this.eFilterType.value = "all";
+            }
+        }
+    }
+}
+exports.CustomEnumFilter = CustomEnumFilter;

package/packages/shared-components/dist/AgGrid/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ag-grid-custom-filter";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/AgGrid/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,17 @@
+"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("./ag-grid-custom-filter"), exports);

package/packages/shared-components/dist/CellSelectionTable/hook/useOutsideClick.d.ts

@@ -1,4 +1,5 @@
 import { type RefObject } from "react";
+import type { OnAction } from "../../utils";
 export declare function isClickInsideAnyOverlay(event: MouseEvent): boolean;
-export declare function useOutsideClick<T extends HTMLElement>(ref: RefObject<T>, onOutsideClick: () => void): void;
+export declare function useOutsideClick<T extends HTMLElement>(ref: RefObject<T>, onOutsideClick: OnAction): void;
 //# sourceMappingURL=useOutsideClick.d.ts.map

package/packages/shared-components/dist/CellSelectionTable/hook/useOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/hook/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAWlD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAsBlE;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,cAAc,EAAE,MAAM,IAAI,QAyB3B"}
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/CellSelectionTable/hook/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAW5C,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAsBlE;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,cAAc,EAAE,QAAQ,QAyBzB"}

package/packages/shared-components/dist/SmartGrid/Components/CellRenderer.d.ts

@@ -6,6 +6,6 @@ type CellRendererProps<T> = {
     row: Row<T>;
     summaryData?: SummaryRecord<T>;
 };
-export declare const CellRenderer: <T>({ cell, isSummaryRow, row, summaryData, }: CellRendererProps<T>) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<import("react").AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const CellRenderer: <T>({ cell, isSummaryRow, row, summaryData, }: CellRendererProps<T>) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").AwaitedReactNode> | null | undefined;
 export {};
 //# sourceMappingURL=CellRenderer.d.ts.map

package/packages/shared-components/dist/utils/CheckboxInput.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckboxInput: ({ ...rest }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckboxInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/utils/CheckboxInput.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,GAAI;;CAAW,4CAgCxC,CAAC"}

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

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CheckBoxRounded_1 = __importDefault(require("@mui/icons-material/CheckBoxRounded"));
+const material_1 = require("@mui/material");
+const CheckboxInput = ({ ...rest }) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, iron } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Checkbox, { disableRipple: true, checkedIcon: (0, jsx_runtime_1.jsx)(CheckBoxRounded_1.default, { fontSize: "small", htmlColor: butterflyBlue[900], sx: {
+                borderRadius: 100,
+                marginLeft: "-1px",
+            } }), icon: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                width: 14,
+                height: 14,
+                border: "1px solid",
+                borderColor: iron[800],
+                borderRadius: "4px",
+            } }), ...rest }));
+};
+exports.CheckboxInput = CheckboxInput;

package/packages/shared-components/dist/utils/helper.d.ts

@@ -0,0 +1,2 @@
+export declare const getZIndex: (element: HTMLElement) => number;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/utils/helper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,SAAS,WAAW,WAI7C,CAAC"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getZIndex = void 0;
+const getZIndex = (element) => {
+    const parsed = parseInt(window.getComputedStyle(element).zIndex ?? "", 10);
+    return isNaN(parsed) ? 0 : parsed;
+};
+exports.getZIndex = getZIndex;

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

@@ -0,0 +1,5 @@
+export * from "./useAgGridCheckBoxSelection";
+export * from "./useGetDeviceType";
+export * from "./useGlobalKeyboardShortcut";
+export * from "./useDialogActions";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1,20 @@
+"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("./useAgGridCheckBoxSelection"), exports);
+__exportStar(require("./useGetDeviceType"), exports);
+__exportStar(require("./useGlobalKeyboardShortcut"), exports);
+__exportStar(require("./useDialogActions"), exports);

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

@@ -0,0 +1,20 @@
+import type { AgGridReact } from "ag-grid-react";
+import type { ChangeEvent, Dispatch, RefObject, SetStateAction } from "react";
+type useAgGridCheckBoxSelectionArgs<T extends {
+    id: string;
+}> = {
+    gridRef: RefObject<AgGridReact<T>>;
+    setSelectedEmployee: Dispatch<SetStateAction<string[]>>;
+    currentPageItems: T[];
+    selectedEmployee: string[];
+};
+export declare const useAgGridCheckBoxSelection: <T extends {
+    id: string;
+}>({ gridRef, setSelectedEmployee, currentPageItems, selectedEmployee, }: useAgGridCheckBoxSelectionArgs<T>) => {
+    isChecked: boolean;
+    handleSelectAll: (event: ChangeEvent<HTMLInputElement>) => void;
+    indeterminate: boolean;
+    setIsChecked: Dispatch<SetStateAction<boolean>>;
+};
+export {};
+//# sourceMappingURL=useAgGridCheckBoxSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAgGridCheckBoxSelection.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useAgGridCheckBoxSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK9E,KAAK,8BAA8B,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IAC9D,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACxD,gBAAgB,EAAE,CAAC,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B,CAAC;AAqCF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,uEAKlE,8BAA8B,CAAC,CAAC,CAAC;;6BAyCF,WAAW,CAAC,gBAAgB,CAAC;;;CA4H9D,CAAC"}

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

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgGridCheckBoxSelection = void 0;
+const react_1 = require("react");
+const helper_1 = require("../helper");
+const useGlobalKeyboardShortcut_1 = require("./useGlobalKeyboardShortcut");
+const isDialogOnTop = (gridRef) => {
+    const dialogs = document.querySelectorAll(
+    // eslint-disable-next-line quotes
+    '[role="dialog"], .MuiDialog-root, .MuiModal-root');
+    if (dialogs.length === 0) {
+        return false;
+    }
+    const gridContainer = gridRef.current?.api?.eGridDiv;
+    const gridZIndex = gridContainer ? (0, helper_1.getZIndex)(gridContainer) : 0;
+    for (const dialog of Array.from(dialogs)) {
+        const dialogElement = dialog;
+        const isVisible = dialogElement.offsetParent !== null ||
+            window.getComputedStyle(dialogElement).display !== "none";
+        if (isVisible) {
+            const dialogZIndex = (0, helper_1.getZIndex)(dialogElement);
+            if (dialogZIndex > gridZIndex) {
+                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((item) => {
+            api.getRowNode(item.id)?.setSelected(isChecked);
+        });
+    };
+    const commonCheckBoxMethod = () => {
+        const currentPageItemsId = currentPageItems.map((item) => item.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, useGlobalKeyboardShortcut_1.useGlobalKeyboardShortcut)({
+        key: "a",
+        modifierKeys: "ctrl",
+        onTrigger: () => {
+            if (isDialogOnTop(gridRef)) {
+                return;
+            }
+            if (!currentPageItems.length) {
+                return;
+            }
+            const currentPageItemsId = currentPageItems.map((item) => item.id);
+            if (!gridRef.current) {
+                return;
+            }
+            const api = gridRef.current.api;
+            currentPageItems.forEach((item) => {
+                api.getRowNode(item.id)?.setSelected(true);
+            });
+            setIsChecked(true);
+            setSelectedEmployee((prev) => {
+                const newArray = [...prev];
+                currentPageItemsId.forEach((id) => {
+                    if (!newArray.includes(id)) {
+                        newArray.push(id);
+                    }
+                });
+                return newArray;
+            });
+        },
+    });
+    (0, useGlobalKeyboardShortcut_1.useGlobalKeyboardShortcut)({
+        key: "a",
+        modifierKeys: ["ctrl", "shift"],
+        onTrigger: () => {
+            if (isDialogOnTop(gridRef)) {
+                return;
+            }
+            if (!currentPageItems.length) {
+                return;
+            }
+            const currentPageItemsId = currentPageItems.map((item) => item.id);
+            if (!gridRef.current) {
+                return;
+            }
+            const api = gridRef.current.api;
+            currentPageItems.forEach((item) => {
+                api.getRowNode(item.id)?.setSelected(false);
+            });
+            setIsChecked(false);
+            setSelectedEmployee((prev) => prev.filter((id) => !currentPageItemsId.includes(id)));
+        },
+    });
+    (0, react_1.useEffect)(() => {
+        const isCurrentPageDataChecked = currentPageItems.length > 0 &&
+            currentPageItems.every((item) => selectedEmployee.includes(item.id));
+        setIsChecked(isCurrentPageDataChecked);
+        const handler = (event) => {
+            if (event.code !== "Space") {
+                return;
+            }
+            const target = event.target;
+            if (target.classList.contains("ag-floating-filter")) {
+                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((item) => selectedEmployee.includes(item.id)).length;
+    const isIndeterminate = (currentPageSelectedItems &&
+        currentPageSelectedItems < currentPageItems.length) ||
+        false;
+    return {
+        isChecked,
+        handleSelectAll,
+        indeterminate: isIndeterminate,
+        setIsChecked,
+    };
+};
+exports.useAgGridCheckBoxSelection = useAgGridCheckBoxSelection;

package/packages/shared-components/dist/utils/index.d.ts

@@ -3,12 +3,12 @@ export * from "./date";
 export * from "./download";
 export * from "./downloadPrintHtml";
 export * from "./file";
-export * from "./hooks/useDialogActions";
-export * from "./hooks/useGetDeviceType";
-export * from "./hooks/useGlobalKeyboardShortcut";
+export * from "./helper";
 export * from "./regex";
 export * from "./theme/colorPaletteUI";
 export * from "./theme/theme";
 export * from "./types";
 export * from "./urlToNestedObject";
+export * from "./hooks";
+export * from "./CheckboxInput";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

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

@@ -19,11 +19,11 @@ __exportStar(require("./date"), exports);
 __exportStar(require("./download"), exports);
 __exportStar(require("./downloadPrintHtml"), exports);
 __exportStar(require("./file"), exports);
-__exportStar(require("./hooks/useDialogActions"), exports);
-__exportStar(require("./hooks/useGetDeviceType"), exports);
-__exportStar(require("./hooks/useGlobalKeyboardShortcut"), exports);
+__exportStar(require("./helper"), exports);
 __exportStar(require("./regex"), exports);
 __exportStar(require("./theme/colorPaletteUI"), exports);
 __exportStar(require("./theme/theme"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./urlToNestedObject"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./CheckboxInput"), exports);

package/packages/shared-components/dist/utils/regex.d.ts

@@ -1,4 +1,5 @@
 export declare const monthYearRegex: RegExp;
 export declare const isoDateRegex: RegExp;
 export declare const noSpecialCharacterRegex: RegExp;
+export declare const emailRegex: RegExp;
 //# sourceMappingURL=regex.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/utils/regex.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,QAAkB,CAAC;AAE9C,eAAO,MAAM,YAAY,QAAwB,CAAC;AAElD,eAAO,MAAM,uBAAuB,QAAoB,CAAC"}
+{"version":3,"file":"regex.d.ts","sourceRoot":"","sources":["../../src/utils/regex.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,QAAkB,CAAC;AAE9C,eAAO,MAAM,YAAY,QAAwB,CAAC;AAElD,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AAEzD,eAAO,MAAM,UAAU,QACmvB,CAAC"}

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

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.noSpecialCharacterRegex = exports.isoDateRegex = exports.monthYearRegex = void 0;
+exports.emailRegex = exports.noSpecialCharacterRegex = exports.isoDateRegex = exports.monthYearRegex = void 0;
+/* 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}))\]))$/;