@codezee/sixtify-brahma 0.2.130 → 0.2.131

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.130",
+  "version": "0.2.131",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -16,7 +16,8 @@
     "dev": "turbo dev -- -p 4201",
     "clean": "turbo clean",
     "check:types": "turbo check:types",
-    "check:format": "turbo check:format"
+    "check:format": "turbo check:format",
+    "start": "turbo start"
   },
   "main": "packages/shared-components/dist/index.js",
   "types": "packages/shared-components/dist/index.d.ts",

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

@@ -1 +1 @@
-{"version":3,"file":"FacetedFilter.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/FacetedFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAUpD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,8BAG/B,kBAAkB,CAAC,CAAC,CAAC,4CA0TvB,CAAC"}
+{"version":3,"file":"FacetedFilter.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/FacetedFilter.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAUpD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,8BAG/B,kBAAkB,CAAC,CAAC,CAAC,4CAoTvB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/FacetedFilter.js

@@ -93,12 +93,9 @@ const FacetedFilter = ({ header, resetAllFilters, }) => {
             setLocalFilterData(allOptions);
         }
     };
-    // useCallback is needed here because handleApply and handleReset are passed as onClick props
-    // to Button components, ensuring stable references for event handlers
     const handleApply = (0, react_1.useCallback)(() => {
         if (localFilterData !== undefined) {
             if (isCombinedFilter) {
-                // Update only the facets part of the combined filter
                 const currentFilter = getFilterValue() ?? {
                     facets: [],
                     search: "",
@@ -113,11 +110,8 @@ const FacetedFilter = ({ header, resetAllFilters, }) => {
         setIsOpen(false);
         setSearchValue("");
     }, [localFilterData, header.column, isCombinedFilter]);
-    // useCallback is needed here because handleApply and handleReset are passed as onClick props
-    // to Button components, ensuring stable references for event handlers
     const handleReset = (0, react_1.useCallback)(() => {
         if (isCombinedFilter) {
-            // Reset only the facets part of the combined filter
             const currentFilter = getFilterValue() ?? {
                 facets: [],
                 search: "",

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualCheckboxList.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.tsx"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0EACM,wBAAwB,6CA6J7D,CAAC"}
+{"version":3,"file":"VirtualCheckboxList.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.tsx"],"names":[],"mappings":"AAIA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,0EACM,wBAAwB,6CA2K7D,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FacetedFilter/VirtualCheckboxList.js

@@ -4,6 +4,7 @@ exports.VirtualCheckboxList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
+const helper_1 = require("../../utils/helper");
 exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options }) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue, sapphireBlue } = theme.palette.app.color;
@@ -75,23 +76,26 @@ exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options
                     width: "100%",
                 }, children: visibleItems.map((value) => {
                     const isChecked = checkedMap[value] || false;
-                    return ((0, jsx_runtime_1.jsxs)(material_1.Typography, { onMouseDown: () => handleMouseDown(value), onMouseEnter: () => handleMouseEnter(value), style: {
-                            alignItems: "center",
+                    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { onMouseDown: () => handleMouseDown(value), onMouseEnter: () => handleMouseEnter(value), style: {
                             backgroundColor: isChecked
                                 ? sapphireBlue[400]
                                 : "transparent",
                             cursor: "pointer",
-                            display: "flex",
-                            fontSize: "12px",
-                            gap: "4px",
-                            height: `${ITEM_HEIGHT}px`,
-                        }, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: isChecked, onChange: (e) => {
+                        }, flexDirection: "row", alignItems: "center", gap: "5px", height: `${ITEM_HEIGHT}px`, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: isChecked, onChange: (e) => {
                                     e.stopPropagation();
                                     onToggle(value);
                                 }, onMouseDown: (e) => e.stopPropagation(), size: "small", style: {
                                     color: isChecked ? butterflyBlue[900] : "",
                                     padding: "4px",
-                                } }), value] }, value));
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: "black", sx: {
+                                    WebkitBoxOrient: "vertical",
+                                    WebkitLineClamp: "1",
+                                    // eslint-disable-next-line sort-keys
+                                    display: "-webkit-box",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    width: "150px",
+                                }, children: (0, helper_1.formatDateValue)(value) })] }, value));
                 }) }) }) }));
 });
 exports.VirtualCheckboxList.displayName = "VirtualCheckboxList";

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

@@ -1 +1 @@
-{"version":3,"file":"FilterStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/FilterStatusPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6BAGnC,sBAAsB,CAAC,CAAC,CAAC,4CA2I3B,CAAC"}
+{"version":3,"file":"FilterStatusPanel.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/FilterStatusPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAIlD,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6BAGnC,sBAAsB,CAAC,CAAC,CAAC,4CA2I3B,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/FilterStatusPanel.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
+const helper_1 = require("../utils/helper");
 const FilterStatusPanel = ({ clearAllFilters, table, }) => {
     const theme = (0, material_1.useTheme)();
     const { brown, butterflyBlue, iron, slate } = theme.palette.app.color;
@@ -50,7 +51,7 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                 const filter = header.column.getFilterValue();
                 const { facets, search } = extractFilterValues(filter);
                 const hasValues = facets.length > 0 || search.length > 0;
-                return hasValues ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", gap: "3px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", fontWeight: 600, children: [header.column.columnDef.header, ":"] }), facets.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: butterflyBlue[900] }, children: facets.join(", ") })), facets.length > 0 && search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," })), search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: brown[900] }, children: search.join(", ") }))] }, header.id)) : null;
+                return hasValues ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", gap: "3px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "caption", fontWeight: 600, children: [header.column.columnDef.header, ":"] }), facets.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: butterflyBlue[900] }, children: facets.map(helper_1.formatDateValue).join(", ") })), facets.length > 0 && search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," })), search.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: { color: brown[900] }, children: search.join(", ") }))] }, header.id)) : null;
             })
                 .filter(Boolean);
             // Don't render if no filters applied

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

@@ -0,0 +1,8 @@
+type GroupingIconsProps = {
+    groupedIndex: number;
+    isGrouped: boolean;
+    loading: boolean;
+};
+export declare const GroupingIcons: ({ groupedIndex, isGrouped, loading, }: GroupingIconsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupingIcons.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupingIcons.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/GroupingIcons.tsx"],"names":[],"mappings":"AAKA,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uCAI3B,kBAAkB,4CA6EpB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/GroupingIcons.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupingIcons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BlurOffRounded_1 = __importDefault(require("@mui/icons-material/BlurOffRounded"));
+const BlurOnRounded_1 = __importDefault(require("@mui/icons-material/BlurOnRounded"));
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const GroupingIcons = ({ groupedIndex, isGrouped, loading, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { iron } = theme.palette.app.color;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const clickBlockRef = (0, react_1.useRef)(false);
+    const handleClick = (el) => {
+        clickBlockRef.current = true;
+        setOpen(false);
+        el?.blur?.();
+        setTimeout(() => (clickBlockRef.current = false), 250);
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: isGrouped && !loading ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Ungroup", arrow: true, open: open, placement: "top-start", onOpen: () => {
+                if (!clickBlockRef.current) {
+                    setOpen(true);
+                }
+            }, onClose: () => setOpen(false), children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", onMouseEnter: () => {
+                    if (!clickBlockRef.current) {
+                        setOpen(true);
+                    }
+                }, onMouseLeave: () => setOpen(false), onClick: (e) => handleClick(e.currentTarget), children: [(0, jsx_runtime_1.jsx)(BlurOffRounded_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "caption", children: ["(", groupedIndex + 1, ")", " "] })] }) })) : ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Grouping", arrow: true, placement: "top-start", open: open, onOpen: () => {
+                if (!clickBlockRef.current) {
+                    setOpen(true);
+                }
+            }, onClose: () => setOpen(false), children: (0, jsx_runtime_1.jsx)(material_1.Box, { onMouseEnter: () => {
+                    if (!clickBlockRef.current) {
+                        setOpen(true);
+                    }
+                }, onMouseLeave: () => setOpen(false), onClick: (e) => handleClick(e.currentTarget), children: (0, jsx_runtime_1.jsx)(BlurOnRounded_1.default, {}) }) })) }));
+};
+exports.GroupingIcons = GroupingIcons;

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/HeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/HeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMpD,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAOhE,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,EAAG,sKAa5B,eAAe,CAAC,CAAC,CAAC,4CAyKpB,CAAC"}
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/HeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAIpD,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAQhE,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,EAAG,sKAa5B,eAAe,CAAC,CAAC,CAAC,4CA6KpB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/HeaderCells/HeaderCell.js

@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utilities_1 = require("@dnd-kit/utilities");
-const BlurOffRounded_1 = __importDefault(require("@mui/icons-material/BlurOffRounded"));
-const BlurOnRounded_1 = __importDefault(require("@mui/icons-material/BlurOnRounded"));
 const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 const material_1 = require("@mui/material");
 const react_table_1 = require("@tanstack/react-table");
-const FacetedFilter_1 = require("../FacetedFilter/FacetedFilter");
 const Tooltip_1 = require("../../../Tooltip");
-const useGetSortedColumn_1 = require("../../hooks/useGetSortedColumn");
 const useGetGroupedColumn_1 = require("../../hooks/useGetGroupedColumn");
+const useGetSortedColumn_1 = require("../../hooks/useGetSortedColumn");
+const FacetedFilter_1 = require("../FacetedFilter/FacetedFilter");
+const GroupingIcons_1 = require("./GroupingIcons");
 const HeaderCell = ({ defaultGrouping, dragAttributes, dragListeners, dragRef, dragTransform, dragTransition, header, isDragOver = false, isDragging = false, isReorderable = false, loading = false, resetAllFilters, }) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue, iron, slate } = theme.palette.app.color;
@@ -26,6 +25,7 @@ const HeaderCell = ({ defaultGrouping, dragAttributes, dragListeners, dragRef, d
     });
     const { columnDef, getAfter, getCanResize, getIsPinned, getSize, getStart, getToggleGroupingHandler, getToggleSortingHandler, } = header.column;
     const showFacetedFilter = columnDef?.facetedFilter;
+    const isSmartSelectFilter = columnDef?.filterVariant === "smartSelectFilter";
     const headerDynamicWidth = getIsPinned() ? getSize() - 8 : getSize();
     const transformStyle = dragTransform
         ? utilities_1.CSS.Transform.toString(dragTransform)
@@ -72,11 +72,11 @@ const HeaderCell = ({ defaultGrouping, dragAttributes, dragListeners, dragRef, d
                                 textOverflow: "ellipsis",
                                 textWrap: "nowrap",
                             }, children: !header.isPlaceholder &&
-                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), showFacetedFilter && !loading && ((0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header, resetAllFilters: resetAllFilters })), isSortable && !loading && ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Sorting", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { padding: 0 }, onClick: getToggleSortingHandler(), children: sortableIcon }), isSortable && mutipleSortCounts > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "body2", children: ["(", mutipleSortCounts + 1, ")"] }))] })), isGroupable && !defaultGrouping?.length && !loading && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: getToggleGroupingHandler(),
+                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), showFacetedFilter && !loading && !isSmartSelectFilter && ((0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header, resetAllFilters: resetAllFilters })), isSortable && !loading && ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Sorting", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { padding: 0 }, onClick: getToggleSortingHandler(), children: sortableIcon }), isSortable && mutipleSortCounts > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "caption", children: ["(", mutipleSortCounts + 1, ")"] }))] }) })), isGroupable && !defaultGrouping?.length && !loading && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: getToggleGroupingHandler(),
                         style: {
                             cursor: "pointer",
                             padding: 0,
-                        }, children: isGrouped && !loading ? ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Ungroup", children: [(0, jsx_runtime_1.jsx)(BlurOffRounded_1.default, {}), " ", `(${groupedIndex + 1}) `] })) : ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Grouping", children: (0, jsx_runtime_1.jsx)(BlurOnRounded_1.default, {}) })) }))] }), getCanResize() && !loading && ((0, jsx_runtime_1.jsx)("div", { style: {
+                        }, children: (0, jsx_runtime_1.jsx)(GroupingIcons_1.GroupingIcons, { groupedIndex: groupedIndex, isGrouped: isGrouped, loading: loading }) }))] }), getCanResize() && !loading && ((0, jsx_runtime_1.jsx)("div", { style: {
                     background: "transparent",
                     cursor: "col-resize",
                     height: "100%",

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DateRangeInput/DateRangeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../../../src/SmartGrid/Components/SearchFilterRow/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAmBA,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAYF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAyLrB,CAAC"}
+{"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../../../../src/SmartGrid/Components/SearchFilterRow/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAmBA,KAAK,mBAAmB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAYF,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CA0LrB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/DateRangeInput/StyleDateRangeWrapper.js

@@ -12,7 +12,7 @@ const StyleDateRangeWrapper = ({ children, }) => {
             display: none;
           }
           .inline-date-range .rdrMonthAndYearWrapper {
-            padding: 10px 12px;
+            padding: 10px 12px !important;
             background: white;
             height: auto;
           }

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

@@ -2,9 +2,8 @@ import type { Header } from "@tanstack/react-table";
 type GetRenderInputsProps<T> = {
     filterVariant?: "smartTextFilter" | "smartNumberFilter" | "smartDateFilter" | "smartSelectFilter";
     header: Header<T, unknown>;
-    headerDyanmicWidth: number;
     resetAllFilters: boolean;
 };
-export declare const GetRenderInputs: <T>({ filterVariant, header, headerDyanmicWidth, resetAllFilters, }: GetRenderInputsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const GetRenderInputs: <T>({ filterVariant, header, resetAllFilters, }: GetRenderInputsProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=GetRenderInputs.d.ts.map

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/GetRenderInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GetRenderInputs.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/GetRenderInputs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAMpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,aAAa,CAAC,EACV,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,mBAAmB,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,iEAKjC,oBAAoB,CAAC,CAAC,CAAC,mDA0HzB,CAAC"}
+{"version":3,"file":"GetRenderInputs.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/GetRenderInputs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAMpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,aAAa,CAAC,EACV,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,mBAAmB,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,6CAIjC,oBAAoB,CAAC,CAAC,CAAC,mDA+HzB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/GetRenderInputs.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const DateRangeInput_1 = require("./DateRangeInput/DateRangeInput");
 const DebouncedInput_1 = require("./DebouncedInput");
-const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, resetAllFilters, }) => {
+const GetRenderInputs = ({ filterVariant, header, resetAllFilters, }) => {
     const { columnDef, getFilterValue, setFilterValue } = header.column;
     const { facetedFilter, filterParams, filterVariant: hasFilterVariant, } = columnDef;
     const isCombinedFilter = facetedFilter && hasFilterVariant;
@@ -21,31 +21,36 @@ const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, resetAllFi
             });
         }
     };
-    const commonInputStyle = { width: headerDyanmicWidth - 20 };
-    const commonSelectStyle = { width: headerDyanmicWidth - 10 };
     const getValue = () => isCombinedFilter
         ? (combinedFilterValue?.search ?? "")
         : // eslint-disable-next-line sonarjs/no-nested-conditional
-            typeof rawFilterValue === "string"
+            typeof rawFilterValue === "string" ||
+                typeof rawFilterValue === "boolean" ||
+                typeof rawFilterValue === "number"
                 ? rawFilterValue
                 : "";
-    const setValue = (value) => isCombinedFilter
-        ? updateCombinedFilter({ search: value })
-        : setFilterValue(value);
-    const renderDebouncedInput = (type) => ((0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { onChange: (value) => setValue(resetAllFilters ? "" : value), type: type, value: resetAllFilters ? "" : getValue(), style: commonInputStyle }));
+    const setValue = (value) => {
+        if (isCombinedFilter) {
+            return updateCombinedFilter({ search: value.toString() });
+        }
+        return setFilterValue(value);
+    };
+    const renderDebouncedInput = (type) => ((0, jsx_runtime_1.jsx)(DebouncedInput_1.DebouncedInput, { onChange: (value) => setValue(resetAllFilters ? "" : value), type: type, value: resetAllFilters ? "" : getValue().toString(), style: { width: "100%" } }));
     const renderSelectInput = () => {
         const options = filterParams?.filterOptions ?? [];
         const value = isCombinedFilter
             ? (combinedFilterValue?.search ?? "")
             : // eslint-disable-next-line sonarjs/no-nested-conditional
-                typeof rawFilterValue === "string"
+                typeof rawFilterValue === "string" ||
+                    typeof rawFilterValue === "boolean" ||
+                    typeof rawFilterValue === "number"
                     ? rawFilterValue
                     : "";
         const selected = options.find((opt) => opt.value === value) || null;
         const handleChange = (_, newValue) => setValue(newValue ? newValue.value : "");
         return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { options: options, getOptionLabel: (option) => option.label || "", value: selected, onChange: handleChange, renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...params, variant: "outlined", placeholder: "All", sx: {
                     "& .MuiInputBase-root": { height: 28 },
-                } })), size: "small", sx: commonSelectStyle, slotProps: {
+                } })), size: "small", sx: { width: "100%" }, slotProps: {
                 paper: {
                     sx: {
                         "& .MuiAutocomplete-option": { fontSize: 12 },
@@ -59,7 +64,7 @@ const GetRenderInputs = ({ filterVariant, header, headerDyanmicWidth, resetAllFi
         case "smartNumberFilter":
             return renderDebouncedInput("number");
         case "smartDateFilter":
-            return ((0, jsx_runtime_1.jsx)(DateRangeInput_1.DateRangeInput, { width: commonInputStyle.width, initialValue: Array.isArray(rawFilterValue)
+            return ((0, jsx_runtime_1.jsx)(DateRangeInput_1.DateRangeInput, { width: "100%", initialValue: Array.isArray(rawFilterValue)
                     ? rawFilterValue
                     : undefined, onApply: (dates) => setFilterValue(dates) }));
         case "smartSelectFilter":

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

@@ -1 +1 @@
-{"version":3,"file":"SearchFilterRow.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/SearchFilterRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,8BAGjC,oBAAoB,CAAC,CAAC,CAAC,4CAgDzB,CAAC"}
+{"version":3,"file":"SearchFilterRow.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/SearchFilterRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,8BAGjC,oBAAoB,CAAC,CAAC,CAAC,4CA+CzB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/SearchFilterRow/SearchFilterRow.js

@@ -21,7 +21,7 @@ const SearchFilterRow = ({ header, resetAllFilters, }) => {
                 : undefined,
             maxWidth: headerDyanmicWidth,
             minWidth: headerDyanmicWidth,
-            padding: "0px 0px 0px 8px",
+            padding: "0px 8px 0px 8px",
             position: header.column.getIsPinned() ? "sticky" : "relative",
             right: header.column.getIsPinned() === "right"
                 ? `${header.column.getAfter("right")}px`
@@ -29,6 +29,6 @@ const SearchFilterRow = ({ header, resetAllFilters, }) => {
             textAlign: "left",
             width: headerDyanmicWidth,
             zIndex: header.column.getIsPinned() ? 3 : 0,
-        }, children: filterVariant ? ((0, jsx_runtime_1.jsx)(GetRenderInputs_1.GetRenderInputs, { filterVariant: filterVariant, header: header, headerDyanmicWidth: headerDyanmicWidth, resetAllFilters: resetAllFilters })) : ("-") }));
+        }, children: filterVariant ? ((0, jsx_runtime_1.jsx)(GetRenderInputs_1.GetRenderInputs, { filterVariant: filterVariant, header: header, resetAllFilters: resetAllFilters })) : ("-") }));
 };
 exports.SearchFilterRow = SearchFilterRow;

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

@@ -1 +1 @@
-{"version":3,"file":"SmartGrid.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/SmartGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAON,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;AA+BjB,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC3E,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,SAAS,EAgYjB,aAAa,CAAC"}
+{"version":3,"file":"SmartGrid.d.ts","sourceRoot":"","sources":["../../src/SmartGrid/SmartGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAON,MAAM,OAAO,CAAC;AAcf,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;AAgCjB,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC3E,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,SAAS,EAgYjB,aAAa,CAAC"}

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

@@ -9,7 +9,6 @@ const react_1 = require("react");
 const CircularLoader_1 = require("./Components/CircularLoader");
 const DataNotFound_1 = require("./Components/DataNotFound");
 const FilterStatusPanel_1 = require("./Components/FilterStatusPanel");
-const HeaderCell_1 = require("./Components/HeaderCell");
 const SearchFilterRow_1 = require("./Components/SearchFilterRow/SearchFilterRow");
 const TableFooterComponent_1 = require("./Components/TableFooterComponent/TableFooterComponent");
 const TableRowComponent_1 = require("./Components/TableRowComponent");
@@ -22,6 +21,7 @@ const useTableState_1 = require("./hooks/useTableState");
 const summaryCalculations_1 = require("./utils/summaryCalculations");
 const useGetDragMethods_1 = require("./hooks/useGetDragMethods");
 const DraggableHeaderGroupRows_1 = require("./Components/HeaderCells/DraggableHeaderGroupRows");
+const HeaderCell_1 = require("./Components/HeaderCells/HeaderCell");
 const calculateGroupSummary = (groupRow, globalSummary, dynamicSummaryConfig) => {
     const { subRows } = groupRow;
     if (dynamicSummaryConfig && subRows) {

package/packages/shared-components/dist/SmartGrid/types/index.d.ts

@@ -52,7 +52,7 @@ export type AppColumnDef<TData> = ColumnDef<TData> & {
     filterParams?: {
         filterOptions: {
             label: string;
-            value: string;
+            value: string | boolean | number;
         }[];
     };
     filterVariant?: "smartTextFilter" | "smartNumberFilter" | "smartDateFilter" | "smartSelectFilter";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/types/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export declare const formatDateValue: (value: string) => string;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/utils/helper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,WAQ5C,CAAC"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatDateValue = void 0;
+const luxon_1 = require("luxon");
+const formatDateValue = (value) => {
+    const date = luxon_1.DateTime.fromISO(value);
+    if (date.isValid) {
+        return date.toFormat("dd-MM-yyyy");
+    }
+    return value;
+};
+exports.formatDateValue = formatDateValue;

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

@@ -1,10 +0,0 @@
-import { type Header } from "@tanstack/react-table";
-type HeaderCellProps<T> = {
-    defaultGrouping?: (keyof T)[];
-    header: Header<T, unknown>;
-    loading: boolean;
-    resetAllFilters: boolean;
-};
-export declare const HeaderCell: <T>({ defaultGrouping, header, loading, resetAllFilters, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=HeaderCell.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/HeaderCell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAQhE,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,EAAG,wDAK5B,eAAe,CAAC,CAAC,CAAC,4CA0IpB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/HeaderCell.js

@@ -1,76 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const BlurOffRounded_1 = __importDefault(require("@mui/icons-material/BlurOffRounded"));
-const BlurOnRounded_1 = __importDefault(require("@mui/icons-material/BlurOnRounded"));
-const material_1 = require("@mui/material");
-const react_table_1 = require("@tanstack/react-table");
-const Tooltip_1 = require("../../Tooltip");
-const useGetGroupedColumn_1 = require("../hooks/useGetGroupedColumn");
-const useGetSortedColumn_1 = require("../hooks/useGetSortedColumn");
-const FacetedFilter_1 = require("./FacetedFilter/FacetedFilter");
-const HeaderCell = ({ defaultGrouping, header, loading = false, resetAllFilters, }) => {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue, iron, slate } = theme.palette.app.color;
-    const { isSortable, mutipleSortCounts, sortableIcon } = (0, useGetSortedColumn_1.useGetSortedColumn)({
-        header,
-    });
-    const { groupedIndex, isGroupable, isGrouped } = (0, useGetGroupedColumn_1.useGetGroupedColumn)({
-        header,
-    });
-    const { columnDef, getAfter, getCanResize, getIsPinned, getSize, getStart, getToggleGroupingHandler, getToggleSortingHandler, } = header.column;
-    const showFacetedFilter = columnDef?.facetedFilter;
-    const headerDynamicWidth = getIsPinned() ? getSize() - 8 : getSize();
-    return ((0, jsx_runtime_1.jsxs)("th", { colSpan: header.colSpan, "data-column-id": header.id, style: {
-            backgroundColor: `${slate[800]}`,
-            borderBottom: `1px solid ${iron[700]}`,
-            height: "40px",
-            left: getIsPinned() === "left" ? `${getStart("left")}px` : undefined,
-            maxWidth: headerDynamicWidth,
-            minWidth: headerDynamicWidth,
-            padding: "0px 0px 0px 8px",
-            position: getIsPinned() ? "sticky" : "relative",
-            right: getIsPinned() === "right" ? `${getAfter("right")}px` : undefined,
-            textAlign: "left",
-            width: headerDynamicWidth,
-            zIndex: getIsPinned() ? 3 : 1,
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                    alignItems: "center",
-                    borderRight: `2px solid ${iron[700]}`,
-                    display: "flex",
-                    flexGrow: 1,
-                    gap: "10px",
-                }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                color: iron[400],
-                                fontFamily: "Poppins",
-                                fontSize: "14px",
-                                fontWeight: 600,
-                                lineHeight: "20px",
-                                overflow: "hidden",
-                                textOverflow: "ellipsis",
-                                textWrap: "nowrap",
-                            }, children: !header.isPlaceholder &&
-                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), showFacetedFilter && !loading && ((0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header, resetAllFilters: resetAllFilters })), isSortable && !loading && ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Sorting", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { padding: 0 }, onClick: getToggleSortingHandler(), children: sortableIcon }), isSortable && !!mutipleSortCounts && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "body2", children: ["(", mutipleSortCounts + 1, ")"] }))] })), isGroupable && !defaultGrouping?.length && !loading && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: getToggleGroupingHandler(),
-                        style: {
-                            cursor: "pointer",
-                            padding: 0,
-                        }, children: isGrouped && !loading ? ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Ungroup", children: [(0, jsx_runtime_1.jsx)(BlurOffRounded_1.default, {}), " ", `(${groupedIndex + 1}) `] })) : ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Grouping", children: (0, jsx_runtime_1.jsx)(BlurOnRounded_1.default, {}) })) }))] }), getCanResize() && !loading && ((0, jsx_runtime_1.jsx)("div", { style: {
-                    background: "transparent",
-                    cursor: "col-resize",
-                    height: "100%",
-                    position: "absolute",
-                    right: 0,
-                    top: 0,
-                    width: "3px",
-                    zIndex: 1,
-                }, onMouseDown: header.getResizeHandler(), onMouseEnter: (e) => {
-                    e.currentTarget.style.backgroundColor = butterflyBlue[900];
-                }, onMouseLeave: (e) => {
-                    e.currentTarget.style.backgroundColor = "transparent";
-                } }))] }));
-};
-exports.HeaderCell = HeaderCell;