labsense-ui-kit 1.1.62 → 1.1.64

package/dist/index.modern.js

@@ -6783,7 +6783,7 @@ var TableRow = function TableRow(_ref) {
   }));
 };
 
-var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9;
+var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9, _templateObject6$7;
 var TableContainer = styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  border-radius: 8px;\n"])), colorVariables.brand.light);
 var TableHeader = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  display: flex;\n  background: ", ";\n  color: ", ";\n  min-height: 36px;\n  align-items: center;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  padding: 9px 12px;\n"])), function (props) {
   return props.$hbcolor || 'transparent';
@@ -6791,15 +6791,19 @@ var TableHeader = styled.div(_templateObject2$k || (_templateObject2$k = _tagged
   return props.$tcolor || 'white';
 });
 var TableContent = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  svg {\n    cursor: pointer;\n  }\n"])));
-var TableData = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  overflow: auto;\n  scrollbar-width: thin;\n  height: 100%;\n  max-height: calc(100% - 36px);\n"])));
-var Divider = styled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  height: 2px;\n  background: ", ";\n"])), colorVariables.border.extraLight);
-var Table = function Table(_ref) {
-  var tableObject = _ref.tableObject,
-    _ref$filter = _ref.filter,
-    filter = _ref$filter === void 0 ? false : _ref$filter,
-    loading = _ref.loading,
-    _ref$noDataText = _ref.noDataText,
-    noDataText = _ref$noDataText === void 0 ? 'No Data Found!' : _ref$noDataText;
+var TableData = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  overflow: auto;\n  scrollbar-width: thin;\n  height: 100%;\n  : ;\n  max-height: ", ";\n\n"])), function (_ref) {
+  var $isLegends = _ref.$isLegends;
+  return $isLegends ? 'calc(100% - 56px)' : 'calc(100% - 36px)';
+});
+var LegendDivider = styled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 1px;\n  background: ", ";\n"])), colorVariables.border.extraLight);
+var Divider = styled.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  height: 2px;\n  background: ", ";\n"])), colorVariables.border.extraLight);
+var Table = function Table(_ref2) {
+  var tableObject = _ref2.tableObject,
+    _ref2$filter = _ref2.filter,
+    filter = _ref2$filter === void 0 ? false : _ref2$filter,
+    loading = _ref2.loading,
+    _ref2$noDataText = _ref2.noDataText,
+    noDataText = _ref2$noDataText === void 0 ? 'No Data Found!' : _ref2$noDataText;
   var rowconfig = tableObject.rowconfig,
     tableheaderconfig = tableObject.tableheaderconfig;
   var _useState = useState(new Set()),
@@ -6876,15 +6880,7 @@ var Table = function Table(_ref) {
       "$fontWeight": '400',
       "$width": 'max-content',
       "$lineHeight": 'normal'
-    }, currentLegend), React.createElement(Container, {
-      "$flex": '1',
-      "$height": '1px',
-      "$background": colorVariables.border.extraLight
-    })) : React.createElement(Container, {
-      "$flex": '1',
-      "$height": '1px',
-      "$background": colorVariables.border.extraLight
-    })) : null), React.createElement(TableCell, {
+    }, currentLegend), React.createElement(LegendDivider, null)) : React.createElement(LegendDivider, null)) : null), React.createElement(TableCell, {
       maintext: (_columndata$maintext = columndata.maintext) != null ? _columndata$maintext : '',
       width: columndata.width,
       alignment: columndata.alignment
@@ -6901,9 +6897,13 @@ var Table = function Table(_ref) {
     "$alignItems": 'center',
     "$padding": '24px 24px',
     "$justifyContent": 'center'
-  }, React.createElement(Span, null, noDataText)) : filter ? React.createElement(TableData, null, Object.entries(roleGroups).map(function (_ref2) {
-    var role = _ref2[0],
-      rows = _ref2[1];
+  }, React.createElement(Span, null, noDataText)) : filter ? React.createElement(TableData, {
+    "$isLegends": tableheaderconfig.headerdata.some(function (col) {
+      return !!col.legend;
+    })
+  }, Object.entries(roleGroups).map(function (_ref3) {
+    var role = _ref3[0],
+      rows = _ref3[1];
     return React.createElement(React.Fragment, {
       key: role
     }, React.createElement(Container, {
@@ -6933,7 +6933,11 @@ var Table = function Table(_ref) {
         tableheaderconfig: tableheaderconfig
       }), rows.length > 1 && index < rows.length - 1 && React.createElement(Divider, null));
     }));
-  })) : React.createElement(TableData, null, filteredRows.map(function (row, index) {
+  })) : React.createElement(TableData, {
+    "$isLegends": tableheaderconfig.headerdata.some(function (col) {
+      return !!col.legend;
+    })
+  }, filteredRows.map(function (row, index) {
     return React.createElement(React.Fragment, {
       key: index
     }, React.createElement(TableRow, {