@eturnity/eturnity_reusable_components 7.39.4--EPDM-12129.1 → 7.39.4--EPDM-12129.3
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/src/components/addNewButton/index.vue +5 -1
- package/src/components/buttons/mainButton/index.vue +5 -0
- package/src/components/iconWrapper/index.vue +5 -0
- package/src/components/inputs/checkbox/index.vue +5 -0
- package/src/components/inputs/inputNumber/index.vue +10 -1
- package/src/components/inputs/inputText/index.vue +2 -2
- package/src/components/inputs/radioButton/index.vue +5 -0
- package/src/components/inputs/searchInput/index.vue +6 -0
- package/src/components/inputs/select/index.vue +3 -3
- package/src/components/inputs/textAreaInput/index.vue +6 -0
- package/src/components/inputs/toggle/index.vue +5 -0
- package/src/components/rangeSlider/Slider.vue +5 -0
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
<template>
|
2
2
|
<PageContainer :should-position="shouldPosition">
|
3
|
-
<ButtonContainer :data-id="dataId">
|
3
|
+
<ButtonContainer :data-id="dataId" :data-qa-id="dataQaId">
|
4
4
|
<PlusButtonSvg />
|
5
5
|
</ButtonContainer>
|
6
6
|
</PageContainer>
|
@@ -57,6 +57,10 @@
|
|
57
57
|
type: String,
|
58
58
|
default: '',
|
59
59
|
},
|
60
|
+
dataQaId: {
|
61
|
+
type: String,
|
62
|
+
default: '',
|
63
|
+
},
|
60
64
|
},
|
61
65
|
}
|
62
66
|
</script>
|
@@ -4,6 +4,7 @@
|
|
4
4
|
:id="id"
|
5
5
|
:custom-color="customColor"
|
6
6
|
:data-id="dataId"
|
7
|
+
:data-qa-id="dataQaId"
|
7
8
|
:font-color="fontColor"
|
8
9
|
:is-disabled="isDisabled"
|
9
10
|
:min-width="minWidth"
|
@@ -145,6 +146,10 @@
|
|
145
146
|
type: String,
|
146
147
|
default: '',
|
147
148
|
},
|
149
|
+
dataQaId: {
|
150
|
+
type: String,
|
151
|
+
default: '',
|
152
|
+
},
|
148
153
|
},
|
149
154
|
}
|
150
155
|
</script>
|
@@ -4,6 +4,7 @@
|
|
4
4
|
:border-radius="borderRadius"
|
5
5
|
:color="iconColor"
|
6
6
|
:data-id="dataId"
|
7
|
+
:data-qa-id="dataQaId"
|
7
8
|
:disabled="disabled"
|
8
9
|
:has-border="hasBorder"
|
9
10
|
:hovered-background-color="hoveredBackgroundColor"
|
@@ -154,6 +155,10 @@
|
|
154
155
|
type: String,
|
155
156
|
default: '',
|
156
157
|
},
|
158
|
+
dataQaId: {
|
159
|
+
type: String,
|
160
|
+
default: '',
|
161
|
+
},
|
157
162
|
isHovered: {
|
158
163
|
required: false,
|
159
164
|
default: false,
|
@@ -13,6 +13,7 @@
|
|
13
13
|
<InputCheckbox
|
14
14
|
:checked="isChecked"
|
15
15
|
:data-id="dataId"
|
16
|
+
:data-qa-id="dataQaId"
|
16
17
|
type="checkbox"
|
17
18
|
@change="onChangeHandler(!isChecked)"
|
18
19
|
/>
|
@@ -203,6 +204,10 @@
|
|
203
204
|
type: String,
|
204
205
|
default: '',
|
205
206
|
},
|
207
|
+
dataQaId: {
|
208
|
+
type: String,
|
209
|
+
default: '',
|
210
|
+
},
|
206
211
|
cursorType: {
|
207
212
|
type: String,
|
208
213
|
default: 'pointer',
|
@@ -13,7 +13,11 @@
|
|
13
13
|
</LabelSlotWrapper>
|
14
14
|
|
15
15
|
<LabelWrapper v-if="labelText">
|
16
|
-
<LabelText
|
16
|
+
<LabelText
|
17
|
+
:data-id="labelDataId"
|
18
|
+
:data-test-id="labelDataTestId"
|
19
|
+
:label-font-color="labelFontColor"
|
20
|
+
>
|
17
21
|
{{ labelText }}
|
18
22
|
</LabelText>
|
19
23
|
|
@@ -31,6 +35,7 @@
|
|
31
35
|
:background-color="backgroundColor"
|
32
36
|
:border-color="borderColor"
|
33
37
|
:data-id="inputDataId"
|
38
|
+
:data-qa-id="dataQaId"
|
34
39
|
:disabled="disabled"
|
35
40
|
:font-color="fontColor"
|
36
41
|
:font-size="fontSize"
|
@@ -496,6 +501,10 @@
|
|
496
501
|
required: false,
|
497
502
|
default: '',
|
498
503
|
},
|
504
|
+
dataQaId: {
|
505
|
+
required: false,
|
506
|
+
default: '',
|
507
|
+
},
|
499
508
|
showSelect: {
|
500
509
|
type: Boolean,
|
501
510
|
default: false,
|
@@ -28,7 +28,7 @@
|
|
28
28
|
ref="inputElement"
|
29
29
|
:background-color="backgroundColor"
|
30
30
|
:data-id="inputDataId"
|
31
|
-
:data-
|
31
|
+
:data-qa-id="dataQaId"
|
32
32
|
:disabled="disabled"
|
33
33
|
:disabled-background-color="disabledBackgroundColor"
|
34
34
|
:font-color="fontColor"
|
@@ -325,7 +325,7 @@
|
|
325
325
|
required: false,
|
326
326
|
default: '',
|
327
327
|
},
|
328
|
-
|
328
|
+
dataQaId: {
|
329
329
|
required: false,
|
330
330
|
default: '',
|
331
331
|
},
|
@@ -11,6 +11,7 @@
|
|
11
11
|
<Radio
|
12
12
|
:checked="selectedOption === item.value"
|
13
13
|
:data-id="`radio_button_${dataId}_option_${item.value}`"
|
14
|
+
:data-qa-id="dataQaId"
|
14
15
|
:disabled="item.disabled"
|
15
16
|
:name="'radioButtons_' + radioName"
|
16
17
|
type="radio"
|
@@ -247,6 +248,10 @@
|
|
247
248
|
type: String,
|
248
249
|
default: 'key',
|
249
250
|
},
|
251
|
+
dataQaId: {
|
252
|
+
type: String,
|
253
|
+
default: '',
|
254
|
+
},
|
250
255
|
},
|
251
256
|
data() {
|
252
257
|
return {
|
@@ -5,6 +5,7 @@
|
|
5
5
|
<InputContainer
|
6
6
|
ref="inputElement"
|
7
7
|
:data-id="dataId"
|
8
|
+
:data-qa-id="dataQaId"
|
8
9
|
:disabled="disabled"
|
9
10
|
:has-focus="hasFocus"
|
10
11
|
:input-width="inputWidth"
|
@@ -120,6 +121,11 @@
|
|
120
121
|
required: false,
|
121
122
|
default: '',
|
122
123
|
},
|
124
|
+
dataQaId: {
|
125
|
+
required: false,
|
126
|
+
default: '',
|
127
|
+
type: String,
|
128
|
+
},
|
123
129
|
iconPosition: {
|
124
130
|
type: String,
|
125
131
|
default: 'right',
|
@@ -13,7 +13,7 @@
|
|
13
13
|
<LabelWrapper
|
14
14
|
v-if="label"
|
15
15
|
:data-id="labelDataId"
|
16
|
-
:data-
|
16
|
+
:data-qa-id="dataQaId"
|
17
17
|
:info-text-message="!!infoTextMessage || !!$slots.infoText"
|
18
18
|
>
|
19
19
|
<InputLabel
|
@@ -45,7 +45,7 @@
|
|
45
45
|
"
|
46
46
|
class="select-button"
|
47
47
|
:data-id="dataId"
|
48
|
-
:data-
|
48
|
+
:data-qa-id="dataQaId"
|
49
49
|
:disabled="disabled"
|
50
50
|
:font-color="
|
51
51
|
buttonFontColor || colorMode == 'dark' ? 'white' : 'black'
|
@@ -555,7 +555,7 @@
|
|
555
555
|
type: String,
|
556
556
|
default: '',
|
557
557
|
},
|
558
|
-
|
558
|
+
dataQaId: {
|
559
559
|
type: String,
|
560
560
|
default: '',
|
561
561
|
},
|
@@ -18,6 +18,7 @@
|
|
18
18
|
>
|
19
19
|
<textarea
|
20
20
|
:data-id="inputDataId"
|
21
|
+
:data-qa-id="dataQaId"
|
21
22
|
:disabled="isDisabled"
|
22
23
|
:placeholder="placeholder"
|
23
24
|
:resize="resize"
|
@@ -185,6 +186,11 @@
|
|
185
186
|
required: false,
|
186
187
|
default: '',
|
187
188
|
},
|
189
|
+
dataQaId: {
|
190
|
+
required: false,
|
191
|
+
default: '',
|
192
|
+
type: String,
|
193
|
+
},
|
188
194
|
},
|
189
195
|
methods: {
|
190
196
|
onChangeHandler($event) {
|
@@ -2,6 +2,7 @@
|
|
2
2
|
<Container>
|
3
3
|
<FlexWrapper
|
4
4
|
:data-id="dataId"
|
5
|
+
:data-qa-id="dataQaId"
|
5
6
|
data-test-id="page_wrapper"
|
6
7
|
:disabled="disabled"
|
7
8
|
:size="size"
|
@@ -304,6 +305,10 @@
|
|
304
305
|
type: String,
|
305
306
|
default: '',
|
306
307
|
},
|
308
|
+
dataQaId: {
|
309
|
+
type: String,
|
310
|
+
default: '',
|
311
|
+
},
|
307
312
|
},
|
308
313
|
methods: {
|
309
314
|
onToggleChange() {
|
@@ -2,6 +2,7 @@
|
|
2
2
|
<div
|
3
3
|
:class="className"
|
4
4
|
:data-id="dataId"
|
5
|
+
:data-qa-id="dataQaId"
|
5
6
|
:style="style"
|
6
7
|
@mousedown="elementMouseDown"
|
7
8
|
@touchstart="elementTouchDown"
|
@@ -64,6 +65,10 @@
|
|
64
65
|
type: String,
|
65
66
|
default: '',
|
66
67
|
},
|
68
|
+
dataQaId: {
|
69
|
+
type: String,
|
70
|
+
default: '',
|
71
|
+
},
|
67
72
|
className: {
|
68
73
|
type: String,
|
69
74
|
default: 'vdr',
|