@eturnity/eturnity_reusable_components 8.22.2 → 8.22.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -58,6 +58,12 @@ Default.args = {
|
|
|
58
58
|
...defaultProps,
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
+
export const Disabled = Template.bind({})
|
|
62
|
+
Disabled.args = {
|
|
63
|
+
...defaultProps,
|
|
64
|
+
disabled: true,
|
|
65
|
+
}
|
|
66
|
+
|
|
61
67
|
export const BlueCheckmark = Template.bind({})
|
|
62
68
|
BlueCheckmark.args = {
|
|
63
69
|
...defaultProps,
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
:has-label="!!item.label"
|
|
12
12
|
:has-slots="!!$slots[`input-${item.value}`]"
|
|
13
13
|
:is-checked="selectedOption === item.value"
|
|
14
|
-
:is-disabled="item
|
|
14
|
+
:is-disabled="isItemDisabled(item)"
|
|
15
15
|
:size="size"
|
|
16
16
|
>
|
|
17
17
|
<Radio
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
:data-id="`radio_button_${dataId}_option_${item.value}`"
|
|
20
20
|
:data-qa-id="dataQaId"
|
|
21
21
|
:data-test-id="'radioInput_' + item.value"
|
|
22
|
-
:disabled="item
|
|
22
|
+
:disabled="isItemDisabled(item)"
|
|
23
23
|
:name="'radioButtons_' + radioName"
|
|
24
24
|
type="radio"
|
|
25
25
|
:value="selectedOption"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
v-if="item.label"
|
|
31
31
|
:color-mode="colorMode"
|
|
32
32
|
:data-test-id="'radioLabel_' + item.value"
|
|
33
|
-
:is-disabled="item
|
|
33
|
+
:is-disabled="isItemDisabled(item)"
|
|
34
34
|
>
|
|
35
35
|
{{ item.label }}
|
|
36
36
|
</LabelText>
|
|
@@ -261,6 +261,11 @@
|
|
|
261
261
|
LabelText,
|
|
262
262
|
},
|
|
263
263
|
props: {
|
|
264
|
+
disabled: {
|
|
265
|
+
default: false,
|
|
266
|
+
required: false,
|
|
267
|
+
type: Boolean,
|
|
268
|
+
},
|
|
264
269
|
selectedOption: {
|
|
265
270
|
required: true,
|
|
266
271
|
type: [String, Number],
|
|
@@ -328,6 +333,9 @@
|
|
|
328
333
|
isImageOpen(index) {
|
|
329
334
|
return this.selectedImage === index
|
|
330
335
|
},
|
|
336
|
+
isItemDisabled(item) {
|
|
337
|
+
return this.disabled || item.disabled
|
|
338
|
+
},
|
|
331
339
|
toggleImageModal(value) {
|
|
332
340
|
this.selectedImage = value
|
|
333
341
|
},
|