@eturnity/eturnity_reusable_components 8.31.6-EPDM-13620.1 → 8.31.6-EPDM-16401.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.31.6-EPDM-13620.1",
+  "version": "8.31.6-EPDM-16401.0",
   "files": [
     "dist",
     "src"

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

@@ -201,12 +201,6 @@
             </SelectDropdown>
           </Component>
         </DropdownWrapper>
-        <ErrorMessage
-          v-if="hasError && hasErrorMessage"
-          data-test-id="error_message_wrapper"
-        >
-          {{ dynamicErrorMessage }}
-        </ErrorMessage>
       </SelectButtonWrapper>
     </InputWrapper>
   </Container>
@@ -239,7 +233,6 @@
   import { Teleport, inject } from 'vue'
   import styled from 'vue3-styled-components'
   import InfoText from '../../infoText'
-  import ErrorMessage from '../../errorMessage'
   import Icon from '../../icon'
   import InputText from '../inputText'
   import DraggableInputHandle from '../../draggableInputHandle'
@@ -309,6 +302,7 @@
   const Container = styled('div', inputProps)`
     width: ${(props) => props.selectWidth};
     position: ${(props) => (props.noRelative ? 'static' : 'relative')};
+    display: inline-block;
     text-align: ${(props) => (props.textCenter ? 'center' : 'left')};
   `
 
@@ -520,7 +514,6 @@
       Teleport,
       DraggableInputHandle,
       IsRequiredLabelStar,
-      ErrorMessage,
     },
 
     props: {
@@ -627,14 +620,9 @@
         default: true,
       },
       hasError: {
-        type: Boolean,
         required: false,
         default: false,
       },
-      errorMessage: {
-        type: String,
-        default: '',
-      },
       disabled: {
         required: false,
         type: Boolean,
@@ -747,12 +735,6 @@
       }
     },
     computed: {
-      hasErrorMessage() {
-        return this.errorMessage && this.errorMessage.length > 0
-      },
-      dynamicErrorMessage() {
-        return this.errorMessage
-      },
       optionLength() {
         if (this.isDropdownOpen) {
           return this.$refs.dropdown.$el.childElementCount > 1

package/src/components/inputs/select/option/index.vue

@@ -159,17 +159,24 @@
         theme,
       }
     },
-    computed: {},
+    computed: {
+      selectDropdownParent() {
+        const element = this.$el?.closest('.rc-select-dropdown')
+        // Try to get the Vue component instance
+        return element?.__vueParentComponent?.ctx || this.$parent
+      },
+    },
     methods: {
       clickHandler(e) {
         if (this.isDisabled || !!this.$attrs?.onClick) {
           // prevent emitter if the option is disabled
           return
         }
-        this.$parent.$emit('option-selected', this.value, e)
+        // Pass the component instance along with the value
+        this.selectDropdownParent.$emit('option-selected', this.value, this, e)
       },
       hoverHandler() {
-        this.$parent.$emit('option-hovered', this.value)
+        this.selectDropdownParent.$emit('option-hovered', this.value)
       },
     },
   }

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

@@ -25,8 +25,6 @@
           :resize="resize"
           :rows="rowHeight"
           :value="value"
-          @blur="onInputBlur"
-          @focus="onInputFocus"
           @input="onChangeHandler"
         ></textarea>
       </InputContainer>
@@ -210,12 +208,6 @@
         }
         this.$emit('input-change', $event.target.value)
       },
-      onInputBlur($event) {
-        this.$emit('input-blur', $event.target.value)
-      },
-      onInputFocus($event) {
-        this.$emit('input-focus', $event.target.value)
-      },
     },
   }
 </script>