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

package/package.json

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

package/src/assets/svgIcons/adjust_roof.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="12 12 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 13L27 16.8175L26.0477 18.4379L20 15.1397L13.9523 18.4379L13 16.8175L20 13Z" fill="#263238"/>
+<path d="M17.1006 19.1906L20.0001 17.6078L22.8996 19.1906" stroke="#263238" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 21.5621L22.6508 23.0078L21.6985 24.6282L20 23.7019L18.3015 24.6282L17.3492 23.0078L20 21.5621ZM16.1269 25.8141L13.9523 27L13 25.3797L15.1746 24.1937L16.1269 25.8141ZM26.0477 27L23.8731 25.8141L24.8254 24.1937L27 25.3797L26.0477 27Z" fill="#263238"/>
+<path d="M20.9662 22.9146H19.0332L19.0332 18.2928H20.9662L20.9662 22.9146Z" fill="#263238"/>
+</svg>

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

@@ -18,8 +18,6 @@
           v-else
           :cellPaddings="cellPaddings"
           :tableCursor="tableCursor"
-          @mouseover="setHovers($event)"
-          @mouseleave="removeHoverClass"
         >
           <slot />
         </table-container>
@@ -124,7 +122,7 @@ const TableContainer = styled('table', containerAttrs)`
 
   tbody {
     tr {
-      &:hover, td.hovered-column {
+      &:hover {
         background-color: ${(props) => props.theme.colors.white};
         cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
 
@@ -427,37 +425,6 @@ 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') {
-        let hoveredCell = event.target
-
-        if (hoveredCell.tagName !== 'TD') {
-          let currentParentElement = hoveredCell.parentElement
-          while (currentParentElement.tagName !== 'TR') {
-            if (currentParentElement.tagName === 'TD') hoveredCell = currentParentElement
-            currentParentElement = currentParentElement.parentElement
-          }
-        }
-
-        if (hoveredCell) {
-          const rowChildren = Array.from(hoveredCell.parentElement.children)
-          const rowList = Array.from(document.querySelectorAll('tr'))
-          rowList.forEach((el) => {
-            const cells = Array.from(el.children)
-            if (cells[rowChildren.indexOf(hoveredCell)]) {
-              cells[rowChildren.indexOf(hoveredCell)].classList.add('hovered-column')
-            }
-          })
-        }
-      }
-    },
     observeTableHeight() {
       if (!this.$refs.tableRef) return