@eturnity/eturnity_reusable_components 8.46.1-EPDM-13987.5 → 8.46.2-EPDM-13987.0

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

@@ -4,6 +4,8 @@
       :app-theme="appTheme"
       :button-size="buttonSize"
       :custom-color="customColor"
+      :data-id="dataId"
+      :data-qa-id="dataQaId"
       data-test-id="button-icon-wrapper"
       :height="height"
       :is-active="isActive"
@@ -381,6 +383,14 @@
         type: Boolean,
         default: false,
       },
+      dataId: {
+        type: String,
+        default: '',
+      },
+      dataQaId: {
+        type: String,
+        default: '',
+      },
     },
     data() {
       return {

package/src/components/icon/index.vue

@@ -1,6 +1,8 @@
 <template>
   <Wrapper
     :cursor="cursor"
+    :data-id="dataId"
+    :data-qa-id="dataQaId"
     data-test-id="icon_wrapper"
     :disabled="disabled"
     :height="height ? height : size"
@@ -123,6 +125,14 @@
       type: Number,
       default: null,
     },
+    dataId: {
+      type: String,
+      default: '',
+    },
+    dataQaId: {
+      type: String,
+      default: '',
+    },
   })
 
   const Wrapper = styled('div', {

package/src/components/infoCard/index.vue

@@ -14,7 +14,7 @@
       :color="iconColor ? iconColor : presetStyles.iconColor"
       data-test-id="info_card_icon"
       :hovered-color="iconColor ? iconColor : presetStyles.iconColor"
-      :name="iconName"
+      :name="getIconName()"
       size="18px"
     />
     <TextContainer data-test-id="info_card_text_container">
@@ -123,6 +123,11 @@
         type: String,
         default: '',
       },
+      iconName: {
+        required: false,
+        type: String,
+        default: '',
+      },
     },
     computed: {
       isInfoSimple() {
@@ -138,7 +143,7 @@
       isErrorMinor() {
         return this.type === 'error_minor'
       },
-      iconName() {
+      iconTypeName() {
         return this.type === 'warning'
           ? 'warning_triangle'
           : this.isErrorMinor
@@ -176,5 +181,10 @@
         return stylesCollection
       },
     },
+    methods: {
+      getIconName() {
+        return this.iconName || this.iconTypeName
+      },
+    },
   }
 </script>

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

@@ -4,6 +4,8 @@
       <RadioWrapper
         v-for="(item, index) in options"
         :key="item.value"
+        :data-id="'radioWrapper_' + item.value"
+        :data-qa-id="'radioWrapper_' + item.value"
         :data-test-id="'radioWrapper_' + item.value"
       >
         <LabelContainer

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

@@ -9,6 +9,8 @@
     "
     :color-mode="colorMode"
     :cursor-type="cursorType"
+    :data-id="dataId"
+    :data-qa-id="dataQaId"
     :data-value="value"
     :disabled-bg-color="disabledBgColor"
     :disabled-text-color="disabledTextColor"
@@ -152,6 +154,16 @@
         required: false,
         default: false,
       },
+      dataId: {
+        type: String,
+        required: false,
+        default: '',
+      },
+      dataQaId: {
+        type: String,
+        required: false,
+        default: '',
+      },
     },
     emits: ['option-hovered', 'option-selected'],
     data() {

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

@@ -36,6 +36,8 @@
       >
         <ToggleBackground
           :background-color="backgroundColor"
+          :data-id="`${dataId}`"
+          :data-qa-id="`${dataId}`"
           data-test-id="toggle_background"
           :disabled="disabled"
           :is-checked="isChecked"

package/src/components/selectedOptions/index.vue

@@ -382,9 +382,9 @@
         default: () => [],
       },
       numberSelected: {
-        type: Number,
         required: true,
         default: 0,
+        validator: (value) => value === null || typeof value === 'number',
       },
       selectedLabel: {
         type: String,