@codezee/sixtify-brahma 0.2.156 → 0.2.157

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.156",
+  "version": "0.2.157",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

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

@@ -7,6 +7,6 @@ type ActionColumnProps = {
     items: AgGridActionColumn[];
     disabled?: boolean;
 };
-export declare const ActionCell: ({ items, disabled }: ActionColumnProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionCell: ({ items, disabled }: ActionColumnProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=ActionCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/ActionCell/ActionCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,iBAAiB,4CA6ChE,CAAC"}
+{"version":3,"file":"ActionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/ActionCell/ActionCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlD,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,qBAAqB,iBAAiB,mDAqDhE,CAAC"}

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

@@ -10,19 +10,23 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const PadBox_1 = require("../../PadBox");
 const Popover_1 = require("./Popover");
+const useCellEnterClick_1 = require("../hooks/useCellEnterClick");
 const ActionCell = ({ items, disabled }) => {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const HandleClose = () => {
-        setAnchorEl(null);
+    const buttonRef = (0, react_1.useRef)(null);
+    const handleClose = () => setAnchorEl(null);
+    const handleClick = (event) => {
+        if (!disabled) {
+            setAnchorEl(event.currentTarget);
+        }
     };
-    const HandleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { component: "div", sx: { cursor: "pointer", alignItems: "center", width: "100%" }, onClick: HandleClick, disabled: disabled, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), !!anchorEl && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { open: true, anchorEl: anchorEl, onClose: HandleClose, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: items.map((item) => {
-                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { sx: { width: "100%", textAlign: "start" }, onClick: () => {
-                                    item?.onClick();
-                                    setAnchorEl(null);
-                                }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: item.title }) }) }, item.title));
-                    }) }) }))] }));
+    (0, useCellEnterClick_1.useCellEnterClick)({ buttonRef, disabled, popoverOpen: !!anchorEl });
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { ref: buttonRef, component: "div", sx: { width: "100%", cursor: "pointer", alignItems: "center" }, onClick: handleClick, disabled: disabled, "data-clickable": "true", children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), anchorEl && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { open: true, anchorEl: anchorEl, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: items.map((item) => ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { sx: { width: "100%", textAlign: "start" }, onClick: () => {
+                                item.onClick();
+                                handleClose();
+                            }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: item.title }) }) }, item.title))) }) }))] }));
 };
 exports.ActionCell = ActionCell;

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":"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;AAWjC,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAAO,CAAC,OAAO,CAAC,KAAG,IAczD,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,EA6Pd,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;AAUjC,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAAO,CAAC,OAAO,CAAC,KAAG,IAczD,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,EAwPd,UAAU,CAAC"}

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

@@ -11,7 +11,6 @@ const AgGridStyleProvider_1 = require("./AgGridStyleProvider");
 const LoadingOverlay_1 = require("./LoadingOverlay");
 const NoDataOverlay_1 = require("./NoDataOverlay");
 require("./registerAgGridModules");
-const useAgGridFocusManagement_1 = require("./hooks/useAgGridFocusManagement");
 const hideNoRowsOverlay = (api) => {
     if (!api) {
         return;
@@ -147,9 +146,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
             }
         }
     }, [onFilterChanged, rowModelType, updateNoRowsOverlay]);
-    const gridContainerRef = (0, react_1.useRef)(null);
-    (0, useAgGridFocusManagement_1.useAgGridFocusManagement)(gridContainerRef);
-    return ((0, jsx_runtime_1.jsxs)(AgGridStyleProvider_1.AgGridStyleProvider, { ref: gridContainerRef, 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: {
+    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,
                     floatingFilter: enableSecondRowFilter,
                     suppressFloatingFilterButton: enableSecondRowFilter,

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

@@ -0,0 +1,12 @@
+import type { MouseEvent, ReactNode } from "react";
+type ClickableCellProps = {
+    children: ReactNode;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onMouseDown?: (event: MouseEvent<HTMLElement>) => void;
+    disabled?: boolean;
+    className?: string;
+    sx?: object;
+};
+export declare const ClickableCell: ({ children, onClick, onMouseDown, disabled, className, sx, }: ClickableCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ClickableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClickableCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/RedirectionCell/ClickableCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,8DAO3B,kBAAkB,4CAoCpB,CAAC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickableCell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ClickableCell = ({ children, onClick, onMouseDown, disabled = false, className, sx, }) => {
+    const handleClick = (event) => {
+        if (disabled) {
+            return;
+        }
+        onClick?.(event);
+    };
+    const handleMouseDown = (event) => {
+        if (disabled) {
+            return;
+        }
+        onMouseDown?.(event);
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "div", "data-clickable": !disabled ? "true" : undefined, onClick: onClick ? handleClick : undefined, onMouseDown: onMouseDown ? handleMouseDown : undefined, className: className, sx: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            alignItems: "center",
+            cursor: !disabled && (onClick || onMouseDown) ? "pointer" : "default",
+            ...sx,
+        }, children: children }));
+};
+exports.ClickableCell = ClickableCell;

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

@@ -0,0 +1,13 @@
+import type { MouseEvent } from "react";
+type RedirectionCellProps = {
+    mainLabel: string;
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    includeSubLabel?: boolean;
+    subLabel?: string;
+    avatar?: string;
+    includeAvatar?: boolean;
+    disabled?: boolean;
+};
+export declare const RedirectionCell: ({ mainLabel, onClick, includeSubLabel, subLabel, avatar, includeAvatar, disabled, }: RedirectionCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RedirectionCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RedirectionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/RedirectionCell/RedirectionCell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKxC,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,qFAQ7B,oBAAoB,4CAkEtB,CAAC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RedirectionCell = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const useCellEnterClick_1 = require("../hooks/useCellEnterClick");
+const ClickableCell_1 = require("./ClickableCell");
+const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, subLabel, avatar, includeAvatar = false, disabled = false, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, black } = theme.palette.app.color;
+    const cellRef = (0, react_1.useRef)(null);
+    (0, useCellEnterClick_1.useCellEnterClick)({
+        buttonRef: cellRef,
+        disabled,
+    });
+    const handleClick = (event) => {
+        if (!disabled) {
+            onClick(event);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(ClickableCell_1.ClickableCell, { onClick: onClick, disabled: disabled, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ref: cellRef, component: "div", onClick: handleClick, sx: { width: "100%" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", sx: { width: "100%" }, children: [includeAvatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: avatar ?? "", alt: "Photo", sx: { width: 28, height: 28 } })), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
+                                    width: "100%",
+                                    color: disabled ? black[900] : butterflyBlue[900],
+                                }, onMouseDown: (e) => {
+                                    if (!disabled) {
+                                        onClick(e);
+                                    }
+                                }, children: mainLabel }), includeSubLabel && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: butterflyBlue[400], children: subLabel ?? "-" }))] })] }) }) }));
+};
+exports.RedirectionCell = RedirectionCell;

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

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

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

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

package/packages/shared-components/dist/AgGrid/RedirectionCell/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("./RedirectionCell"), exports);

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

@@ -1,7 +1,7 @@
 export * from "./useAgGridCheckBoxSelection";
-export * from "./useAgGridSummaryRow";
-export * from "./useAgGridSummaryRowUpdate";
-export * from "./useAgGridRowSelectionConfig";
 export * from "./useAgGridFilteredData";
 export * from "./useAgGridKeyboardShortcuts";
+export * from "./useAgGridRowSelectionConfig";
+export * from "./useAgGridSummaryRow";
+export * from "./useAgGridSummaryRowUpdate";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

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

@@ -15,8 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useAgGridCheckBoxSelection"), exports);
-__exportStar(require("./useAgGridSummaryRow"), exports);
-__exportStar(require("./useAgGridSummaryRowUpdate"), exports);
-__exportStar(require("./useAgGridRowSelectionConfig"), exports);
 __exportStar(require("./useAgGridFilteredData"), exports);
 __exportStar(require("./useAgGridKeyboardShortcuts"), exports);
+__exportStar(require("./useAgGridRowSelectionConfig"), exports);
+__exportStar(require("./useAgGridSummaryRow"), exports);
+__exportStar(require("./useAgGridSummaryRowUpdate"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"useAgGridRowSelectionConfig.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridRowSelectionConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,MAAM,EAEN,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAG3B,KAAK,+BAA+B,CAAC,KAAK,IAAI;IAC5C,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,KAAK,EAAE,wDAIhD,+BAA+B,CAAC,KAAK,CAAC;;;CAqExC,CAAC"}
+{"version":3,"file":"useAgGridRowSelectionConfig.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridRowSelectionConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,MAAM,EAEN,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAG3B,KAAK,+BAA+B,CAAC,KAAK,IAAI;IAC5C,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,KAAK,EAAE,wDAIhD,+BAA+B,CAAC,KAAK,CAAC;;;CAuExC,CAAC"}

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

@@ -34,6 +34,7 @@ const useAgGridRowSelectionConfig = ({ columnDefs, enableClickSelection = false,
         }
         return {
             headerName: "",
+            colId: "id",
             width: 1,
             minWidth: 1,
             maxWidth: 1,
@@ -46,6 +47,7 @@ const useAgGridRowSelectionConfig = ({ columnDefs, enableClickSelection = false,
             suppressSizeToFit: true,
             resizable: false,
             sortable: false,
+            hide: true,
             filter: false,
             suppressHeaderKeyboardEvent: () => true,
             suppressKeyboardEvent: () => true,

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

@@ -0,0 +1,8 @@
+type UseCellEnterClickArgs = {
+    buttonRef: React.RefObject<HTMLElement>;
+    disabled?: boolean;
+    popoverOpen?: boolean;
+};
+export declare function useCellEnterClick({ buttonRef, disabled, popoverOpen, }: UseCellEnterClickArgs): void;
+export {};
+//# sourceMappingURL=useCellEnterClick.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCellEnterClick.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useCellEnterClick.ts"],"names":[],"mappings":"AAEA,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,WAAW,GACZ,EAAE,qBAAqB,QAuDvB"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCellEnterClick = useCellEnterClick;
+const react_1 = require("react");
+function useCellEnterClick({ buttonRef, disabled, popoverOpen, }) {
+    (0, react_1.useEffect)(() => {
+        const handleKeyDown = (event) => {
+            if (event.key !== "Enter" ||
+                event.shiftKey ||
+                event.ctrlKey ||
+                event.metaKey ||
+                event.altKey ||
+                disabled ||
+                popoverOpen) {
+                return;
+            }
+            const activeElement = document.activeElement;
+            const cell = activeElement?.closest(".ag-cell");
+            const button = buttonRef.current;
+            if (!cell || !button || !cell.contains(button)) {
+                return;
+            }
+            const isEditing = cell.classList.contains("ag-cell-inline-editing");
+            if (isEditing) {
+                return;
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            button.click();
+        };
+        if (buttonRef.current) {
+            const cell = buttonRef.current.closest(".ag-cell");
+            if (cell) {
+                cell.addEventListener("keydown", handleKeyDown, true);
+                return () => cell.removeEventListener("keydown", handleKeyDown, true);
+            }
+        }
+    }, [buttonRef, disabled, popoverOpen]);
+}

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

@@ -1,9 +1,10 @@
 export * from "./ActionCell/ActionCell";
 export * from "./AgGrid";
+export * from "./hooks";
 export * from "./LoadingCell";
 export * from "./LoadingOverlay";
 export * from "./NoDataOverlay";
-export * from "./utils";
+export * from "./RedirectionCell";
 export * from "./types";
-export * from "./hooks";
+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,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,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,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

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

@@ -16,9 +16,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ActionCell/ActionCell"), exports);
 __exportStar(require("./AgGrid"), exports);
+__exportStar(require("./hooks"), exports);
 __exportStar(require("./LoadingCell"), exports);
 __exportStar(require("./LoadingOverlay"), exports);
 __exportStar(require("./NoDataOverlay"), exports);
-__exportStar(require("./utils"), exports);
+__exportStar(require("./RedirectionCell"), exports);
 __exportStar(require("./types"), exports);
-__exportStar(require("./hooks"), exports);
+__exportStar(require("./utils"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"CellSelectionTable.d.ts","sourceRoot":"","sources":["../../src/CellSelectionTable/CellSelectionTable.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EACV,SAAS,EACT,MAAM,EAGP,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,IAAI,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC;AAEnE,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAChD,0BAA0B,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,6BAA6B,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC;IAC1E,mBAAmB,EAAE,CAAC,CAAC,GAAG,YAAY,EACpC,YAAY,EAAE,SAAS,EAAE,EACzB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,KAC7C,CAAC,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,eAAe,EAAE,CACf,aAAa,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EACtC,CAAC,EAAE,UAAU,KACV,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,YAAY,CAAC,EAAE,CACb,YAAY,EAAE,SAAS,EAAE,EACzB,cAAc,EAAE,SAAS,EAAE,EAC3B,UAAU,EAAE,YAAY,EAAE,EAC1B,YAAY,EAAE,YAAY,EAAE,KACzB,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,kBAAkB,2HAspB9B,CAAC"}
+{"version":3,"file":"CellSelectionTable.d.ts","sourceRoot":"","sources":["../../src/CellSelectionTable/CellSelectionTable.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EACV,SAAS,EACT,MAAM,EAGP,MAAM,eAAe,CAAC;AAEvB,MAAM,MAAM,IAAI,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC;AAEnE,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAChD,0BAA0B,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,6BAA6B,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,CAAC;IAC1E,mBAAmB,EAAE,CAAC,CAAC,GAAG,YAAY,EACpC,YAAY,EAAE,SAAS,EAAE,EACzB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,KAC7C,CAAC,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,eAAe,EAAE,CACf,aAAa,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC,EACtC,CAAC,EAAE,UAAU,KACV,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,YAAY,CAAC,EAAE,CACb,YAAY,EAAE,SAAS,EAAE,EACzB,cAAc,EAAE,SAAS,EAAE,EAC3B,UAAU,EAAE,YAAY,EAAE,EAC1B,YAAY,EAAE,YAAY,EAAE,KACzB,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,kBAAkB,2HA4wB9B,CAAC"}

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

@@ -5,7 +5,9 @@ exports.CellSelectionTable = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
+const react_virtual_1 = require("@tanstack/react-virtual");
 const react_1 = require("react");
+const Tooltip_1 = require("../Tooltip");
 const useOutsideClick_1 = require("./hook/useOutsideClick");
 const useSorting_1 = require("./hook/useSorting");
 const useStickyColumns_1 = require("./hook/useStickyColumns");
@@ -13,12 +15,14 @@ const EmployeeCell_1 = require("./SubComponents/EmployeeCell");
 const TableBodyLoader_1 = require("./SubComponents/TableBodyLoader");
 const helper_1 = require("./utils/helper");
 const sortUtils_1 = require("./utils/sortUtils");
-const Tooltip_1 = require("../Tooltip");
 exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSelection, cellColors, height, loading = false, getCellTextColor = () => "", onDataUpdate, }, ref) => {
     const theme = (0, material_1.useTheme)();
     const { slate, iron, butterflyBlue } = theme.palette.app.color;
     const selectingRef = (0, react_1.useRef)(false);
     const tableRef = (0, react_1.useRef)(null);
+    const containerRef = (0, react_1.useRef)(null);
+    const headerRef = (0, react_1.useRef)(null);
+    const [columnWidths, setColumnWidths] = (0, react_1.useState)([]);
     const selectionModeRef = (0, react_1.useRef)("add");
     const anchorRef = (0, react_1.useRef)(null);
     const hoveringRef = (0, react_1.useRef)(null);
@@ -34,12 +38,21 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
             setCurrentSelectedRanges([]);
         }
     }, [loading]);
-    const isSelectedCell = (rowIndex, colIndex) => {
+    const selectedCellsSet = (0, react_1.useMemo)(() => {
+        const set = new Set();
         if (selectedRanges.length === 0 && currentSelectedRanges.length === 0) {
-            return false;
+            return set;
         }
-        return [...selectedRanges, ...currentSelectedRanges].some((range) => range.some((cell) => cell.row === rowIndex && cell.col === colIndex));
-    };
+        [...selectedRanges, ...currentSelectedRanges].forEach((range) => {
+            range.forEach((cell) => {
+                set.add(`${cell.row}-${cell.col}`);
+            });
+        });
+        return set;
+    }, [selectedRanges, currentSelectedRanges]);
+    const isSelectedCell = (0, react_1.useCallback)((rowIndex, colIndex) => {
+        return selectedCellsSet.has(`${rowIndex}-${colIndex}`);
+    }, [selectedCellsSet]);
     const { stickyMap } = (0, useStickyColumns_1.useStickyColumns)(columns);
     (0, useOutsideClick_1.useOutsideClick)(tableRef, () => {
         setSelectedRanges([]);
@@ -78,6 +91,18 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
         data: memoizedData,
         columns,
     });
+    const ROW_HEIGHT = 40;
+    const estimateSize = (0, react_1.useCallback)(() => ROW_HEIGHT, []);
+    const getScrollElement = (0, react_1.useCallback)(() => containerRef.current, []);
+    const rowVirtualizer = (0, react_virtual_1.useVirtualizer)({
+        count: sortedData.length,
+        estimateSize,
+        getScrollElement,
+        overscan: 5,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+    });
+    const virtualItems = rowVirtualizer.getVirtualItems();
     const prevSortedDataRef = (0, react_1.useRef)([]);
     const selectedRangesRef = (0, react_1.useRef)([]);
     // Keep track of the latest data for the ref methods
@@ -168,7 +193,31 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
     (0, react_1.useEffect)(() => {
         selectedRangesRef.current = selectedRanges;
     }, [selectedRanges]);
-    function getCellColor({ cellKey, isSelected = false, }) {
+    // Measure header column widths to ensure body cells match
+    (0, react_1.useEffect)(() => {
+        if (headerRef.current && !loading) {
+            const measureWidths = () => {
+                const headerRow = headerRef.current?.querySelector("tr");
+                if (headerRow) {
+                    const headerCells = headerRow.querySelectorAll("th");
+                    const widths = Array.from(headerCells).map((cell) => {
+                        return cell.getBoundingClientRect().width;
+                    });
+                    if (widths.length > 0) {
+                        setColumnWidths(widths);
+                    }
+                }
+            };
+            // Use requestAnimationFrame to avoid blocking the main thread
+            const rafId = requestAnimationFrame(() => {
+                measureWidths();
+            });
+            return () => {
+                cancelAnimationFrame(rafId);
+            };
+        }
+    }, [columns, loading]);
+    const getCellColor = (0, react_1.useCallback)(({ cellKey, isSelected = false }) => {
         if (isSelected) {
             return butterflyBlue[800];
         }
@@ -176,7 +225,7 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
             return cellColors(cellKey);
         }
         return iron[600];
-    }
+    }, [butterflyBlue, cellColors, iron]);
     const handleCellMouseDown = (0, react_1.useCallback)((ri, ci) => (e) => {
         e.preventDefault();
         if ((0, sortUtils_1.isSelectionDisabled)(columns[ci]?.disableSelection, columns[ci]?.sorting) &&
@@ -276,10 +325,15 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
             onCellSelection,
         });
     }, [onCellSelection, selectedRanges]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "relative", overflow: "auto", height: height, bgcolor: iron[600], children: (0, jsx_runtime_1.jsxs)(material_1.Table, { ref: tableRef, stickyHeader: true, sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { ref: containerRef, position: "relative", overflow: "auto", height: height, bgcolor: iron[600], sx: {
+            WebkitOverflowScrolling: "touch",
+            scrollBehavior: "auto",
+        }, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { ref: tableRef, stickyHeader: true, sx: {
                 userSelect: "none",
                 borderCollapse: "separate",
                 borderSpacing: 0,
+                tableLayout: "fixed",
+                width: "100%",
                 "& th, & td": {
                     borderRight: `1px solid ${slate[700]}`,
                     borderBottom: `1px solid ${slate[700]}`,
@@ -291,7 +345,7 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
                 "& td": {
                     padding: "0px 5px",
                 },
-            }, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: columns.map(({ key, label, minWidth = "auto", lockPinned = false, align = "left", disableSelection, sorting, }, ci) => {
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { ref: headerRef, children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: columns.map(({ key, label, minWidth = "auto", lockPinned = false, align = "left", disableSelection, sorting, }, ci) => {
                             const isSticky = stickyMap.has(ci);
                             const left = isSticky ? stickyMap.get(ci) : 0;
                             const sortDirection = getSortDirection(key);
@@ -321,54 +375,91 @@ exports.CellSelectionTable = (0, react_1.forwardRef)(({ columns, data, onCellSel
                                     }),
                                     backgroundColor: slate[700],
                                     minWidth,
+                                    maxWidth: columns[ci]?.maxWidth ?? "auto",
+                                    width: minWidth !== "auto" ? minWidth : undefined,
                                     padding: "5px 10px",
                                     cursor: canSort ? "pointer" : "default",
+                                    boxSizing: "border-box",
                                 }, onClick: canSort ? () => handleSort(key) : undefined, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: justifyContent, gap: 1, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", lineHeight: "18px", children: label }), canSort && ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", flexDirection: "column", alignItems: "center", children: renderSortIcon() }))] }) }, key));
-                        }) }) }), loading ? ((0, jsx_runtime_1.jsx)(TableBodyLoader_1.TableBodyLoader, { columns: columns, rowCount: 25 })) : ((0, jsx_runtime_1.jsx)(material_1.TableBody, { children: sortedData.map((row, ri) => ((0, jsx_runtime_1.jsx)(material_1.TableRow, { sx: { backgroundColor: iron[600] }, children: columns.map(({ key, maxWidth = "auto", minWidth = "auto", isEmployee, align = "center", lockPinned = false, }, ci) => {
-                            const cell = row[key];
-                            const getRowTitle = (0, helper_1.getCellValue)(cell, "cellLabel");
-                            const tooltip = typeof cell === "object" &&
-                                cell != null &&
-                                typeof cell?.["cellTooltip"] === "object"
-                                ? cell["cellTooltip"]
-                                : (0, helper_1.getCellValue)(cell, "cellTooltip");
-                            const getColor = (0, helper_1.getCellValue)(cell, "cellBackgroundConditionKey");
-                            const cellActive = (0, helper_1.getCellValue)(cell, "cellActive");
-                            const isSticky = stickyMap.has(ci);
-                            const left = isSticky ? stickyMap.get(ci) : 0;
-                            const content = isEmployee ? ((0, jsx_runtime_1.jsx)(EmployeeCell_1.EmployeeCell, { row: row, maxWidth: maxWidth, minWidth: minWidth })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: getRowTitle }));
-                            const isNotDisabled = !((0, sortUtils_1.isSelectionDisabled)(columns[ci]?.disableSelection, columns[ci]?.sorting) || row?.rowDisabled);
-                            return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
-                                    ...(lockPinned && {
-                                        top: 0,
-                                        left,
-                                        zIndex: 5,
-                                        position: "sticky",
-                                    }),
-                                    ...(isNotDisabled
-                                        ? {}
-                                        : {
-                                            cursor: "not-allowed",
+                        }) }) }), loading ? ((0, jsx_runtime_1.jsx)(TableBodyLoader_1.TableBodyLoader, { columns: columns, rowCount: 25 })) : ((0, jsx_runtime_1.jsx)(material_1.TableBody, { style: {
+                        height: `${rowVirtualizer.getTotalSize()}px`,
+                        position: "relative",
+                    }, children: virtualItems.map((virtualRow) => {
+                        const row = sortedData[virtualRow.index];
+                        if (!row) {
+                            return null;
+                        }
+                        const ri = virtualRow.index;
+                        return ((0, jsx_runtime_1.jsx)(material_1.TableRow, { sx: {
+                                backgroundColor: iron[600],
+                                position: "absolute",
+                                top: 0,
+                                left: 0,
+                                width: "100%",
+                                height: `${virtualRow.size}px`,
+                                transform: `translateY(${virtualRow.start}px) translateZ(0)`,
+                                display: "table-row",
+                                willChange: "transform",
+                                backfaceVisibility: "hidden",
+                                WebkitBackfaceVisibility: "hidden",
+                            }, children: columns.map(({ key, maxWidth = "auto", minWidth = "auto", isEmployee, align = "center", lockPinned = false, }, ci) => {
+                                const cell = row[key];
+                                const getRowTitle = (0, helper_1.getCellValue)(cell, "cellLabel");
+                                const tooltip = typeof cell === "object" &&
+                                    cell != null &&
+                                    typeof cell?.["cellTooltip"] === "object"
+                                    ? cell["cellTooltip"]
+                                    : (0, helper_1.getCellValue)(cell, "cellTooltip");
+                                const getColor = (0, helper_1.getCellValue)(cell, "cellBackgroundConditionKey");
+                                const cellActive = (0, helper_1.getCellValue)(cell, "cellActive");
+                                const isSticky = stickyMap.has(ci);
+                                const left = isSticky ? stickyMap.get(ci) : 0;
+                                const content = isEmployee ? ((0, jsx_runtime_1.jsx)(EmployeeCell_1.EmployeeCell, { row: row, maxWidth: maxWidth, minWidth: minWidth })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: getRowTitle }));
+                                const isNotDisabled = !((0, sortUtils_1.isSelectionDisabled)(columns[ci]?.disableSelection, columns[ci]?.sorting) || row?.rowDisabled);
+                                let cellWidth;
+                                if (columnWidths[ci] !== undefined) {
+                                    cellWidth = `${columnWidths[ci]}px`;
+                                }
+                                else if (minWidth !== "auto") {
+                                    cellWidth = minWidth;
+                                }
+                                else {
+                                    cellWidth = undefined;
+                                }
+                                return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { align: align, sx: {
+                                        ...(lockPinned && {
+                                            top: 0,
+                                            left,
+                                            zIndex: 5,
+                                            position: "sticky",
                                         }),
-                                    userSelect: "none",
-                                    overflow: "hidden",
-                                    bgcolor: (0, material_1.lighten)(getCellColor({
-                                        cellKey: getColor,
-                                        isSelected: isSelectedCell(ri, ci),
-                                    }), 0.8),
-                                    ...(cellActive &&
-                                        ci > 0 && {
-                                        color: getCellTextColor(cellActive),
-                                    }),
-                                    padding: "5px 10px",
-                                    cursor: "pointer",
-                                    maxWidth,
-                                    minWidth,
-                                }, onMouseDown: (e) => handleCellMouseDown(ri, ci)(e), onMouseEnter: isNotDisabled
-                                    ? handleCellMouseEnter(ri, ci)
-                                    : undefined, onMouseUp: (e) => handleCellMouseUp(ri, ci)(e), onContextMenu: isNotDisabled
-                                    ? handleContextMenuCallback(ri, ci)
-                                    : undefined, children: tooltip ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: tooltip, children: content })) : (content) }, key));
-                        }) }, typeof row.id === "string" ? row.id : ""))) }))] }) }));
+                                        ...(isNotDisabled
+                                            ? {}
+                                            : {
+                                                cursor: "not-allowed",
+                                            }),
+                                        userSelect: "none",
+                                        overflow: "hidden",
+                                        bgcolor: (0, material_1.lighten)(getCellColor({
+                                            cellKey: getColor,
+                                            isSelected: isSelectedCell(ri, ci),
+                                        }), 0.8),
+                                        ...(cellActive &&
+                                            ci > 0 && {
+                                            color: getCellTextColor(cellActive),
+                                        }),
+                                        padding: "5px 10px",
+                                        cursor: "pointer",
+                                        maxWidth,
+                                        minWidth,
+                                        width: cellWidth,
+                                        boxSizing: "border-box",
+                                    }, onMouseDown: (e) => handleCellMouseDown(ri, ci)(e), onMouseEnter: isNotDisabled
+                                        ? handleCellMouseEnter(ri, ci)
+                                        : undefined, onMouseUp: (e) => handleCellMouseUp(ri, ci)(e), onContextMenu: isNotDisabled
+                                        ? handleContextMenuCallback(ri, ci)
+                                        : undefined, children: tooltip ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: tooltip, children: content })) : (content) }, key));
+                            }) }, typeof row.id === "string" ? row.id : `row-${ri}`));
+                    }) }))] }) }));
 });
 exports.CellSelectionTable.displayName = "CellSelectionTable";

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;