@fluxo-dev/shell 0.0.41 → 0.0.42

package/ScalarTextField.vue.esm.js

@@ -0,0 +1,108 @@
+import { d as defineComponent, S as r, bz as useAttrs, a5 as nanoid, r as ref, bA as useTextareaAutosize, k as onMounted, U as openBlock, V as createElementBlock, Z as createBaseVNode, $ as createBlock, aj as mergeProps, G as unref, a4 as x, a8 as withKeys, bf as resolveDynamicComponent, a3 as normalizeClass, X as normalizeStyle, ab as toDisplayString, a2 as createCommentVNode, _ as renderSlot, a1 as c, ad as createTextVNode, bB as s } from './index.esm2.js';
+
+const P = { class: "scalar-input-container relative" }, R = ["for"], j = { class: "icon-slot cursor-pointer text-c-ghost hover:text-c-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, Q = /* @__PURE__ */ defineComponent({
+  __name: "ScalarTextField",
+  props: {
+    modelValue: {},
+    placeholder: {},
+    label: {},
+    labelShadowColor: { default: "var(--scalar-background-1)" },
+    error: { type: Boolean },
+    isMultiline: { type: Boolean },
+    helperText: {},
+    emitOnBlur: { type: Boolean, default: !0 },
+    handleFieldSubmit: {},
+    handleFieldChange: {},
+    disableTrim: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "update:modelValue"],
+  setup(w, { emit: S }) {
+    const t = w, p = S, B = r({
+      base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
+      variants: {
+        focus: {
+          true: "scalar-input-wrapper-focus border-c-3 has-actv-btn:border has-actv-btn:border-border"
+        },
+        error: { true: "scalar-input-wrapper-error border-red" }
+      }
+    }), c$1 = useAttrs(), m = c$1.id || `id-${nanoid()}`, a = ref(), n = ref(!1);
+    let f;
+    if (t.isMultiline) {
+      const { triggerResize: e } = useTextareaAutosize({
+        element: a,
+        input: t.modelValue
+      });
+      f = e;
+    }
+    function C(e) {
+      const r = e.target.value;
+      t.isMultiline && f(), t.handleFieldChange ? t.handleFieldChange(r) : p("update:modelValue", r);
+    }
+    function b(e) {
+      const r = e.target, i = t.disableTrim || t.isMultiline ? r.value : r.value.trim();
+      t.handleFieldSubmit ? t.handleFieldSubmit(i) : p("submit", i);
+    }
+    function F(e) {
+      n.value = !1, t.emitOnBlur && t.modelValue && b(e);
+    }
+    return onMounted(() => {
+      var e;
+      Object.prototype.hasOwnProperty.call(c$1, "autofocus") && ((e = a.value) == null || e.focus());
+    }), (e, r) => (openBlock(), createElementBlock("div", P, [
+      createBaseVNode("div", {
+        class: normalizeClass(unref(B)({ error: e.error, focus: n.value }))
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(e.isMultiline ? "textarea" : "input"), mergeProps({ id: unref(m) }, e.$attrs, {
+          ref_key: "input",
+          ref: a,
+          class: [
+            "scalar-input",
+            unref(x)(
+              { "min-h-[77px]": e.isMultiline },
+              "z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-c-1",
+              "outline-none transition-opacity"
+            )
+          ],
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          onBlur: F,
+          onFocus: r[0] || (r[0] = (i) => n.value = !0),
+          onInput: C,
+          onKeydown: withKeys(b, ["enter"])
+        }), null, 16, ["id", "class", "placeholder", "value"])),
+        e.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: normalizeClass(
+            unref(x)(
+              "scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-sm",
+              "z-10 origin-top-left rounded text-c-3 shadow-current transition-transform"
+            )
+          ),
+          for: unref(m),
+          style: normalizeStyle({
+            "box-shadow": `0 0 4px 4px ${e.labelShadowColor}`,
+            "background-color": e.labelShadowColor
+          })
+        }, toDisplayString(e.label), 15, R)) : createCommentVNode("", !0),
+        createBaseVNode("div", j, [
+          renderSlot(e.$slots, "default", {}, void 0, !0)
+        ])
+      ], 2),
+      e.helperText ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(["helper-text mt-1.5 flex items-center gap-1 text-sm", e.error ? "font-medium text-red" : "text-c-2"])
+      }, [
+        e.error ? (openBlock(), createBlock(unref(c), {
+          key: 0,
+          icon: "Error",
+          size: "sm"
+        })) : createCommentVNode("", !0),
+        createTextVNode(" " + toDisplayString(e.helperText), 1)
+      ], 2)) : createCommentVNode("", !0)
+    ]));
+  }
+});
+
+const m = /* @__PURE__ */ s(Q, [["__scopeId", "data-v-4de7a24e"]]);
+
+export { m };

package/Servers.vue.esm.js

@@ -0,0 +1,151 @@
+import { d as defineComponent, ap as w, aq as Te, aX as useRoute, c as computed, U as openBlock, V as createElementBlock, F as Fragment, W as createVNode, $ as createBlock, a2 as createCommentVNode, ar as useRouter, ac as withCtx, G as unref, Z as createBaseVNode, aa as renderList, ad as createTextVNode, b3 as serverSchema } from './index.esm2.js';
+import { e as m, g } from './SidebarButton.vue.esm.js';
+import { a, b as a$1 } from './SidebarListElement.vue.esm.js';
+import { x, a as a$2 } from './ViewLayoutContent.vue.esm.js';
+import { E } from './Form.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';
+import './DataTableInput.vue.esm.js';
+
+const B = { class: "w-full" }, N = /* @__PURE__ */ defineComponent({
+  __name: "ServerForm",
+  setup(C) {
+    const { activeCollection: a } = w(), { servers: v, serverMutators: u } = Te(), f = [
+      { label: "URL", key: "url", placeholder: "https://void.scalar.com/api" },
+      {
+        label: "Label",
+        key: "description",
+        placeholder: "Production"
+      }
+    ], c = useRoute(), o = computed(
+      () => {
+        var e, t;
+        return v[a.value && c.params.server === "default" ? (e = a.value) == null ? void 0 : e.servers[0] : ((t = a.value) == null ? void 0 : t.servers.find(
+          (r) => r === c.params.server
+        )) ?? ""];
+      }
+    ), _ = (e, t) => {
+      a.value && u.edit(o.value.uid, e, t);
+    }, k = (e, t) => {
+      a.value && u.edit(o.value.uid, `variables.${e}.value`, t);
+    }, h = computed(
+      () => {
+        var e;
+        return Object.entries(((e = o.value) == null ? void 0 : e.variables) ?? {}).map(
+          ([t, r]) => {
+            var s;
+            return {
+              key: t,
+              label: t,
+              placeholder: (r.default ?? ((s = r == null ? void 0 : r.enum) == null ? void 0 : s[0]) ?? "").toString()
+            };
+          }
+        );
+      }
+    ), i = computed(
+      () => Object.entries(o.value.variables ?? {}).reduce((e, [t, r]) => {
+        var s;
+        return e[t] = (r.default ?? ((s = r == null ? void 0 : r.enum) == null ? void 0 : s[0]) ?? "").toString(), e;
+      }, {})
+    );
+    return (e, t) => (openBlock(), createElementBlock("div", B, [
+      o.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createVNode(E, {
+          data: o.value,
+          onUpdate: _,
+          options: f,
+          title: "Server"
+        }, null, 8, ["data"]),
+        Object.keys(i.value).length ? (openBlock(), createBlock(E, {
+          key: 0,
+          data: i.value,
+          onUpdate: k,
+          options: h.value,
+          title: "Variables"
+        }, null, 8, ["data", "options"])) : createCommentVNode("", !0)
+      ], 64)) : createCommentVNode("", !0)
+    ]));
+  }
+});
+
+const $ = { class: "flex-1" }, J = /* @__PURE__ */ defineComponent({
+  __name: "Servers",
+  setup(g$1) {
+    const { activeCollection: t } = w(), { servers: u, serverMutators: c } = Te(), { push: f } = useRouter(), p = () => {
+      if (!t.value) return;
+      const o = serverSchema.parse({ url: "http://localhost" });
+      c.add(o, t.value.uid), f({
+        name: "servers",
+        params: {
+          server: o.uid
+        }
+      });
+    };
+    return (o, i) => (openBlock(), createBlock(a$2, null, {
+      default: withCtx(() => [
+        createVNode(unref(m), { title: "Servers" }, {
+          content: withCtx(() => [
+            createBaseVNode("div", $, [
+              createVNode(a, null, {
+                default: withCtx(() => {
+                  var l;
+                  return [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList((l = unref(t)) == null ? void 0 : l.servers, (s) => (openBlock(), createBlock(a$1, {
+                      key: s,
+                      class: "text-xs",
+                      variable: {
+                        name: unref(u)[s].url ?? "",
+                        uid: s
+                      }
+                    }, null, 8, ["variable"]))), 128))
+                  ];
+                }),
+                _: 1
+              })
+            ])
+          ]),
+          button: withCtx(() => [
+            createVNode(g, { click: p }, {
+              title: withCtx(() => i[0] || (i[0] = [
+                createTextVNode("Add Server")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(x, { class: "flex-1" }, {
+          default: withCtx(() => [
+            createVNode(N)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+
+export { J as default };