@eturnity/eturnity_reusable_components 7.39.4--EPDM-10842.0 → 7.39.4--EPDM-12129.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.39.4--EPDM-10842.0",
+  "version": "7.39.4--EPDM-12129.2",
   "files": [
     "dist",
     "src"

package/src/components/addNewButton/index.vue

@@ -1,6 +1,6 @@
 <template>
   <PageContainer :should-position="shouldPosition">
-    <ButtonContainer :data-id="dataId">
+    <ButtonContainer :data-id="dataId" :data-test-id="dataTestId">
       <PlusButtonSvg />
     </ButtonContainer>
   </PageContainer>
@@ -57,6 +57,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
     },
   }
 </script>

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

@@ -4,6 +4,7 @@
       :id="id"
       :custom-color="customColor"
       :data-id="dataId"
+      :data-test-id="dataTestId"
       :font-color="fontColor"
       :is-disabled="isDisabled"
       :min-width="minWidth"
@@ -145,6 +146,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
     },
   }
 </script>

package/src/components/iconWrapper/index.vue

@@ -4,6 +4,7 @@
     :border-radius="borderRadius"
     :color="iconColor"
     :data-id="dataId"
+    :data-test-id="dataTestId"
     :disabled="disabled"
     :has-border="hasBorder"
     :hovered-background-color="hoveredBackgroundColor"
@@ -154,6 +155,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
       isHovered: {
         required: false,
         default: false,

package/src/components/infoText/index.vue

@@ -63,7 +63,7 @@
     font-weight: 400;
     line-height: normal;
     border-radius: 4px;
-    z-index: 9999;
+    z-index: 99;
     color: ${(props) => props.theme.colors.white};
 
     :before {

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

@@ -13,6 +13,7 @@
       <InputCheckbox
         :checked="isChecked"
         :data-id="dataId"
+        :data-test-id="dataTestId"
         type="checkbox"
         @change="onChangeHandler(!isChecked)"
       />
@@ -203,6 +204,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
       cursorType: {
         type: String,
         default: 'pointer',

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

@@ -13,7 +13,11 @@
     </LabelSlotWrapper>
 
     <LabelWrapper v-if="labelText">
-      <LabelText :data-id="labelDataId" :label-font-color="labelFontColor">
+      <LabelText
+        :data-id="labelDataId"
+        :data-test-id="labelDataTestId"
+        :label-font-color="labelFontColor"
+      >
         {{ labelText }}
       </LabelText>
 
@@ -21,7 +25,6 @@
         v-if="labelInfoText"
         :align-arrow="labelInfoAlign"
         :text="labelInfoText"
-        :width="infoWidth"
       />
     </LabelWrapper>
     <InputWrapper>
@@ -32,6 +35,7 @@
         :background-color="backgroundColor"
         :border-color="borderColor"
         :data-id="inputDataId"
+        :data-test-id="inputDataTestId"
         :disabled="disabled"
         :font-color="fontColor"
         :font-size="fontSize"
@@ -450,11 +454,6 @@
         required: false,
         default: null,
       },
-      infoWidth: {
-        required: false,
-        default: '200px',
-        type: String,
-      },
       labelInfoAlign: {
         required: false,
         default: 'left',
@@ -502,6 +501,10 @@
         required: false,
         default: '',
       },
+      dataTestId: {
+        required: false,
+        default: '',
+      },
       showSelect: {
         type: Boolean,
         default: false,

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

@@ -28,6 +28,7 @@
             ref="inputElement"
             :background-color="backgroundColor"
             :data-id="inputDataId"
+            :data-test-id="dataTestId"
             :disabled="disabled"
             :disabled-background-color="disabledBackgroundColor"
             :font-color="fontColor"
@@ -324,6 +325,10 @@
         required: false,
         default: '',
       },
+      dataTestId: {
+        required: false,
+        default: '',
+      },
     },
     data() {
       return {

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

@@ -11,6 +11,7 @@
         <Radio
           :checked="selectedOption === item.value"
           :data-id="`radio_button_${dataId}_option_${item.value}`"
+          :data-test-id="dataTestId"
           :disabled="item.disabled"
           :name="'radioButtons_' + radioName"
           type="radio"
@@ -247,6 +248,10 @@
         type: String,
         default: 'key',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       return {

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

@@ -5,6 +5,7 @@
       <InputContainer
         ref="inputElement"
         :data-id="dataId"
+        :data-test-id="dataTestId"
         :disabled="disabled"
         :has-focus="hasFocus"
         :input-width="inputWidth"
@@ -120,6 +121,11 @@
         required: false,
         default: '',
       },
+      dataTestId: {
+        required: false,
+        default: '',
+        type: String,
+      },
       iconPosition: {
         type: String,
         default: 'right',

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

@@ -13,6 +13,7 @@
       <LabelWrapper
         v-if="label"
         :data-id="labelDataId"
+        :data-test-id="dataTestId"
         :info-text-message="!!infoTextMessage || !!$slots.infoText"
       >
         <InputLabel
@@ -44,6 +45,7 @@
           "
           class="select-button"
           :data-id="dataId"
+          :data-test-id="dataTestId"
           :disabled="disabled"
           :font-color="
             buttonFontColor || colorMode == 'dark' ? 'white' : 'black'
@@ -553,6 +555,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
       hasSelectButtonPadding: {
         required: false,
         type: Boolean,
@@ -613,7 +619,7 @@
         if (this.isDropdownOpen) {
           return this.$refs.dropdown.$el.childElementCount > 1
             ? this.$refs.dropdown.$el.childElementCount
-            : !!this.$refs.dropdown.$el.children[0]
+            : this.$refs.dropdown.$el.children[0]
             ? this.$refs.dropdown.$el.children[0].childElementCount
             : 0
         }

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

@@ -18,6 +18,7 @@
       >
         <textarea
           :data-id="inputDataId"
+          :data-test-id="dataTestId"
           :disabled="isDisabled"
           :placeholder="placeholder"
           :resize="resize"
@@ -185,6 +186,11 @@
         required: false,
         default: '',
       },
+      dataTestId: {
+        required: false,
+        default: '',
+        type: String,
+      },
     },
     methods: {
       onChangeHandler($event) {

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

@@ -2,7 +2,7 @@
   <Container>
     <FlexWrapper
       :data-id="dataId"
-      data-test-id="page_wrapper"
+      :data-test-id="dataId ? dataId : 'page_wrapper'"
       :disabled="disabled"
       :size="size"
       @click="onToggleChange"
@@ -304,6 +304,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
     },
     methods: {
       onToggleChange() {

package/src/components/rangeSlider/Slider.vue

@@ -2,6 +2,7 @@
   <div
     :class="className"
     :data-id="dataId"
+    :data-test-id="dataTestId"
     :style="style"
     @mousedown="elementMouseDown"
     @touchstart="elementTouchDown"
@@ -64,6 +65,10 @@
         type: String,
         default: '',
       },
+      dataTestId: {
+        type: String,
+        default: '',
+      },
       className: {
         type: String,
         default: 'vdr',