@kestra-io/ui-libs 0.0.67 → 0.0.69

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kestra-io/ui-libs",
3
- "version": "0.0.67",
3
+ "version": "0.0.69",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "src",
@@ -32,19 +32,19 @@
32
32
  "yaml": "^2.5.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@esbuild/linux-x64": "^0.23.1",
36
- "@typescript-eslint/parser": "^8.5.0",
35
+ "@esbuild/linux-x64": "^0.24.0",
36
+ "@typescript-eslint/parser": "^8.8.1",
37
37
  "@vitejs/plugin-vue": "^5.1.3",
38
38
  "eslint": "^8.57.0",
39
39
  "eslint-plugin-vue": "^9.28.0",
40
- "sass": "^1.78.0",
40
+ "sass": "^1.79.4",
41
41
  "vite": "^5.4.5",
42
- "vite-plugin-static-copy": "^1.0.6"
42
+ "vite-plugin-static-copy": "^2.0.0"
43
43
  },
44
44
  "dependencies": {
45
45
  "@nuxtjs/mdc": "^0.9.0",
46
46
  "@popperjs/core": "^2.11.8",
47
47
  "mermaid": "^11.2.1",
48
- "shiki": "^1.17.6"
48
+ "shiki": "^1.22.0"
49
49
  }
50
50
  }
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="container table-responsive">
3
- <table class="table table-dark">
3
+ <table class="table">
4
4
  <slot />
5
5
  </table>
6
6
  </div>
@@ -25,9 +25,9 @@
25
25
  line-height: 1.25rem;
26
26
  padding: calc($spacer * 0.5) $spacer $spacer;
27
27
  background-color: transparent;
28
- border-bottom: 4px solid #8B8B8D !important;
28
+ border-bottom: 4px solid var(--bs-border-color) !important;
29
29
  border-top: none;
30
- color: $white;
30
+ color: var(--bs-body-color);
31
31
  }
32
32
  }
33
33
 
@@ -37,14 +37,8 @@
37
37
  font-size: $font-size-sm;
38
38
  padding: calc($spacer * 1.5) $spacer $spacer !important;
39
39
  font-weight: 400;
40
- color: $white;
40
+ color: var(--bs-body-color);
41
41
  }
42
42
  }
43
43
  }
44
-
45
- .table-dark {
46
- --bs-table-bg: $black-2 !important;
47
- color: transparent !important;
48
- outline: none !important;
49
- }
50
44
  </style>
@@ -17,6 +17,16 @@
17
17
  <execution-informations v-if="taskExecution" :execution="taskExecution" :task="data.node.task" :color="color" :uid="data.node.uid" />
18
18
  </template>
19
19
  <template #badge-button-before>
20
+ <span
21
+ v-if="data.node.task.runIf"
22
+ class="circle-button"
23
+ :class="[`bg-warning`]"
24
+ @click="$emit(EVENTS.SHOW_CONDITION, {id: taskId, task: data.node.task, section: SECTIONS.TASKS})"
25
+ >
26
+ <tooltip :title="Utils.translate('show task condition')">
27
+ <SendLock class="button-icon" alt="Show condition" />
28
+ </tooltip>
29
+ </span>
20
30
  <span
21
31
  v-if="taskExecution"
22
32
  class="circle-button"
@@ -73,6 +83,7 @@
73
83
  import Delete from "vue-material-design-icons/Delete.vue";
74
84
  import TextBoxSearch from "vue-material-design-icons/TextBoxSearch.vue";
75
85
  import AlertOutline from "vue-material-design-icons/AlertOutline.vue"
86
+ import SendLock from "vue-material-design-icons/SendLock.vue"
76
87
  import {mapGetters, mapState} from "vuex";
77
88
  import Tooltip from "../misc/Tooltip.vue"
78
89
  import Utils from "../../utils/Utils.js";
@@ -86,7 +97,8 @@
86
97
  Handle,
87
98
  TextBoxSearch,
88
99
  AlertOutline,
89
- Tooltip
100
+ Tooltip,
101
+ SendLock
90
102
  },
91
103
  inheritAttrs: false,
92
104
  computed: {
@@ -190,7 +202,8 @@
190
202
  EVENTS.ADD_ERROR,
191
203
  EVENTS.EDIT,
192
204
  EVENTS.DELETE,
193
- EVENTS.ADD_TASK
205
+ EVENTS.ADD_TASK,
206
+ EVENTS.SHOW_CONDITION
194
207
  ],
195
208
  props: {
196
209
  data: {
@@ -90,7 +90,8 @@
90
90
  "loading",
91
91
  "swapped-task",
92
92
  "message",
93
- "expand-subflow"
93
+ "expand-subflow",
94
+ EVENTS.SHOW_CONDITION
94
95
  ]
95
96
  )
96
97
 
@@ -339,6 +340,7 @@
339
340
  @open-link="forwardEvent(EVENTS.OPEN_LINK, $event)"
340
341
  @show-logs="forwardEvent(EVENTS.SHOW_LOGS, $event)"
341
342
  @show-description="forwardEvent(EVENTS.SHOW_DESCRIPTION, $event)"
343
+ @show-condition="forwardEvent(EVENTS.SHOW_CONDITION, $event)"
342
344
  @mouseover="onMouseOver($event)"
343
345
  @mouseleave="onMouseLeave()"
344
346
  @add-error="forwardEvent('on-add-flowable-error', $event)"
@@ -16,6 +16,7 @@ export const EVENTS = {
16
16
  "MOUSE_LEAVE": "mouseleave",
17
17
  "ADD_ERROR": "addError",
18
18
  "EXPAND_DEPENDENCIES": "expandDependencies",
19
+ "SHOW_CONDITION": "showCondition",
19
20
  }
20
21
 
21
22
  export const CLUSTER_PREFIX = "cluster_";