@kiva/kv-components 3.11.2 → 3.12.0
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/CHANGELOG.md +11 -0
- package/package.json +2 -2
- package/vue/KvToast.vue +2 -2
- package/vue/stories/KvToast.stories.js +11 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [3.12.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.11.2...@kiva/kv-components@3.12.0) (2023-02-10)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* hide delay param for toast ([d8620c0](https://github.com/kiva/kv-ui-elements/commit/d8620c06e2aa9b814bebdee7a5e1c150f06d77e9))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [3.11.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.11.1...@kiva/kv-components@3.11.2) (2023-01-25)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @kiva/kv-components
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.12.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"optional": true
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "606f40dd5b92b07d876431d531b7749b678083b0"
|
|
73
73
|
}
|
package/vue/KvToast.vue
CHANGED
|
@@ -189,7 +189,7 @@ export default {
|
|
|
189
189
|
emit('close');
|
|
190
190
|
};
|
|
191
191
|
|
|
192
|
-
const show = (messageInput, type, persistInput) => {
|
|
192
|
+
const show = (messageInput, type, persistInput, hideDelay) => {
|
|
193
193
|
isVisible.value = true;
|
|
194
194
|
message.value = typeof messageInput === 'string' ? messageInput : '';
|
|
195
195
|
messageType.value = typeof type === 'string' ? type : '';
|
|
@@ -198,7 +198,7 @@ export default {
|
|
|
198
198
|
if (!persist.value) {
|
|
199
199
|
timeout.value = setTimeout(() => {
|
|
200
200
|
close();
|
|
201
|
-
}, msToDisplayToast.value);
|
|
201
|
+
}, hideDelay ?? msToDisplayToast.value);
|
|
202
202
|
}
|
|
203
203
|
};
|
|
204
204
|
|
|
@@ -26,6 +26,11 @@ export default {
|
|
|
26
26
|
type: 'boolean',
|
|
27
27
|
},
|
|
28
28
|
},
|
|
29
|
+
hideDelay: {
|
|
30
|
+
control: {
|
|
31
|
+
type: 'number',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
29
34
|
},
|
|
30
35
|
};
|
|
31
36
|
|
|
@@ -39,7 +44,7 @@ const Template = (args, {
|
|
|
39
44
|
},
|
|
40
45
|
template: `
|
|
41
46
|
<div>
|
|
42
|
-
<kv-button @click="showToast(message, type, persist)">Show Toast</kv-button>
|
|
47
|
+
<kv-button @click="showToast(message, type, persist, hideDelay)">Show Toast</kv-button>
|
|
43
48
|
|
|
44
49
|
<!-- div below is a kludge for storybook docs -->
|
|
45
50
|
<div class="tw-fixed tw-z-toast tw-inset-0 tw-pointer-events-none">
|
|
@@ -49,8 +54,8 @@ const Template = (args, {
|
|
|
49
54
|
</div>
|
|
50
55
|
</div>`,
|
|
51
56
|
methods: {
|
|
52
|
-
showToast(messageInput, type, persistInput) {
|
|
53
|
-
this.$refs.toastRef.show(messageInput, type, persistInput);
|
|
57
|
+
showToast(messageInput, type, persistInput, hideDelay) {
|
|
58
|
+
this.$refs.toastRef.show(messageInput, type, persistInput, hideDelay);
|
|
54
59
|
},
|
|
55
60
|
onClose() {
|
|
56
61
|
},
|
|
@@ -72,6 +77,9 @@ withLongTextAndHtml.args = { message: 'This is a nice long content that could <b
|
|
|
72
77
|
export const persist = Template.bind({});
|
|
73
78
|
persist.args = { persist: true };
|
|
74
79
|
|
|
80
|
+
export const hideDelay = Template.bind({});
|
|
81
|
+
hideDelay.args = { hideDelay: 10000 };
|
|
82
|
+
|
|
75
83
|
const KivaLogoTemplate = (args, {
|
|
76
84
|
argTypes,
|
|
77
85
|
}) => ({
|