@kestra-io/ui-libs 0.0.42 → 0.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kestra-io/ui-libs",
-  "version": "v0.0.42",
+  "version": "v0.0.44",
   "type": "module",
   "files": [
     "src",

package/src/components/misc/ExecutionInformations.vue

@@ -22,7 +22,7 @@
                 return this.execution && this.execution.taskRunList ? this.execution.taskRunList : []
             },
             taskRuns() {
-                return this.taskRunList.filter(t => t.taskId === Utils.afterLastDot(this.task.id))
+                return this.taskRunList.filter(t => t.taskId === Utils.afterLastDot(this.uid))
             },
             state() {
                 if (!this.taskRuns) {
@@ -89,6 +89,10 @@
             task: {
                 type: Object,
                 default: null
+            },
+            uid: {
+                type: String,
+                default: null
             }
         }
     }

package/src/components/nodes/TaskNode.vue

@@ -14,7 +14,7 @@
         @mouseleave="forwardEvent(EVENTS.MOUSE_LEAVE)"
     >
         <template #content>
-            <execution-informations v-if="taskExecution" :execution="taskExecution" :task="data.node.task" :color="color" />
+            <execution-informations v-if="taskExecution" :execution="taskExecution" :task="data.node.task" :color="color" :uid="data.node.uid" />
         </template>
         <template #badge-button-before>
             <span
@@ -117,7 +117,7 @@
                 return undefined;
             },
             taskRuns() {
-                return this.taskRunList.filter(t => t.taskId === Utils.afterLastDot(this.data.node.task.id))
+                return this.taskRunList.filter(t => t.taskId === Utils.afterLastDot(this.data.node.uid))
             },
             state() {
                 if (!this.taskRuns) {

package/src/components/nodes/TriggerNode.vue

@@ -24,7 +24,7 @@
                 v-if="!execution"
                 class="circle-button"
                 :class="[`bg-${color}`]"
-                @click="$emit(EVENTS.DELETE, {id, section: SECTIONS.TRIGGERS})"
+                @click="$emit(EVENTS.DELETE, {id: triggerId, section: SECTIONS.TRIGGERS})"
             >
                 <tooltip :title="Utils.translate('delete')">
                     <Delete class="button-icon" alt="Delete task" />
@@ -65,6 +65,9 @@
                     ...this.data,
                     unused: this.data.node?.triggerDeclaration?.disabled || this.data.node?.trigger?.disabled
                 }
+            },
+            triggerId() {
+                return Utils.afterLastDot(this.id);
             }
         },
         emits: [

package/src/utils/VueFlowUtils.js

@@ -162,11 +162,11 @@ export default class VueFlowUtils {
     }
 
     static isTaskNode(node) {
-        return node.task !== undefined && ["GraphTask", "SubflowGraphTask"].some(t => node.type.endsWith(t));
+        return ["GraphTask", "SubflowGraphTask"].some(t => node.type.endsWith(t));
     }
 
     static isTriggerNode(node) {
-        return node.triggerDeclaration !== undefined && node.type.endsWith("GraphTrigger");
+        return node.type.endsWith("GraphTrigger");
     }
 
     static isCollapsedCluster(node) {
@@ -299,7 +299,7 @@ export default class VueFlowUtils {
 
         const clustersWithoutRootNode = [CLUSTER_PREFIX + TRIGGERS_NODE_UID];
 
-        if (!flowGraph || !this.flowHaveTasks(flowSource)) {
+        if (!flowGraph || (flowSource && !this.flowHaveTasks(flowSource))) {
             elements.push({
                 id: "start",
                 type: "dot",
@@ -402,7 +402,7 @@ export default class VueFlowUtils {
                     nodeType = "collapsedcluster";
                 }
 
-                const color = this.nodeColor(node, collapsed, flowSource);
+                const color = this.nodeColor(node, collapsed);
                 // If task type includes '$', it's an inner class so it's probably an internal class not supposed to be editable
                 // In such case, only the root task will be editable
                 const isReadOnlyTask = isReadOnly || node.task?.type?.includes("$") || readOnlyUidPrefixes.some(prefix => node.uid.startsWith(prefix + "."));