@eturnity/eturnity_reusable_components 1.1.9 → 1.1.12

package/package.json

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

package/src/components/tableDropdown/index.vue

@@ -1,6 +1,7 @@
 <template>
   <dropdown-row
     :colspan="colSpan"
+    :isOpen="isOpen"
     @click="toggleOpen"
     ref="dropdownItem"
     :disabled="disabled"
@@ -143,9 +144,13 @@ import Spinner from "@eturnity/eturnity_reusable_components/src/components/spinn
 import SearchInput from "@eturnity/eturnity_reusable_components/src/components/inputs/searchInput"
 import InputText from "@eturnity/eturnity_reusable_components/src/components/inputs/inputText"
 
-const rowAttrs = { disabled: Boolean }
+const rowAttrs = { disabled: Boolean, isOpen: Boolean }
 const DropdownRow = styled("td", rowAttrs)`
   cursor: ${(props) => (props.disabled ? "not-allowed" : "pointer")};
+
+  input {
+    cursor: ${(props) => (!props.isOpen ? "pointer !important" : "inherit")};
+  }
 `
 
 const ComponentItem = styled.div`

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`