@appscode/design-system 1.0.43-alpha.178 → 1.0.43-alpha.180

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/vue-components/v2/form-fields/Input.vue +1 -1
  3. package/vue-components/v2/modal/Modal.vue +21 -15
  4. package/vue-components/v2/modals/DeleteConfirmationModal.vue +12 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.178",
3
+ "version": "1.0.43-alpha.180",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/v2/form-fields/Input.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <input class="ac-input" v-on="inputListeners" />
2
+ <input data-testid="ac-input" class="ac-input" v-on="inputListeners" />
3
3
  </template>
4
4
 
5
5
  <script>
package/vue-components/v2/modal/Modal.vue CHANGED
@@ -21,6 +21,7 @@
21
21
  :icon-image="
22
22
  require('@appscode/design-system-images/icons/close-icon.svg')
23
23
  "
24
+ data-testid="delete-confirmation-modal-close-icon"
24
25
  @click.stop="destroyModal"
25
26
  />
26
27
  </header-item>
@@ -39,8 +40,13 @@
39
40
  <!-- modal body end -->
40
41
 
41
42
  <!-- modal footer start -->
42
- <div v-if="!hideActionFooter"
43
- class="ac-modal-footer action-footer is-flex is-align-items-center is-justify-content-space-between"
43
+ <div
44
+ v-if="!hideActionFooter"
45
+ class="
46
+ ac-modal-footer
47
+ action-footer
48
+ is-flex is-align-items-center is-justify-content-space-between
49
+ "
44
50
  >
45
51
  <div>
46
52
  <slot name="modal-footer-left" />
@@ -60,40 +66,40 @@ export default {
60
66
  props: {
61
67
  open: {
62
68
  type: Boolean,
63
- default: false
69
+ default: false,
64
70
  },
65
71
  title: {
66
72
  type: String,
67
- default: "Modal"
73
+ default: "Modal",
68
74
  },
69
75
  modifierClasses: {
70
76
  type: String,
71
- default: ""
77
+ default: "",
72
78
  },
73
79
  isCloseOptionDisabled: {
74
80
  type: Boolean,
75
- default: false
81
+ default: false,
76
82
  },
77
83
  ignoreOutsideClick: {
78
84
  type: Boolean,
79
- default: false
85
+ default: false,
80
86
  },
81
87
  hideActionFooter: {
82
88
  type: Boolean,
83
- default: false
84
- }
89
+ default: false,
90
+ },
85
91
  },
86
92
 
87
93
  components: {
88
94
  HeaderItems: () => import("../header/HeaderItems.vue"),
89
95
  HeaderItem: () => import("../header/HeaderItem.vue"),
90
96
  Buttons: () => import("../button/Buttons.vue"),
91
- AcButton: () => import("../button/Button.vue")
97
+ AcButton: () => import("../button/Button.vue"),
92
98
  },
93
99
 
94
100
  data() {
95
101
  return {
96
- showModal: false
102
+ showModal: false,
97
103
  };
98
104
  },
99
105
 
@@ -106,8 +112,8 @@ export default {
106
112
  } else {
107
113
  this.destroyModal();
108
114
  }
109
- }
110
- }
115
+ },
116
+ },
111
117
  },
112
118
 
113
119
  methods: {
@@ -131,7 +137,7 @@ export default {
131
137
  document.removeEventListener("keydown", this.onKeyDown);
132
138
 
133
139
  this.$emit("closemodal", true);
134
- }
135
- }
140
+ },
141
+ },
136
142
  };
137
143
  </script>
package/vue-components/v2/modals/DeleteConfirmationModal.vue CHANGED
@@ -20,11 +20,13 @@
20
20
  @click.stop="closeModal"
21
21
  title="Cancel"
22
22
  modifier-classes="is-outlined"
23
+ data-testid="delete-confirmation-modal-close-button"
23
24
  />
24
25
  <ac-button
25
26
  modifier-classes="is-danger"
26
27
  :is-loader-active="isDeleteActive"
27
28
  title="Yes"
29
+ data-testid="delete-confirmation-modal-confirm-button"
28
30
  @click.stop="confirm(true)"
29
31
  />
30
32
  </template>
@@ -36,33 +38,33 @@
36
38
  export default {
37
39
  components: {
38
40
  Modal: () => import("./../modal/Modal.vue"),
39
- AcButton: () => import("./../button/Button.vue")
41
+ AcButton: () => import("./../button/Button.vue"),
40
42
  },
41
43
  props: {
42
44
  open: {
43
45
  type: Boolean,
44
- default: false
46
+ default: false,
45
47
  },
46
48
  title: {
47
49
  type: String,
48
- default: ""
50
+ default: "",
49
51
  },
50
52
  message: {
51
53
  type: String,
52
- default: ""
54
+ default: "",
53
55
  },
54
56
  itemName: {
55
57
  type: String,
56
- default: ""
58
+ default: "",
57
59
  },
58
60
  isLoading: {
59
61
  type: Boolean,
60
- default: false
62
+ default: false,
61
63
  },
62
64
  isDeleteActive: {
63
65
  type: Boolean,
64
- default: false
65
- }
66
+ default: false,
67
+ },
66
68
  },
67
69
  methods: {
68
70
  confirm(response) {
@@ -71,7 +73,7 @@ export default {
71
73
  closeModal() {
72
74
  this.confirm(false);
73
75
  this.$emit("closemodal", true);
74
- }
75
- }
76
+ },
77
+ },
76
78
  };
77
79
  </script>