@knime/scripting-editor 0.0.118 → 0.0.120

package/dist/DialogFileExplorer-B7Cpe71J.js

@@ -0,0 +1,381 @@
+import { createElementBlock as I, openBlock as d, createElementVNode as E, defineComponent as U, createBlock as P, withCtx as T, renderSlot as re, createVNode as O, unref as m, ref as h, watch as w, onMounted as ue, computed as c, toRefs as ce, useTemplateRef as j, toRef as de, Fragment as ve, createCommentVNode as M, toDisplayString as pe, resolveDynamicComponent as me } from "vue";
+import { FunctionButton as fe, LoadingIcon as Fe, Breadcrumb as he, InputField as Ie, FileExplorer as Oe, Label as Ee, ValueSwitch as ye } from "@knime/components";
+import { _ as ge, u as G, G as Re, H as _e } from "./house-AV6qjkJW.js";
+import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { a as Le } from "./useFileChooserBackend-Ev9D6Kfv.js";
+const Te = /* @__PURE__ */ J(ge, [["__scopeId", "data-v-590f0c00"]]), be = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function xe(s, l) {
+  return d(), I("svg", be, l[0] || (l[0] = [
+    E("path", { d: "M10.429 26.684h-7.91V5.075h9.051l4.613 6.001h13.298v15.608h-2.779m-5.234-.372 4.227 4.226m3.786-19.462V7.075H13.104" }, null, -1),
+    E("circle", {
+      cx: "17.997",
+      cy: "22.84",
+      r: "4.91"
+    }, null, -1)
+  ]));
+}
+const we = { render: xe }, Xe = /* @__PURE__ */ U({
+  __name: "FileBrowserButton",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["apply"],
+  setup(s, { emit: l }) {
+    const t = l;
+    return (i, v) => (d(), P(Te, {
+      ref: "settings-panel",
+      onApply: v[0] || (v[0] = () => t("apply"))
+    }, {
+      "expand-button": T(({ expand: f }) => [
+        O(m(fe), {
+          class: "fit-content",
+          disabled: i.disabled,
+          primary: "",
+          onClick: f
+        }, {
+          default: T(() => [
+            O(m(we))
+          ]),
+          _: 2
+        }, 1032, ["disabled", "onClick"])
+      ]),
+      default: T(({ applyAndClose: f, cancel: a }) => [
+        re(i.$slots, "default", {
+          applyAndClose: f,
+          cancel: a
+        })
+      ]),
+      _: 3
+    }, 512));
+  }
+}), Ze = ({
+  /**
+   * The onChange method that actually sets the value in the dialogs data.
+   */
+  onChange: s,
+  /**
+   * The value from this ref will be taken as initial value for
+   * the side drawer in the moment it is opened.
+   */
+  initialValue: l
+}) => {
+  const t = h(l.value), i = (f) => {
+    t.value = f;
+  }, v = () => s(t.value);
+  return w(() => l.value, i), {
+    onApply: v,
+    sideDrawerValue: t,
+    updateSideDrawerValue: i
+  };
+}, ke = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function De(s, l) {
+  return d(), I("svg", ke, l[0] || (l[0] = [
+    E("path", { d: "M29.5 26.8h-27V5.2h9.1l4.6 6h13.3zm0-15.6v-4H13.1" }, null, -1)
+  ]));
+}
+const Ce = { render: De }, Be = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function Ve(s, l) {
+  return d(), I("svg", Be, l[0] || (l[0] = [
+    E("path", { d: "M28.2 2.3h-5.6c-.7 0-1.2.5-1.2 1.2v5.6c0 .7.5 1.2 1.2 1.2h5.6c.7 0 1.2-.5 1.2-1.2V3.5c0-.6-.5-1.2-1.2-1.2zM9.4 11.9H3.8c-.7 0-1.2.5-1.2 1.2v5.6c0 .7.5 1.2 1.2 1.2h5.6c.7 0 1.2-.5 1.2-1.2v-5.6c0-.6-.6-1.2-1.2-1.2zm-6.5.4 7.3 7.3M21.7 2.7 29 10m-.8 11.5h-5.6c-.7 0-1.2.5-1.2 1.2v5.6c0 .7.5 1.2 1.2 1.2h5.6c.7 0 1.2-.5 1.2-1.2v-5.6c0-.7-.6-1.2-1.2-1.2zm-6.5.4 7.3 7.3M10.6 16h5.2V7.3c0-.6.4-1 1-1h4.7m-.1 19.2h-4.6c-.5 0-1-.4-1-1V16h-5.2" }, null, -1)
+  ]));
+}
+const Me = { render: Ve }, Pe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function We(s, l) {
+  return d(), I("svg", Pe, l[0] || (l[0] = [
+    E("path", { d: "m21.156 2.5 5.423 5.423h-5.423zm5.423 27H5.421v-27h15.735l5.423 5.423zM16.447 11.489H8.756m9.249-2.978H8.756m7.691 8.926H8.756m9.249-2.975H8.756" }, null, -1)
+  ]));
+}
+const Se = { render: We }, He = (s) => ({
+  getItemIcon: (t) => t.isDirectory ? Ce : s.value ? Me : Se
+}), $e = (s) => ({
+  isDirectory: s.isDirectory,
+  id: s.name,
+  name: s.name,
+  isOpen: !1,
+  isOpenableFile: !0,
+  canBeRenamed: !1,
+  canBeDeleted: !1,
+  ...s.isDisabledDirectory ? { disabled: !0 } : {}
+}), Ae = ({
+  actions: { chooseSelectedItem: s, goIntoSelectedFolder: l },
+  selectionMode: t,
+  selectedItem: i,
+  isRootParent: v
+}) => {
+  const {
+    element: f,
+    disabled: a,
+    text: u,
+    onApply: y
+  } = G(), {
+    element: r,
+    disabled: F,
+    onApply: k,
+    shown: _
+  } = G(Re);
+  ue(() => {
+    y.value = s, _.value = !0, F.value = !0, k.value = () => l();
+  });
+  const b = c(() => [
+    f,
+    r
+  ]);
+  return w(
+    [i, t, v],
+    ([g, p, D]) => {
+      p === "FILE" ? u.value = "Choose file" : p === "WORKFLOW" ? u.value = "Choose workflow" : u.value = "Choose folder";
+      const R = p === "FILE" || p === "WORKFLOW", L = p === "FOLDER";
+      g ? g.selectionType === "FILE" ? (a.value = L, F.value = !0, p === "FILE_OR_FOLDER" && (u.value = "Choose file")) : g.selectionType === "FOLDER" ? (a.value = R, F.value = !1) : g.selectionType === "FILE_OR_FOLDER" && (a.value = !1, F.value = !0, u.value = "Choose") : (F.value = !0, a.value = R || D);
+    },
+    { immediate: !0 }
+  ), {
+    clickOutsideExceptions: b,
+    goIntoFolderButtonShown: _
+  };
+}, Ne = {
+  key: 0,
+  class: "loading-animation"
+}, ze = { class: "current-path" }, Ke = {
+  key: 0,
+  class: "error"
+}, je = {
+  key: 0,
+  class: "name-input-wrapper"
+}, Ge = /* @__PURE__ */ U({
+  __name: "DialogFileExplorer",
+  props: {
+    initialFilePath: { default: "" },
+    isWriter: { type: Boolean, default: !1 },
+    filteredExtensions: { default: () => [] },
+    appendedExtension: { default: null },
+    backendType: {},
+    breadcrumbRoot: { default: null },
+    selectionMode: { default: "FILE" },
+    relativeToOptions: {}
+  },
+  emits: ["chooseItem", "update:isRelativeTo", "applyAndClose", "cancel", "navigate"],
+  setup(s, { emit: l }) {
+    const t = s, i = l, v = c({
+      get: () => {
+        var e;
+        return (e = t.relativeToOptions) != null && e.isRelativeTo ? "RELATIVE" : "ROOT";
+      },
+      set: (e) => i("update:isRelativeTo", e === "RELATIVE")
+    }), f = c(
+      () => t.relativeToOptions ? [
+        {
+          id: "ROOT",
+          text: t.relativeToOptions.rootLabel
+        },
+        {
+          id: "RELATIVE",
+          text: t.relativeToOptions.relativeRootLabel
+        }
+      ] : []
+    ), a = c(() => t.relativeToOptions && v.value === "RELATIVE" ? t.relativeToOptions.relativeToPath : null), u = h(null), y = h([]), r = h(null), F = h([]), k = {
+      FILE: ["FILE"],
+      FOLDER: ["FOLDER"],
+      FILE_OR_FOLDER: ["FILE", "FOLDER", "FILE_OR_FOLDER"],
+      WORKFLOW: ["FILE"]
+    }, _ = c(
+      () => k[t.selectionMode]
+    ), b = c(
+      () => F.value.map((e) => ({
+        ...e,
+        disabled: e.disabled || !_.value.includes("FILE") && !e.isDirectory
+      }))
+    ), g = c(
+      () => y.value.map((e, o) => {
+        var K;
+        let n = e.name, x = null;
+        return typeof n != "string" && ((K = t.relativeToOptions) != null && K.relativeRootIcon && e.path === t.relativeToOptions.relativeToPath ? x = t.relativeToOptions.relativeRootIcon : e.path === null ? t.breadcrumbRoot === null ? x = _e : n = t.breadcrumbRoot : n = e.path), {
+          ...n === null ? {} : { text: n },
+          title: n ?? "Root",
+          path: e.path,
+          clickable: o !== y.value.length - 1,
+          ...x ? { icon: x } : {}
+        };
+      })
+    ), p = h(!0), D = (e) => {
+      p.value = !1, u.value = e.path, y.value = e.parentFolders, F.value = e.items.map($e);
+    }, R = h(null), L = (e) => {
+      R.value = e ?? null;
+    }, C = c({
+      get: () => {
+        const e = r.value;
+        return e && _.value.includes(e.selectionType) ? e.name : "";
+      },
+      set: (e) => {
+        if (e === "") {
+          r.value = null;
+          return;
+        }
+        r.value = {
+          name: e,
+          selectionType: t.selectionMode === "WORKFLOW" ? "FILE" : t.selectionMode
+        };
+      }
+    }), Y = (e) => {
+      t.isWriter && (C.value = e);
+    }, W = (e) => {
+      if (!e) {
+        L("Failed to load items"), i("cancel");
+        return;
+      }
+      D(e.folder), L(e.errorMessage), Y(e.filePathRelativeToFolder), i("navigate", e.folder.path);
+    }, { filteredExtensions: q, appendedExtension: Q, isWriter: S, backendType: H } = ce(t), $ = c(() => t.selectionMode === "WORKFLOW"), { listItems: B, getFilePath: X, resolveRelativePath: Z } = Le({
+      filteredExtensions: q,
+      appendedExtension: Q,
+      isWriter: S,
+      isWorkflowFilterMode: $,
+      backendType: H
+    }), { getItemIcon: ee } = He($), A = (e, o = null) => {
+      r.value = null, p.value = !0, B(e, o, a.value).then(W);
+    }, N = (e) => A(u.value, e), te = ({ path: e }) => A(e ?? null), le = async (e) => {
+      const { path: o, errorMessage: n } = await X(
+        u.value,
+        e,
+        a.value
+      );
+      return o === null ? (L(n), Promise.reject(n)) : (i("chooseItem", o), Promise.resolve());
+    }, z = (e) => {
+      if (e.length === 0) {
+        r.value = null;
+        return;
+      }
+      const o = b.value.find(
+        ({ id: n }) => n === e[0]
+      );
+      o.isDirectory ? r.value = {
+        name: o.name,
+        selectionType: "FOLDER"
+      } : r.value = {
+        name: o.name,
+        selectionType: "FILE"
+      };
+    }, oe = j("input-field"), ne = j("relative-to-label"), { clickOutsideExceptions: se } = Ae({
+      actions: {
+        chooseSelectedItem: () => {
+          var e;
+          return le(((e = r.value) == null ? void 0 : e.name) ?? "");
+        },
+        goIntoSelectedFolder: () => {
+          var e;
+          return ((e = r.value) == null ? void 0 : e.selectionType) === "FOLDER" && N(r.value.name), Promise.resolve();
+        }
+      },
+      selectionMode: de(t, "selectionMode"),
+      selectedItem: r,
+      isRootParent: c(() => u.value === null)
+    }), ae = c(() => [
+      ...se.value,
+      oe,
+      ne
+    ]), ie = (e) => {
+      z([e.id]), i("applyAndClose");
+    }, V = h(!1);
+    return w(
+      () => H.value,
+      async () => {
+        var o;
+        V.value = !1;
+        let e = t.initialFilePath;
+        a.value && ((o = t.relativeToOptions) != null && o.initialFilePathIsRelative) && (e = await Z(e, a.value)), B(null, e, a.value).then((n) => {
+          W(n), V.value = !0;
+        });
+      },
+      { immediate: !0 }
+    ), w(
+      () => a.value,
+      () => V.value && B(u.value, null, a.value).then((e) => {
+        y.value = e.folder.parentFolders;
+      })
+    ), (e, o) => p.value ? (d(), I("div", Ne, [
+      O(m(Fe), { class: "icon" })
+    ])) : (d(), I(ve, { key: 1 }, [
+      E("div", ze, [
+        O(m(he), {
+          class: "breadcrumb",
+          items: g.value,
+          "no-wrap": "",
+          compact: "",
+          onClickItem: te
+        }, null, 8, ["items", "onClickItem"]),
+        R.value !== null ? (d(), I("span", Ke, "(" + pe(R.value) + ")", 1)) : M("", !0)
+      ]),
+      m(S) ? (d(), I("div", je, [
+        o[2] || (o[2] = E("span", null, "Name:", -1)),
+        O(m(Ie), {
+          ref: "input-field",
+          modelValue: C.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => C.value = n),
+          compact: ""
+        }, null, 8, ["modelValue"])
+      ])) : M("", !0),
+      O(m(Oe), {
+        class: "explorer",
+        "is-root-folder": u.value === null,
+        items: b.value,
+        "disable-context-menu": !0,
+        "disable-multi-select": !0,
+        "disable-dragging": !0,
+        "click-outside-exceptions": ae.value,
+        onChangeDirectory: N,
+        onOpenFile: ie,
+        "onUpdate:selectedItemIds": z
+      }, {
+        itemIcon: T(({ item: n }) => [
+          (d(), P(me(m(ee)(n))))
+        ]),
+        _: 1
+      }, 8, ["is-root-folder", "items", "click-outside-exceptions"]),
+      e.relativeToOptions ? (d(), P(m(Ee), {
+        key: 1,
+        ref: "relative-to-label",
+        class: "relative-to-option",
+        text: "Choose relative to"
+      }, {
+        default: T(() => [
+          O(m(ye), {
+            modelValue: v.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (n) => v.value = n),
+            "possible-values": f.value,
+            compact: ""
+          }, null, 8, ["modelValue", "possible-values"])
+        ]),
+        _: 1
+      }, 512)) : M("", !0)
+    ], 64));
+  }
+}), et = /* @__PURE__ */ J(Ge, [["__scopeId", "data-v-f01e5df5"]]);
+export {
+  et as D,
+  Ce as F,
+  Me as W,
+  Xe as _,
+  Ze as u
+};