@codezee/sixtify-brahma 0.2.188 → 0.2.190

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupAreaOverlay.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/Grouped/GroupAreaOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,2DAKlC,qBAAqB,CAAC,CAAC,CAAC,4CAoH1B,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupAreaOverlay.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupAreaOverlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@dnd-kit/core");
+const material_1 = require("@mui/material");
+const iconoir_react_1 = require("iconoir-react");
+const GroupAreaOverlay = ({ activeDragId, activeDragOver, table, defaultGrouping = [], }) => {
+    const theme = (0, material_1.useTheme)();
+    const { iron, lipstickRed, slate } = theme.palette.app.color;
+    const { getColumn, getHeaderGroups } = table;
+    return ((0, jsx_runtime_1.jsx)(core_1.DragOverlay, { style: {
+            zIndex: 9999,
+        }, children: activeDragId
+            ? (() => {
+                const column = getColumn(activeDragId);
+                if (!column) {
+                    return null;
+                }
+                const { header: columnHeader, id, enableGrouping, } = column.columnDef;
+                const headerLabel = typeof columnHeader === "string"
+                    ? columnHeader
+                    : (id ?? activeDragId);
+                const headerGroups = getHeaderGroups();
+                const header = headerGroups
+                    .flatMap(({ headers }) => headers)
+                    .find(({ column }) => column.id === activeDragId);
+                if (!header) {
+                    return null;
+                }
+                const headerDynamicWidth = header.column.getSize();
+                // Check if column is groupable
+                const isGroupable = enableGrouping === true;
+                // Check if dragging over the group panel
+                const isOverGroupPanel = activeDragOver === "grouping-panel";
+                // If defaultGrouping exists and enableGrouping is true, prohibit dragging to group area
+                const shouldProhibit = defaultGrouping.length > 0 && isGroupable && isOverGroupPanel;
+                // Determine border color and icon based on groupability and drag location
+                const borderColor = shouldProhibit
+                    ? lipstickRed[900]
+                    : // eslint-disable-next-line sonarjs/no-nested-conditional
+                        isOverGroupPanel && !isGroupable
+                            ? lipstickRed[900]
+                            : iron[700];
+                const manageIcon = () => {
+                    if (shouldProhibit) {
+                        return (0, jsx_runtime_1.jsx)(iconoir_react_1.Prohibition, { width: 18, height: 18 });
+                    }
+                    if (isOverGroupPanel && !isGroupable) {
+                        return (0, jsx_runtime_1.jsx)(iconoir_react_1.Prohibition, { width: 18, height: 18 });
+                    }
+                    if (isOverGroupPanel && isGroupable) {
+                        return (0, jsx_runtime_1.jsx)(iconoir_react_1.KeyframesPlus, { width: 18, height: 18 });
+                    }
+                    return (0, jsx_runtime_1.jsx)(iconoir_react_1.Drag, { width: 18, height: 18 });
+                };
+                return ((0, jsx_runtime_1.jsxs)("div", { style: {
+                        alignItems: "center",
+                        backgroundColor: slate[800],
+                        border: `1px solid ${borderColor}`,
+                        borderRadius: "4px",
+                        display: "flex",
+                        gap: "8px",
+                        height: "40px",
+                        minWidth: `${headerDynamicWidth}px`,
+                        padding: "0px 8px",
+                        boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
+                        cursor: "grabbing",
+                    }, children: [manageIcon(), (0, jsx_runtime_1.jsx)("div", { style: {
+                                color: iron[400],
+                                fontFamily: "Poppins",
+                                fontSize: "14px",
+                                fontWeight: 600,
+                                lineHeight: "20px",
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                whiteSpace: "nowrap",
+                            }, children: headerLabel })] }));
+            })()
+            : null }));
+};
+exports.GroupAreaOverlay = GroupAreaOverlay;

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

@@ -0,0 +1,10 @@
+import type { Table } from "@tanstack/react-table";
+type GroupChipProps<T> = {
+    columnId: string;
+    onRemove: (columnId: string) => void;
+    table: Table<T>;
+    defaultGrouping: Array<keyof T>;
+};
+export declare const GroupChip: <T>({ columnId, onRemove, table, defaultGrouping, }: GroupChipProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GroupChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupChip.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/Grouped/GroupChip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAChB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,iDAK3B,cAAc,CAAC,CAAC,CAAC,mDA6InB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupChip.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupChip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
+const material_1 = require("@mui/material");
+const GroupChip = ({ columnId, onRemove, table, defaultGrouping = [], }) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, iron, slate } = theme.palette.app.color;
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = (0, sortable_1.useSortable)({ id: columnId });
+    const column = table.getColumn(columnId);
+    if (!column) {
+        return null;
+    }
+    const style = {
+        transform: utilities_1.CSS.Transform.toString(transform),
+        transition,
+        opacity: isDragging ? 0.5 : 1,
+    };
+    const { header: columnHeader, id } = column.columnDef;
+    // Get header label from column definition
+    const headerLabel = typeof columnHeader === "string" ? columnHeader : (id ?? columnId);
+    const handleRemove = (e) => {
+        e.stopPropagation();
+        onRemove(columnId);
+    };
+    // Optimized: Replace MUI components with native HTML for better performance
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: setNodeRef, style: {
+            ...style,
+            display: "inline-flex",
+            alignItems: "center",
+            backgroundColor: slate[800],
+            border: `1px solid ${iron[700]}`,
+            borderRadius: "16px",
+            height: "28px",
+            padding: "0 8px",
+            cursor: "default",
+        }, children: [!defaultGrouping.length && ((0, jsx_runtime_1.jsx)("div", { ...attributes, ...listeners, style: {
+                    display: "flex",
+                    alignItems: "center",
+                    cursor: isDragging ? "grabbing" : "grab",
+                    touchAction: "none",
+                    padding: "2px",
+                    marginRight: "4px",
+                }, children: (0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", style: { color: iron[400] }, children: (0, jsx_runtime_1.jsx)("path", { d: "M9 5h2v2H9V5zm0 6h2v2H9v-2zm0 6h2v2H9v-2zm4-8h2v2h-2v-2zm0 4h2v2h-2v-2zm0 4h2v2h-2v-2z", fill: "currentColor" }) }) })), (0, jsx_runtime_1.jsx)("span", { style: {
+                    fontSize: "12px",
+                    fontWeight: 500,
+                    color: butterflyBlue[900],
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    maxWidth: "150px",
+                }, children: headerLabel }), !defaultGrouping.length && ((0, jsx_runtime_1.jsx)("button", { onClick: handleRemove, type: "button", style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    cursor: "pointer",
+                    padding: "2px",
+                    marginLeft: "4px",
+                    background: "none",
+                    border: "none",
+                    borderRadius: "50%",
+                    width: "18px",
+                    height: "18px",
+                    transition: "background-color 0.2s",
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = slate[700];
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                }, children: (0, jsx_runtime_1.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", style: { color: iron[400] }, children: (0, jsx_runtime_1.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z", fill: "currentColor" }) }) }))] }));
+};
+exports.GroupChip = GroupChip;

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

@@ -0,0 +1,8 @@
+import type { Row } from "@tanstack/react-table";
+type GroupedColumnProps<T> = {
+    row: Row<T>;
+    isSummaryRow: boolean;
+};
+export declare const GroupedColumn: <T>({ row, isSummaryRow, }: GroupedColumnProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GroupedColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedColumn.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/Grouped/GroupedColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,wBAG/B,kBAAkB,CAAC,CAAC,CAAC,mDAiGvB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedColumn.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupedColumn = 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 luxon_1 = require("luxon");
+const helper_1 = require("../../utils/helper");
+const GroupedColumn = ({ row, isSummaryRow, }) => {
+    const { groupingColumnId, getIsGrouped, getGroupingValue } = row;
+    if (isSummaryRow) {
+        return (0, jsx_runtime_1.jsx)("span", { children: "Total" });
+    }
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue } = theme.palette.app.color;
+    if (!getIsGrouped()) {
+        return null;
+    }
+    if (!groupingColumnId) {
+        return null;
+    }
+    const groupingValue = getGroupingValue(groupingColumnId);
+    if (groupingValue == null) {
+        return null;
+    }
+    const isExpanded = row.getIsExpanded();
+    const getGroupingLabel = () => {
+        if (typeof groupingValue === "string") {
+            if (!(0, helper_1.isFullISODate)(groupingValue)) {
+                return groupingValue;
+            }
+            const dt = luxon_1.DateTime.fromISO(groupingValue, { zone: "utc" });
+            return dt.isValid ? (0, helper_1.formatDateValue)(groupingValue) : groupingValue;
+        }
+        return String(groupingValue);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            paddingLeft: `${row.depth * 15}px`,
+            width: "100%",
+        }, children: (0, jsx_runtime_1.jsxs)("div", { role: "button", tabIndex: 0, onClick: row.getToggleExpandedHandler(), onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    row.toggleExpanded();
+                }
+            }, style: {
+                display: "inline-flex",
+                alignItems: "center",
+                cursor: "pointer",
+                padding: "4px 4px",
+                userSelect: "none",
+            }, children: [isExpanded ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, { color: "primary", fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(icons_material_1.ChevronRight, { color: "primary", fontSize: "small" })), (0, jsx_runtime_1.jsx)("p", { style: {
+                        fontSize: "14px",
+                        marginLeft: "4px",
+                        color: butterflyBlue[900],
+                    }, children: getGroupingLabel() }), (0, jsx_runtime_1.jsxs)("p", { style: {
+                        fontSize: "14px",
+                        marginLeft: "4px",
+                        opacity: 0.7,
+                        color: butterflyBlue[900],
+                    }, children: ["(", row.subRows.length, ")"] })] }) }));
+};
+exports.GroupedColumn = GroupedColumn;

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

@@ -0,0 +1,10 @@
+import type { useTableState } from "../../hooks/useTableState";
+type GroupingPanelProps<T> = {
+    groupedColumns: string[];
+    onRemoveGroup: (columnId: string) => void;
+    table: ReturnType<typeof useTableState<T>>["table"];
+    defaultGrouping: Array<keyof T>;
+};
+export declare const GroupedPanel: <T>({ groupedColumns, onRemoveGroup, table, defaultGrouping, }: GroupingPanelProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupedPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedPanel.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/Grouped/GroupedPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,KAAK,kBAAkB,CAAC,CAAC,IAAI;IAC3B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACpD,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAG,4DAK9B,kBAAkB,CAAC,CAAC,CAAC,4CA0FvB,CAAC"}

package/packages/shared-components/dist/SmartGrid/Components/Grouped/GroupedPanel.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupedPanel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const GroupChip_1 = require("./GroupChip");
+const GroupedPanel = ({ groupedColumns, onRemoveGroup, table, defaultGrouping = [], }) => {
+    const theme = (0, material_1.useTheme)();
+    const { iron, butterflyBlue } = theme.palette.app.color;
+    const { setNodeRef, isOver } = (0, core_1.useDroppable)({
+        id: "grouping-panel",
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { ref: setNodeRef, style: {
+            alignItems: "center",
+            backgroundColor: iron[600],
+            border: "2px solid transparent",
+            boxSizing: "border-box",
+            display: "flex",
+            flexWrap: "wrap",
+            gap: 8,
+            marginBottom: 1,
+            minHeight: "44px",
+            padding: "8px 12px",
+            position: "relative",
+            transition: "all 0.15s ease",
+            width: "100%",
+            zIndex: 5,
+        }, children: !groupedColumns.length ? ((0, jsx_runtime_1.jsx)("p", { style: {
+                color: isOver ? butterflyBlue[900] : iron[300],
+                fontSize: 13,
+                fontWeight: 400,
+                lineHeight: 1.5,
+                margin: 0,
+                padding: 0,
+            }, children: isOver
+                ? "↓ Drop here to group by this column"
+                : "Drag column headers here to group..." })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { style: {
+                        color: iron[300],
+                        fontSize: 13,
+                        fontWeight: 500,
+                        lineHeight: 1.5,
+                        margin: 0,
+                        padding: 0,
+                    }, children: "Grouped By:" }), (0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: groupedColumns, strategy: sortable_1.horizontalListSortingStrategy, children: groupedColumns.map((columnId, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GroupChip_1.GroupChip, { columnId: columnId, onRemove: onRemoveGroup, table: table, defaultGrouping: defaultGrouping }), index < groupedColumns.length - 1 && ((0, jsx_runtime_1.jsx)("span", { style: {
+                                    color: iron[400],
+                                    fontSize: "12px",
+                                    fontWeight: 600,
+                                }, children: ">" }))] }, columnId))) })] })) }));
+};
+exports.GroupedPanel = GroupedPanel;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/DraggableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAIpD,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,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,mBAAmB,GAAI,CAAC,EAAG,wDAKrC,wBAAwB,CAAC,CAAC,CAAC,4CAiC7B,CAAC"}
+{"version":3,"file":"DraggableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/DraggableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAIpD,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,uEAMrC,wBAAwB,CAAC,CAAC,CAAC,4CAiC7B,CAAC"}

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

@@ -4,12 +4,12 @@ exports.DraggableHeaderCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const HeaderCell_1 = require("./HeaderCell");
 const sortable_1 = require("@dnd-kit/sortable");
-const DraggableHeaderCell = ({ defaultGrouping, header, loading, resetAllFilters, }) => {
+const DraggableHeaderCell = ({ defaultGrouping, header, isReorderable = true, loading, resetAllFilters, }) => {
     const { attributes, isDragging, isOver, listeners, setNodeRef, transform, transition, } = (0, sortable_1.useSortable)({
         id: header.column.id,
     });
     return ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters, dragAttributes: attributes, dragListeners: listeners
             ? listeners
-            : undefined, dragRef: setNodeRef, dragTransform: transform, dragTransition: transition, isDragging: isDragging, isDragOver: isOver, isReorderable: true }));
+            : undefined, dragRef: setNodeRef, dragTransform: transform, dragTransition: transition, isDragging: isDragging, isDragOver: isOver, isReorderable: isReorderable }));
 };
 exports.DraggableHeaderCell = DraggableHeaderCell;

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableHeaderGroupRows.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/DraggableHeaderGroupRows.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;IACtC,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC5B,mBAAmB,EAAE,CACnB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAC1B,WAAW,EAAE,OAAO,KACjB,OAAO,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,EAAG,2HAQ1C,6BAA6B,CAAC,CAAC,CAAC,4CA0FlC,CAAC"}
+{"version":3,"file":"DraggableHeaderGroupRows.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/HeaderCells/DraggableHeaderGroupRows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAMjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;IACtC,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC5B,mBAAmB,EAAE,CACnB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAC1B,WAAW,EAAE,OAAO,KACjB,OAAO,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,EAAG,2HAQ1C,6BAA6B,CAAC,CAAC,CAAC,4CA2FlC,CAAC"}

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

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DraggableHeaderGroupRows = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const sortable_1 = require("@dnd-kit/sortable");
 const HeaderCell_1 = require("./HeaderCell");
 const DraggableHeaderCell_1 = require("./DraggableHeaderCell");
 const SearchFilterRow_1 = require("../SearchFilterRow/SearchFilterRow");
@@ -13,12 +12,17 @@ const DraggableHeaderGroupRows = ({ defaultGrouping, enableSecondRowFilter, head
     const centerHeaders = headers.filter((h) => !h.column.getIsPinned());
     const rightPinnedHeaders = headers.filter((h) => h.column.getIsPinned() === "right");
     const isLeafGroup = depth === leafDepth;
-    const reorderableHeaders = centerHeaders.filter((header) => isHeaderReorderable(header, isLeafGroup));
-    const sortableItems = reorderableHeaders.map(({ column: { id } }) => id);
-    const headerRow = ((0, jsx_runtime_1.jsxs)("tr", { children: [leftPinnedHeaders.map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), centerHeaders.map((header) => {
-                const canReorder = isHeaderReorderable(header, isLeafGroup);
-                return canReorder ? ((0, jsx_runtime_1.jsx)(DraggableHeaderCell_1.DraggableHeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id)) : ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id));
-            }), rightPinnedHeaders.map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id)))] }, `${headerGroup.id}-row`));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [swipeableColumns && isLeafGroup && sortableItems.length ? ((0, jsx_runtime_1.jsx)(sortable_1.SortableContext, { items: sortableItems, children: headerRow })) : (headerRow), enableSecondRowFilter && !loading && ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map((header) => ((0, jsx_runtime_1.jsx)(SearchFilterRow_1.SearchFilterRow, { header: header, resetAllFilters: resetAllFilters }, header.id))) }))] }));
+    // Check if header should be draggable (either reorderable OR groupable)
+    const isDraggable = (header) => {
+        const columnDef = header.column.columnDef;
+        const isReorderable = isHeaderReorderable(header, isLeafGroup);
+        const isGroupable = !!columnDef.enableGrouping;
+        return isReorderable || isGroupable;
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [leftPinnedHeaders.map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), centerHeaders.map((header) => {
+                        const canDrag = isDraggable(header);
+                        const isReorderable = swipeableColumns && isHeaderReorderable(header, isLeafGroup);
+                        return canDrag ? ((0, jsx_runtime_1.jsx)(DraggableHeaderCell_1.DraggableHeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters, isReorderable: isReorderable }, header.id)) : ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id));
+                    }), rightPinnedHeaders.map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { defaultGrouping: defaultGrouping, header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id)))] }, `${headerGroup.id}-row`), enableSecondRowFilter && !loading && ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map((header) => ((0, jsx_runtime_1.jsx)(SearchFilterRow_1.SearchFilterRow, { header: header, resetAllFilters: resetAllFilters }, header.id))) }))] }));
 };
 exports.DraggableHeaderGroupRows = DraggableHeaderGroupRows;

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

@@ -15,6 +15,6 @@ type HeaderCellProps<T> = {
     loading: boolean;
     resetAllFilters: boolean;
 };
-export declare const HeaderCell: <T>({ defaultGrouping, dragAttributes, dragListeners, dragRef, dragTransform, dragTransition, header, isDragOver, isDragging, isReorderable, loading, resetAllFilters, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderCell: <T>({ dragAttributes, dragListeners, dragRef, dragTransform, dragTransition, header, isDragOver, isDragging, isReorderable, loading, resetAllFilters, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=HeaderCell.d.ts.map

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;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"}
+{"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;AAGpD,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAKhE,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,qJAY5B,eAAe,CAAC,CAAC,CAAC,4CAqLpB,CAAC"}

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

@@ -1,29 +1,19 @@
 "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 utilities_1 = require("@dnd-kit/utilities");
-const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 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 GroupingIcons_1 = require("./GroupingIcons");
-const HeaderCell = ({ defaultGrouping, dragAttributes, dragListeners, dragRef, dragTransform, dragTransition, header, isDragOver = false, isDragging = false, isReorderable = false, loading = false, resetAllFilters, }) => {
+const HeaderCell = ({ 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;
     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 { columnDef, getAfter, getCanResize, getIsPinned, getSize, getStart, getToggleSortingHandler, } = header.column;
     const showFacetedFilter = columnDef?.facetedFilter;
     const isSmartSelectFilter = columnDef?.filterVariant === "smartSelectFilter";
     const headerDynamicWidth = getIsPinned() ? getSize() - 8 : getSize();
@@ -33,6 +23,39 @@ const HeaderCell = ({ defaultGrouping, dragAttributes, dragListeners, dragRef, d
     const backgroundColor = isReorderable && isDragOver ? slate[700] : slate[800];
     const draggableAttributes = dragAttributes ?? {};
     const draggableListeners = dragListeners ?? {};
+    const manageZIndex = () => {
+        if (isDragging) {
+            return 20;
+        }
+        if (getIsPinned()) {
+            return 3;
+        }
+        return 1;
+    };
+    const handleHeaderCellClick = (e) => {
+        if (isDragging) {
+            return;
+        }
+        // React event target is EventTarget; assert HTMLElement for style/cursor access
+        const target = e.target;
+        // Ignore clicks on the resize handle to avoid triggering sort when resizing
+        if (target && target.style.cursor === "col-resize") {
+            return;
+        }
+        // Ignore clicks within the FacetedFilter popover to avoid triggering sort when interacting with filter
+        if (target?.closest("[data-faceted-filter-popover='true']")) {
+            return;
+        }
+        if (isSortable && !loading) {
+            getToggleSortingHandler()?.(e);
+        }
+    };
+    const handleCursorPointer = () => {
+        if (isReorderable && !loading && header.id !== "grouped_by") {
+            return isDragging ? "grabbing" : "grab";
+        }
+        return isSortable ? "pointer" : "default";
+    };
     return ((0, jsx_runtime_1.jsxs)("th", { colSpan: header.colSpan, "data-column-id": header.id, ref: dragRef, style: {
             backgroundColor,
             borderBottom: `1px solid ${iron[700]}`,
@@ -48,21 +71,22 @@ const HeaderCell = ({ defaultGrouping, dragAttributes, dragListeners, dragRef, d
             transform: transformStyle,
             transition: dragTransition,
             width: headerDynamicWidth,
-            zIndex: getIsPinned() ? 3 : 1,
-        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+            zIndex: manageZIndex(),
+        }, onClick: handleHeaderCellClick, children: [(0, jsx_runtime_1.jsxs)("div", { ...(isReorderable && !loading && header.id !== "grouped_by"
+                    ? draggableAttributes
+                    : {}), ...(isReorderable && !loading && header.id !== "grouped_by"
+                    ? draggableListeners
+                    : {}), style: {
                     alignItems: "center",
                     borderRight: `2px solid ${iron[700]}`,
                     display: "flex",
                     flexGrow: 1,
                     gap: "8px",
-                }, children: [isReorderable && !loading && ((0, jsx_runtime_1.jsx)("span", { ...draggableAttributes, ...draggableListeners, style: {
-                            alignItems: "center",
-                            color: iron[400],
-                            cursor: isDragging ? "grabbing" : "grab",
-                            display: "flex",
-                            paddingRight: "2px",
-                            touchAction: "none",
-                        }, children: (0, jsx_runtime_1.jsx)(DragIndicator_1.default, { fontSize: "small" }) })), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
+                    cursor: handleCursorPointer(),
+                    touchAction: isReorderable && !loading && header.id !== "grouped_by"
+                        ? "none"
+                        : "auto",
+                }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
                                 color: iron[400],
                                 fontFamily: "Poppins",
                                 fontSize: "14px",
@@ -72,11 +96,7 @@ 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 && !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: (0, jsx_runtime_1.jsx)(GroupingIcons_1.GroupingIcons, { groupedIndex: groupedIndex, isGrouped: isGrouped, loading: loading }) }))] }), getCanResize() && !loading && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                (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.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", children: [sortableIcon, isSortable && mutipleSortCounts > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "caption", children: ["(", mutipleSortCounts + 1, ")"] }))] }))] }), 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,4CA0LrB,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,4CAyLrB,CAAC"}

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

@@ -103,7 +103,7 @@ const DateRangeInput = ({ initialValue, onApply, width, }) => {
                         margin: 0,
                     },
                     "& .MuiInputBase-input": {
-                        fontSize: "13px",
+                        fontSize: "14px",
                         height: "10px",
                         padding: "4px 4px",
                     },

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 !important;
+            padding: 10px 12px;
             background: white;
             height: auto;
           }

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,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,6CAIjC,oBAAoB,CAAC,CAAC,CAAC,mDA+HzB,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;AAKpD,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/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,4CA+CzB,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;AAIpD,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/TableFooterComponent/TableFooterComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooterComponent.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/TableFooterComponent/TableFooterComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAQ,aAAa,EAAE,MAAM,aAAa,CAAC;AAIvD,KAAK,gBAAgB,CAAC,CAAC,IAAI;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,2CAoD/B"}
+{"version":3,"file":"TableFooterComponent.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/TableFooterComponent/TableFooterComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAQ,aAAa,EAAE,MAAM,aAAa,CAAC;AAGvD,KAAK,gBAAgB,CAAC,CAAC,IAAI;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,2CAoD/B"}

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

@@ -1,4 +1,4 @@
-import { type Row } from "@tanstack/react-table";
+import type { GroupingState, Row } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
 import type { SummaryRecord } from "../types";
 type TableRowComponentProps<T> = {
@@ -8,6 +8,7 @@ type TableRowComponentProps<T> = {
         onClick: () => void;
     }>;
     exportData?: boolean;
+    grouping?: GroupingState;
     index: number;
     isSummaryRow?: boolean;
     row: Row<T>;
@@ -15,6 +16,6 @@ type TableRowComponentProps<T> = {
     summaryData?: SummaryRecord<T>;
     virtualRow: VirtualItem;
 };
-export declare const TableRowComponent: <T>({ columnWidths, exportActions, exportData, index, isSummaryRow, row, rowHeight, summaryData, virtualRow, }: TableRowComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRowComponent: <T>({ columnWidths, exportActions, exportData, grouping, index, isSummaryRow, row, rowHeight, summaryData, virtualRow, }: TableRowComponentProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TableRowComponent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowComponent.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/TableRowComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,UAAU,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,4GAUnC,sBAAsB,CAAC,CAAC,CAAC,4CAmP3B,CAAC"}
+{"version":3,"file":"TableRowComponent.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/Components/TableRowComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAG9C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/B,UAAU,EAAE,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,sHAWnC,sBAAsB,CAAC,CAAC,CAAC,4CA+Q3B,CAAC"}