@ix_waterford/lib 1.0.61 → 1.0.63

package/dist/components.js

@@ -22,6 +22,7 @@ import * as __rspack_external__mui_icons_material_ExpandMore_2159128b from "@mui
 import * as __rspack_external__mui_icons_material_FilterAltOffOutlined_0d32ddab from "@mui/icons-material/FilterAltOffOutlined";
 import * as __rspack_external__mui_icons_material_KeyboardDoubleArrowLeft_6e840aa2 from "@mui/icons-material/KeyboardDoubleArrowLeft";
 import * as __rspack_external__mui_icons_material_KeyboardDoubleArrowRight_bcba5c85 from "@mui/icons-material/KeyboardDoubleArrowRight";
+import * as __rspack_external__mui_icons_material_Sort_1b5562ce from "@mui/icons-material/Sort";
 import * as __rspack_external__mui_lab_a5bcb495 from "@mui/lab";
 import * as __rspack_external__mui_material_39280ebf from "@mui/material";
 import * as __rspack_external__mui_material_CssBaseline_6a578862 from "@mui/material/CssBaseline";
@@ -169,7 +170,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775564248525
+        // 1775631508398
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -197,7 +198,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775564248526
+        // 1775631508399
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -225,7 +226,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775564248526
+        // 1775631508400
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -253,7 +254,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775564248526
+        // 1775631508399
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -1862,7 +1863,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 8,
-                        columnNumber: 179
+                        columnNumber: 174
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
                         d: "M250.76,196.12c.08.12-18.62,12.77-41.76,28.24S167,252.3,167,252.18s18.61-12.77,41.76-28.25S250.68,196,250.76,196.12Z",
@@ -1896,7 +1897,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 10,
-                        columnNumber: 170
+                        columnNumber: 165
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("polygon", {
                         points: "639.2 365.18 638.13 371.8 591.28 365.05 592.36 358.43 639.2 365.18",
@@ -2050,7 +2051,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 24,
-                        columnNumber: 180
+                        columnNumber: 175
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("rect", {
                         x: "394.17",
@@ -2062,7 +2063,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 24,
-                        columnNumber: 347
+                        columnNumber: 337
                     }, undefined)
                 ]
             }, void 0, true, {
@@ -2093,7 +2094,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 25,
-                        columnNumber: 164
+                        columnNumber: 159
                     }, undefined)
                 ]
             }, void 0, true, {
@@ -2129,7 +2130,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 26,
-                        columnNumber: 239
+                        columnNumber: 234
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
                         d: "M140.24,418.45a10.74,10.74,0,0,1-.5-10.78,14.26,14.26,0,0,1,8.6-6.91c1.67-.52,3.61-.73,5.06.24a4.58,4.58,0,0,1,1.77,4.31,9.27,9.27,0,0,1-2,4.42c-3.33,4.51-7.37,8.26-13,8.72",
@@ -2149,7 +2150,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 27,
-                        columnNumber: 231
+                        columnNumber: 226
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
                         d: "M120.49,386.83a2.34,2.34,0,0,1,.28.51c.18.4.42.9.7,1.53.61,1.33,1.46,3.26,2.49,5.65,2.06,4.79,4.82,11.45,7.7,18.87s5.33,14.19,7,19.12c.86,2.46,1.53,4.46,2,5.85.21.66.37,1.19.5,1.6a2.61,2.61,0,0,1,.15.57,2.46,2.46,0,0,1-.24-.54c-.15-.4-.34-.92-.59-1.57l-2.11-5.8c-1.79-4.89-4.29-11.65-7.16-19.06s-5.59-14.09-7.57-18.91c-1-2.37-1.77-4.3-2.34-5.71-.26-.64-.47-1.15-.63-1.56A3.49,3.49,0,0,1,120.49,386.83Z",
@@ -2169,7 +2170,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 28,
-                        columnNumber: 460
+                        columnNumber: 455
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
                         d: "M116.43,418.89a7.15,7.15,0,0,1,1.27.05,12.09,12.09,0,0,1,1.47.17c.57.11,1.24.17,1.94.37a19.41,19.41,0,0,1,2.31.64,22.91,22.91,0,0,1,2.57,1,27.8,27.8,0,0,1,5.42,3.21,27.31,27.31,0,0,1,4.48,4.44,22.49,22.49,0,0,1,1.57,2.25,21.93,21.93,0,0,1,1.18,2.09,17.4,17.4,0,0,1,.8,1.8,11.34,11.34,0,0,1,.51,1.4,6.82,6.82,0,0,1,.33,1.23c-.11,0-.59-1.72-1.94-4.28a22,22,0,0,0-1.21-2,25.32,25.32,0,0,0-1.58-2.19,26.65,26.65,0,0,0-9.74-7.52c-.87-.38-1.7-.74-2.51-1a21.87,21.87,0,0,0-2.27-.69C118.23,419.09,116.42,419,116.43,418.89Z",
@@ -2185,7 +2186,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                 lineNumber: 26,
-                columnNumber: 206
+                columnNumber: 201
             }, undefined),
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("g", {
                 id: "freepik--Folder--inject-4",
@@ -2198,7 +2199,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                         lineNumber: 29,
-                        columnNumber: 611
+                        columnNumber: 606
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("g", {
                         style: {
@@ -2261,7 +2262,7 @@ const NoDataTableIcon = ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_impor
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/svg/noDataTableIcon.tsx",
                 lineNumber: 29,
-                columnNumber: 577
+                columnNumber: 572
             }, undefined)
         ]
     }, void 0, true, {
@@ -7370,7 +7371,6 @@ const TblHeader = (props)=>{
         getRowId
     ]);
     const allSelected = allRowIds.length > 0 && allRowIds.every((id)=>selectedRows.includes(id));
-    const someSelected = selectedRows.length > 0 && selectedRows.some((id)=>allRowIds.includes(id));
     const onSelectAll = ()=>{
         if (allSelected) {
             handleSelectRows([]);
@@ -7388,18 +7388,17 @@ const TblHeader = (props)=>{
                     padding: "checkbox",
                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_checkBox__rspack_import_5["default"], {
                         checked: allSelected,
-                        indeterminate: someSelected && !allSelected,
                         onChange: ()=>{
                             onSelectAll();
                         }
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-                        lineNumber: 75,
+                        lineNumber: 74,
                         columnNumber: 25
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-                    lineNumber: 74,
+                    lineNumber: 73,
                     columnNumber: 21
                 }, undefined),
                 headers.filter((col)=>col.visible).map((col, index)=>{
@@ -7418,24 +7417,24 @@ const TblHeader = (props)=>{
                             handleSort: handleSort
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-                            lineNumber: 99,
+                            lineNumber: 97,
                             columnNumber: 33
                         }, undefined)
                     }, col.field || index, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-                        lineNumber: 91,
+                        lineNumber: 89,
                         columnNumber: 29
                     }, undefined);
                 })
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-            lineNumber: 72,
+            lineNumber: 71,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-        lineNumber: 71,
+        lineNumber: 70,
         columnNumber: 9
     }, undefined);
 };
@@ -10774,12 +10773,15 @@ __webpack_require__.d(__webpack_exports__, {
 });
 /* import */ var react_jsx_dev_runtime__rspack_import_0 = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
 /* import */ var react__rspack_import_1 = __webpack_require__("react");
-/* import */ var _mui_material__rspack_import_2 = __webpack_require__("@mui/material");
-/* import */ var _constants__rspack_import_3 = __webpack_require__("./src/components/viewHeader/constants.ts");
-/* import */ var _popoverStyle__rspack_import_7 = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
-/* import */ var _constants_viewHeaderConstants__rspack_import_5 = __webpack_require__("./src/constants/viewHeaderConstants.ts");
-/* import */ var _popOver__rspack_import_4 = __webpack_require__("./src/components/popOver/popOver.tsx");
-/* import */ var _typography__rspack_import_6 = __webpack_require__("./src/components/typography/typography.tsx");
+/* import */ var _mui_icons_material_Sort__rspack_import_2 = __webpack_require__("@mui/icons-material/Sort");
+/* import */ var _mui_material__rspack_import_3 = __webpack_require__("@mui/material");
+/* import */ var _constants__rspack_import_4 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _popoverStyle__rspack_import_10 = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
+/* import */ var _constants_viewHeaderConstants__rspack_import_6 = __webpack_require__("./src/constants/viewHeaderConstants.ts");
+/* import */ var _iconButton__rspack_import_9 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _popOver__rspack_import_5 = __webpack_require__("./src/components/popOver/popOver.tsx");
+/* import */ var _toolTip__rspack_import_8 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _typography__rspack_import_7 = __webpack_require__("./src/components/typography/typography.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -10790,6 +10792,9 @@ var _s = $RefreshSig$();
 
 
 
+
+
+
 const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_c = _s((param)=>{
     let { open = null, setOpen = ()=>{}, headers = [], handleClick = ()=>{}, className = '' } = param;
     _s();
@@ -10799,37 +10804,97 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
         setOpen
     ]);
     const handleOptionChange = (0,react__rspack_import_1.useCallback)((tmpHeaders)=>{
-        handleClick(_constants__rspack_import_3.ACTION_TYPES.COLUMN_SETTINGS, {
+        handleClick(_constants__rspack_import_4.ACTION_TYPES.COLUMN_SETTINGS, {
             headers: tmpHeaders
         });
     }, [
         handleClick
     ]);
+    const [sortAscending, setSortAscending] = (0,react__rspack_import_1.useState)(true);
+    const toggleSortOrder = (0,react__rspack_import_1.useCallback)(()=>{
+        setSortAscending((prev)=>!prev);
+    }, []);
+    const displayHeaders = (0,react__rspack_import_1.useMemo)(()=>{
+        const copy = [
+            ...headers
+        ];
+        copy.sort((a, b)=>{
+            const labelA = a.label.toLocaleLowerCase();
+            const labelB = b.label.toLocaleLowerCase();
+            const cmp = labelA.localeCompare(labelB, undefined, {
+                sensitivity: 'base'
+            });
+            return sortAscending ? cmp : -cmp;
+        });
+        return copy;
+    }, [
+        headers,
+        sortAscending
+    ]);
     const allChecked = headers.every((column)=>column.visible);
-    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_popOver__rspack_import_4["default"], {
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_popOver__rspack_import_5["default"], {
         open: Boolean(open),
         anchorEl: open,
         onClose: handleClose,
-        anchorOrigin: _constants_viewHeaderConstants__rspack_import_5.POPOVER_ANCHOR_ORIGIN,
-        transformOrigin: _constants_viewHeaderConstants__rspack_import_5.POPOVER_TRANSFORM_ORIGIN,
+        anchorOrigin: _constants_viewHeaderConstants__rspack_import_6.POPOVER_ANCHOR_ORIGIN,
+        transformOrigin: _constants_viewHeaderConstants__rspack_import_6.POPOVER_TRANSFORM_ORIGIN,
         className: className,
-        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
+        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.Grid, {
             className: "column-settings-grid",
             children: [
-                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_6["default"], {
-                    variant: "body1",
-                    className: "column-settings-title",
-                    children: "COLUMN SETTINGS"
-                }, void 0, false, {
+                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.Grid, {
+                    container: true,
+                    className: "column-settings-title-row",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    wrap: "nowrap",
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_7["default"], {
+                            variant: "body1",
+                            className: "column-settings-title",
+                            children: "COLUMN SETTINGS"
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
+                            lineNumber: 76,
+                            columnNumber: 21
+                        }, undefined),
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_8["default"], {
+                            arrow: true,
+                            title: "Sort A–Z / Z–A",
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_9["default"], {
+                                size: "small",
+                                onClick: toggleSortOrder,
+                                ariaLabel: "Sort columns A to Z or Z to A",
+                                className: "column-settings-sort-button",
+                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_Sort__rspack_import_2["default"], {
+                                    fontSize: "small",
+                                    className: "column-settings-sort-icon"
+                                }, void 0, false, {
+                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
+                                    lineNumber: 84,
+                                    columnNumber: 29
+                                }, undefined)
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
+                                lineNumber: 78,
+                                columnNumber: 25
+                            }, undefined)
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
+                            lineNumber: 77,
+                            columnNumber: 21
+                        }, undefined)
+                    ]
+                }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                    lineNumber: 55,
+                    lineNumber: 75,
                     columnNumber: 17
                 }, undefined),
-                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.FormGroup, {
+                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormGroup, {
                     children: [
-                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.FormControlLabel, {
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormControlLabel, {
                             className: "column-settings-label",
-                            control: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Checkbox, {
+                            control: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.Checkbox, {
                                 checked: allChecked,
                                 onChange: ()=>{
                                     const tmpHeaders = [
@@ -10843,18 +10908,18 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                                 }
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                lineNumber: 61,
+                                lineNumber: 93,
                                 columnNumber: 29
                             }, undefined),
                             label: "Select All"
                         }, "select-all", false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 57,
+                            lineNumber: 89,
                             columnNumber: 21
                         }, undefined),
-                        headers.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.FormControlLabel, {
+                        displayHeaders.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormControlLabel, {
                                 className: "column-settings-label",
-                                control: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Checkbox, {
+                                control: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.Checkbox, {
                                     checked: item.visible || false,
                                     onChange: ()=>{
                                         const tmpHeaders = [
@@ -10869,36 +10934,36 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                                     disabled: item.disabled === true
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                    lineNumber: 77,
+                                    lineNumber: 109,
                                     columnNumber: 33
                                 }, undefined),
                                 label: item.label
                             }, item.field, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                lineNumber: 73,
+                                lineNumber: 105,
                                 columnNumber: 25
                             }, undefined))
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                    lineNumber: 56,
+                    lineNumber: 88,
                     columnNumber: 17
                 }, undefined)
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-            lineNumber: 54,
+            lineNumber: 74,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-        lineNumber: 46,
+        lineNumber: 66,
         columnNumber: 9
     }, undefined);
-}, "KM/+kH6yPX3DlSLK/RaXgy47t6Q=")), "KM/+kH6yPX3DlSLK/RaXgy47t6Q=");
+}, "U7CaePGf/HcZO4S7uP4qu5I2FIE=")), "U7CaePGf/HcZO4S7uP4qu5I2FIE=");
 _c1 = ColumnSettingsPopover;
 ColumnSettingsPopover.displayName = 'ColumnSettingsPopover';
-/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_2.styled)(ColumnSettingsPopover)(_popoverStyle__rspack_import_7.PopoverStyle));
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_3.styled)(ColumnSettingsPopover)(_popoverStyle__rspack_import_10.PopoverStyle));
 var _c, _c1;
 $RefreshReg$(_c, "ColumnSettingsPopover$memo");
 $RefreshReg$(_c1, "ColumnSettingsPopover");
@@ -11535,10 +11600,19 @@ const PopoverStyle = (param)=>{
             maxHeight: '475px',
             padding: theme.spacing(2)
         },
+        '& .column-settings-title-row': {
+            paddingBottom: theme.spacing(1)
+        },
         '& .column-settings-title': {
             fontSize: '14px',
-            fontWeight: 600,
-            paddingBottom: theme.spacing(1)
+            fontWeight: 600
+        },
+        '& .column-settings-sort-button': {
+            padding: theme.spacing(0.5)
+        },
+        '& .column-settings-sort-icon': {
+            color: '#9FA5D2',
+            fontSize: '1.25rem'
         },
         '& .column-settings-label': {
             marginRight: 0
@@ -12090,6 +12164,12 @@ module.exports = __rspack_external__mui_icons_material_KeyboardDoubleArrowLeft_6
 module.exports = __rspack_external__mui_icons_material_KeyboardDoubleArrowRight_bcba5c85;
 
 
+},
+"@mui/icons-material/Sort"(module) {
+
+module.exports = __rspack_external__mui_icons_material_Sort_1b5562ce;
+
+
 },
 "@mui/lab"(module) {