labsense-ui-kit 1.1.64 → 1.1.66

package/dist/Table/Table.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { TableProps } from './index';
-declare const Table: React.FC<{
+interface TableInterface {
     tableObject: TableProps;
     filter?: boolean;
     loading?: boolean;
     noDataText?: string;
-}>;
+}
+declare const Table: React.FC<TableInterface>;
 export default Table;

package/dist/Table/TableRow.d.ts

@@ -3,6 +3,7 @@ import { HeaderConfig, RowConfig } from '.';
 interface TableRowProps {
     tableheaderconfig: HeaderConfig;
     rowconfig: RowConfig[];
+    selectCallback?: (checked: boolean, id?: string | number) => void;
 }
 declare const TableRow: React.FC<TableRowProps>;
 export default TableRow;

package/dist/Table/index.d.ts

@@ -7,14 +7,12 @@ interface HeaderCellConfig {
     maintext?: string;
     alignment?: string;
     CustomFunction?: React.ReactElement;
-    legend?: string;
+    groupTitle?: string;
 }
 interface HeaderConfig {
     headercolor?: string;
     textcolor?: string;
     isAllSelectable?: boolean;
-    selectrowCallback?: (checked: boolean, id?: string | number) => void;
-    toggleAllCallback?: (checked: boolean) => void;
     headerdata: HeaderCellConfig[];
 }
 interface TableCellProps {
@@ -35,6 +33,7 @@ interface TableCellProps {
     minHeight?: string;
 }
 interface RowConfig {
+    id: string | number;
     _checked?: boolean;
     _selectable?: boolean;
     rowData: TableCellProps[];
@@ -42,6 +41,8 @@ interface RowConfig {
 interface TableProps {
     tableheaderconfig: HeaderConfig;
     rowconfig: RowConfig[];
+    selectCallback?: (checked: boolean, id?: string | number) => void;
+    toggleAllCallback?: (checked: boolean) => void;
 }
 export type { TableProps, RowConfig, TableCellProps, HeaderCellConfig, HeaderConfig };
 export { TableCell, Table, TableRow };

package/dist/index.js

@@ -6741,15 +6741,19 @@ var TableCell = function TableCell(_ref2) {
 };
 
 var _templateObject$o;
-var TableRowContainer = styled.styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  background: inherit;\n  align-items:center;\n  padding: 16px 12px;\n  width: 100%;\n"])));
+var TableRowContainer = styled.styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  background: inherit;\n  align-items: center;\n  padding: 16px 12px;\n  width: 100%;\n"])));
 var TableRow = function TableRow(_ref) {
   var rowconfig = _ref.rowconfig,
-    tableheaderconfig = _ref.tableheaderconfig;
+    tableheaderconfig = _ref.tableheaderconfig,
+    selectCallback = _ref.selectCallback;
   var toggleChecked = function toggleChecked(index) {
-    rowconfig[index]._checked = !rowconfig[index]._checked;
+    var currentRow = rowconfig[index];
+    var newChecked = !currentRow._checked;
+    if (selectCallback && currentRow.id !== undefined) {
+      selectCallback(newChecked, currentRow.id);
+    }
   };
   return React__default.createElement(Container, null, rowconfig.map(function (data, Index) {
-    var _rowconfig$Index;
     return React__default.createElement(TableRowContainer, {
       key: Index
     }, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
@@ -6758,12 +6762,12 @@ var TableRow = function TableRow(_ref) {
     }, React__default.createElement(StyledCheckBox, {
       type: 'checkbox',
       "$checkboxSize": 13.5,
-      checked: rowconfig[Index]._checked,
-      "$checked": rowconfig[Index]._checked,
+      checked: data._checked,
+      "$checked": data._checked,
       onChange: function onChange() {
         return toggleChecked(Index);
       },
-      disabled: (_rowconfig$Index = rowconfig[Index]) === null || _rowconfig$Index === void 0 ? void 0 : _rowconfig$Index._selectable,
+      disabled: data === null || data === void 0 ? void 0 : data._selectable,
       "$borderSize": 2
     })), data.rowData.map(function (cellData, cellkey) {
       var _tableheaderconfig$he;
@@ -6799,7 +6803,7 @@ var TableData = styled__default.div(_templateObject4$b || (_templateObject4$b =
   var $isLegends = _ref.$isLegends;
   return $isLegends ? 'calc(100% - 56px)' : 'calc(100% - 36px)';
 });
-var LegendDivider = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 1px;\n  background: ", ";\n"])), colorVariables.border.extraLight);
+var LegendDivider = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 2px;\n  background: ", ";\n"])), colorVariables.border.extraLight);
 var Divider = styled__default.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  height: 2px;\n  background: ", ";\n"])), colorVariables.border.extraLight);
 var Table = function Table(_ref2) {
   var tableObject = _ref2.tableObject,
@@ -6841,14 +6845,19 @@ var Table = function Table(_ref2) {
     });
   };
   var toggleSelectAll = function toggleSelectAll() {
+    var _tableObject$toggleAl;
     var newState = !isAllSelected;
-    setIsAllSelected(newState);
-    tableObject.rowconfig.forEach(function (row) {
-      row._checked = newState;
-    });
+    (_tableObject$toggleAl = tableObject.toggleAllCallback) === null || _tableObject$toggleAl === void 0 ? void 0 : _tableObject$toggleAl.call(tableObject, newState);
   };
   React.useEffect(function () {
-    setIsAllSelected(false);
+    if (!(rowconfig !== null && rowconfig !== void 0 && rowconfig.length)) {
+      setIsAllSelected(false);
+      return;
+    }
+    var allChecked = rowconfig.every(function (row) {
+      return row._checked;
+    });
+    setIsAllSelected(allChecked);
   }, [rowconfig]);
   return React__default.createElement(TableContainer, null, React__default.createElement(TableContent, null, React__default.createElement(TableHeader, {
     "$hbcolor": tableheaderconfig.headercolor,
@@ -6865,17 +6874,17 @@ var Table = function Table(_ref2) {
     "$borderSize": 2
   })), tableheaderconfig.headerdata.map(function (columndata, index, allCols) {
     var _columndata$maintext;
-    var currentLegend = columndata.legend || '';
-    var prevLegend = index > 0 ? allCols[index - 1].legend || '' : '';
-    var isFirstOfGroup = currentLegend && currentLegend !== prevLegend;
-    var isInLegendGroup = !!currentLegend;
+    var currentGroupTitle = columndata.groupTitle || '';
+    var prevGroupTitle = index > 0 ? allCols[index - 1].groupTitle || '' : '';
+    var isFirstOfGroup = currentGroupTitle && currentGroupTitle !== prevGroupTitle;
+    var isInLegendGroup = !!currentGroupTitle;
     return React__default.createElement(Container, {
       key: index,
       "$flexDirection": 'column',
       "$width": columndata.width || '100px',
       "$gap": '8px'
     }, tableheaderconfig.headerdata.some(function (col) {
-      return !!col.legend;
+      return !!col.groupTitle;
     }) && React__default.createElement(Container, {
       "$alignItems": 'center',
       "$height": '16px'
@@ -6884,7 +6893,7 @@ var Table = function Table(_ref2) {
       "$fontWeight": '400',
       "$width": 'max-content',
       "$lineHeight": 'normal'
-    }, currentLegend), React__default.createElement(LegendDivider, null)) : React__default.createElement(LegendDivider, null)) : null), React__default.createElement(TableCell, {
+    }, currentGroupTitle), React__default.createElement(LegendDivider, null)) : React__default.createElement(LegendDivider, null)) : null), React__default.createElement(TableCell, {
       maintext: (_columndata$maintext = columndata.maintext) != null ? _columndata$maintext : '',
       width: columndata.width,
       alignment: columndata.alignment
@@ -6903,7 +6912,7 @@ var Table = function Table(_ref2) {
     "$justifyContent": 'center'
   }, React__default.createElement(Span, null, noDataText)) : filter ? React__default.createElement(TableData, {
     "$isLegends": tableheaderconfig.headerdata.some(function (col) {
-      return !!col.legend;
+      return !!col.groupTitle;
     })
   }, Object.entries(roleGroups).map(function (_ref3) {
     var role = _ref3[0],
@@ -6934,19 +6943,21 @@ var Table = function Table(_ref2) {
         "$flexDirection": 'column'
       }, React__default.createElement(TableRow, {
         rowconfig: [row],
-        tableheaderconfig: tableheaderconfig
+        tableheaderconfig: tableheaderconfig,
+        selectCallback: tableObject.selectCallback
       }), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider, null));
     }));
   })) : React__default.createElement(TableData, {
     "$isLegends": tableheaderconfig.headerdata.some(function (col) {
-      return !!col.legend;
+      return !!col.groupTitle;
     })
   }, filteredRows.map(function (row, index) {
     return React__default.createElement(React__default.Fragment, {
       key: index
     }, React__default.createElement(TableRow, {
       rowconfig: [row],
-      tableheaderconfig: tableheaderconfig
+      tableheaderconfig: tableheaderconfig,
+      selectCallback: tableObject.selectCallback
     }), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider, null));
   }))));
 };