@eturnity/eturnity_reusable_components 7.24.3-EPDM-7509.2 → 7.24.3-EPDM-7509.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.24.3-EPDM-7509.2",
+  "version": "7.24.3-EPDM-7509.3",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tables/mainTable/index.vue

@@ -19,7 +19,7 @@
           :cellPaddings="cellPaddings"
           :tableCursor="tableCursor"
           @mouseover="setHovers($event)"
-          @mouseleave="setHovers($event)"
+          @mouseleave="removeHoverClass"
         >
           <slot />
         </table-container>
@@ -123,8 +123,8 @@ const TableContainer = styled('table', containerAttrs)`
   }
 
   tbody {
-    tr, td {
-      &:hover, &.hover {
+    tr {
+      &:hover, td.hovered-column {
         background-color: ${(props) => props.theme.colors.white};
         cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
 
@@ -427,16 +427,20 @@ export default {
     }
   },
   methods: {
+    removeHoverClass() {
+      const hoveredItems = document.querySelectorAll('.hovered-column')
+      hoveredItems.forEach((el) => {
+        el.classList.remove('hovered-column')
+      })
+    },
     setHovers(event) {
+      this.removeHoverClass()
       if (event.target.tagName !== 'TABLE') {
-        console.log('over', event)
         let hoveredCell = event.target
-        console.log(hoveredCell.tagName)
 
         if (hoveredCell.tagName !== 'TD') {
           let currentParentElement = hoveredCell.parentElement
           while (currentParentElement.tagName !== 'TR') {
-            console.log(currentParentElement.tagName)
             if (currentParentElement.tagName === 'TD') hoveredCell = currentParentElement
             currentParentElement = currentParentElement.parentElement
           }
@@ -447,7 +451,9 @@ export default {
           const rowList = Array.from(document.querySelectorAll('tr'))
           rowList.forEach((el) => {
             const cells = Array.from(el.children)
-            cells[rowChildren.indexOf(hoveredCell)].classList.add('hover')
+            if (cells[rowChildren.indexOf(hoveredCell)]) {
+              cells[rowChildren.indexOf(hoveredCell)].classList.add('hovered-column')
+            }
           })
         }
       }