@eturnity/eturnity_reusable_components 1.0.93 → 1.0.96

package/package.json

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

package/src/components/tableDropdown/index.vue

@@ -1,5 +1,10 @@
 <template>
-  <dropdown-row :colspan="colSpan" @click="toggleOpen" ref="dropdownItem">
+  <dropdown-row
+    :colspan="colSpan"
+    @click="toggleOpen"
+    ref="dropdownItem"
+    :disabled="disabled"
+  >
     <component-container :colSpan="colSpan" class="table-dropdown">
       <component-item v-for="(item, index) in tableItems" :key="index">
         <template-button
@@ -114,15 +119,18 @@
 //   :optionItems="groupComponents" // list of options
 //   :optionsLoading="dropdownOptionsLoading"
 //   :optionsDisplay="['display_name', 'company_item_number']" // Array. what should be displayed
+//   :disabled="true"
 // />
 import styled from "vue-styled-components"
 import Spinner from "@eturnity/eturnity_reusable_components/src/components/spinner"
 import SearchInput from "@eturnity/eturnity_reusable_components/src/components/inputs/searchInput"
 
-const DropdownRow = styled.td``
+const rowAttrs = { disabled: Boolean }
+const DropdownRow = styled("td", rowAttrs)`
+  cursor: ${(props) => (props.disabled ? "not-allowed" : "auto")};
+`
 
 const ComponentItem = styled.div`
-  /* padding-left: 12px; */
   overflow: hidden;
   text-overflow: ellipsis;
 `
@@ -283,6 +291,10 @@ export default {
       required: true,
       default: [], // should be like ['display_name', 'company_item_number', 'description']
     },
+    disabled: {
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -291,6 +303,9 @@ export default {
   },
   methods: {
     toggleOpen() {
+      if (this.disabled) {
+        return
+      }
       if (!this.isOpen) {
         document.addEventListener("click", this.clickOutside)
         this.$emit("dropdown-search", "")

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

@@ -180,7 +180,7 @@ const TableContainer = styled.table`
 
   tr {
     &.disabled {
-      cursor: not-allowed;
+      cursor: not-allowed !important;
     }
 
     .arrow-dropdown {
@@ -197,7 +197,7 @@ const TableContainer = styled.table`
     .text {
       padding: 10px 15px 10px 15px;
       color: ${(props) => props.theme.colors.black};
-      cursor: auto;
+      cursor: pointer;
     }
 
     .bold {