@codezee/sixtify-brahma 0.2.164 → 0.2.166

package/package.json

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

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;AAUjC,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAAO,CAAC,OAAO,CAAC,KAAG,IAczD,CAAC;AAEF,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,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"}
+{"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,MAAM,CAAC;AAEnC,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,EAqPd,UAAU,CAAC"}

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

@@ -37,7 +37,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
     const { layout } = (0, utils_1.useGetDeviceType)();
     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>', pagination = false, enableSecondRowFilter, disableKeyBoardEvent, onModelUpdated, onFirstDataRendered, onViewportChanged, onFilterChanged, paginationPageSize: paginationPageSizeProp, cacheBlockSize: cacheBlockSizeProp, infiniteInitialRowCount: infiniteInitialRowCountProp, loading: gridLoading = false, ...rest } = props;
+    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', pagination = false, enableSecondRowFilter, disableKeyBoardEvent = false, 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;
@@ -75,7 +75,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
                 if (datasource) {
                     setTimeout(() => {
                         const displayedCount = api.getDisplayedRowCount();
-                        const renderedNodes = api.getRenderedNodes().length;
+                        const renderedNodes = api.getRenderedNodes().length || 0;
                         updateNoRowsOverlay(api, displayedCount === 0 && renderedNodes === 0);
                     }, 50);
                 }
@@ -83,7 +83,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
             else {
                 setTimeout(() => {
                     const displayedCount = api.getDisplayedRowCount();
-                    const renderedNodes = api.getRenderedNodes().length;
+                    const renderedNodes = api.getRenderedNodes().length || 0;
                     updateNoRowsOverlay(api, displayedCount === 0 && renderedNodes === 0);
                 }, 50);
             }
@@ -152,9 +152,7 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
                     suppressFloatingFilterButton: enableSecondRowFilter,
                     filterParams: {
                         ...defaultColumnDef.filterParams,
-                        buttons: !enableSecondRowFilter || disableKeyBoardEvent
-                            ? ["apply", "reset"]
-                            : [],
+                        buttons: disableKeyBoardEvent ? ["apply", "reset"] : [],
                     },
                 }, 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 }

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

@@ -1,6 +1,6 @@
 import type { MouseEvent, ReactNode } from "react";
 type RedirectionCellProps = {
-    mainLabel: string;
+    mainLabel: ReactNode;
     onClick: (event: MouseEvent<HTMLElement>) => void;
     includeSubLabel?: boolean;
     isSubLabelClickable?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"RedirectionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/RedirectionCell/RedirectionCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,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,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,6HAY7B,oBAAoB,4CA2ItB,CAAC"}
+{"version":3,"file":"RedirectionCell.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/RedirectionCell/RedirectionCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,6HAY7B,oBAAoB,4CA+MtB,CAAC"}

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

@@ -15,10 +15,21 @@ const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, isSubLab
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue, black } = theme.palette.app.color;
     const mainLabelRef = (0, react_1.useRef)(null);
+    const mainLabelContainerRef = (0, react_1.useRef)(null);
     const subLabelRef = (0, react_1.useRef)(null);
-    const isStringSubLabel = typeof subLabel === "string";
-    const useSubLabelRef = includeSubLabel && isSubLabelClickable && isStringSubLabel;
-    const activeRef = (0, react_1.useMemo)(() => (useSubLabelRef ? subLabelRef : mainLabelRef), [useSubLabelRef]);
+    const subLabelContainerRef = (0, react_1.useRef)(null);
+    const isStringSubLabel = typeof subLabel === "string" ||
+        typeof subLabel === "number" ||
+        typeof subLabel === "bigint" ||
+        typeof subLabel === "boolean" ||
+        subLabel === null ||
+        typeof subLabel === "undefined";
+    const activeRef = (0, react_1.useMemo)(() => {
+        if (includeSubLabel && isSubLabelClickable) {
+            return isStringSubLabel ? subLabelRef : subLabelContainerRef;
+        }
+        return typeof mainLabel === "string" ? mainLabelRef : mainLabelContainerRef;
+    }, [includeSubLabel, isSubLabelClickable, isStringSubLabel, mainLabel]);
     (0, useCellEnterClick_1.useCellEnterClick)({
         buttonRef: activeRef,
         disabled,
@@ -28,12 +39,12 @@ const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, isSubLab
             }
         },
     });
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "div", sx: { width: "100%" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", 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.Stack, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "div", sx: { width: "100%" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", alignItems: "center", 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.Stack, { children: [typeof mainLabel === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
                                         width: "100%",
                                         color: disabled || isSubLabelClickable
                                             ? black[900]
                                             : butterflyBlue[900],
-                                        cursor: !disabled && !isSubLabelClickable ? "pointer" : "default",
+                                        cursor: disabled || isSubLabelClickable ? "default" : "pointer",
                                     }, ref: mainLabelRef, tabIndex: !disabled && !isSubLabelClickable ? 0 : -1, onKeyDown: (e) => {
                                         if ((e.key === "Enter" || e.key === " ") &&
                                             !disabled &&
@@ -44,32 +55,65 @@ const RedirectionCell = ({ mainLabel, onClick, includeSubLabel = false, isSubLab
                                             }
                                         }
                                     }, onClick: (e) => {
-                                        if (!disabled && !isSubLabelClickable && (0, isFunction_1.default)(onClick)) {
+                                        if (!disabled &&
+                                            !isSubLabelClickable &&
+                                            (0, isFunction_1.default)(onClick)) {
                                             onClick(e);
                                         }
-                                    }, children: mainLabel }), includeSubLabel && isStringSubLabel ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: !isSubLabelClickable ? black[900] : butterflyBlue[900], sx: {
-                                        cursor: !disabled && isSubLabelClickable ? "pointer" : "default",
+                                    }, children: mainLabel })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { ref: mainLabelContainerRef, tabIndex: !disabled && !isSubLabelClickable ? 0 : -1, sx: {
+                                        cursor: !disabled || !isSubLabelClickable ? "default" : "pointer",
                                     }, onKeyDown: (e) => {
                                         if ((e.key === "Enter" || e.key === " ") &&
                                             !disabled &&
-                                            isSubLabelClickable) {
-                                            e.preventDefault();
+                                            !isSubLabelClickable) {
                                             if ((0, isFunction_1.default)(onClick)) {
                                                 onClick(e);
                                             }
                                         }
                                     }, onClick: (e) => {
                                         if (!disabled &&
-                                            isSubLabelClickable &&
+                                            !isSubLabelClickable &&
                                             (0, isFunction_1.default)(onClick)) {
                                             onClick(e);
                                         }
-                                    }, ref: subLabelRef, tabIndex: !disabled && isSubLabelClickable ? 0 : -1, children: subLabel ?? "-" })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { sx: {
-                                        cursor: !disabled && isSubLabelClickable ? "pointer" : "default",
-                                    }, onClick: (e) => {
-                                        if (!disabled && isSubLabelClickable) {
-                                            onClick(e);
-                                        }
-                                    }, children: subLabel }))] })] }), includeIcon && icon && (0, jsx_runtime_1.jsx)(material_1.Box, { children: icon })] }) }));
+                                    }, children: mainLabel })), includeSubLabel &&
+                                    (isStringSubLabel ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: !isSubLabelClickable
+                                            ? butterflyBlue[400]
+                                            : butterflyBlue[900], sx: {
+                                            cursor: !disabled && isSubLabelClickable ? "pointer" : "default",
+                                            lineHeight: "18px",
+                                        }, tabIndex: !disabled && isSubLabelClickable ? 0 : -1, ref: subLabelRef, onKeyDown: (e) => {
+                                            if (!disabled && isSubLabelClickable) {
+                                                if (e.key === "Enter" || e.key === " ") {
+                                                    e.preventDefault();
+                                                    if ((0, isFunction_1.default)(onClick)) {
+                                                        onClick(e);
+                                                    }
+                                                }
+                                            }
+                                        }, onClick: (e) => {
+                                            if (!disabled &&
+                                                isSubLabelClickable &&
+                                                (0, isFunction_1.default)(onClick)) {
+                                                onClick(e);
+                                            }
+                                        }, children: subLabel ?? "-" })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { ref: subLabelContainerRef, sx: {
+                                            cursor: !disabled && isSubLabelClickable ? "pointer" : "default",
+                                        }, tabIndex: !disabled && isSubLabelClickable ? 0 : -1, onKeyDown: (e) => {
+                                            if (!disabled && isSubLabelClickable) {
+                                                if (e.key === "Enter" || e.key === " ") {
+                                                    e.preventDefault();
+                                                    if ((0, isFunction_1.default)(onClick)) {
+                                                        onClick(e);
+                                                    }
+                                                }
+                                            }
+                                        }, onClick: (e) => {
+                                            if (!disabled &&
+                                                isSubLabelClickable &&
+                                                (0, isFunction_1.default)(onClick)) {
+                                                onClick(e);
+                                            }
+                                        }, children: subLabel })))] })] }), includeIcon && icon && (0, jsx_runtime_1.jsx)(material_1.Box, { children: icon })] }) }));
 };
 exports.RedirectionCell = RedirectionCell;

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

@@ -1 +1 @@
-{"version":3,"file":"useAgGridCheckBoxSelection.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/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;AAI9E,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;AAsCF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,uEAKlE,8BAA8B,CAAC,CAAC,CAAC;;6BAyCF,WAAW,CAAC,gBAAgB,CAAC;;;CAsJ9D,CAAC"}
+{"version":3,"file":"useAgGridCheckBoxSelection.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/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;AAI9E,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;AAsCF,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,uEAKlE,8BAA8B,CAAC,CAAC,CAAC;;6BAyCF,WAAW,CAAC,gBAAgB,CAAC;;;CAyJ9D,CAAC"}

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

@@ -134,7 +134,8 @@ const useAgGridCheckBoxSelection = ({ gridRef, setSelectedEmployee, currentPageI
                 return;
             }
             const target = event.target;
-            if (target.classList.contains("ag-floating-filter")) {
+            if (target.classList.contains("ag-floating-filter") ||
+                target.classList.contains("ag-text-field-input")) {
                 return;
             }
             event.preventDefault();

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

@@ -1,8 +1,9 @@
 import type { AgGridReact } from "ag-grid-react";
-import type { RefObject } from "react";
+import { type RefObject } from "react";
 type UseAgGridKeyboardShortcutsArgs<T = unknown> = {
     gridRef: RefObject<AgGridReact<T>>;
+    isClientSide?: boolean;
 };
-export declare const useAgGridKeyboardShortcuts: <T = unknown>({ gridRef, }: UseAgGridKeyboardShortcutsArgs<T>) => void;
+export declare const useAgGridKeyboardShortcuts: <T = unknown>({ gridRef, isClientSide, }: UseAgGridKeyboardShortcutsArgs<T>) => void;
 export {};
 //# sourceMappingURL=useAgGridKeyboardShortcuts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAgGridKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,8BAA8B,CAAC,CAAC,GAAG,OAAO,IAAI;IACjD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,CAAC,GAAG,OAAO,EAAE,cAErD,8BAA8B,CAAC,CAAC,CAAC,SAoCnC,CAAC"}
+{"version":3,"file":"useAgGridKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../src/AgGrid/hooks/useAgGridKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,8BAA8B,CAAC,CAAC,GAAG,OAAO,IAAI;IACjD,OAAO,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA0DF,eAAO,MAAM,0BAA0B,GAAI,CAAC,GAAG,OAAO,EAAE,4BAGrD,8BAA8B,CAAC,CAAC,CAAC,SA0LnC,CAAC"}

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

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

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

@@ -1 +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;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,qBAAqB,QA4DvB"}
+{"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;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,qBAAqB,QA8DvB"}

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

@@ -4,8 +4,13 @@ exports.useCellEnterClick = useCellEnterClick;
 const react_1 = require("react");
 function useCellEnterClick({ buttonRef, disabled, popoverOpen, onPressEnter, }) {
     (0, react_1.useEffect)(() => {
+        const button = buttonRef.current;
+        if (!button) {
+            return;
+        }
         const handleKeyDown = (event) => {
-            if (event.key !== "Enter" ||
+            const keyIsClickTrigger = event.key === "Enter" || event.key === " ";
+            if (!keyIsClickTrigger ||
                 event.shiftKey ||
                 event.ctrlKey ||
                 event.metaKey ||
@@ -14,13 +19,12 @@ function useCellEnterClick({ buttonRef, disabled, popoverOpen, onPressEnter, })
                 popoverOpen) {
                 return;
             }
-            const activeElement = document.activeElement;
-            const cell = activeElement?.closest(".ag-cell");
-            const button = buttonRef.current;
-            if (!cell || !button || !cell.contains(button)) {
+            const focusedCell = document.querySelector(".ag-cell-focus") ??
+                event.target?.closest(".ag-cell");
+            if (!focusedCell?.contains(button)) {
                 return;
             }
-            const isEditing = cell.classList.contains("ag-cell-inline-editing");
+            const isEditing = focusedCell.classList.contains("ag-cell-inline-editing");
             if (isEditing) {
                 return;
             }
@@ -33,12 +37,7 @@ function useCellEnterClick({ buttonRef, disabled, popoverOpen, onPressEnter, })
                 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]);
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => document.removeEventListener("keydown", handleKeyDown, true);
+    }, [buttonRef, disabled, popoverOpen, onPressEnter]);
 }

package/packages/shared-components/dist/Breadcrumbs/Breadcrumb.styled.d.ts

@@ -0,0 +1,6 @@
+import type { StyledComponent } from "@emotion/styled";
+import type { BreadcrumbsProps as MuiBreadcrumbsProps } from "@mui/material";
+export declare const StyledBreadcrumb: StyledComponent<MuiBreadcrumbsProps>;
+export declare const StyledBreadcrumbItem: StyledComponent<MuiBreadcrumbsProps>;
+export declare const StyledBreadcrumbClickableItem: StyledComponent<MuiBreadcrumbsProps>;
+//# sourceMappingURL=Breadcrumb.styled.d.ts.map

package/packages/shared-components/dist/Breadcrumbs/Breadcrumb.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.styled.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumb.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAG7E,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,mBAAmB,CAiBhE,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,mBAAmB,CA8BlE,CAAC;AAEL,eAAO,MAAM,6BAA6B,EAAE,eAAe,CAAC,mBAAmB,CA2C3E,CAAC"}

package/packages/shared-components/dist/Breadcrumbs/Breadcrumb.styled.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBreadcrumbClickableItem = exports.StyledBreadcrumbItem = exports.StyledBreadcrumb = void 0;
+const material_1 = require("@mui/material");
+exports.StyledBreadcrumb = (0, material_1.styled)(material_1.Breadcrumbs)({
+    display: "flex",
+    flexWrap: "nowrap",
+    overflowX: "auto",
+    whiteSpace: "nowrap",
+    "& .MuiBreadcrumbs-ol": {
+        display: "flex",
+        flexWrap: "nowrap",
+    },
+    "& .MuiBreadcrumbs-li": {
+        whiteSpace: "nowrap",
+    },
+    "&::-webkit-scrollbar": {
+        display: "none",
+    },
+});
+exports.StyledBreadcrumbItem = (0, material_1.styled)(material_1.Breadcrumbs)(({ theme }) => {
+    const { black, butterflyBlue } = theme.palette.app.color;
+    return {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+        color: black[900],
+        "& .MuiTypography-root": {
+            color: black[900],
+            position: "relative",
+            display: "inline-flex",
+            alignItems: "center",
+            "&::after": {
+                // eslint-disable-next-line quotes
+                content: '""',
+                position: "absolute",
+                left: 0,
+                bottom: -2,
+                width: "0%",
+                height: 2,
+                backgroundColor: butterflyBlue[900],
+                transition: "width 200ms ease",
+            },
+        },
+        "& .MuiIconButton-root": {
+            color: butterflyBlue[900],
+        },
+    };
+});
+exports.StyledBreadcrumbClickableItem = (0, material_1.styled)(material_1.Breadcrumbs)(({ theme }) => {
+    const { black, butterflyBlue } = theme.palette.app.color;
+    return {
+        background: "none",
+        border: "none",
+        padding: 0,
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        transition: "color 180ms ease, filter 180ms ease",
+        color: black[900],
+        "& .MuiTypography-root": {
+            position: "relative",
+            display: "inline-flex",
+            alignItems: "center",
+            color: black[900],
+            "&::after": {
+                // eslint-disable-next-line quotes
+                content: '""',
+                position: "absolute",
+                left: 0,
+                bottom: 0,
+                width: "0%",
+                height: 2,
+                backgroundColor: butterflyBlue[900],
+                transition: "width 400ms ease",
+            },
+        },
+        "& .MuiIconButton-root": {
+            transition: "color 180ms ease",
+            color: butterflyBlue[900],
+        },
+        "&:hover": {
+            "& .MuiTypography-root": {
+                color: butterflyBlue[900],
+                "&::after": {
+                    width: "100%",
+                },
+            },
+        },
+    };
+});

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,eAAe,4CA+ErD,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,KAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,eAAe,4CAoDrD,CAAC"}

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

@@ -4,46 +4,20 @@ exports.Breadcrumbs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const uuid_1 = require("uuid");
+const Breadcrumb_styled_1 = require("./Breadcrumb.styled");
 const Breadcrumbs = ({ items }) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Breadcrumbs, { sx: {
-            display: "flex",
-            flexWrap: "nowrap",
-            overflowX: "auto",
-            whiteSpace: "nowrap",
-            "& .MuiBreadcrumbs-ol": {
-                display: "flex",
-                flexWrap: "nowrap",
-            },
-            "& .MuiBreadcrumbs-li": {
-                whiteSpace: "nowrap",
-            },
-            "&::-webkit-scrollbar": {
-                display: "none",
-            },
-        }, children: items.map((item) => {
-            const { icon, text, onClick } = item;
-            if (onClick) {
-                return ((0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: onClick, sx: {
-                        background: "none",
-                        border: "none",
-                        padding: 0,
-                        cursor: "pointer",
-                        display: "flex",
-                        alignItems: "center",
-                        "&:hover": {
-                            "& .MuiTypography-root": {
-                                color: butterflyBlue[900],
-                            },
-                        },
-                    }, children: [icon && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: {
-                                color: butterflyBlue[900],
-                            }, children: icon })), text && (0, jsx_runtime_1.jsx)(material_1.Typography, { children: text })] }, (0, uuid_1.v4)()));
-            }
-            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [icon && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: {
-                            color: butterflyBlue[900],
-                        }, children: icon })), text && (0, jsx_runtime_1.jsx)(material_1.Typography, { children: text })] }, (0, uuid_1.v4)()));
-        }) }));
+    return ((0, jsx_runtime_1.jsx)(Breadcrumb_styled_1.StyledBreadcrumb, { children: (0, jsx_runtime_1.jsx)(material_1.Breadcrumbs, { children: items.map((item) => {
+                const { icon, text, onClick } = item;
+                if (onClick) {
+                    return ((0, jsx_runtime_1.jsx)(Breadcrumb_styled_1.StyledBreadcrumbClickableItem, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: {
+                                        color: butterflyBlue[900],
+                                    }, children: icon })), text && (0, jsx_runtime_1.jsx)(material_1.Typography, { children: text })] }) }, (0, uuid_1.v4)()));
+                }
+                return ((0, jsx_runtime_1.jsx)(Breadcrumb_styled_1.StyledBreadcrumbItem, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [icon && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: {
+                                    color: butterflyBlue[900],
+                                }, children: icon })), text && (0, jsx_runtime_1.jsx)(material_1.Typography, { children: text })] }) }, (0, uuid_1.v4)()));
+            }) }) }));
 };
 exports.Breadcrumbs = Breadcrumbs;

package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAIpE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,gHAiFzB,CAAC"}
+{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAIpE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,gHAwFzB,CAAC"}

package/packages/shared-components/dist/Card/CardItem/CardItemValue.js

@@ -10,7 +10,7 @@ exports.CardItemValue = (0, react_1.forwardRef)(({ title, subTitle, avatar, load
     if (loading) {
         return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px ", flex: "1", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [avatar && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "30px", animation: "wave", width: "30px" })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "150px" })] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "200px" }))] }));
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "50%", sx: containerSx, gap: "10px", flex: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", flex: 1, children: [showAvatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant }), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { ref: ref, variant: "body1", sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "50%", sx: containerSx, gap: "10px", flex: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", flex: 1, children: [showAvatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant, sx: { width: 28, height: 28 } })), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { ref: ref, variant: "body1", sx: {
                             width: "100%",
                             fontWeight: 400,
                             color: slate[900],