labsense-ui-kit 1.4.50 → 1.4.51

package/dist/Table/index.d.ts

@@ -10,6 +10,9 @@ interface HeaderCellConfig {
     alignment?: string;
     CustomFunction?: React.ReactElement;
     groupTitle?: string;
+    sortable?: boolean;
+    sortDirection?: 'asc' | 'desc';
+    onSortClick?: () => void;
 }
 interface HeaderConfig {
     headercolor?: string;

package/dist/index.js

@@ -13261,7 +13261,7 @@ var Table = function Table(_ref9) {
     onChange: toggleSelectAll,
     "$borderSize": 2
   })), tableheaderconfig.headerdata.map(function (columndata, index, allCols) {
-    var _allCols, _columndata$maintext;
+    var _allCols, _columndata$maintext, _columndata$maintext2;
     var currentGroupTitle = columndata.groupTitle || '';
     var prevGroupTitle = index > 0 ? allCols[index - 1].groupTitle || '' : '';
     var isFirstOfGroup = currentGroupTitle && currentGroupTitle !== prevGroupTitle;
@@ -13289,8 +13289,23 @@ var Table = function Table(_ref9) {
       "$lineHeight": 'normal'
     }, currentGroupTitle), React__default.createElement(LegendDivider, null)) : React__default.createElement(LegendDivider, {
       "$marginRight": currentGroupTitle !== (((_allCols = allCols[index + 1]) === null || _allCols === void 0 ? void 0 : _allCols.groupTitle) || '') ? '8px' : '0px'
-    })) : null), React__default.createElement(TableCell, {
+    })) : null), columndata.sortable ? React__default.createElement(Container, {
+      "$width": '100%',
+      "$alignItems": 'center',
+      "$gap": '6px',
+      "$cursor": 'pointer',
+      "$justifyContent": columndata.alignment === 'end' ? 'flex-end' : columndata.alignment === 'center' ? 'center' : 'flex-start',
+      onClick: columndata.onSortClick
+    }, React__default.createElement(TableCell, {
       maintext: (_columndata$maintext = columndata.maintext) != null ? _columndata$maintext : '',
+      alignment: columndata.alignment
+    }), React__default.createElement(Icon, {
+      icon: columndata.sortDirection === 'desc' ? 'ArrowDown' : 'ArrowUp',
+      size: 10,
+      color: 'currentColor',
+      cursor: 'pointer'
+    })) : React__default.createElement(TableCell, {
+      maintext: (_columndata$maintext2 = columndata.maintext) != null ? _columndata$maintext2 : '',
       width: columndata.width,
       minWidth: columndata.minWidth,
       maxWidth: columndata.maxWidth,