@fluxo-dev/shell 0.0.40 → 0.0.42

package/Environment.vue.esm.js

@@ -0,0 +1,385 @@
+import { d as defineComponent, r as ref, c as computed, K as watch, U as openBlock, V as createElementBlock, a2 as createCommentVNode, F as Fragment, aa as renderList, Z as createBaseVNode, $ as createBlock, G as unref, a1 as c, X as normalizeStyle, a6 as withDirectives, a7 as vModelText, W as createVNode, a3 as normalizeClass, aK as nextTick, ac as withCtx, aA as p, ar as useRouter, aX as useRoute, aq as Te, aP as E, k as onMounted, ak as onBeforeUnmount, ad as createTextVNode, ai as createSlots, ab as toDisplayString, a8 as withKeys, by as environmentSchema, a5 as nanoid } from './index.esm2.js';
+import { a, e as m$1, g, p as p$1, _ } from './SidebarButton.vue.esm.js';
+import { a as a$1, b as a$2 } from './SidebarListElement.vue.esm.js';
+import { x, a as a$3 } from './ViewLayoutContent.vue.esm.js';
+import { m } from './ScalarTextField.vue.esm.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-redux';
+import 'react-router-dom';
+import '@fluxo-dev/ui-components';
+import '@fluxo-dev/shell-mfe';
+import '@mantine/core';
+import '@fluxo-dev/shell-ravify';
+import '@fluxo-dev/state';
+import '@mantine/hooks';
+import '@mantine/spotlight';
+import '@fluxo-dev/api-client-base';
+import '@mantine/notifications';
+import 'react-dom';
+import '@mantine/form';
+import '@mantine/dates';
+import '@mantine/dropzone';
+import '@fluxo-dev/shell-reporting';
+import '@fluxo-dev/shell-workflow';
+import '@fluxo-dev/shell-bi';
+import '@fluxo-dev/shell-hub';
+import '@fluxo-dev/shell-printing';
+import 'node:crypto';
+import 'util';
+
+const D = ["onClick"], V = {
+  key: 1,
+  class: "!py-0 flex flex-1 gap-2 items-center rounded"
+}, j = ["placeholder"], T = /* @__PURE__ */ defineComponent({
+  __name: "EnvironmentColors",
+  props: {
+    activeColor: {}
+  },
+  emits: ["select"],
+  setup(y) {
+    const u = y, t = ref(!1), o = ref(""), i = ref(null), d = [
+      { color: "#8E8E8E" },
+      { color: "#EF0006" },
+      { color: "#EDBE20" },
+      { color: "#069061" },
+      { color: "#FB892C" },
+      { color: "#0082D0" },
+      { color: "#5203D1" },
+      { color: "#FFC0CB" }
+    ], C = computed(() => u.activeColor && !d.some((e) => e.color === u.activeColor) || o.value ? `background-color: ${u.activeColor || o.value};` : "background: linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122));"), k = () => {
+      t.value = !t.value, nextTick(() => {
+        i.value && i.value.focus();
+      });
+    };
+    return watch(o, (e) => {
+      e && !e.startsWith("#") && (o.value = `#${e}`), t.value = !0;
+    }), (e, r) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["flex flex-row gap-1.5 items-center justify-between space-x-1 min-h-10 min-w-[296px] py-1", t.value ? "pl-2 pr-1.5" : "px-2"])
+    }, [
+      t.value ? createCommentVNode("", !0) : (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(d, (l) => createBaseVNode("div", {
+          key: l.color,
+          class: "flex h-5 w-5 cursor-pointer items-center justify-center rounded-full",
+          style: normalizeStyle({ backgroundColor: l.color }),
+          onClick: (N) => e.$emit("select", l.color)
+        }, [
+          e.activeColor === l.color && !o.value ? (openBlock(), createBlock(unref(c), {
+            key: 0,
+            class: "text-c-btn",
+            icon: "Checkmark",
+            size: "xs"
+          })) : createCommentVNode("", !0)
+        ], 12, D)), 64)),
+        r[2] || (r[2] = createBaseVNode("hr", { class: "w-0.5 h-5 border-ghost border-l" }, null, -1)),
+        createBaseVNode("label", {
+          class: "cursor-pointer flex flex-row justify-center h-5 w-5 gap-2 items-center rounded-full z-10",
+          style: normalizeStyle(C.value),
+          onClick: k
+        }, [
+          !t.value && (e.activeColor === o.value || e.activeColor && !d.some((l) => l.color === e.activeColor)) ? (openBlock(), createBlock(unref(c), {
+            key: 0,
+            class: "text-c-btn",
+            icon: "Checkmark",
+            size: "xs"
+          })) : createCommentVNode("", !0)
+        ], 4)
+      ], 64)),
+      t.value ? (openBlock(), createElementBlock("div", V, [
+        r[3] || (r[3] = createBaseVNode("span", { class: "absolute border border-dashed h-5 w-5 rounded-full" }, null, -1)),
+        createBaseVNode("span", {
+          class: "h-5 w-5 rounded-full z-[1]",
+          style: normalizeStyle(C.value)
+        }, null, 4),
+        withDirectives(createBaseVNode("input", {
+          ref_key: "customColorInputRef",
+          ref: i,
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
+          class: "border-transparent flex-1 outline-none w-full text-sm",
+          placeholder: e.activeColor || "#000000",
+          type: "text",
+          onInput: r[1] || (r[1] = (l) => e.$emit("select", o.value))
+        }, null, 40, j), [
+          [vModelText, o.value]
+        ]),
+        createBaseVNode("button", {
+          class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg",
+          type: "button",
+          onClick: k
+        }, [
+          createVNode(unref(c), {
+            icon: "Checkmark",
+            size: "xs"
+          })
+        ])
+      ])) : createCommentVNode("", !0)
+    ], 2));
+  }
+});
+
+const S = { class: "flex flex-col gap-4" }, B = /* @__PURE__ */ defineComponent({
+  __name: "EnvironmentColorModal",
+  props: {
+    state: {},
+    selectedColor: {}
+  },
+  emits: ["cancel", "submit"],
+  setup(r, { emit: s }) {
+    const a$1 = r, l = s, t = ref(""), i = (o) => {
+      t.value = o;
+    };
+    return (o, e) => (openBlock(), createBlock(unref(p), {
+      size: "xxs",
+      state: o.state,
+      title: "Edit Environment Color"
+    }, {
+      default: withCtx(() => [
+        createBaseVNode("div", S, [
+          createVNode(T, {
+            activeColor: t.value || a$1.selectedColor,
+            class: "p-1 w-full",
+            onSelect: i
+          }, null, 8, ["activeColor"]),
+          createVNode(a, {
+            onCancel: e[0] || (e[0] = (m) => l("cancel")),
+            onSubmit: e[1] || (e[1] = (m) => l("submit", t.value))
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["state"]));
+  }
+});
+
+const w = { class: "flex flex-col gap-3" }, F = /* @__PURE__ */ defineComponent({
+  __name: "EnvironmentModal",
+  props: {
+    state: {}
+  },
+  emits: ["cancel", "submit"],
+  setup(i, { emit: u }) {
+    const c = i, r = u, o = ref(""), l = ref("#8E8E8E"), d = (t) => {
+      l.value = t;
+    };
+    return watch(
+      () => c.state.open,
+      (t) => {
+        t && (o.value = "", l.value = "#8E8E8E");
+      }
+    ), (t, e) => (openBlock(), createBlock(unref(p), {
+      size: "xxs",
+      state: t.state,
+      title: "Add Environment"
+    }, {
+      default: withCtx(() => [
+        createBaseVNode("div", w, [
+          createVNode(unref(m), {
+            modelValue: o.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => o.value = n),
+            placeholder: "Environment name"
+          }, null, 8, ["modelValue"]),
+          createVNode(T, {
+            activeColor: l.value,
+            class: "p-3 w-full",
+            onSelect: d
+          }, null, 8, ["activeColor"]),
+          createVNode(a, {
+            onCancel: e[1] || (e[1] = (n) => r("cancel")),
+            onSubmit: e[2] || (e[2] = (n) => r("submit", {
+              name: o.value,
+              color: l.value
+            }))
+          })
+        ])
+      ]),
+      _: 1
+    }, 8, ["state"]));
+  }
+});
+
+const pe = { class: "flex-1" }, ye = ["value"], Ke = /* @__PURE__ */ defineComponent({
+  __name: "Environment",
+  setup(Ee) {
+    const f = useRouter(), k = useRoute(), { environments: l, environmentMutators: r, events: C } = Te(), v = E(), p = E(), o = ref(null), V = ref(null), y = ref(!1), E$1 = ref(null), _$1 = ref(""), c = (e) => JSON.parse(e), h = (e) => JSON.stringify(e, null, 2);
+    function x$1(e) {
+      const t = l[Object.keys(l)[0]], a = (t ? Object.keys(c(t.value)) : []).reduce(
+        (D, U) => (D[U] = "", D),
+        {}
+      ), w = environmentSchema.parse({
+        name: e.name,
+        uid: nanoid(),
+        color: e.color,
+        value: h(a),
+        isDefault: !1
+      });
+      r.add(w), o.value = w.uid, f.push(o.value), p.hide();
+    }
+    function M(e) {
+      Object.values(l).forEach((t) => {
+        const n = c(t.value);
+        e in n || (n[e] = "", r.edit(
+          t.uid,
+          "value",
+          h(n)
+        ));
+      });
+    }
+    function O(e) {
+      Object.values(l).forEach((t) => {
+        const n = c(t.value);
+        e in n && (delete n[e], r.edit(
+          t.uid,
+          "value",
+          h(n)
+        ));
+      });
+    }
+    function $(e) {
+      if (o.value) {
+        const t = c(e), n = c(
+          l[o.value].value
+        );
+        Object.keys(t).forEach((a) => {
+          a in n || M(a);
+        }), Object.keys(n).forEach((a) => {
+          a in t || O(a);
+        }), r.edit(o.value, "value", e);
+      }
+    }
+    const j = (e) => {
+      if (r.delete(e), o.value === e) {
+        const t = Object.values(l);
+        if (t.length > 0) {
+          const n = t[t.length - 1];
+          o.value = n.uid, f.push({
+            name: "environment",
+            params: { environment: n.uid }
+          });
+        } else
+          o.value = l.default.uid, f.push({ name: "environment", params: { environment: "default" } });
+      }
+    }, K = (e) => {
+      E$1.value = e, _$1.value = l[e].color || "", v.show();
+    }, I = (e) => {
+      E$1.value && (r.edit(E$1.value, "color", e), v.hide());
+    }, L = () => {
+      const e = f.currentRoute.value.params.environment;
+      e ? o.value = e : e === "default" && (o.value = l.default.uid);
+    }, R = () => {
+      o.value && !l[o.value].isDefault && (y.value = !0, nextTick(() => {
+        var e;
+        (e = V.value) == null || e.focus();
+      }));
+    }, B$1 = (e) => {
+      const n = e.target.value;
+      o.value && !l[o.value].isDefault && r.edit(o.value, "name", n);
+    }, N = (e) => {
+      e != null && e.createNew && k.name === "environment" && x$1({ name: "", color: "" });
+    }, A = () => {
+      p.show();
+    };
+    return watch(
+      () => k.params.environment,
+      (e) => o.value = e || l.default.uid
+    ), onMounted(() => {
+      L(), C.hotKeys.on(N);
+    }), onBeforeUnmount(() => C.hotKeys.off(N)), (e, t) => (openBlock(), createBlock(a$3, null, {
+      default: withCtx(() => [
+        createVNode(m$1, { title: "Environment" }, {
+          content: withCtx(() => [
+            createBaseVNode("div", pe, [
+              createVNode(a$1, null, {
+                default: withCtx(() => [
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(l), (n) => (openBlock(), createBlock(a$2, {
+                    key: n.uid,
+                    class: "text-xs",
+                    isCopyable: !1,
+                    variable: {
+                      name: n.name,
+                      uid: n.uid,
+                      color: n.color,
+                      isDefault: n.isDefault
+                    },
+                    warningMessage: "Are you sure you want to delete this environment?",
+                    onClick: (a) => o.value = n.uid,
+                    onColorModal: K,
+                    onDelete: (a) => j(n.uid)
+                  }, null, 8, ["variable", "onClick", "onDelete"]))), 128))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          button: withCtx(() => [
+            createVNode(g, {
+              click: A,
+              hotkey: "N"
+            }, {
+              title: withCtx(() => t[4] || (t[4] = [
+                createTextVNode("Add Environment")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(x, { class: "flex-1" }, {
+          default: withCtx(() => [
+            createVNode(p$1, null, createSlots({
+              default: withCtx(() => [
+                o.value ? (openBlock(), createBlock(_, {
+                  key: 0,
+                  class: "pl-px pr-2 md:px-4 py-2",
+                  isCopyable: "",
+                  language: "json",
+                  lineNumbers: "",
+                  lint: "",
+                  modelValue: unref(l)[o.value].value,
+                  "onUpdate:modelValue": $
+                }, null, 8, ["modelValue"])) : createCommentVNode("", !0)
+              ]),
+              _: 2
+            }, [
+              o.value ? {
+                name: "title",
+                fn: withCtx(() => [
+                  !y.value || unref(l)[o.value].isDefault ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    onDblclick: R
+                  }, toDisplayString(unref(l)[o.value].name), 33)) : (openBlock(), createElementBlock("input", {
+                    key: 1,
+                    ref_key: "nameInputRef",
+                    ref: V,
+                    class: "ring-1 ring-offset-4 ring-b-outline rounded",
+                    spellcheck: "false",
+                    type: "text",
+                    value: unref(l)[o.value].name,
+                    onBlur: t[0] || (t[0] = (n) => y.value = !1),
+                    onInput: B$1,
+                    onKeyup: t[1] || (t[1] = withKeys((n) => y.value = !1, ["enter"]))
+                  }, null, 40, ye))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1024)
+          ]),
+          _: 1
+        }),
+        createVNode(B, {
+          selectedColor: _$1.value,
+          state: unref(v),
+          onCancel: t[2] || (t[2] = (n) => unref(v).hide()),
+          onSubmit: I
+        }, null, 8, ["selectedColor", "state"]),
+        createVNode(F, {
+          state: unref(p),
+          onCancel: t[3] || (t[3] = (n) => unref(p).hide()),
+          onSubmit: x$1
+        }, null, 8, ["state"])
+      ]),
+      _: 1
+    }));
+  }
+});
+
+export { Ke as default };

package/Form.vue.esm.js

@@ -0,0 +1,53 @@
+import { d as defineComponent, U as openBlock, $ as createBlock, ac as withCtx, V as createElementBlock, ab as toDisplayString, _ as renderSlot, Z as createBaseVNode, F as Fragment, aa as renderList, a3 as normalizeClass, W as createVNode, ad as createTextVNode, a2 as createCommentVNode } from './index.esm2.js';
+import { f, i, a as m } from './DataTableInput.vue.esm.js';
+import { p } from './SidebarButton.vue.esm.js';
+
+const C = { key: 0 }, N = { class: "custom-scroll flex flex-1 flex-col gap-1.5 p-2 md:p-5" }, E = /* @__PURE__ */ defineComponent({
+  __name: "Form",
+  props: {
+    title: {},
+    options: {},
+    data: {},
+    onUpdate: { type: Function }
+  },
+  setup(S) {
+    return (e, U) => (openBlock(), createBlock(p, null, {
+      title: withCtx(() => [
+        e.title ? (openBlock(), createElementBlock("span", C, toDisplayString(e.title), 1)) : renderSlot(e.$slots, "title", { key: 1 })
+      ]),
+      default: withCtx(() => [
+        createBaseVNode("div", N, [
+          Object.keys(e.data).length > 0 ? (openBlock(), createBlock(f, {
+            key: 0,
+            columns: [""]
+          }, {
+            default: withCtx(() => [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(e.options, (o, r) => (openBlock(), createBlock(i, {
+                key: r,
+                class: normalizeClass({ "border-t": r === 0 })
+              }, {
+                default: withCtx(() => [
+                  createVNode(m, {
+                    modelValue: String(e.data[o.key] ?? ""),
+                    placeholder: o.placeholder,
+                    "onUpdate:modelValue": (s) => e.onUpdate(o.key, s)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(o.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "placeholder", "onUpdate:modelValue"])
+                ]),
+                _: 2
+              }, 1032, ["class"]))), 128))
+            ]),
+            _: 1
+          })) : createCommentVNode("", !0)
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+
+export { E };