@codezee/sixtify-brahma 0.2.128 → 0.2.130

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.128",
+  "version": "0.2.130",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"
@@ -51,6 +51,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/ActionButtons/FormActionButton.d.ts

@@ -10,7 +10,8 @@ type FormActionButtonProps = ButtonProps & {
     withoutModifiers: boolean;
     loading: boolean;
     disabled: boolean;
+    disableKeyboardShortcut: boolean;
 }>;
-export declare const FormActionButton: ({ actionType, onClick, shortcutKey, label, withoutModifiers, loading, disabled, variant, ...rest }: Readonly<FormActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormActionButton: ({ actionType, onClick, shortcutKey, label, withoutModifiers, loading, disabled, disableKeyboardShortcut, variant, ...rest }: Readonly<FormActionButtonProps>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormActionButton.d.ts.map

package/packages/shared-components/dist/ActionButtons/FormActionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormActionButton.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/FormActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,KAAK,qBAAqB,GAAG,WAAW,GAAG;IACzC,OAAO,EAAE,QAAQ,CAAC;CACnB,GAAG,OAAO,CAAC;IACR,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEL,eAAO,MAAM,gBAAgB,GAAI,oGAU9B,QAAQ,CAAC,qBAAqB,CAAC,4CAmDjC,CAAC"}
+{"version":3,"file":"FormActionButton.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/FormActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhE,KAAK,qBAAqB,GAAG,WAAW,GAAG;IACzC,OAAO,EAAE,QAAQ,CAAC;CACnB,GAAG,OAAO,CAAC;IACR,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,EAAE,OAAO,CAAC;CAClC,CAAC,CAAC;AAEL,eAAO,MAAM,gBAAgB,GAAI,6HAW9B,QAAQ,CAAC,qBAAqB,CAAC,4CAmDjC,CAAC"}

package/packages/shared-components/dist/ActionButtons/FormActionButton.js

@@ -4,7 +4,7 @@ exports.FormActionButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../Button");
 const utils_1 = require("../utils");
-const FormActionButton = ({ actionType, onClick, shortcutKey, label, withoutModifiers = false, loading = false, disabled = false, variant = "contained", ...rest }) => {
+const FormActionButton = ({ actionType, onClick, shortcutKey, label, withoutModifiers = false, loading = false, disabled = false, disableKeyboardShortcut = false, variant = "contained", ...rest }) => {
     const getShortcutKey = () => {
         if (actionType == "cancel") {
             return "Escape";
@@ -31,7 +31,7 @@ const FormActionButton = ({ actionType, onClick, shortcutKey, label, withoutModi
         withoutModifiers: actionType == "cancel" ? true : withoutModifiers,
         modifierKeys: actionType != "cancel" ? ["ctrl", "alt"] : undefined,
         onTrigger: () => {
-            if (!disabled && !loading) {
+            if (!disabled && !loading && !disableKeyboardShortcut) {
                 onClick();
             }
         },

package/packages/shared-components/dist/FormFields/Rating/Ratting.d.ts

@@ -1,4 +1,6 @@
 import { type FieldValues } from "react-hook-form";
 import type { RatingProps } from "./types";
-export declare function Rating<P extends FieldValues>({ control, name, defaultValue, label, rules, disabled, loading, direction, ...ratingProps }: RatingProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function Rating<P extends FieldValues & {
+    required?: boolean;
+}>({ control, name, defaultValue, label, rules, disabled, loading, direction, required, ...ratingProps }: RatingProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Ratting.d.ts.map

package/packages/shared-components/dist/FormFields/Rating/Ratting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ratting.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Rating/Ratting.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAe,EACf,SAAoB,EACpB,GAAG,WAAW,EACf,EAAE,WAAW,CAAC,CAAC,CAAC,2CA0ChB"}
+{"version":3,"file":"Ratting.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Rating/Ratting.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,EAAE,EACrE,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,QAAQ,EACR,OAAe,EACf,SAAoB,EACpB,QAAgB,EAChB,GAAG,WAAW,EACf,EAAE,WAAW,CAAC,CAAC,CAAC,2CA2ChB"}

package/packages/shared-components/dist/FormFields/Rating/Ratting.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_hook_form_1 = require("react-hook-form");
 const Skeleton_1 = require("./Skeleton");
-function Rating({ control, name, defaultValue, label = "", rules, disabled, loading = false, direction = "column", ...ratingProps }) {
+function Rating({ control, name, defaultValue, label = "", rules, disabled, loading = false, direction = "column", required = false, ...ratingProps }) {
     const { field: { value, onChange, ...restField }, fieldState: { error }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.RatingSkeleton, { label: label });
@@ -13,7 +13,7 @@ function Rating({ control, name, defaultValue, label = "", rules, disabled, load
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", direction: direction, alignItems: direction === "row" ? "center" : "flex-start", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: {
                             minWidth: direction === "row" ? "120px" : "auto",
                             marginBottom: direction === "row" ? 0 : "auto",
-                        }, children: label })), (0, jsx_runtime_1.jsx)(material_1.Rating, { disabled: disabled, value: value ?? null, onChange: (event, newValue) => {
+                        }, required: required, children: label })), (0, jsx_runtime_1.jsx)(material_1.Rating, { disabled: disabled, value: value ?? null, onChange: (event, newValue) => {
                             onChange(newValue);
                         }, ...restField, ...ratingProps })] }), error && (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { error: true, children: error?.message })] }));
 }

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

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

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

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

@@ -28,12 +28,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 +47,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);

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;AAGnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,eAAe,EAAE,QAAQ,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6BAGnC,sBAAsB,CAAC,CAAC,CAAC,4CA2I3B,CAAC"}

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

@@ -16,20 +16,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,6 +43,7 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                 }
                 return { facets: [], search: [] };
             };
+            // Build applied filters list
             const appliedFilters = getHeaderGroups()
                 .flatMap((group) => group.headers)
                 .map((header) => {
@@ -48,6 +53,7 @@ const FilterStatusPanel = ({ clearAllFilters, table, }) => {
                 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;
             })
                 .filter(Boolean);
+            // Don't render if no filters applied
             if (!appliedFilters.length) {
                 return null;
             }
@@ -63,7 +69,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/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;AAMpD,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAOhE,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,eAAe,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,EAAG,sKAa5B,eAAe,CAAC,CAAC,CAAC,4CAyKpB,CAAC"}

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

@@ -0,0 +1,94 @@
+"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 BlurOffRounded_1 = __importDefault(require("@mui/icons-material/BlurOffRounded"));
+const BlurOnRounded_1 = __importDefault(require("@mui/icons-material/BlurOnRounded"));
+const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
+const material_1 = require("@mui/material");
+const react_table_1 = require("@tanstack/react-table");
+const FacetedFilter_1 = require("../FacetedFilter/FacetedFilter");
+const Tooltip_1 = require("../../../Tooltip");
+const useGetSortedColumn_1 = require("../../hooks/useGetSortedColumn");
+const useGetGroupedColumn_1 = require("../../hooks/useGetGroupedColumn");
+const 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)({
+        header,
+    });
+    const { groupedIndex, isGroupable, isGrouped } = (0, useGetGroupedColumn_1.useGetGroupedColumn)({
+        header,
+    });
+    const { columnDef, getAfter, getCanResize, getIsPinned, getSize, getStart, getToggleGroupingHandler, getToggleSortingHandler, } = header.column;
+    const showFacetedFilter = columnDef?.facetedFilter;
+    const headerDynamicWidth = getIsPinned() ? getSize() - 8 : getSize();
+    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: {
+                    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: {
+                                color: iron[400],
+                                fontFamily: "Poppins",
+                                fontSize: "14px",
+                                fontWeight: 600,
+                                lineHeight: "20px",
+                                overflow: "hidden",
+                                textOverflow: "ellipsis",
+                                textWrap: "nowrap",
+                            }, children: !header.isPlaceholder &&
+                                (0, react_table_1.flexRender)(columnDef.header, header.getContext()) }) }), showFacetedFilter && !loading && ((0, jsx_runtime_1.jsx)(FacetedFilter_1.FacetedFilter, { header: header, resetAllFilters: resetAllFilters })), isSortable && !loading && ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Sorting", children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { padding: 0 }, onClick: getToggleSortingHandler(), children: sortableIcon }), isSortable && mutipleSortCounts > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { color: iron[400], variant: "body2", children: ["(", mutipleSortCounts + 1, ")"] }))] })), isGroupable && !defaultGrouping?.length && !loading && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: getToggleGroupingHandler(),
+                        style: {
+                            cursor: "pointer",
+                            padding: 0,
+                        }, children: isGrouped && !loading ? ((0, jsx_runtime_1.jsxs)(Tooltip_1.Tooltip, { toolTipLabel: "Ungroup", children: [(0, jsx_runtime_1.jsx)(BlurOffRounded_1.default, {}), " ", `(${groupedIndex + 1}) `] })) : ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Grouping", children: (0, jsx_runtime_1.jsx)(BlurOnRounded_1.default, {}) })) }))] }), getCanResize() && !loading && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    background: "transparent",
+                    cursor: "col-resize",
+                    height: "100%",
+                    position: "absolute",
+                    right: 0,
+                    top: 0,
+                    width: "3px",
+                    zIndex: 1,
+                }, onMouseDown: header.getResizeHandler(), onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = butterflyBlue[900];
+                }, onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                } }))] }));
+};
+exports.HeaderCell = HeaderCell;

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/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;AAef,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAC;AA+BjB,KAAK,aAAa,GAAG,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC3E,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,SAAS,EAgYjB,aAAa,CAAC"}

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

@@ -2,6 +2,7 @@
 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");
@@ -19,6 +20,8 @@ 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 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

@@ -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":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EACV,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,KAAK,GACL,OAAO,GACP,KAAK,GACL,KAAK,GACL,aAAa,CAAC;AAElB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,WAAW,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IACnD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC,CAAC;QACf,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;KACpD,CAAC,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,KAAK,EAAE,MAAM,CAAC,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG;IACnD,WAAW,CAAC,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EACL,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,gBAAgB,CAAC;IACrB,YAAY,CAAC,EAAE;QAAE,aAAa,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAAE,CAAC;IACrE,aAAa,CAAC,EACV,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GACjB,mBAAmB,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,YAAY,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,oBAAoB,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,MAAM,GAAG,MAAM,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC,CAAC;IACf,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACjC,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,OAAO,CAAC;IAC9C,oBAAoB,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,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,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE;QACrB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}