@eturnity/eturnity_reusable_components 1.1.10 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.1.10",
+  "version": "1.1.13",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

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

@@ -1,7 +1,7 @@
 <template>
   <container>
     <input-wrapper :alignItems="alignItems">
-      <label-wrapper>
+      <label-wrapper v-if="label">
         <input-label>{{ label }}</input-label>
         <info-text
           v-if="infoTextMessage"

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

@@ -194,6 +194,10 @@ const TableContainer = styled.table`
         background-color: ${(props) => props.theme.colors.grey5};
         border-top: 1px solid ${(props) => props.theme.colors.grey4};
       }
+
+      .text {
+        cursor: auto !important;
+      }
     }
 
     .text {

package/src/components/threeDots/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <page-container>
-    <button-container @click="toggleButton()">
+  <page-container @click="toggleButton()">
+    <button-container>
       <dot-item />
       <dot-item />
       <dot-item />
     </button-container>
-    <dropdown-container v-if="isOpen">
+    <dropdown-container v-if="isOpen" @click.stop>
       <loading-container v-if="isLoading">
         <spinner />
       </loading-container>
@@ -38,7 +38,7 @@
           v-for="(item, index) in options"
           :key="item.value"
           tabindex="0"
-          @click="onSelect({ item: item, hasChildren: hasChildren(item) })"
+          @click.stop="onSelect({ item: item, hasChildren: hasChildren(item) })"
           @keyup.enter="
             onSelect({ item: item, hasChildren: hasChildren(item) })
           "
@@ -118,6 +118,13 @@ const PageContainer = styled.div`
   display: grid;
   align-items: center;
   justify-items: center;
+  width: 30px;
+  height: 30px;
+
+  &:hover {
+    background-color: ${(props) => props.theme.colors.grey5};
+    border-radius: 4px;
+  }
 `
 
 const ButtonContainer = styled.div`
@@ -127,18 +134,11 @@ const ButtonContainer = styled.div`
   justify-content: center;
   padding: 5px;
   cursor: pointer;
-  width: 20px;
-  height: 20px;
 
   div {
     // This is the dot color
     background-color: #263238;
   }
-
-  &:hover {
-    background-color: ${(props) => props.theme.colors.grey5};
-    border-radius: 4px;
-  }
 `
 
 const DotItem = styled.div`