@knime/jsonforms 0.1.4

package/dist/FileChooserControl-Cf_UaWqV.js

@@ -0,0 +1,605 @@
+import { defineComponent as S, openBlock as r, createElementBlock as _, createElementVNode as c, normalizeClass as Q, renderSlot as Y, resolveComponent as ee, createBlock as w, withCtx as U, Fragment as P, renderList as te, resolveDynamicComponent as oe, createCommentVNode as x, createTextVNode as ae, toDisplayString as R, computed as C, ref as k, onMounted as L, watch as I, unref as d, createStaticVNode as se, createVNode as V, toRef as N, isRef as le } from "vue";
+import { _ as $, a1 as F, a2 as ne, I as z, E as re, g as ie, r as de, a as ue, L as pe } from "./index-ZDm2GXeD.js";
+import { u as ce, g as j, a as me, b as ve, F as fe, c as he, d as be, e as ge, _ as Ce } from "./FileExplorerTab-Ba76jD3y.js";
+import { L as _e } from "./link-BA69Hfx6.js";
+import { N as ye } from "./NumberInput-BdL-jZ-i.js";
+const we = 5;
+let A, O, E;
+const Ve = S({
+  name: "Carousel",
+  props: {
+    tabindex: {
+      type: Number,
+      default: null
+    }
+  },
+  data() {
+    return {
+      isMouseDown: !1,
+      wasDragged: !1
+    };
+  },
+  /**
+   * following methods allow dragging via mouse
+   */
+  methods: {
+    onMouseDown(e) {
+      E = this.$refs.carousel, this.isMouseDown = !0, this.wasDragged = !1, A = e.pageX, O = E.scrollLeft;
+    },
+    onMouseEnd(e) {
+      this.wasDragged && e.preventDefault(), this.isMouseDown = !1;
+    },
+    onMouseMove(e) {
+      if (!this.isMouseDown)
+        return;
+      e.preventDefault();
+      const o = e.pageX - A;
+      (this.wasDragged || Math.abs(o) > we) && (this.wasDragged = !0, E.scrollLeft = O - o);
+    },
+    onDragStart(e) {
+      e.preventDefault();
+    }
+  }
+}), Me = { class: "shadow-wrapper" }, Se = ["tabindex"];
+function $e(e, t, o, u, i, f) {
+  return r(), _("div", Me, [
+    c("div", {
+      ref: "carousel",
+      class: Q(["carousel", { "is-mouse-down": e.isMouseDown }]),
+      tabindex: e.tabindex,
+      onMousedown: t[0] || (t[0] = (...s) => e.onMouseDown && e.onMouseDown(...s)),
+      onMousemove: t[1] || (t[1] = (...s) => e.onMouseMove && e.onMouseMove(...s)),
+      onMouseup: t[2] || (t[2] = (...s) => e.onMouseEnd && e.onMouseEnd(...s)),
+      onClickCapture: t[3] || (t[3] = (...s) => e.onMouseEnd && e.onMouseEnd(...s)),
+      onMouseleave: t[4] || (t[4] = (...s) => e.onMouseEnd && e.onMouseEnd(...s)),
+      onDragstart: t[5] || (t[5] = (...s) => e.onDragStart && e.onDragStart(...s))
+    }, [
+      Y(e.$slots, "default", {}, void 0, !0)
+    ], 42, Se)
+  ]);
+}
+const ke = /* @__PURE__ */ $(Ve, [["render", $e], ["__scopeId", "data-v-3b9d085c"]]), Te = {
+  name: "TabBar",
+  components: {
+    Carousel: ke
+  },
+  props: {
+    /**
+     * Make the whole tab bar read-only
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Selected value. Should be one of the value attributes in the `possibleValues` prop.
+     */
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Name of the form elements. This is useful when using the tab bar inside a <form>.
+     * Defaults to `value`.
+     * If you have multiple tab bars on one page, make sure to include them in separate forms or use unique `name`
+     * properties. Otherwise the browser will not allow to select more than one tab in total.
+     */
+    name: {
+      type: String,
+      default: "value"
+    },
+    /**
+         * @example
+           [{
+               value: 'all',
+               label: 'All',
+               icon: null,
+               title: 'everything',
+               disabled: false
+           }, {
+               value: 'nodes',
+               label: 'Nodes',
+               icon: NodeIcon,
+               title: 'Nodes!',
+               disabled: true
+           }, {
+               value: 'workflows',
+               label: 'Workflows',
+               icon: WorkflowIcon,
+               disabled: true
+           }]
+         */
+    possibleValues: {
+      type: Array,
+      default: () => [],
+      validator(e = []) {
+        return Array.isArray(e) ? e.every((t) => t.value) : !1;
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  created() {
+    const e = this.possibleValues.filter((o) => !o.disabled);
+    let t = e.find((o) => o.value === this.modelValue);
+    if (t) {
+      consola.trace("TabBar: Initial tab set to", t);
+      return;
+    }
+    t = e[0] ?? { value: null }, consola.trace("TabBar: Setting initial tab to", t), this.$emit("update:modelValue", t.value);
+  },
+  methods: {
+    onChange(e) {
+      consola.trace("TabBar value changed to", e), this.$emit("update:modelValue", e);
+    }
+  }
+}, De = { class: "tab-bar" }, Ue = { class: "overflow" }, Fe = ["title"], Ee = ["name", "value", "disabled", "checked", "onChange"];
+function xe(e, t, o, u, i, f) {
+  const s = ee("Carousel");
+  return r(), w(s, { tabindex: -1 }, {
+    default: U(() => [
+      c("div", De, [
+        c("div", Ue, [
+          (r(!0), _(P, null, te(o.possibleValues, (l) => (r(), _("label", {
+            key: l.value,
+            title: l.title
+          }, [
+            c("input", {
+              name: o.name,
+              value: l.value,
+              disabled: o.disabled || l.disabled,
+              type: "radio",
+              checked: l.value === o.modelValue,
+              onChange: (v) => f.onChange(l.value)
+            }, null, 40, Ee),
+            c("span", null, [
+              l.icon ? (r(), w(oe(l.icon), { key: 0 })) : x("", !0),
+              ae(" " + R(l.label), 1)
+            ])
+          ], 8, Fe))), 128))
+        ])
+      ])
+    ]),
+    _: 1
+  });
+}
+const Le = /* @__PURE__ */ $(Te, [["render", xe], ["__scopeId", "data-v-796a1ee0"]]), Ie = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, Be = /* @__PURE__ */ c("path", { d: "M13.2 6.2c-3.8 2.1-5.1 7-3 10.8s7 5.1 10.8 3l4.4-2.6-7.8-13.7zm6.9 1.9 5.7-3.2m-2.9 8.2 5.7-3.2M10.2 17c-1.9 1.1-7.3 1.8-5.1 5.9s-1.7 5.4-1.7 5.4" }, null, -1), Ne = [
+  Be
+];
+function Ae(e, t) {
+  return r(), _("svg", Ie, [...Ne]);
+}
+const Oe = { render: Ae }, W = (e, t, o) => ({ onPathUpdate: (s) => {
+  const l = o.value.fileSystemSpecifier;
+  t(
+    F(e.value, {
+      path: s,
+      ...l ? { context: { fsSpecifier: l } } : {}
+    })
+  );
+}, onTimeoutUpdate: (s) => {
+  t(F(e.value, { timeout: s }));
+}, onFsCategoryUpdate: (s) => {
+  t(F(e.value, { fsCategory: s }));
+} }), H = /^[A-Za-z0-9]+:\/\//, X = "knime://knime.space/", Z = "knime://knime.workflow.data/", Pe = [
+  ["relative-to-current-hubspace", X],
+  ["relative-to-embedded-data", Z]
+], Re = /* @__PURE__ */ S({
+  __name: "FSLocationTextControl",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    isLocal: { type: Boolean },
+    portIndex: {},
+    fileSystemSpecifier: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, u = t, i = C(() => typeof o.portIndex < "u"), { getFilePath: f } = ce({
+      filteredExtensions: k([]),
+      // only relevant for browsing
+      appendedExtension: k(null),
+      // We do not wish to append anything here, since the user should be able to manually access any file
+      isWriter: k(!1),
+      // only relevant for browsing
+      backendType: C(
+        () => j(o.modelValue.fsCategory, o.portIndex)
+      )
+    }), s = async (a) => {
+      var y;
+      if (!i.value && a.fsCategory === "relative-to-current-hubspace")
+        return X + a.path;
+      if (!i.value && a.fsCategory === "relative-to-embedded-data")
+        return Z + a.path;
+      if (!i.value && a.fsCategory === "CUSTOM_URL")
+        return a.path;
+      if (!i.value && a.fsCategory === "LOCAL") {
+        const { path: M, errorMessage: b } = await f(null, a.path);
+        return b ? a.path : M || "";
+      }
+      return i.value && a.fsCategory === "CONNECTED" ? a.path : ((y = a.context) == null ? void 0 : y.fsToString) ?? "";
+    }, l = k(null), v = k("");
+    L(() => {
+      m();
+    });
+    const m = async () => {
+      v.value = await s(o.modelValue);
+    };
+    I(
+      () => o.modelValue,
+      () => {
+        var a;
+        ne() !== ((a = l.value) == null ? void 0 : a.$refs.input) && m();
+      }
+    );
+    const h = (a) => {
+      if (i.value)
+        return {
+          fsCategory: "CONNECTED",
+          path: a,
+          timeout: o.modelValue.timeout,
+          context: {
+            fsToString: "",
+            // won't be used in case of isConnected = true
+            fsSpecifier: o.fileSystemSpecifier
+          }
+        };
+      for (const [M, b] of Pe)
+        if (a.startsWith(b))
+          return {
+            fsCategory: M,
+            path: a.replace(b, ""),
+            timeout: o.modelValue.timeout
+          };
+      const y = o.isLocal ? "LOCAL" : "relative-to-current-hubspace";
+      return {
+        fsCategory: H.test(a) ? "CUSTOM_URL" : y,
+        path: a,
+        timeout: o.modelValue.timeout
+      };
+    }, p = (a) => {
+      v.value = a, u("update:modelValue", h(a));
+    };
+    return (a, y) => (r(), w(d(z), {
+      ref_key: "inputField",
+      ref: l,
+      "model-value": v.value,
+      disabled: a.disabled,
+      compact: "",
+      "onUpdate:modelValue": p,
+      onFocusout: m
+    }, null, 8, ["model-value", "disabled"]));
+  }
+}), ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  viewBox: "0 0 32 32"
+}, je = /* @__PURE__ */ c("path", {
+  "stroke-linejoin": "round",
+  "stroke-miterlimit": "10",
+  d: "M29.804 19.5h-27m21.5 8h-16.1m4.8 0v-4.3m7.2 0v4.3m-15.9-4.3h24c.8 0 1.5-.7 1.5-1.5V5.1c0-.8-.7-1.5-1.5-1.5h-24c-.8 0-1.5.7-1.5 1.5v16.6c0 .8.6 1.5 1.5 1.5Z"
+}, null, -1), We = [
+  je
+];
+function He(e, t) {
+  return r(), _("svg", ze, [...We]);
+}
+const Xe = { render: He }, Ze = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  viewBox: "0 0 32 32"
+}, Ke = /* @__PURE__ */ se('<path stroke-linejoin="round" stroke-miterlimit="10" d="M2.963 21.916V5.075h9.051l4.613 6.001h13.298v15.608h-5.418"></path><path stroke-linejoin="round" stroke-miterlimit="10" d="M29.925 11.076V7.075H13.548"></path><path stroke-width=".8" d="M12.016 13.54 22.27 30.73H1.763z"></path><path stroke-width=".8" d="m10.785 16.852 9.504 11.092-14.778 2.181z"></path><path stroke-width=".8" d="m10.364 20.335 6.864 4.85-8.26 4.045z"></path>', 5), qe = [
+  Ke
+];
+function Ge(e, t) {
+  return r(), _("svg", Ze, [...qe]);
+}
+const Je = { render: Ge }, Qe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+}, Ye = /* @__PURE__ */ c("path", { d: "M16.224 6.514c-5.239-.02-9.503 4.21-9.523 9.449s4.21 9.503 9.449 9.523l6.113-.053.073-18.896zm6.089 6.055 7.873.031m-7.9 6.878 7.873.031M6.701 15.963l-4.887.035m13.041-3.249L18.106 16l-3.251 3.251M18.106 16h-7.175" }, null, -1), et = [
+  Ye
+];
+function tt(e, t) {
+  return r(), _("svg", Qe, [...et]);
+}
+const ot = { render: tt }, at = { class: "vertical" }, st = /* @__PURE__ */ S({
+  __name: "ConnectionPreventsTab",
+  props: {
+    browseAction: {}
+  },
+  setup(e) {
+    return (t, o) => (r(), _("div", at, [
+      V(d(Oe), { class: "icon" }),
+      c("span", null, "Remove the file system input port in order to " + R(t.browseAction) + ".", 1)
+    ]));
+  }
+}), lt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-b16f8d24"]]), nt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  viewBox: "0 0 32 32"
+}, rt = /* @__PURE__ */ c("path", { d: "m16.654 2.75 15.03 24H1.625z" }, null, -1), it = /* @__PURE__ */ c("path", { d: "m14.427 6.533 14.767 16.72L6.34 26.463z" }, null, -1), dt = /* @__PURE__ */ c("path", { d: "m13.433 10.958 11.87 8.287-14.077 6.564z" }, null, -1), ut = [
+  rt,
+  it,
+  dt
+];
+function pt(e, t) {
+  return r(), _("svg", nt, [...ut]);
+}
+const ct = { render: pt }, mt = /* @__PURE__ */ S({
+  __name: "CustomUrlFileChooser",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {},
+    id: {},
+    urlErrorMessage: { default: null }
+  },
+  emits: ["update:path", "update:timeout"],
+  setup(e) {
+    return (t, o) => (r(), _(P, null, [
+      V(d(z), {
+        id: t.id,
+        disabled: t.disabled,
+        "model-value": t.modelValue.path,
+        placeholder: "URL",
+        "onUpdate:modelValue": o[0] || (o[0] = (u) => t.$emit("update:path", u))
+      }, null, 8, ["id", "disabled", "model-value"]),
+      t.urlErrorMessage ? (r(), w(re, {
+        key: 0,
+        style: { display: "unset" },
+        errors: [{ message: t.urlErrorMessage }]
+      }, null, 8, ["errors"])) : x("", !0),
+      V(d(ie), {
+        class: "timeout",
+        text: "Timeout"
+      }, {
+        default: U(({ labelForId: u }) => [
+          V(d(ye), {
+            id: u,
+            type: "integer",
+            min: 0,
+            disabled: t.disabled,
+            "model-value": t.modelValue.timeout,
+            "onUpdate:modelValue": o[1] || (o[1] = (i) => t.$emit("update:timeout", i))
+          }, null, 8, ["id", "disabled", "model-value"])
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+}), vt = /* @__PURE__ */ $(mt, [["__scopeId", "data-v-2b43a5f4"]]), ft = /* @__PURE__ */ S({
+  __name: "UrlTab",
+  props: {
+    modelValue: {},
+    id: {}
+  },
+  emits: ["update:path", "update:timeout"],
+  setup(e, { emit: t }) {
+    const o = e, u = t, { text: i, disabled: f, onApply: s } = me();
+    L(() => {
+      i.value = "Set Url", s.value = () => Promise.resolve();
+    });
+    const l = C(
+      () => H.test(o.modelValue.path)
+    );
+    I(
+      () => l.value,
+      (m) => {
+        f.value = !m;
+      },
+      { immediate: !0 }
+    );
+    const v = C(
+      () => l.value ? null : 'The url needs to start with a scheme (e.g. "https://")'
+    );
+    return (m, h) => (r(), w(vt, {
+      id: m.id,
+      "model-value": m.modelValue,
+      "url-error-message": v.value,
+      "onUpdate:path": h[0] || (h[0] = (p) => u("update:path", p)),
+      "onUpdate:timeout": h[1] || (h[1] = (p) => u("update:timeout", p))
+    }, null, 8, ["id", "model-value", "url-error-message"]));
+  }
+}), ht = { class: "flex" }, bt = { class: "flex-grow" }, gt = /* @__PURE__ */ S({
+  __name: "SideDrawerContent",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    id: {},
+    options: { default: () => ({}) }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const o = e, u = t, i = N(o, "options"), { onFsCategoryUpdate: f, onPathUpdate: s, onTimeoutUpdate: l } = W(
+      N(o, "modelValue"),
+      (g) => {
+        u("update:modelValue", g);
+      },
+      i
+    ), {
+      filteredExtensions: v,
+      appendedExtension: m,
+      isWriter: h,
+      isLocal: p,
+      isLoaded: a,
+      spacePath: y,
+      mountId: M,
+      isConnected: b,
+      portFileSystemName: n,
+      portIndex: T
+    } = ve(i), D = p.value ? [
+      {
+        value: "LOCAL",
+        label: "Local File System",
+        icon: Xe
+      }
+    ] : [], K = [
+      ...b.value ? [
+        {
+          value: "CONNECTED",
+          label: n.value,
+          icon: ot
+        }
+      ] : [],
+      ...D,
+      {
+        value: "relative-to-current-hubspace",
+        label: M.value,
+        icon: p.value ? Je : ct
+      },
+      {
+        value: "relative-to-embedded-data",
+        label: "Embedded Data",
+        icon: fe
+      },
+      {
+        value: "CUSTOM_URL",
+        label: "URL",
+        icon: _e
+      }
+    ], q = C(
+      () => j(o.modelValue.fsCategory, T.value)
+    ), G = C(() => o.modelValue.fsCategory === "relative-to-current-hubspace" ? y.value : o.modelValue.fsCategory === "relative-to-embedded-data" ? "Data" : null), J = {
+      "relative-to-current-hubspace": "browse the current space",
+      "relative-to-embedded-data": "browse the embedded data",
+      CUSTOM_URL: "use a URL to read files",
+      LOCAL: "browse the local file system"
+    };
+    return (g, wt) => (r(), _("div", ht, [
+      V(d(Le), {
+        "possible-values": K,
+        "model-value": g.modelValue.fsCategory,
+        "onUpdate:modelValue": d(f)
+      }, null, 8, ["model-value", "onUpdate:modelValue"]),
+      c("div", bt, [
+        d(b) && g.modelValue.fsCategory !== "CONNECTED" ? (r(), w(lt, {
+          key: 0,
+          "browse-action": J[g.modelValue.fsCategory]
+        }, null, 8, ["browse-action"])) : g.modelValue.fsCategory === "CUSTOM_URL" ? (r(), w(ft, {
+          key: 1,
+          id: g.id,
+          "model-value": g.modelValue,
+          disabled: g.disabled,
+          "onUpdate:path": d(s),
+          "onUpdate:timeout": d(l)
+        }, null, 8, ["id", "model-value", "disabled", "onUpdate:path", "onUpdate:timeout"])) : d(a) ? (r(), w(he, {
+          key: 2,
+          id: g.id,
+          "filtered-extensions": d(v),
+          "appended-extension": d(m),
+          "is-writer": d(h),
+          "backend-type": q.value,
+          "initial-file-path": g.modelValue.path,
+          "breadcrumb-root": G.value,
+          onChooseFile: d(s)
+        }, null, 8, ["id", "filtered-extensions", "appended-extension", "is-writer", "backend-type", "initial-file-path", "breadcrumb-root", "onChooseFile"])) : x("", !0)
+      ])
+    ]));
+  }
+}), Ct = /* @__PURE__ */ $(gt, [["__scopeId", "data-v-c645ae14"]]), _t = { class: "flex-row" }, yt = /* @__PURE__ */ S({
+  __name: "FileChooserControl",
+  props: de(),
+  setup(e) {
+    const t = e, {
+      control: o,
+      onChange: u,
+      disabled: i,
+      flowSettings: f
+    } = ue({
+      props: t
+    }), s = C(
+      () => {
+        var n;
+        return i.value || ((n = o.value.uischema.options) == null ? void 0 : n.fileSystemConnectionMissing);
+      }
+    ), l = C(() => o.value.uischema.options), { validCategories: v } = be(l), m = () => ({
+      path: "",
+      timeout: 1e4,
+      fsCategory: v.value[0],
+      context: {
+        fsSpecifier: l.value.fileSystemSpecifier
+      }
+    }), h = C(() => {
+      var n;
+      return ((n = o.value.data) == null ? void 0 : n.path) ?? m();
+    }), p = (n) => {
+      u({ path: n });
+    }, a = C(
+      () => {
+        var n;
+        return !!((n = f.value) != null && n.controllingFlowVariableName);
+      }
+    );
+    I(
+      () => a.value,
+      (n) => {
+        n || p(m());
+      }
+    );
+    const { onFsCategoryUpdate: y } = W(
+      C(() => {
+        var n;
+        return (n = o.value.data) == null ? void 0 : n.path;
+      }),
+      p,
+      l
+    );
+    L(() => {
+      var n;
+      !a.value && !v.value.includes((n = o.value.data) == null ? void 0 : n.path.fsCategory) && y(v.value[0]);
+    });
+    const { onApply: M, sideDrawerValue: b } = ge({
+      onChange: p,
+      initialValue: h
+    });
+    return (n, T) => (r(), w(pe, {
+      control: d(o),
+      onControllingFlowVariableSet: p
+    }, {
+      default: U(({ labelForId: D }) => [
+        c("div", _t, [
+          V(Re, {
+            id: D,
+            class: "flex-grow",
+            "model-value": h.value,
+            disabled: s.value,
+            "is-local": l.value.isLocal,
+            "port-index": l.value.portIndex,
+            "file-system-specifier": l.value.fileSystemSpecifier,
+            "onUpdate:modelValue": p
+          }, null, 8, ["id", "model-value", "disabled", "is-local", "port-index", "file-system-specifier"]),
+          V(Ce, {
+            disabled: s.value,
+            onApply: d(M)
+          }, {
+            default: U(() => [
+              V(Ct, {
+                id: D,
+                modelValue: d(b),
+                "onUpdate:modelValue": T[0] || (T[0] = (B) => le(b) ? b.value = B : null),
+                disabled: s.value,
+                options: l.value
+              }, null, 8, ["id", "modelValue", "disabled", "options"])
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onApply"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["control"]));
+  }
+}), Tt = /* @__PURE__ */ $(yt, [["__scopeId", "data-v-b6ff852c"]]);
+export {
+  Tt as default
+};