labsense-ui-kit 1.3.47 → 1.3.49

package/dist/Table/TableRow.d.ts

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

package/dist/Table/index.d.ts

@@ -39,6 +39,7 @@ interface RowConfig {
     id: string | number;
     _checked?: boolean;
     _selectable?: boolean;
+    enableRowHover?: boolean;
     rowData: TableCellProps[];
 }
 interface TableProps {

package/dist/index.js

@@ -8069,7 +8069,8 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref31) {
       icon: 'Close',
       size: (removeIcon === null || removeIcon === void 0 ? void 0 : removeIcon.size) || 6,
       color: removeIcon !== null && removeIcon !== void 0 && removeIcon.color || type === 'remove' ? themeColors.vms["default"].error : themeColors.vms.brand.primary,
-      weight: (removeIcon === null || removeIcon === void 0 ? void 0 : removeIcon.weight) || '0'
+      weight: (removeIcon === null || removeIcon === void 0 ? void 0 : removeIcon.weight) || '0',
+      cursor: disabled ? 'not-allowed' : 'pointer'
     })));
   })) : React__default.createElement(TextWrapper, null, icon && React__default.createElement(Icon, {
     icon: icon.name || 'Tag',
@@ -8500,7 +8501,7 @@ var SelectOption = function SelectOption(_ref37) {
     size: icon.size || 14,
     weight: icon.weight || '1px',
     color: icon.color || themeColors.vms.text.medium,
-    cursor: 'pointer'
+    cursor: disabled ? 'not-allowed' : 'pointer'
   }), loading ? React__default.createElement(LabelText$1, {
     "$fontStyle": 'italic',
     "$disabled": true,
@@ -10451,11 +10452,17 @@ var TableCell = function TableCell(_ref2) {
 };
 
 var _templateObject$p;
-var TableRowContainer = styled.styled.div(_templateObject$p || (_templateObject$p = _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,
-    selectCallback = _ref.selectCallback;
+var TableRowContainer = styled.styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  padding: 16px 12px;\n  width: 100%;\n  transition: background-color 0.2s ease;\n\n  background-color: transparent;\n\n  ", "\n"])), function (_ref) {
+  var $hover = _ref.$hover,
+    theme = _ref.theme;
+  return $hover && "\n      &:hover {\n        background-color: " + theme.vms.accent.light_1 + ";\n        cursor: pointer;\n      }\n    ";
+});
+var TableRow = function TableRow(_ref2) {
+  var rowconfig = _ref2.rowconfig,
+    tableheaderconfig = _ref2.tableheaderconfig,
+    selectCallback = _ref2.selectCallback,
+    _ref2$enableRowHover = _ref2.enableRowHover,
+    enableRowHover = _ref2$enableRowHover === void 0 ? false : _ref2$enableRowHover;
   var toggleChecked = function toggleChecked(index) {
     var currentRow = rowconfig[index];
     var newChecked = !currentRow._checked;
@@ -10465,7 +10472,8 @@ var TableRow = function TableRow(_ref) {
   };
   return React__default.createElement(Container, null, rowconfig.map(function (data, Index) {
     return React__default.createElement(TableRowContainer, {
-      key: Index
+      key: Index,
+      "$hover": enableRowHover
     }, tableheaderconfig.isAllSelectable && React__default.createElement(Container, {
       "$padding": '0px 16px 0px 0px',
       "$alignItems": 'center'
@@ -10729,7 +10737,8 @@ var Table = function Table(_ref9) {
       }, React__default.createElement(TableRow, {
         rowconfig: [row],
         tableheaderconfig: tableheaderconfig,
-        selectCallback: tableObject.selectCallback
+        selectCallback: tableObject.selectCallback,
+        enableRowHover: row.enableRowHover
       }), rows.length > 1 && index < rows.length - 1 && React__default.createElement(Divider, null));
     }));
   })) : React__default.createElement(TableData, {
@@ -10743,7 +10752,8 @@ var Table = function Table(_ref9) {
     }, React__default.createElement(TableRow, {
       rowconfig: [row],
       tableheaderconfig: tableheaderconfig,
-      selectCallback: tableObject.selectCallback
+      selectCallback: tableObject.selectCallback,
+      enableRowHover: row.enableRowHover
     }), filteredRows.length > 1 && index < filteredRows.length - 1 && React__default.createElement(Divider, null));
   })));
 };