labsense-ui-kit 1.1.67 → 1.1.69

package/dist/Tabs/Tabs.d.ts

@@ -19,6 +19,10 @@ interface TabProps {
     gap?: string;
     overflow?: string;
     bordeBottom?: string;
+    tabRightNode?: {
+        gap: string;
+        node: React.ReactNode;
+    };
 }
 declare const Tabs: React.FC<TabProps>;
 export default Tabs;

package/dist/index.js

@@ -6833,15 +6833,18 @@ 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: 2px;\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  margin-right: ", ";\n"])), colorVariables.border.extraLight, function (_ref2) {
+  var $marginRight = _ref2.$marginRight;
+  return $marginRight != null ? $marginRight : '0px';
+});
 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,
-    _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 Table = function Table(_ref3) {
+  var tableObject = _ref3.tableObject,
+    _ref3$filter = _ref3.filter,
+    filter = _ref3$filter === void 0 ? false : _ref3$filter,
+    loading = _ref3.loading,
+    _ref3$noDataText = _ref3.noDataText,
+    noDataText = _ref3$noDataText === void 0 ? 'No Data Found!' : _ref3$noDataText;
   var rowconfig = tableObject.rowconfig,
     tableheaderconfig = tableObject.tableheaderconfig;
   var _useState = React.useState(new Set()),
@@ -6903,7 +6906,7 @@ var Table = function Table(_ref2) {
     onChange: toggleSelectAll,
     "$borderSize": 2
   })), tableheaderconfig.headerdata.map(function (columndata, index, allCols) {
-    var _columndata$maintext;
+    var _allCols, _columndata$maintext;
     var currentGroupTitle = columndata.groupTitle || '';
     var prevGroupTitle = index > 0 ? allCols[index - 1].groupTitle || '' : '';
     var isFirstOfGroup = currentGroupTitle && currentGroupTitle !== prevGroupTitle;
@@ -6918,12 +6921,20 @@ var Table = function Table(_ref2) {
     }) && React__default.createElement(Container, {
       "$alignItems": 'center',
       "$height": '16px'
-    }, isInLegendGroup ? React__default.createElement(Container, null, isFirstOfGroup ? React__default.createElement(Container, null, React__default.createElement(Span, {
+    }, isInLegendGroup ? React__default.createElement(Container, {
+      "$width": '100%'
+    }, isFirstOfGroup ? React__default.createElement(Container, {
+      "$width": '100%',
+      "$alignItems": 'center',
+      "$gap": '4px'
+    }, React__default.createElement(Span, {
       "$fontSize": '12px',
       "$fontWeight": '400',
       "$width": 'max-content',
       "$lineHeight": 'normal'
-    }, currentGroupTitle), 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, {
+      "$marginRight": currentGroupTitle !== (((_allCols = allCols[index + 1]) === null || _allCols === void 0 ? void 0 : _allCols.groupTitle) || '') ? '8px' : '0px'
+    })) : null), React__default.createElement(TableCell, {
       maintext: (_columndata$maintext = columndata.maintext) != null ? _columndata$maintext : '',
       width: columndata.width,
       alignment: columndata.alignment
@@ -6944,9 +6955,9 @@ var Table = function Table(_ref2) {
     "$isLegends": tableheaderconfig.headerdata.some(function (col) {
       return !!col.groupTitle;
     })
-  }, Object.entries(roleGroups).map(function (_ref3) {
-    var role = _ref3[0],
-      rows = _ref3[1];
+  }, Object.entries(roleGroups).map(function (_ref4) {
+    var role = _ref4[0],
+      rows = _ref4[1];
     return React__default.createElement(React__default.Fragment, {
       key: role
     }, React__default.createElement(Container, {
@@ -6992,7 +7003,7 @@ var Table = function Table(_ref2) {
   }))));
 };
 
-var _templateObject$q, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$a;
+var _templateObject$q, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$8;
 var Container$4 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;   \n  display: flex;\n  flex-direction: column;\n  overflow: ", ";\n  gap: ", ";\n  border: ", ";\n  border-radius: 8px;\n"])), function (_ref) {
   var $overflow = _ref.$overflow;
   return $overflow || 'visible';
@@ -7003,7 +7014,7 @@ var Container$4 = styled__default.div(_templateObject$q || (_templateObject$q =
   var $border = _ref3.$border;
   return $border;
 });
-var FirstContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  font-family: NotoSans, sans-serif;\n  font-size: 16px;\n  gap: 24px;\n  border-bottom: ", ";\n  padding: ", ";\n"])), function (_ref4) {
+var FirstContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  font-family: NotoSans, sans-serif;\n  font-size: 16px;\n  gap: 24px;\n  border-bottom: ", ";\n  padding: ", ";\n  justify-content: space-between;\n  align-items: center;\n  height: max-content;\n"])), function (_ref4) {
   var $bordeBottom = _ref4.$bordeBottom;
   return $bordeBottom != null ? $bordeBottom : "1px solid " + colorVariables.border.light;
 }, function (_ref5) {
@@ -7029,9 +7040,10 @@ var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObjec
 }, function (props) {
   return props.$active ? 'block' : 'none';
 }, colorVariables["default"].primary);
-var DetailsFirstContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 500;\n  font-family: NotoSans, sans-serif;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (props) {
+var DetailsFirstContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 500;\n  font-family: NotoSans, sans-serif;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n  white-space: nowrap;\n"])), function (props) {
   return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
 });
+var TabItemsWrapper = styled__default.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  // overflow-x: auto;\n  scrollbar-width: thin;\n"])));
 var Tabs = function Tabs(_ref11) {
   var tabItems = _ref11.tabItems,
     _ref11$disabled = _ref11.disabled,
@@ -7043,7 +7055,8 @@ var Tabs = function Tabs(_ref11) {
     _ref11$gap = _ref11.gap,
     gap = _ref11$gap === void 0 ? '24px' : _ref11$gap,
     overflow = _ref11.overflow,
-    bordeBottom = _ref11.bordeBottom;
+    bordeBottom = _ref11.bordeBottom,
+    tabRightNode = _ref11.tabRightNode;
   return React__default.createElement(Container$4, {
     "$gap": gap,
     "$border": border,
@@ -7051,7 +7064,7 @@ var Tabs = function Tabs(_ref11) {
   }, React__default.createElement(FirstContainer, {
     "$headerPadding": headerPadding,
     "$bordeBottom": bordeBottom
-  }, tabItems.map(function (tab, index) {
+  }, React__default.createElement(TabItemsWrapper, null, tabItems.map(function (tab, index) {
     return React__default.createElement(TabContainer, {
       key: index,
       onClick: function onClick() {
@@ -7070,7 +7083,7 @@ var Tabs = function Tabs(_ref11) {
     }), React__default.createElement(DetailsFirstContainer, {
       "$active": activeTab === tab.title
     }, tab.title)));
-  })), tabItems.map(function (tab, index) {
+  })), tabRightNode === null || tabRightNode === void 0 ? void 0 : tabRightNode.node), tabItems.map(function (tab, index) {
     return activeTab === tab.title && React__default.createElement(Container$4, {
       key: index,
       "$overflow": overflow