@codezee/sixtify-brahma 0.2.129 → 0.2.131

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.129",
+  "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",
@@ -51,6 +52,9 @@
     "react-hook-form": "^7.51.5"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@hookform/resolvers": "^3.6.0",

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,4CAmTvB,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

@@ -24,6 +24,7 @@ const FacetedFilter = ({ header, resetAllFilters, }) => {
     const columnDef = header.column.columnDef;
     const { facetedFilter, filterVariant } = columnDef;
     const { getFilterValue, setFilterValue } = header.column;
+    // Check if this column has both faceted filter and filter variant
     const isCombinedFilter = facetedFilter && filterVariant;
     const filterValue = isCombinedFilter
         ? (getFilterValue()?.facets ?? [])

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,6CAsJ7D,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;
@@ -28,12 +29,16 @@ exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options
     const visibleItems = (0, react_1.useMemo)(() => {
         return options.slice(visibleRange.start, visibleRange.end);
     }, [options, visibleRange.start, visibleRange.end]);
+    // useCallback is used to memoize the handler and prevent unnecessary re-creations
+    // when passed to event listeners inside the list items.
     const handleMouseDown = (0, react_1.useCallback)((value) => {
         setIsMouseDown(true);
         const isAlreadyChecked = checkedMap[value];
         setDragMode(isAlreadyChecked ? "unCheck" : "check");
         onToggle(value);
     }, [onToggle, checkedMap]);
+    // useCallback ensures stable reference when attached to multiple items’ mouse events,
+    // avoiding re-binding on every render and improving performance.
     const handleMouseEnter = (0, react_1.useCallback)((value) => {
         if (isMouseDown && dragMode) {
             const isChecked = checkedMap[value];
@@ -43,10 +48,13 @@ exports.VirtualCheckboxList = (0, react_1.memo)(({ checkedMap, onToggle, options
             }
         }
     }, [isMouseDown, dragMode, checkedMap, onToggle]);
+    // useCallback memoizes this function so the global mouseup listener
+    // remains stable across renders, preventing multiple event bindings.
     const handleMouseUp = (0, react_1.useCallback)(() => {
         setIsMouseDown(false);
         setDragMode(null);
     }, []);
+    // Stop drag globally when mouse released anywhere
     (0, react_1.useMemo)(() => {
         document.addEventListener("mouseup", handleMouseUp);
         return () => document.removeEventListener("mouseup", handleMouseUp);
@@ -68,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,4CAoI3B,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;
@@ -16,20 +17,24 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
             overflow: "auto",
             width: "100%",
         }, children: (() => {
+            // Helper function to extract filter values from different filter types
             const extractFilterValues = (filter) => {
                 if (!filter) {
                     return { facets: [], search: [] };
                 }
                 const { facets: filterFacets, search: filterSearch } = filter;
+                // Handle array filters
                 if (Array.isArray(filter)) {
                     return { facets: filter.map(String), search: [] };
                 }
+                // Handle primitive filters (string/number)
                 if (typeof filter === "string" || typeof filter === "number") {
                     return {
                         facets: filter !== "" ? [String(filter)] : [],
                         search: [],
                     };
                 }
+                // Handle object filters with facets and search
                 if (typeof filter === "object" && filter != null) {
                     const facets = Array.isArray(filterFacets) ? filterFacets : [];
                     const search = filterSearch != null && filterSearch !== ""
@@ -39,15 +44,17 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                 }
                 return { facets: [], search: [] };
             };
+            // Build applied filters list
             const appliedFilters = getHeaderGroups()
                 .flatMap((group) => group.headers)
                 .map((header) => {
                 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
             if (!appliedFilters.length) {
                 return null;
             }
@@ -63,7 +70,9 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                             overflow: "hidden",
                             textOverflow: "ellipsis",
                             whiteSpace: "nowrap",
-                        }, children: appliedFilters.map((filter, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [!!index && (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," }), filter] }, index + 1))) })] }));
+                        }, children: appliedFilters.map((filter, index) => (
+                        // eslint-disable-next-line sonarjs/no-array-index-key
+                        (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index > 0 && (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: "," }), filter] }, index))) })] }));
         })() }));
 };
 exports.FilterStatusPanel = FilterStatusPanel;

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

@@ -0,0 +1,10 @@
+import type { Header } from "@tanstack/react-table";
+type DraggableHeaderCellProps<T> = {
+    defaultGrouping?: (keyof T)[];
+    header: Header<T, unknown>;
+    loading: boolean;
+    resetAllFilters: boolean;
+};
+export declare const DraggableHeaderCell: <T>({ defaultGrouping, header, 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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 { 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 }));
+};
+exports.DraggableHeaderCell = DraggableHeaderCell;

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

@@ -0,0 +1,13 @@
+import type { Header, HeaderGroup } from "@tanstack/react-table";
+type DraggableHeaderGroupRowsProps<T> = {
+    defaultGrouping: (keyof T)[];
+    enableSecondRowFilter: boolean;
+    headerGroup: HeaderGroup<T>;
+    isHeaderReorderable: (header: Header<T, unknown>, isLeafGroup: boolean) => boolean;
+    loading: boolean;
+    resetAllFilters: boolean;
+    swipeableColumns: boolean;
+};
+export declare const DraggableHeaderGroupRows: <T>({ defaultGrouping, enableSecondRowFilter, headerGroup, isHeaderReorderable, loading, resetAllFilters, swipeableColumns, }: DraggableHeaderGroupRowsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DraggableHeaderGroupRows.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+"use strict";
+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");
+const DraggableHeaderGroupRows = ({ defaultGrouping, enableSecondRowFilter, headerGroup, isHeaderReorderable, loading, resetAllFilters, swipeableColumns, }) => {
+    const { depth, headers } = headerGroup;
+    const leafDepth = depth ?? 0;
+    const leftPinnedHeaders = headers.filter((h) => h.column.getIsPinned() === "left");
+    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))) }))] }));
+};
+exports.DraggableHeaderGroupRows = DraggableHeaderGroupRows;

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

@@ -0,0 +1,20 @@
+import type { DraggableAttributes } from "@dnd-kit/core";
+import type { Transform } from "@dnd-kit/utilities";
+import { type Header } from "@tanstack/react-table";
+type HeaderCellProps<T> = {
+    defaultGrouping?: (keyof T)[];
+    dragAttributes?: DraggableAttributes;
+    dragListeners?: Record<string, unknown>;
+    dragRef?: (node: HTMLTableCellElement | null) => void;
+    dragTransform?: Transform | null;
+    dragTransition?: string;
+    header: Header<T, unknown>;
+    isDragOver?: boolean;
+    isDragging?: boolean;
+    isReorderable?: boolean;
+    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 {};
+//# sourceMappingURL=HeaderCell.d.ts.map

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

@@ -0,0 +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"}

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

@@ -5,15 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (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 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 HeaderCell = ({ defaultGrouping, header, loading = false, resetAllFilters, }) => {
+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 theme = (0, material_1.useTheme)();
     const { butterflyBlue, iron, slate } = theme.palette.app.color;
     const { isSortable, mutipleSortCounts, sortableIcon } = (0, useGetSortedColumn_1.useGetSortedColumn)({
@@ -24,18 +25,28 @@ const HeaderCell = ({ defaultGrouping, header, loading = false, resetAllFilters,
     });
     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();
-    return ((0, jsx_runtime_1.jsxs)("th", { colSpan: header.colSpan, "data-column-id": header.id, style: {
-            backgroundColor: `${slate[800]}`,
+    const transformStyle = dragTransform
+        ? utilities_1.CSS.Transform.toString(dragTransform)
+        : undefined;
+    const backgroundColor = isReorderable && isDragOver ? slate[700] : slate[800];
+    const draggableAttributes = dragAttributes ?? {};
+    const draggableListeners = dragListeners ?? {};
+    return ((0, jsx_runtime_1.jsxs)("th", { colSpan: header.colSpan, "data-column-id": header.id, ref: dragRef, style: {
+            backgroundColor,
             borderBottom: `1px solid ${iron[700]}`,
             height: "40px",
             left: getIsPinned() === "left" ? `${getStart("left")}px` : undefined,
             maxWidth: headerDynamicWidth,
             minWidth: headerDynamicWidth,
+            opacity: isDragging ? 0.85 : 1,
             padding: "0px 0px 0px 8px",
             position: getIsPinned() ? "sticky" : "relative",
             right: getIsPinned() === "right" ? `${getAfter("right")}px` : undefined,
             textAlign: "left",
+            transform: transformStyle,
+            transition: dragTransition,
             width: headerDynamicWidth,
             zIndex: getIsPinned() ? 3 : 1,
         }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
@@ -43,8 +54,15 @@ const HeaderCell = ({ defaultGrouping, header, loading = false, resetAllFilters,
                     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: {
+                    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: {
                                 color: iron[400],
                                 fontFamily: "Poppins",
                                 fontSize: "14px",
@@ -54,11 +72,11 @@ const HeaderCell = ({ defaultGrouping, header, loading = false, resetAllFilters,
                                 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(),
+                                (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/DebouncedInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DebouncedInput.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/DebouncedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,yFAQ5B,mBAAmB,4CAwCrB,CAAC"}
+{"version":3,"file":"DebouncedInput.d.ts","sourceRoot":"","sources":["../../../../src/SmartGrid/Components/SearchFilterRow/DebouncedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/D,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,yFAQ5B,mBAAmB,4CA0CrB,CAAC"}

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

@@ -8,9 +8,11 @@ const usehooks_ts_1 = require("usehooks-ts");
 const DebouncedInput = ({ debounce = 500, inputFontSize = "14px", inputHeight = "10px", onChange, type = "text", value: initialValue, ...props }) => {
     const [value, setValue] = (0, react_1.useState)(initialValue);
     const [debouncedValue] = (0, usehooks_ts_1.useDebounceValue)(value, debounce);
+    // Sync local state when initialValue changes from parent
     (0, react_1.useEffect)(() => {
         setValue(initialValue);
     }, [initialValue]);
+    // Call onChange when debounced value changes
     (0, react_1.useEffect)(() => {
         if (debouncedValue !== initialValue) {
             onChange(debouncedValue);

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":"AAIA,OAAO,KAON,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;AA6BjB,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,EAwVjB,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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SmartGrid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@dnd-kit/core");
 const material_1 = require("@mui/material");
 const react_virtual_1 = require("@tanstack/react-virtual");
 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");
@@ -19,6 +19,9 @@ const useGetColumnWidth_1 = require("./hooks/useGetColumnWidth");
 const useGetRowSelection_1 = require("./hooks/useGetRowSelection");
 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) {
@@ -27,7 +30,7 @@ const calculateGroupSummary = (groupRow, globalSummary, dynamicSummaryConfig) =>
     }
     return globalSummary ? globalSummary : {};
 };
-exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], dynamicRowSelection = () => true, emptyMessage = "No data found", enableCellSelection = false, exportActions = [], exportData = false, height = "calc(100vh - 130px)", loading = false, rowHeight = 38, rowSelection = false, totalCount = 0, ...props }, ref) => {
+exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], dynamicRowSelection = () => true, emptyMessage = "No data found", enableCellSelection = false, exportActions = [], exportData = false, height = "calc(100vh - 130px)", loading = false, rowHeight = 38, rowSelection = false, swipeableColumns = false, totalCount = 0, ...props }, ref) => {
     const theme = (0, material_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
     const [resetAllFilters, setResetAllFilters] = (0, react_1.useState)(false);
@@ -49,7 +52,11 @@ exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], dynamicRowS
     });
     const { getHeaderGroups, getRowModel, getSelectedRowModel } = table;
     const rows = getRowModel().rows;
-    // Cell selection functionality
+    // Drag and drop Methoda
+    const { handleDragEnd, isHeaderReorderable, sensors } = (0, useGetDragMethods_1.useGetDragMethods)({
+        swipeableColumns,
+        table,
+    });
     const cellSelection = (0, useCellSelection_1.useCellSelection)({
         enabled: enableCellSelection,
         table,
@@ -126,6 +133,7 @@ exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], dynamicRowS
             setResetAllFilters(false);
         }, 100);
     };
+    const headerGroups = getHeaderGroups();
     return ((0, jsx_runtime_1.jsxs)(CellSelectionContext_1.CellSelectionProvider, { value: {
             ...cellSelection,
             enabled: enableCellSelection,
@@ -163,17 +171,17 @@ exports.SmartGrid = (0, react_1.forwardRef)(({ defaultGrouping = [], dynamicRowS
                                         position: "sticky",
                                         top: 0,
                                         zIndex: 10,
-                                    }, children: getHeaderGroups().map((headerGroup) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [headerGroup.headers
-                                                        .filter((h) => h.column.getIsPinned() === "left")
-                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), headerGroup.headers
-                                                        .filter((h) => !h.column.getIsPinned())
-                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id))), headerGroup.headers
-                                                        .filter((h) => h.column.getIsPinned() === "right")
-                                                        .map((header) => ((0, jsx_runtime_1.jsx)(HeaderCell_1.HeaderCell, { header: header, loading: loading, resetAllFilters: resetAllFilters }, header.id)))] }, headerGroup.id), enableSecondRowFilter &&
-                                                headerGroup.depth ===
-                                                    table.getHeaderGroups().length - 1 &&
-                                                !loading && ((0, jsx_runtime_1.jsx)("tr", { children: headerGroup.headers.map((header) => header.subHeaders.length === 0 ? ((0, jsx_runtime_1.jsx)(SearchFilterRow_1.SearchFilterRow, { header: header, resetAllFilters: resetAllFilters }, header.id)) : ((0, jsx_runtime_1.jsx)("th", {}, header.id) // empty cell under grouped headers
-                                                )) }))] }, headerGroup.id))) }), (0, jsx_runtime_1.jsx)("tbody", { style: {
+                                    }, children: swipeableColumns ? ((0, jsx_runtime_1.jsx)(core_1.DndContext, { sensors: sensors, collisionDetection: core_1.closestCenter, onDragEnd: handleDragEnd, children: headerGroups.map((headerGroup) => {
+                                            return ((0, jsx_runtime_1.jsx)(DraggableHeaderGroupRows_1.DraggableHeaderGroupRows, { defaultGrouping: defaultGrouping, enableSecondRowFilter: enableSecondRowFilter, headerGroup: headerGroup, isHeaderReorderable: isHeaderReorderable, loading: loading, resetAllFilters: resetAllFilters, swipeableColumns: swipeableColumns }, headerGroup.id));
+                                        }) })) : (headerGroups.map((headerGroup) => {
+                                        const leftPinnedHeaders = headerGroup.headers.filter((h) => h.column.getIsPinned() === "left");
+                                        const centerHeaders = headerGroup.headers.filter((h) => !h.column.getIsPinned());
+                                        const rightPinnedHeaders = headerGroup.headers.filter((h) => h.column.getIsPinned() === "right");
+                                        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) => {
+                                                    return ((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)(react_1.Fragment, { children: [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))) }))] }, headerGroup.id));
+                                    })) }), (0, jsx_runtime_1.jsx)("tbody", { style: {
                                         filter: loading ? "blur(2px)" : "none",
                                         height: `${rowVirtualizer.getTotalSize()}px`,
                                         position: "relative",

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

@@ -1 +1 @@
-{"version":3,"file":"useCellSelection.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useCellSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAA2B,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE5E,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,qBAGjC,oBAAoB,CAAC,CAAC,CAAC;;;gCAsMqB,MAAM,EAAE,EAAE;4BAhB7C,MAAM,YAAY,MAAM,KAAG,OAAO;;;gCAlGlC,MAAM,YAAY,MAAM,iBAAgB,OAAO;;iCA0C/C,MAAM,YAAY,MAAM;CA+KnC,CAAC"}
+{"version":3,"file":"useCellSelection.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useCellSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAA2B,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE5E,KAAK,oBAAoB,CAAC,CAAC,IAAI;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,qBAGjC,oBAAoB,CAAC,CAAC,CAAC;;;gCAsMqB,MAAM,EAAE,EAAE;4BAhB7C,MAAM,YAAY,MAAM,KAAG,OAAO;;;gCAlGlC,MAAM,YAAY,MAAM,iBAAgB,OAAO;;iCA0C/C,MAAM,YAAY,MAAM;CA+KnC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetColumnWidth.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetColumnWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,gCAIlC,sBAAsB,CAAC,CAAC,CAAC;;CAkE3B,CAAC"}
+{"version":3,"file":"useGetColumnWidth.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetColumnWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,gCAIlC,sBAAsB,CAAC,CAAC,CAAC;;CA4E3B,CAAC"}

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

@@ -6,10 +6,13 @@ const useGetColumnWidth = ({ columns, headerRef, table, }) => {
     const [columnWidths, setColumnWidths] = (0, react_1.useState)([]);
     const { getColumn, getRowModel, getState } = table;
     const columnSizing = getState().columnSizing;
+    const columnOrder = getState().columnOrder;
     const rowDataLength = getRowModel().rows.length;
     const updateColumnWidths = (0, react_1.useCallback)(() => {
         if (headerRef.current) {
+            // Find all header rows
             const headerRows = headerRef.current.querySelectorAll("tr");
+            // Get the last row which contains the actual data column headers (not grouped headers)
             const lastHeaderRow = headerRows[headerRows.length - 1];
             if (lastHeaderRow) {
                 const headerCells = lastHeaderRow.querySelectorAll("th");
@@ -50,7 +53,13 @@ const useGetColumnWidth = ({ columns, headerRef, table, }) => {
             window.removeEventListener("resize", updateColumnWidths);
             observer.disconnect();
         };
-    }, [columnSizing, columns.length, rowDataLength, updateColumnWidths]);
+    }, [
+        columnSizing,
+        columnOrder,
+        columns.length,
+        rowDataLength,
+        updateColumnWidths,
+    ]);
     return { columnWidths };
 };
 exports.useGetColumnWidth = useGetColumnWidth;

package/packages/shared-components/dist/SmartGrid/hooks/useGetDragMethods.d.ts

@@ -0,0 +1,13 @@
+import { type DragEndEvent } from "@dnd-kit/core";
+import type { Header, Table } from "@tanstack/react-table";
+type UseGetDragMethodsArgs<T> = {
+    swipeableColumns: boolean;
+    table: Table<T>;
+};
+export declare const useGetDragMethods: <T>({ swipeableColumns, table, }: UseGetDragMethodsArgs<T>) => {
+    handleDragEnd: (event: DragEndEvent) => void;
+    isHeaderReorderable: (header: Header<T, unknown>, isLeaf: boolean) => boolean;
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+};
+export {};
+//# sourceMappingURL=useGetDragMethods.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDragMethods.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetDragMethods.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAI3D,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,8BAGlC,qBAAqB,CAAC,CAAC,CAAC;2BA0Df,YAAY;kCAjCX,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,OAAO;;CAoH/C,CAAC"}

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

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetDragMethods = void 0;
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const react_1 = require("react");
+const useGetDragMethods = ({ swipeableColumns, table, }) => {
+    // Memoize non-reorderable column IDs to avoid recreating the Set on every render
+    const nonReorderableColumnIds = (0, react_1.useMemo)(() => new Set(["select", "action"]), []);
+    // Initialize DnD sensors with pointer detection and minimal activation distance
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor, {
+        activationConstraint: {
+            distance: 5,
+        },
+    }));
+    /**
+     *  useCallback is used here to memoize the function
+     * so it doesn’t get re-created on every render.
+     *
+     * Checks if a header (column) is reorderable.
+     * Returns false for pinned, placeholder, or disabled columns.
+     */
+    const isHeaderReorderable = (0, react_1.useCallback)((header, isLeaf) => {
+        if (!swipeableColumns || !isLeaf || header.isPlaceholder) {
+            return false;
+        }
+        const columnId = header.column.id;
+        const columnDef = header.column.columnDef;
+        const accessorKey = columnDef?.accessorKey;
+        const { enableColumnOrdering } = columnDef;
+        return (enableColumnOrdering !== false &&
+            accessorKey !== "action" &&
+            !nonReorderableColumnIds.has(columnId));
+    }, [swipeableColumns, nonReorderableColumnIds]);
+    /**
+     *  useCallback is used again to memoize `handleDragEnd`
+     * to ensure stable reference across renders.
+     *
+     * Handles column drag-and-drop reordering:
+     * - Skips pinned columns
+     * - Updates the column order in the TanStack Table instance
+     */
+    const handleDragEnd = (0, react_1.useCallback)((event) => {
+        if (!swipeableColumns) {
+            return;
+        }
+        const { active, over } = event;
+        if (!over || active.id === over.id) {
+            return;
+        }
+        const activeId = String(active.id);
+        const overId = String(over.id);
+        const activeColumn = table.getColumn(activeId);
+        const overColumn = table.getColumn(overId);
+        if (!activeColumn || !overColumn) {
+            return;
+        }
+        if (activeColumn.getIsPinned() || overColumn.getIsPinned()) {
+            return;
+        }
+        const allLeafColumns = table.getAllLeafColumns();
+        const currentOrder = table.getState().columnOrder.length > 0
+            ? table.getState().columnOrder
+            : allLeafColumns.map((column) => column.id);
+        const { center, left, right } = currentOrder.reduce((acc, columnId) => {
+            const column = table.getColumn(columnId);
+            if (!column) {
+                return acc;
+            }
+            const pinState = column.getIsPinned();
+            if (pinState === "left") {
+                acc.left.push(columnId);
+            }
+            else if (pinState === "right") {
+                acc.right.push(columnId);
+            }
+            else {
+                acc.center.push(columnId);
+            }
+            return acc;
+        }, {
+            center: [],
+            left: [],
+            right: [],
+        });
+        const activeIndex = center.indexOf(activeId);
+        const overIndex = center.indexOf(overId);
+        if (activeIndex === -1 || overIndex === -1) {
+            return;
+        }
+        const updatedCenterOrder = (0, sortable_1.arrayMove)(center, activeIndex, overIndex);
+        const newOrder = [...left, ...updatedCenterOrder, ...right];
+        table.setColumnOrder(newOrder);
+    }, [swipeableColumns, table]);
+    return {
+        handleDragEnd,
+        isHeaderReorderable,
+        sensors,
+    };
+};
+exports.useGetDragMethods = useGetDragMethods;

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

@@ -1 +1 @@
-{"version":3,"file":"useGetFacetedFilter.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetFacetedFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AAE7D,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,cAEpC,wBAAwB,CAAC,CAAC,CAAC;;;;;CA4J7B,CAAC"}
+{"version":3,"file":"useGetFacetedFilter.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetFacetedFilter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AAE7D,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,cAEpC,wBAAwB,CAAC,CAAC,CAAC;;;;;CAiK7B,CAAC"}

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

@@ -22,14 +22,17 @@ const useGetFacetedFilter = ({ columns, }) => {
         }
         const cellValue = row.getValue(columnId);
         const cellValueStr = cellValue != null ? String(cellValue) : "";
+        // Handle combined filter object
         if (typeof filterValue === "object" && !Array.isArray(filterValue)) {
             const combinedFilterValue = filterValue;
             const { facets, search } = combinedFilterValue;
             let matches = true;
+            // Check search filter
             if (search && search.trim() !== "") {
                 matches =
                     matches && cellValueStr.toLowerCase().includes(search.toLowerCase());
             }
+            // Check facets filter
             if (facets && facets.length > 0) {
                 matches =
                     matches &&
@@ -37,6 +40,7 @@ const useGetFacetedFilter = ({ columns, }) => {
             }
             return matches;
         }
+        // Fallback to original logic for backward compatibility
         if (Array.isArray(filterValue)) {
             return filterValue.some((filterVal) => String(filterVal) === cellValueStr);
         }
@@ -84,6 +88,7 @@ const useGetFacetedFilter = ({ columns, }) => {
         return columns.map((col) => {
             const appCol = col;
             const { facetedFilter, filterVariant } = appCol;
+            // If column has both facetedFilter and filterVariant, use combined filter
             if (facetedFilter && filterVariant) {
                 return {
                     ...col,

package/packages/shared-components/dist/SmartGrid/hooks/useGetPinStyle.d.ts

@@ -1,4 +1,4 @@
-import type { Cell } from "@tanstack/react-table";
+import { type Cell } from "@tanstack/react-table";
 import { type CSSProperties } from "react";
 export declare const useGetPinStyle: <T>() => (cell: Cell<T, unknown>, cellIndex: number, allCells: Cell<T, unknown>[]) => CSSProperties;
 //# sourceMappingURL=useGetPinStyle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGetPinStyle.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetPinStyle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,CAAC,cAOpB,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,aACX,MAAM,YACP,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,KAC3B,aAsCN,CAAC"}
+{"version":3,"file":"useGetPinStyle.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetPinStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,CAAC,cAOpB,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,aACX,MAAM,YACP,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,KAC3B,aAsCN,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useGetRowSelection.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetRowSelection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,uBAAuB,CAAC,CAAC,IAAI;IAChC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,OAAO,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,uDAIpC,uBAAuB,CAAC,CAAC,CAAC;;CA8H5B,CAAC"}
+{"version":3,"file":"useGetRowSelection.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useGetRowSelection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,uBAAuB,CAAC,CAAC,IAAI;IAChC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,OAAO,CAAC;IAC9C,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,uDAIpC,uBAAuB,CAAC,CAAC,CAAC;;CAqI5B,CAAC"}

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

@@ -5,7 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const IndeterminateCheckbox_1 = require("../Components/IndeterminateCheckbox");
 const useGetRowSelection = ({ defaultColumn, dynamicRowSelection, rowSelection, }) => {
+    // Stable cell renderer
     const renderSelectionCell = (0, react_1.useCallback)((info) => {
+        // Check if row is selectable
         const isSelectable = dynamicRowSelection
             ? dynamicRowSelection(info.row.original)
             : true;
@@ -14,13 +16,17 @@ const useGetRowSelection = ({ defaultColumn, dynamicRowSelection, rowSelection,
         }
         return ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: info.row.getIsSelected(), disabled: !info.row.getCanSelect(), indeterminate: info.row.getIsSomeSelected(), onChange: info.row.getToggleSelectedHandler() }));
     }, [dynamicRowSelection]);
+    // Stable header renderer
     const renderSelectionHeader = (0, react_1.useCallback)((info) => {
         if (!dynamicRowSelection) {
+            // Fast path: no dynamic selection
             return ((0, jsx_runtime_1.jsx)(IndeterminateCheckbox_1.IndeterminateCheckbox, { checked: info.table.getIsAllRowsSelected(), indeterminate: info.table.getIsSomeRowsSelected(), onChange: info.table.getToggleAllRowsSelectedHandler() }));
         }
+        // Use a simple event handler that doesn't rely on state
         const handleToggleAll = (e) => {
             const { checked } = e.target;
             const rows = info.table.getRowModel().rows;
+            // Use table's batch selection for better performance
             info.table.setRowSelection((old) => {
                 const newSelection = { ...old };
                 // eslint-disable-next-line sonarjs/no-nested-functions
@@ -37,6 +43,7 @@ const useGetRowSelection = ({ defaultColumn, dynamicRowSelection, rowSelection,
                 return newSelection;
             });
         };
+        // Calculate state only when rendering, not in event handler
         const rows = info.table.getRowModel().rows;
         const rowSelection = info.table.getState().rowSelection;
         let selectableCount = 0;

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

@@ -1 +1 @@
-{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useTableState.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;;CAiFxD,CAAC"}
+{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../src/SmartGrid/hooks/useTableState.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,cAAc,CAAC,CAAC,CAAC;;CAqFxD,CAAC"}

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

@@ -19,6 +19,7 @@ const useTableState = (props) => {
     });
     const [columnPinning, setColumnPinning] = (0, react_1.useState)(initialPinning);
     const [columnFilters, setColumnFilters] = (0, react_1.useState)([]);
+    const [columnOrder, setColumnOrder] = (0, react_1.useState)([]);
     const { enableExpanding = true, enableGrouping = true, enablePinning = hasPinnedColumns, enableRowSelection = true, enableSorting = true, } = props;
     const table = (0, react_table_1.useReactTable)({
         autoResetExpanded: false,
@@ -46,6 +47,7 @@ const useTableState = (props) => {
         getGroupedRowModel: (0, react_table_1.getGroupedRowModel)(),
         getSortedRowModel: (0, react_table_1.getSortedRowModel)(),
         onColumnFiltersChange: setColumnFilters,
+        onColumnOrderChange: setColumnOrder,
         onColumnPinningChange: setColumnPinning,
         onExpandedChange: setExpanded,
         onGroupingChange: setGrouping,
@@ -53,6 +55,7 @@ const useTableState = (props) => {
         onSortingChange: setSorting,
         state: {
             columnFilters,
+            columnOrder,
             columnPinning,
             expanded,
             grouping,

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";
@@ -133,6 +133,7 @@ export type SmartGridProps<T> = {
     rowHeight?: number;
     rowSelection?: boolean;
     summary?: SummaryRecord<T>;
+    swipeableColumns?: boolean;
     sx?: SxProps<Theme>;
     totalCount: number;
 };

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"}