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

package/package.json

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

package/src/components/buttons/mainButton/index.vue

@@ -16,9 +16,6 @@
       :width="width"
     >
       <LabelComponent :has-icon="Boolean(icon)">
-        <FlexSpinner v-if="isLoading">
-          <RCSpinner size="tiny" />
-        </FlexSpinner>
         <Icon
           v-if="icon"
           :color="getIconColor"
@@ -47,7 +44,6 @@
   // />
 
   import styled from 'vue3-styled-components'
-  import RCSpinner from '../../spinner'
   import Icon from '../../icon'
   import theme from '../../../assets/theme'
 
@@ -175,10 +171,6 @@
     transform: rotate(20deg);
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
   `
-  const FlexSpinner = styled('div')`
-    flex: 0;
-    margin-right: 8px;
-  `
 
   export default {
     name: 'MainButton',
@@ -188,8 +180,6 @@
       PageContainer,
       ButtonContainer,
       BetaTag,
-      RCSpinner,
-      FlexSpinner,
     },
     props: {
       type: {
@@ -287,10 +277,6 @@
         type: Boolean,
         default: false,
       },
-      isLoading: {
-        type: Boolean,
-        default: false,
-      },
     },
     computed: {
       theme() {

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

@@ -201,6 +201,12 @@
             </SelectDropdown>
           </Component>
         </DropdownWrapper>
+        <ErrorMessage
+          v-if="hasError && hasErrorMessage"
+          data-test-id="error_message_wrapper"
+        >
+          {{ dynamicErrorMessage }}
+        </ErrorMessage>
       </SelectButtonWrapper>
     </InputWrapper>
   </Container>
@@ -233,6 +239,7 @@
   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'
@@ -302,7 +309,6 @@
   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')};
   `
 
@@ -514,6 +520,7 @@
       Teleport,
       DraggableInputHandle,
       IsRequiredLabelStar,
+      ErrorMessage,
     },
 
     props: {
@@ -620,9 +627,14 @@
         default: true,
       },
       hasError: {
+        type: Boolean,
         required: false,
         default: false,
       },
+      errorMessage: {
+        type: String,
+        default: '',
+      },
       disabled: {
         required: false,
         type: Boolean,
@@ -735,6 +747,12 @@
       }
     },
     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/textAreaInput/index.vue

@@ -25,6 +25,8 @@
           :resize="resize"
           :rows="rowHeight"
           :value="value"
+          @blur="onInputBlur"
+          @focus="onInputFocus"
           @input="onChangeHandler"
         ></textarea>
       </InputContainer>
@@ -208,6 +210,12 @@
         }
         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>

package/src/components/spinner/index.vue

@@ -59,8 +59,6 @@
 
   const getSpinnerSize = (size) => {
     switch (size) {
-      case 'tiny':
-        return '16px'
       case 'small':
         return '24px'
       case 'large':