@eturnity/eturnity_reusable_components 1.0.93 → 1.0.94

package/package.json

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

package/src/components/tableDropdown/index.vue

@@ -114,15 +114,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 +286,10 @@ export default {
       required: true,
       default: [], // should be like ['display_name', 'company_item_number', 'description']
     },
+    disabled: {
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -291,6 +298,9 @@ export default {
   },
   methods: {
     toggleOpen() {
+      if (this.disabled) {
+        return
+      }
       if (!this.isOpen) {
         document.addEventListener("click", this.clickOutside)
         this.$emit("dropdown-search", "")