@knime/scripting-editor 0.0.119 → 0.0.120

package/dist/MultiFileChooserControl-ZP5enAM4.js

@@ -0,0 +1,404 @@
+import { createElementBlock as d, openBlock as i, createElementVNode as F, defineComponent as D, computed as n, ref as S, createCommentVNode as k, normalizeClass as H, renderSlot as z, createBlock as R, unref as g, toDisplayString as b, createVNode as p, Fragment as T, renderList as K, withCtx as C, createTextVNode as $, watch as N, normalizeProps as U, mergeProps as Q } from "vue";
+import { a6 as q, v as G, A as W, L as J, ag as X } from "./parameters-TDvh_VJm.js";
+import { a as Y, _ as M } from "./FieldControl.vue_vue_type_script_setup_true_lang-D4UZciBE.js";
+import { b as Z, g as ee, u as te } from "./useFileChooserBackend-Ev9D6Kfv.js";
+import { LoadingIcon as oe, FunctionButton as x } from "@knime/components";
+import { _ as ne } from "./SettingsSubPanel-BE_UKIFi-Dr8nIOON.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const le = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function re(c, e) {
+  return i(), d("svg", le, e[0] || (e[0] = [
+    F("circle", {
+      cx: "16",
+      cy: "16",
+      r: "13"
+    }, null, -1),
+    F("path", { d: "M9.9 10.1 22 22m-.1-12L10 22.1" }, null, -1)
+  ]));
+}
+const se = { render: re }, ie = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function ae(c, e) {
+  return i(), d("svg", ie, e[0] || (e[0] = [
+    F("path", { d: "m10.5 5 11 11-11 11" }, null, -1)
+  ]));
+}
+const ce = { render: ae }, de = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "#000",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 32 32"
+};
+function ue(c, e) {
+  return i(), d("svg", de, e[0] || (e[0] = [
+    F("path", { d: "M26.615 8.397h-5.222V3.175m5.222 26H6.241v-26h15.152l5.222 5.222z" }, null, -1)
+  ]));
+}
+const fe = { render: ue }, pe = { class: "container" }, ve = { class: "everything-except-error-message" }, he = { class: "header-icon" }, me = { class: "header-text" }, Fe = {
+  key: 0,
+  class: "visible-items-container"
+}, ge = {
+  key: 0,
+  class: "loading-overlay"
+}, we = {
+  key: 1,
+  class: "empty-list"
+}, _e = ["title"], ye = { class: "visible-items-footer" }, Se = ["title"], Ce = /* @__PURE__ */ D({
+  __name: "FileSelectionPreview",
+  props: {
+    previewData: {},
+    filterMode: {},
+    expandByDefault: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 }
+  },
+  setup(c) {
+    const e = c, l = n(
+      () => e.previewData.resultType === "SUCCESS" ? e.previewData.itemsAfterFiltering : []
+    ), u = n(() => {
+      switch (e.filterMode) {
+        case "FILES_AND_FOLDERS":
+          return "files/folders";
+        case "FOLDERS":
+          return "folders";
+        default:
+          return "files";
+      }
+    }), v = n(() => {
+      if (e.previewData.resultType === "ERROR")
+        return `Error loading ${u.value}`;
+      const r = l.value.length, f = e.previewData.numItemsBeforeFiltering, a = `${r}${e.previewData.numFilesAfterFilteringIsOnlyLowerBound ? "+" : ""}`, _ = `${f}${e.previewData.numFilesBeforeFilteringIsOnlyLowerBound ? "+" : ""}`;
+      return `${a} of ${_} ${u.value}`;
+    }), s = S(e.expandByDefault), h = () => {
+      s.value = !s.value;
+    };
+    return (r, f) => (i(), d("div", pe, [
+      F("div", ve, [
+        F("div", {
+          class: H(["visible-items-header", { error: r.previewData.resultType === "ERROR" }])
+        }, [
+          F("div", he, [
+            r.previewData.resultType === "SUCCESS" ? (i(), R(g(fe), { key: 0 })) : (i(), R(g(se), { key: 1 }))
+          ]),
+          F("span", me, b(v.value), 1),
+          z(r.$slots, "header-buttons-right", {}, void 0, !0)
+        ], 2),
+        s.value ? (i(), d("div", Fe, [
+          e.isLoading ? (i(), d("div", ge, [
+            p(g(oe), { class: "loading-spinner" })
+          ])) : k("", !0),
+          l.value.length === 0 ? (i(), d("div", we, "No files")) : (i(!0), d(T, { key: 2 }, K(l.value, (a) => (i(), d("div", {
+            key: a,
+            title: a,
+            class: "visible-item"
+          }, b(a), 9, _e))), 128))
+        ])) : k("", !0),
+        F("div", ye, [
+          p(g(x), {
+            class: "filter-button",
+            onClick: h
+          }, {
+            default: C(() => [
+              $(b(s.value ? "Hide all" : "Show all"), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      r.previewData.resultType === "ERROR" ? (i(), d("div", {
+        key: 0,
+        class: "flexible-error-message-container",
+        "data-test-id": "error-message",
+        title: r.previewData.errorMessage
+      }, b(r.previewData.errorMessage), 9, Se)) : k("", !0)
+    ]));
+  }
+}), j = /* @__PURE__ */ A(Ce, [["__scopeId", "data-v-d87f20ec"]]), P = "filters", ke = /* @__PURE__ */ D({
+  __name: "FilterSettings",
+  props: {
+    control: {},
+    handleChange: { type: Function }
+  },
+  setup(c, { expose: e }) {
+    const l = c, u = n(() => q(l.control.path, P)), v = n(
+      () => {
+        var s;
+        return (s = l.control.uischema.options) == null ? void 0 : s.filters.uiSchema;
+      }
+    );
+    return e({
+      /**
+       * Resets the filter settings to their default values. NOT the same as discarding them
+       * and returning to the saved state.
+       */
+      resetFilters: () => {
+        var s;
+        l.handleChange(u.value, {
+          ...(s = l.control.schema.default) == null ? void 0 : s[P],
+          filterMode: l.control.data.filters.filterMode
+        });
+      }
+    }), (s, h) => (i(), R(Y, {
+      control: s.control,
+      "field-name": P,
+      "handle-change": s.handleChange,
+      uischema: v.value
+    }, null, 8, ["control", "handle-change", "uischema"]));
+  }
+}), Ie = ({
+  backendType: c,
+  filterOptions: e,
+  additionalFilterOptionsClassIdentifier: l,
+  includeSubFolders: u
+}) => {
+  const v = G("getData");
+  return {
+    listItemsForPreview: (r, f) => {
+      const a = [
+        c.value,
+        r,
+        f,
+        u.value,
+        {
+          additionalFilterOptions: e.value,
+          additionalFilterOptionsClassIdentifier: l
+        }
+      ];
+      return v({
+        method: "fileFilterPreview.listItemsForPreview",
+        options: a
+      });
+    },
+    resolveRelativePath: (r, f) => v({
+      method: "fileChooser.resolveRelativePath",
+      options: [c.value, r, f]
+    })
+  };
+}, Oe = { class: "filter-settings-drawer-content" }, Re = /* @__PURE__ */ D({
+  __name: "FilterPreview",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(c) {
+    var o;
+    const e = c, l = n(() => {
+      var t;
+      return (t = e.control.data) == null ? void 0 : t.includeSubfolders;
+    }), u = n(
+      () => e.control.uischema
+    ), { portIndex: v } = Z(u), s = n(
+      () => ee(e.control.data.path.fsCategory, v.value)
+    ), h = S({
+      itemsAfterFiltering: [],
+      numItemsBeforeFiltering: 0,
+      numFilesAfterFilteringIsOnlyLowerBound: !1,
+      numFilesBeforeFilteringIsOnlyLowerBound: !1,
+      resultType: "SUCCESS"
+    }), r = S(!0), f = S(null), a = n(() => {
+      var t;
+      return (t = e.control.data) == null ? void 0 : t.filters;
+    }), _ = Ie({
+      backendType: s,
+      includeSubFolders: l,
+      filterOptions: a,
+      additionalFilterOptionsClassIdentifier: (o = e.control.uischema.options) == null ? void 0 : o.filters.classId
+    }), I = n(() => e.control.data.path), y = n(() => e.control.data.filterMode), O = S(0), E = async () => {
+      var w, V;
+      r.value = !0, ++O.value;
+      let t = I.value.path;
+      I.value.fsCategory === "relative-to-workflow" && ((V = (w = u.value.options) == null ? void 0 : w.spaceFSOptions) != null && V.relativeWorkflowPath) && (t = await _.resolveRelativePath(
+        t,
+        u.value.options.spaceFSOptions.relativeWorkflowPath
+      ));
+      const m = O.value, B = await _.listItemsForPreview(
+        t,
+        y.value
+      );
+      m === O.value && (h.value = B, r.value = !1);
+    };
+    N(
+      y,
+      (t) => {
+        e.control.data.filters.filterMode !== t && e.handleChange(
+          W(W(e.control.path, "filters"), "filterMode"),
+          t
+        );
+      },
+      { immediate: !0 }
+    ), N(
+      [l, a, I],
+      () => E(),
+      {
+        deep: !0
+      }
+    );
+    const L = S(null);
+    return (t, m) => (i(), d(T, null, [
+      p(j, {
+        "preview-data": h.value,
+        "is-loading": r.value,
+        "filter-mode": y.value
+      }, {
+        "header-buttons-right": C(() => [
+          p(g(x), {
+            class: "filter-button",
+            onClick: m[0] || (m[0] = (B) => {
+              var w;
+              return (w = f.value) == null ? void 0 : w.expand();
+            })
+          }, {
+            default: C(() => [
+              m[2] || (m[2] = $(" Edit filters ", -1)),
+              p(g(ce))
+            ]),
+            _: 1,
+            __: [2]
+          })
+        ]),
+        _: 1
+      }, 8, ["preview-data", "is-loading", "filter-mode"]),
+      p(g(ne), {
+        ref_key: "filterPanelRef",
+        ref: f,
+        "show-back-arrow": "",
+        "background-color-override": "var(--knime-gray-ultra-light)"
+      }, {
+        default: C(() => [
+          F("div", Oe, [
+            p(j, {
+              "preview-data": h.value,
+              "filter-mode": y.value,
+              "is-loading": r.value,
+              "expand-by-default": ""
+            }, {
+              "header-buttons-right": C(() => [
+                p(g(x), {
+                  class: "filter-button reset-button",
+                  onClick: m[1] || (m[1] = (B) => {
+                    var w;
+                    return (w = L.value) == null ? void 0 : w.resetFilters();
+                  })
+                }, {
+                  default: C(() => m[3] || (m[3] = [
+                    $(" Reset all filters ", -1)
+                  ])),
+                  _: 1,
+                  __: [3]
+                })
+              ]),
+              _: 1
+            }, 8, ["preview-data", "filter-mode", "is-loading"]),
+            p(ke, {
+              ref_key: "filterSettingsRef",
+              ref: L,
+              control: t.control,
+              "handle-change": t.handleChange
+            }, null, 8, ["control", "handle-change"])
+          ])
+        ]),
+        _: 1
+      }, 512)
+    ], 64));
+  }
+}), Le = /* @__PURE__ */ A(Re, [["__scopeId", "data-v-eb6f3484"]]), be = { class: "flex-column" }, De = /* @__PURE__ */ D({
+  __name: "MultiFileChooserControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    labelForId: {},
+    isValid: { type: Boolean },
+    messages: {},
+    onRegisterValidation: { type: Function }
+  },
+  setup(c) {
+    const e = c, l = n(
+      () => e.control.uischema
+    ), u = J(l, "connectedFSOptions"), v = n(() => {
+      var t;
+      const o = (t = e.control.data) == null ? void 0 : t.filterMode;
+      return o === "WORKFLOW" ? "WORKFLOW" : o === "FILE" ? "FILE" : "FOLDER";
+    }), s = n(() => {
+      var t;
+      const o = (t = e.control.data) == null ? void 0 : t.filterMode;
+      return o !== "FILE" && o !== "FOLDER";
+    }), h = n(() => {
+      var o;
+      return {
+        ...l.value.options,
+        connectedFSOptions: u.value ?? ((o = l.value.options) == null ? void 0 : o.connectedFSOptions),
+        selectionMode: v.value
+      };
+    }), r = {
+      FILE: "File",
+      WORKFLOW: "Workflow",
+      FOLDER: "Folder",
+      FILES_AND_FOLDERS: "Files and folders",
+      FILES_IN_FOLDERS: "Files in folders",
+      FOLDERS: "Folders"
+    }, f = (o) => ({
+      id: o,
+      text: r[o]
+    }), a = n(
+      () => {
+        var o, t;
+        return ((t = (o = l.value.options) == null ? void 0 : o.possibleFilterModes) == null ? void 0 : t.map(
+          f
+        )) ?? [];
+      }
+    ), _ = n(() => ({
+      possibleValues: a.value
+    })), I = n(() => a.value.length > 1), y = n(
+      () => a.value.length > 2 ? "radio" : "valueSwitch"
+    ), { isConnectedButNoFileConnectionIsAvailable: O, isConnected: E } = te(h), L = n(
+      () => {
+        var o;
+        return O.value || !E.value && ((o = e.control.data) == null ? void 0 : o.path.fsCategory) === "CONNECTED";
+      }
+    );
+    return (o, t) => (i(), d("div", be, [
+      I.value ? (i(), R(M, {
+        key: 0,
+        "field-name": "filterMode",
+        format: y.value,
+        options: _.value,
+        control: o.control
+      }, null, 8, ["format", "options", "control"])) : k("", !0),
+      p(M, {
+        "field-name": "path",
+        format: g(X),
+        options: h.value,
+        control: o.control
+      }, null, 8, ["format", "options", "control"]),
+      s.value ? (i(), d(T, { key: 1 }, [
+        p(M, {
+          "field-name": "includeSubfolders",
+          control: o.control
+        }, null, 8, ["control"]),
+        L.value ? k("", !0) : (i(), R(Le, U(Q({ key: 0 }, e)), null, 16))
+      ], 64)) : k("", !0)
+    ]));
+  }
+}), Ae = /* @__PURE__ */ A(De, [["__scopeId", "data-v-4f12ef85"]]);
+export {
+  Ae as default
+};

package/dist/MultiSelectListBoxControl-BmRzZUI_-BeYs5sOZ.js

@@ -0,0 +1,34 @@
+import { defineComponent as t, toRef as n, createBlock as s, openBlock as d, unref as l } from "vue";
+import { t as r } from "./usePossibleValues-CJPCrHNK-DHhG_gUy.js";
+import { J as p } from "./MultiselectListBox-Ivk-_tly-BI48Ai96.js";
+const V = /* @__PURE__ */ t({
+  __name: "MultiSelectListBoxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const a = e, { possibleValues: i } = r(n(a, "control"));
+    return (u, c) => {
+      var o;
+      return d(), s(l(p), {
+        id: e.labelForId,
+        "possible-values": l(i) || [],
+        disabled: e.disabled,
+        "model-value": e.control.data,
+        "is-valid": e.isValid,
+        ariaLabel: e.control.label,
+        size: (o = e.control.uischema.options) == null ? void 0 : o.size,
+        "onUpdate:modelValue": e.changeValue
+      }, null, 8, ["id", "possible-values", "disabled", "model-value", "is-valid", "ariaLabel", "size", "onUpdate:modelValue"]);
+    };
+  }
+});
+export {
+  V as default
+};