@eturnity/eturnity_reusable_components 1.2.27 → 1.2.28-EPDM-5363.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.27",
+  "version": "1.2.28-EPDM-5363.2",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -59,11 +59,12 @@
         :disabled="false"
       />
       <br /> -->
-      <iconCollection />
+      <!-- <iconCollection /> -->
       <input-text
         placeholder="Enter distance"
         :value="inputValue"
         @input-change="onInputChange($event)"
+        @input-blur="onInputBlur($event)"
         type="password"
       />
       <br />
@@ -93,7 +94,7 @@ import InputText from '@/components/inputs/inputText'
 // import Spinner from '@/components/spinner'
 // import ExternalButton from '@/components/buttons/externalButton'
 // import ProjectMarker from '@/components/projectMarker'
-import iconCollection from '@/components/icon/iconCollection'
+// import iconCollection from '@/components/icon/iconCollection'
 // import Modal from '@/components/modals/modal'
 // import TableDropdown from "@/components/tableDropdown"
 
@@ -115,14 +116,14 @@ export default {
     // MainTable,
     // ThreeDots,
     // Toggle,
-    InputText,
+    InputText
     // PageSubtitle,
     // Spinner,
     // Checkbox,
     // ExternalButton,
     // Modal,
     // ProjectMarker,
-    iconCollection
+    // iconCollection
     // RowContainer
   },
   data() {
@@ -264,6 +265,9 @@ export default {
     onInputChange(event) {
       this.inputValue = event
     },
+    onInputBlur(event) {
+      console.log(event)
+    },
     isDropdownOpen() {
       return this.dropdownOpen
     },

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

@@ -22,6 +22,7 @@
           :minWidth="minWidth"
           :value="value"
           @input="onChangeHandler"
+          @blur="onInputBlur"
           :noBorder="noBorder"
           :disabled="disabled"
           :isDisabled="disabled"
@@ -154,6 +155,7 @@ export default {
   //   placeholder="Company name"
   //   :value="companyName"
   //   @input-change="onInputChange({ value: $event, type: 'companyName' })"
+  //   @input-blur="onInputBlur($event)"
   //   :isError="checkErrors()"
   //   :errorMessage="This is my error message"
   //   infoTextAlign="right" // left by default
@@ -241,6 +243,9 @@ export default {
     onChangeHandler($event) {
       this.$emit('input-change', $event)
     },
+    onInputBlur($event) {
+      this.$emit('input-blur', $event.target.value)
+    },
     toggleShowPassword() {
       this.inputTypeData =
         this.inputTypeData === 'password' ? 'text' : 'password'

package/src/components/modals/modal/index.vue

@@ -76,7 +76,7 @@ const ModalContainer = styled.div`
   border-radius: 4px;
   background: white;
   margin: 0 auto;
-  overflow: initial;
+  overflow: auto;
   max-width: 95%;
   max-height: 95%;
   min-width: 100px;
@@ -151,4 +151,4 @@ export default {
     }
   }
 }
-</script>
+</script>