@kestra-io/ui-libs 0.0.36 → 0.0.37

package/package.json

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

package/src/components/nodes/BasicNode.vue

@@ -167,16 +167,16 @@
             },
             stateColor() {
                 switch (this.state) {
-                    case "RUNNING":
-                        return "primary"
-                    case "SUCCESS":
-                        return "success"
-                    case "WARNING":
-                        return "warning"
-                    case "FAILED":
-                        return "danger"
-                    default:
-                        return null;
+                case "RUNNING":
+                    return "primary"
+                case "SUCCESS":
+                    return "success"
+                case "WARNING":
+                    return "warning"
+                case "FAILED":
+                    return "danger"
+                default:
+                    return null;
                 }
             },
             classes() {

package/src/components/nodes/ClusterNode.vue

@@ -1,6 +1,9 @@
 <template>
     <div :class="classes">
-        <span class="badge rounded-pill text-truncate text-color position-reliative" :class="[`bg-${data.color}`]">{{ clusterName }}</span>
+        <span
+            class="badge rounded-pill text-truncate text-color position-reliative"
+            :class="[`bg-${data.color}`]"
+        >{{ clusterName }}</span>
         <div class="top-button-div text-white d-flex">
             <span
                 v-if="data.collapsable"
@@ -47,7 +50,6 @@
 </script>
 <script>
     import Tooltip from "../misc/Tooltip.vue";
-    import Utils from "../../utils/Utils.js";
 
     export default {
         inheritAttrs: false,

package/src/components/nodes/CollapsedClusterNode.vue

@@ -33,7 +33,6 @@
     import Webhook from "vue-material-design-icons/Webhook.vue";
     import {Handle} from "@vue-flow/core";
     import Tooltip from "../misc/Tooltip.vue";
-    import Utils from "../../utils/Utils.js";
 
     export default {
         components: {

package/src/components/nodes/DependenciesNode.vue

@@ -34,6 +34,7 @@
                 class="circle-button"
                 :class="[`bg-${data.color}`]"
                 @click="$emit(EVENTS.EXPAND_DEPENDENCIES, data)"
+                v-if="data.expandEnabled"
             >
                 <tooltip :title="Utils.translate('expand')">
                     <ArrowExpandAll class="button-icon" alt="Expand task" />

package/src/components/nodes/DotNode.vue

@@ -30,7 +30,8 @@
                 required: true
             },
             label: {
-                type: String
+                type: String,
+                default: undefined
             }
         },
         computed: {

package/src/components/nodes/EdgeNode.vue

@@ -13,15 +13,42 @@
             }
         },
         props: {
-            id: String,
-            data: Object,
-            sourceX: Number,
-            sourceY: Number,
-            targetX: Number,
-            targetY: Number,
-            markerEnd: String,
-            sourcePosition: String,
-            targetPosition: String,
+            id: {
+                type: String,
+                default: undefined,
+            },
+            data: {
+                type: Object,
+                default: undefined,
+            },
+            sourceX: {
+                type: Number,
+                default: undefined,
+            },
+            sourceY: {
+                type: Number,
+                default: undefined,
+            },
+            targetX: {
+                type: Number,
+                default: undefined,
+            },
+            targetY: {
+                type: Number,
+                default: undefined,
+            },
+            markerEnd: {
+                type: String,
+                default: undefined,
+            },
+            sourcePosition: {
+                type: String,
+                default: undefined,
+            },
+            targetPosition: {
+                type: String,
+                default: undefined,
+            },
         },
         components: {
             AddTaskButton,

package/src/utils/Utils.js

@@ -51,8 +51,10 @@ export default class Utils {
     }
 
     static translate(text) {
+        /* eslint-disable */
         if (typeof $t !== "undefined" && typeof $t === "function") {
             return $t(text);
+        /* eslint-enable */
         } else {
             return text;
         }

package/src/utils/state.js

@@ -156,7 +156,7 @@ export default class State {
     }
 
     static color() {
-        return mapValues(STATE, state => 'cssVariable("--bs-" + state.colorClass)');
+        return mapValues(STATE, () => "cssVariable(\"--bs-\" + state.colorClass)");
     }
 
     static icon() {