@fluxo-dev/shell 0.0.41 → 0.0.42

package/Cookies.vue.esm.js

@@ -0,0 +1,222 @@
+import { d as defineComponent, ap as w, aq as Te, c as computed, U as openBlock, $ as createBlock, ac as withCtx, Z as createBaseVNode, G as unref, a2 as createCommentVNode, ar as useRouter, aX as useRoute, k as onMounted, ak as onBeforeUnmount, W as createVNode, V as createElementBlock, F as Fragment, aa as renderList, a1 as c, a3 as normalizeClass, ad as createTextVNode, ab as toDisplayString, a6 as withDirectives, a9 as vShow, bC as cookieSchema } from './index.esm2.js';
+import { _ as _$1, p, 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 { a as a$3 } from './useSidebar.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 y$1 = { class: "flex items-center pointer-events-none" }, _ = ["value"], F = /* @__PURE__ */ defineComponent({
+  __name: "CookieForm",
+  setup(b) {
+    const { activeCookieId: o } = w(), { cookies: n, cookieMutators: i } = Te(), s = [
+      { label: "Key", key: "key", placeholder: "Username" },
+      { label: "Value", key: "value", placeholder: "123" },
+      { label: "Domain", key: "domain", placeholder: "scalar.com" },
+      { label: "Path", key: "path", placeholder: "/" },
+      { label: "Expires", key: "expires", placeholder: "Tomorrow" },
+      { label: "Secure", key: "secure", placeholder: "True/False" },
+      { label: "HttpOnly", key: "httpOnly", placeholder: "True/False" }
+    ], l = computed(
+      () => n[o.value] || {}
+    ), a = (r, e) => {
+      o.value && i.edit(o.value, r, e);
+    };
+    return (r, e) => (openBlock(), createBlock(E, {
+      data: l.value,
+      onUpdate: a,
+      options: s
+    }, {
+      title: withCtx(() => [
+        createBaseVNode("div", y$1, [
+          e[1] || (e[1] = createBaseVNode("label", {
+            class: "absolute w-full h-full top-0 left-0 pointer-events-auto opacity-0 cursor-text",
+            for: "cookiename"
+          }, null, -1)),
+          createBaseVNode("input", {
+            id: "cookiename",
+            class: "md:pl-1 outline-none border-0 text-c-2 rounded pointer-events-auto relative w-full",
+            placeholder: "Cookie Name",
+            value: l.value.name,
+            onInput: e[0] || (e[0] = (c) => a("name", c.target.value))
+          }, null, 40, _)
+        ])
+      ]),
+      _: 1
+    }, 8, ["data"]));
+  }
+});
+
+const y = /* @__PURE__ */ defineComponent({
+  __name: "CookieRaw",
+  setup(d) {
+    const { activeCookieId: o } = w(), { cookies: m } = Te();
+    return (k, t) => (openBlock(), createBlock(p, null, {
+      title: withCtx(() => t[0] || (t[0] = [
+        createBaseVNode("span", null, "Raw Cookie String", -1)
+      ])),
+      default: withCtx(() => [
+        unref(o) && unref(m)[unref(o)] ? (openBlock(), createBlock(_$1, {
+          key: 0,
+          class: "pl-px pr-2 md:px-2 py-2.5",
+          lineNumbers: "",
+          modelValue: ""
+        })) : createCommentVNode("", !0)
+      ]),
+      _: 1
+    }));
+  }
+});
+
+const X = { class: "flex-1" }, Y = ["onClick"], Z = { class: "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(1rem_-_1.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, ee = ["onClick"], te = { class: "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-[calc(1.75rem_-_1.5px)] before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] mb-[.5px] last:mb-0 relative" }, xe = /* @__PURE__ */ defineComponent({
+  __name: "Cookies",
+  setup(oe) {
+    const { cookies: p, cookieMutators: v, events: g$1 } = Te(), { collapsedSidebarFolders: i, toggleSidebarFolder: y$1 } = a$3(), b = useRouter(), L = useRoute(), C = () => {
+      const t = Object.keys(p).length, e = cookieSchema.parse({
+        name: `Cookie ${t}`,
+        value: "",
+        domain: "example.com",
+        path: "/",
+        secure: !1,
+        httpOnly: !1,
+        sameSite: "None"
+      });
+      v.add(e), b.push(e.uid);
+    }, V = (t) => {
+      v.delete(t);
+      const e = Object.values(p).filter(
+        (o) => o.uid !== t
+      );
+      if (e.length > 1) {
+        const o = e[e.length - 1];
+        b.push(o.uid);
+      } else e.length === 1 && e[0].uid === "default" && b.push("default");
+    }, h = computed(() => {
+      const t = {};
+      return Object.values(p).forEach((e) => {
+        e.domain && e.path && (t[e.domain] || (t[e.domain] = {}), t[e.domain][e.path] || (t[e.domain][e.path] = []), t[e.domain][e.path].push(e));
+      }), t;
+    }), w = (t) => i[t], S = (t) => {
+      t != null && t.createNew && L.name === "cookies" && C();
+    };
+    return onMounted(() => {
+      const t = Object.keys(h.value), e = Object.entries(h.value).flatMap(
+        ([o, r]) => Object.keys(r).map((d) => o + d)
+      );
+      t.forEach((o) => {
+        i[o] = !0;
+      }), e.forEach((o) => {
+        i[o] = !0;
+      }), g$1.hotKeys.on(S);
+    }), onBeforeUnmount(() => g$1.hotKeys.off(S)), (t, e) => (openBlock(), createBlock(a$2, null, {
+      default: withCtx(() => [
+        createVNode(unref(m), { title: "Cookies" }, {
+          content: withCtx(() => [
+            createBaseVNode("div", X, [
+              createVNode(a, null, {
+                default: withCtx(() => [
+                  (openBlock(!0), createElementBlock(Fragment, null, renderList(h.value, (o, r) => (openBlock(), createElementBlock("div", { key: r }, [
+                    createBaseVNode("button", {
+                      class: "flex font-medium gap-1.5 items-center px-2 py-1.5 text-left text-sm w-full break-words rounded hover:bg-b-2",
+                      type: "button",
+                      onClick: (d) => unref(y$1)(r)
+                    }, [
+                      createVNode(unref(c), {
+                        class: normalizeClass(["text-c-3", {
+                          "rotate-90": unref(i)[r]
+                        }]),
+                        icon: "ChevronRight",
+                        size: "sm",
+                        thickness: "2.5"
+                      }, null, 8, ["class"]),
+                      createTextVNode(" " + toDisplayString(r), 1)
+                    ], 8, Y),
+                    withDirectives(createBaseVNode("div", Z, [
+                      (openBlock(!0), createElementBlock(Fragment, null, renderList(o, (d, c$1) => (openBlock(), createElementBlock("div", { key: c$1 }, [
+                        createBaseVNode("button", {
+                          class: "flex font-medium gap-1.5 items-center pl-5 pr-2 py-1.5 text-left text-sm w-full break-words rounded hover:bg-b-2",
+                          type: "button",
+                          onClick: (u) => unref(y$1)(r + c$1)
+                        }, [
+                          createVNode(unref(c), {
+                            class: normalizeClass(["text-c-3", {
+                              "rotate-90": unref(i)[r + c$1]
+                            }]),
+                            icon: "ChevronRight",
+                            size: "sm",
+                            thickness: "2.5"
+                          }, null, 8, ["class"]),
+                          createTextVNode(" " + toDisplayString(c$1), 1)
+                        ], 8, ee),
+                        withDirectives(createBaseVNode("div", te, [
+                          (openBlock(!0), createElementBlock(Fragment, null, renderList(d, (u) => (openBlock(), createBlock(a$1, {
+                            key: u.uid,
+                            class: "cookie text-xs",
+                            variable: { name: u.name, uid: u.uid },
+                            warningMessage: "Are you sure you want to delete this cookie?",
+                            onDelete: (re) => V(u.uid)
+                          }, null, 8, ["variable", "onDelete"]))), 128))
+                        ], 512), [
+                          [vShow, w(r + c$1)]
+                        ])
+                      ]))), 128))
+                    ], 512), [
+                      [vShow, w(r)]
+                    ])
+                  ]))), 128))
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          button: withCtx(() => [
+            createVNode(g, {
+              click: C,
+              hotkey: "N"
+            }, {
+              title: withCtx(() => e[0] || (e[0] = [
+                createTextVNode("Add Cookie")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createVNode(x, { class: "flex-1" }, {
+          default: withCtx(() => [
+            createVNode(F),
+            createVNode(y)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+
+export { xe as default };

package/DataTableInput.vue.esm.js

@@ -0,0 +1,157 @@
+import { d as defineComponent, U as openBlock, V as createElementBlock, Z as createBaseVNode, _ as renderSlot, a2 as createCommentVNode, a3 as normalizeClass, X as normalizeStyle, $ as createBlock, ac as withCtx, bf as resolveDynamicComponent, ao as s$1, r as ref, c as computed, F as Fragment, aj as mergeProps, G as unref, aQ as w } from './index.esm2.js';
+import { O, _ } from './SidebarButton.vue.esm.js';
+
+const i$1 = {
+  key: 0,
+  class: "sr-only"
+}, f = /* @__PURE__ */ defineComponent({
+  __name: "DataTable",
+  props: {
+    columns: {},
+    scroll: { type: Boolean }
+  },
+  setup(p) {
+    return (o, u) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["border-1/2 rounded bg-b-1", o.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible"])
+    }, [
+      createBaseVNode("table", {
+        class: normalizeClass(["grid auto-rows-auto min-h-8 mb-0", { "min-w-full w-max": o.scroll }]),
+        style: normalizeStyle({
+          gridTemplateColumns: o.columns.map((t) => t || "1fr").join(" ")
+        })
+      }, [
+        o.$slots.caption ? (openBlock(), createElementBlock("caption", i$1, [
+          renderSlot(o.$slots, "caption")
+        ])) : createCommentVNode("", !0),
+        renderSlot(o.$slots, "default")
+      ], 6)
+    ], 2));
+  }
+});
+
+const m$1 = /* @__PURE__ */ defineComponent({
+  __name: "DataTableCell",
+  props: {
+    is: { default: "td" }
+  },
+  setup(s) {
+    return (e, d) => (openBlock(), createBlock(resolveDynamicComponent(e.is), {
+      class: "min-h-8 min-w-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative",
+      role: "cell"
+    }, {
+      default: withCtx(() => [
+        renderSlot(e.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+
+const c = {}, s = { class: "group contents w-fit min-w-full" };
+function l(t, a) {
+  return openBlock(), createElementBlock("tr", s, [
+    renderSlot(t.$slots, "default")
+  ]);
+}
+const i = /* @__PURE__ */ s$1(c, [["render", l]]);
+
+const A = {
+  key: 0,
+  class: "text-c-1 flex min-w-[94px] items-center pl-2 pr-0"
+}, I = { class: "row-1 overflow-x-auto" }, E = ["id", "readOnly", "type", "value"], F = {
+  key: 2,
+  class: "absolute centered-y right-2 pt-px text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[:focus-visible]:opacity-0"
+}, S = {
+  key: 1,
+  class: "absolute centered-y right-7 text-orange text-xs"
+}, U = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "DataTableInput",
+  props: {
+    id: {},
+    type: {},
+    containerClass: {},
+    required: { type: Boolean, default: !1 },
+    modelValue: {},
+    canAddCustomEnumValue: { type: Boolean, default: !0 },
+    readOnly: { type: Boolean, default: !1 },
+    enum: {},
+    min: {},
+    max: {}
+  },
+  emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
+  setup(y, { emit: c }) {
+    const o = y, s = c, n = ref(!0);
+    ref("");
+    const v = ref(!1), w$1 = () => {
+      v.value || s("inputBlur");
+    }, m = computed(
+      () => o.type === "password" ? n.value ? "password" : "text" : o.type ?? "text"
+    );
+    return (e, t) => (openBlock(), createBlock(m$1, {
+      class: normalizeClass(["relative row", e.containerClass])
+    }, {
+      default: withCtx(() => [
+        e.$slots.default ? (openBlock(), createElementBlock("div", A, [
+          renderSlot(e.$slots, "default", {}, void 0, !0)
+        ])) : createCommentVNode("", !0),
+        createBaseVNode("div", I, [
+          o.enum && o.enum.length ? (openBlock(), createBlock(O, {
+            key: 0,
+            canAddCustomValue: e.canAddCustomEnumValue,
+            modelValue: o.modelValue,
+            value: o.enum,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => s("update:modelValue", a))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            n.value && e.type === "password" ? (openBlock(), createElementBlock("input", mergeProps({ key: 0 }, e.$attrs, {
+              id: e.id,
+              autocomplete: "off",
+              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer px-2 py-1.25 -outline-offset-2",
+              "data-1p-ignore": "",
+              readOnly: e.readOnly,
+              spellcheck: "false",
+              type: m.value,
+              value: e.modelValue,
+              onInput: t[1] || (t[1] = (a) => s(
+                "update:modelValue",
+                a.target.value ?? ""
+              ))
+            }), null, 16, E)) : (openBlock(), createBlock(_, mergeProps({ key: 1 }, e.$attrs, {
+              id: e.id,
+              class: "border-none text-c-1 disabled:text-c-2 min-w-0 w-full peer",
+              disableCloseBrackets: "",
+              disableTabIndent: "",
+              max: e.max,
+              min: e.min,
+              modelValue: e.modelValue ?? "",
+              readOnly: e.readOnly,
+              required: e.required,
+              spellcheck: "false",
+              type: m.value,
+              onBlur: w$1,
+              onFocus: t[2] || (t[2] = (a) => s("inputFocus")),
+              "onUpdate:modelValue": t[3] || (t[3] = (a) => s("update:modelValue", a))
+            }), null, 16, ["id", "max", "min", "modelValue", "readOnly", "required", "type"])),
+            e.required ? (openBlock(), createElementBlock("div", F, " Required ")) : createCommentVNode("", !0)
+          ], 64))
+        ]),
+        e.$slots.warning ? (openBlock(), createElementBlock("div", S, [
+          renderSlot(e.$slots, "warning", {}, void 0, !0)
+        ])) : createCommentVNode("", !0),
+        renderSlot(e.$slots, "icon", {}, void 0, !0),
+        e.type === "password" ? (openBlock(), createBlock(unref(w), {
+          key: 2,
+          class: "-ml-.5 mr-1 h-6 w-6 self-center p-1.5",
+          icon: n.value ? "Show" : "Hide",
+          label: n.value ? "Show Password" : "Hide Password",
+          onClick: t[4] || (t[4] = (a) => n.value = !n.value)
+        }, null, 8, ["icon", "label"])) : createCommentVNode("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+
+const m = /* @__PURE__ */ s$1(U, [["__scopeId", "data-v-8574d822"]]);
+
+export { m as a, f, i, m$1 as m };