@eturnity/eturnity_reusable_components 1.2.86-EPDM-7435-0 → 1.2.86-EPDM-7509.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.86-EPDM-7435-0",
+  "version": "1.2.86-EPDM-7509.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/inputs/select/index.vue

@@ -193,7 +193,7 @@ const selectButton = styled('div', selectButtonAttrs)`
   box-sizing: border-box;
   border-radius: 4px;
   padding: ${(props) =>
-    props.isSearchBarVisible ? '0' : '0px 0px 0 15px'};
+    props.isSearchBarVisible ? '0 10px 0 0' : '0px 10px 0 15px'};
   text-align: left;
   border-radius: 4px;
   min-height: 36px;
@@ -230,6 +230,7 @@ const selectDropdown = styled('div', selectDropdownAttrs)`
     z-index:${(props) => (props.isActive ? '2' : '1')};
     position:absolute;
     top:5px;
+    padding:10px;
     border:1px solid ${(props) => props.theme.colors.grey4}
     border-radius:4px;
     display: flex;

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

@@ -12,6 +12,8 @@
           v-else
           :cellPaddings="cellPaddings"
           :tableCursor="tableCursor"
+          @mouseover="setHovers($event)"
+          @mouseleave="setHovers($event)"
         >
           <slot />
         </table-container>
@@ -87,8 +89,8 @@ const TableContainer = styled('table', containerAttrs)`
   }
 
   tbody {
-    tr {
-      &:hover {
+    tr, td {
+      &:hover, &.hover {
         background-color: ${(props) => props.theme.colors.white};
         cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
 
@@ -378,6 +380,33 @@ export default {
     tableCursor: {
       required: false
     }
+  },
+  methods: {
+    setHovers(event) {
+      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
+          }
+        }
+
+        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)
+            cells[rowChildren.indexOf(hoveredCell)].classList.add('hover')
+          })
+        }
+      }
+    }
   }
 }
 </script>

package/src/assets/svgIcons/subdirectory.svg

@@ -1 +0,0 @@
-<?xml version="1.0" ?><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 13H12v5l6-6-6-6v5H4V2H2v11z"/></svg>