@kestra-io/ui-libs 0.0.83 → 0.0.88

package/src/utils/global.ts

@@ -0,0 +1,36 @@
+declare global {
+    interface String {
+        capitalize(): string
+        hashCode(): string
+    }
+}
+
+String.prototype.capitalize = function () {
+    return this.charAt(0).toUpperCase() + this.slice(1)
+}
+
+String.prototype.hashCode = function () {
+    let hash = 0;
+    if (this.length === 0) {
+        return "0";
+    }
+    for (let i = 0; i < this.length; i++) {
+        const char = this.charCodeAt(i);
+        hash = ((hash << 5) - hash) + char;
+        hash = hash & hash; // Convert to 32bit integer
+    }
+    return hash + "";
+}
+
+/**
+ * Get the value of a CSS variable
+ * @deprecated if you can use the variable itself in the style tag, use it instead
+ * @param name - The name of the CSS variable
+ * @returns The value of the CSS variable
+ */
+export const cssVariable = (name:string) => {
+    const root = document.querySelector(":root");
+    const rootStyle = root ? getComputedStyle(root) : null;
+
+    return rootStyle?.getPropertyValue(name);
+}

package/src/utils/{state.js → state.ts}

@@ -8,7 +8,16 @@ import SkipPreviousCircle from "vue-material-design-icons/SkipPreviousCircle.vue
 import AlertCircle from "vue-material-design-icons/AlertCircle.vue";
 import DotsVerticalCircle from "vue-material-design-icons/DotsVerticalCircle.vue";
 
-const STATE = Object.freeze({
+interface StateModel {
+    name: string;
+    colorClass: string;
+    icon: any;
+    isRunning: boolean;
+    isKillable: boolean;
+    isFailed: boolean;
+}
+
+const STATE:Record<string, StateModel> = Object.freeze({
     CREATED: {
         name: "CREATED",
         colorClass: "cyan",
@@ -120,24 +129,24 @@ export default class State {
         return STATE.PAUSED.name;
     }
 
-    static isRunning(state) {
+    static isRunning(state:string) {
         return STATE[state] && STATE[state].isRunning;
     }
 
-    static isKillable(state) {
+    static isKillable(state:string) {
         return STATE[state] && STATE[state].isKillable;
     }
 
-    static isPaused(state) {
+    static isPaused(state:string) {
         return STATE[state] && STATE[state] === STATE.PAUSED;
     }
 
-    static isFailed(state) {
+    static isFailed(state:string) {
         return STATE[state] && STATE[state].isFailed;
     }
 
     static allStates() {
-        return mapValues(STATE, state => {
+        return mapValues(STATE, (state:StateModel) => {
             return {
                 key: state.name,
                 icon: state.icon,
@@ -151,7 +160,7 @@ export default class State {
     }
 
     static colorClass() {
-        return mapValues(STATE, state => state.colorClass);
+        return mapValues(STATE, (state: StateModel) => state.colorClass);
     }
 
     static color() {
@@ -159,6 +168,6 @@ export default class State {
     }
 
     static icon() {
-        return mapValues(STATE, state => state.icon);
+        return mapValues(STATE, (state:StateModel) => state.icon);
     }
 }

package/src/vite.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/dist/_theme-dark.scss

@@ -1,20 +0,0 @@
-// gray
-$gray-900: #CAC5DA;
-$gray-800: #A69FC1;
-$gray-700: #918BA9;
-$gray-600: #404559;
-$gray-500: #2F3342;
-$gray-400: #2C303F;
-$gray-300: #202435;
-$gray-200: #21242E;
-$gray-100: #1C1E27;
-
-$light: $gray-200;
-$dark: $gray-100;
-
-// body
-$body-color: $gray-900;
-$border-color: $gray-600;
-$body-bg: $gray-200;
-$card-bg: $gray-500;
-$input-bg: $gray-100;

package/dist/_variables.scss

@@ -1,119 +0,0 @@
-// primary color
-$primary: #8405FF !default;
-$secondary: #C182FF !default;
-$tertiary: #2F3342 !default;
-
-// color system
-$blue: #1761FD !default;
-$indigo: #8405FF !default;
-$purple: #9F9DFF !default;
-$purple-36: #9CA1DE;
-$pink: #FD3C97 !default;
-$red: #E36065 !default;
-$red-light: #FF9D9D !default;
-$orange: #FCB37C !default;
-$yellow: #FCE07C !default;
-$green: #03DABA !default;
-$teal: #03D87F !default;
-$cyan: #60C5FE !default;
-
-// gray
-$white: #FFF !default;
-$gray-100: #F5F5FF !default;
-$gray-200: #f1f5fa !default;
-$gray-300: #E5E4F7 !default;
-$gray-400: #b6c2e4 !default;
-$gray-500: #8997bd !default;
-$gray-600: #7081b9 !default;
-$gray-700: #303e67 !default;
-$gray-800: #2c3652 !default;
-$gray-900: #1d2c48 !default;
-$black: #26282D !default;
-
-$light: $gray-200 !default;
-$dark: $gray-900 !default;
-
-$white-3:  #B9B9BA;
-
-$black-2 : #161617;
-$black-3 : #252526;
-
-// fonts
-$font-size-base: 1rem !default;
-$font-family-sans-serif: "Public Sans", sans-serif;
-$font-family-monospace: "Source Code Pro", monospace;
-$font-size-xs: $font-size-base * 0.75 !default;
-$font-size-md : $font-size-base * 1;
-$font-size-xl: $font-size-base * 1.375;
-
-// border
-$block-border: 1px solid $black-3;
-
-// border radius
-$border-radius: 0.25rem !default;
-$border-radius-lg: 0.5rem !default;
-$border-radius-sm: 0.15rem !default;
-
-// layout
-$menu-width: 268px !default;
-$spacer: 1rem !default;
-
-// body
-$body-color: $gray-800 !default;
-$body-tertiary-color: #FFFFFF;
-$body-tertiary-bg: #785EEA;
-$border-color: $gray-300 !default;
-$body-bg: $gray-100 !default;
-$card-bg: $white !default;
-$input-bg: $white !default;
-
-// link
-$link-color: $primary !default;
-$link-decoration: none;
-
-// border radius
-$border-radius: .25rem !default;
-$border-radius-sm: .15rem !default;
-
-// shadow
-$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
-$box-shadow: 0 .5rem 1rem rgba($black, .15);
-$box-shadow-lg: 0 1rem 3rem rgba($black, .175);
-
-// boostrap flags
-$enable-reduced-motion: false;
-
-// element-plus
-$types: primary, success, warning, danger, error, info !default;
-$element-colors: (
-        'white': $white,
-        'black': $black,
-        'primary': (
-                'base': $primary,
-        ),
-        'success': (
-                'base': $green,
-        ),
-        'warning': (
-                'base': $orange,
-        ),
-        'danger': (
-                'base': $red,
-        ),
-        'error': (
-                'base': $red,
-        ),
-        'info': (
-                'base': $cyan,
-        ),
-);
-
-$popper-margin: .2rem;
-
-$baseline-max-width: 730px;
-
-// bootstrap
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/vendor/rfs";
-@import 'bootstrap/scss/variables';

package/src/components/index.js

@@ -1,29 +0,0 @@
-// nodes
-import ClusterNode from "./nodes/ClusterNode.vue";
-import DotNode from "./nodes/DotNode.vue";
-import EdgeNode from "./nodes/EdgeNode.vue";
-import TaskNode from "./nodes/TaskNode.vue";
-import TriggerNode from "./nodes/TriggerNode.vue"
-import BasicNode from "./nodes/BasicNode.vue";
-import CollapsedClusterNode from "./nodes/CollapsedClusterNode.vue";
-import DependenciesNode from "./nodes/DependenciesNode.vue"
-
-// Topology Component
-import Topology from "./topology/Topology.vue";
-
-// misc
-import ExecutionInformations from "./misc/ExecutionInformations.vue";
-import State from "./misc/State.vue";
-import TaskIcon from "./misc/TaskIcon.vue";
-
-// buttons
-import AddTaskButton from "./buttons/AddTaskButton.vue";
-
-// plugins
-import SchemaToHtml from "./plugins/SchemaToHtml.vue";
-
-export {ClusterNode, DotNode, EdgeNode, TaskNode, TriggerNode, BasicNode, CollapsedClusterNode, DependenciesNode};
-export {Topology}
-export {ExecutionInformations, State, TaskIcon};
-export {AddTaskButton};
-export {SchemaToHtml};

package/src/index.js

@@ -1,7 +0,0 @@
-import YamlUtils from "./utils/YamlUtils.js";
-import Utils from "./utils/Utils.js";
-import VueFlowUtils from "./utils/VueFlowUtils.js";
-
-export {YamlUtils, Utils, VueFlowUtils};
-
-export * from "./components/index.js";

package/src/utils/Utils.js

@@ -1,62 +0,0 @@
-import humanizeDuration from "humanize-duration";
-import moment from "moment";
-
-const humanizeDurationLanguages = {
-    "en" : {
-        y: () => "y",
-        mo: () => "mo",
-        w: () => "w",
-        d: () => "d",
-        h: () => "h",
-        m: () => "m",
-        s: () => "s",
-        ms: () => "ms",
-    },
-    "fr" : {
-        y: () => "a",
-        mo: () => "mo",
-        w: () => "se",
-        d: () => "j",
-        h: () => "h",
-        m: () => "m",
-        s: () => "s",
-        ms: () => "ms",
-    }
-}
-export default class Utils {
-    static splitFirst(str, separator) {
-        return str.split(separator).slice(1).join(separator);
-    }
-
-    static duration(isoString) {
-        return moment.duration(isoString, moment.ISO_8601).asMilliseconds() / 1000
-    }
-
-    static humanDuration(value, options) {
-        options = options || {maxDecimalPoints: 2};
-        options.spacer = "";
-        options.language = localStorage.getItem("lang") || "en";
-        options.languages = humanizeDurationLanguages;
-        options.largest = 2;
-
-        if (typeof (value) !== "number") {
-            value = Utils.duration(value);
-        }
-
-        return humanizeDuration(value * 1000, options).replace(/\.([0-9])s$/i, ".$10s")
-    }
-
-    static afterLastDot(str) {
-        return str.split(".").pop();
-    }
-
-    static translate(text) {
-        /* eslint-disable */
-        if (typeof $t !== "undefined" && typeof $t === "function") {
-            return $t(text);
-        /* eslint-enable */
-        } else {
-            return text;
-        }
-    }
-}