@knime/jsonforms 2.1.0 → 3.0.0

package/dist/{SimpleTwinlistControl-BIg9RlZc.js → SimpleTwinlistControl-DOH1_L25.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, toRef as l, openBlock as r, createBlock as a, mergeProps as p, unref as i } from "vue";
-import { u as c } from "./usePossibleValues-11Tpukcj.js";
-import { _ as u } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-DfInqqdb.js";
+import { u as c } from "./usePossibleValues-CXVLf00v.js";
+import { _ as u } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-BKCvZF3X.js";
 const y = /* @__PURE__ */ s({
   __name: "SimpleTwinlistControl",
   props: {

package/dist/{SingleSelectControl-C9VQUQ05.js → SingleSelectControl-mY_yYOyk.js}

@@ -1,6 +1,6 @@
 import { defineComponent as I, computed as c, toRef as y, openBlock as v, createBlock as $ } from "vue";
-import { u as F } from "./usePossibleValues-11Tpukcj.js";
-import { _ as R } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-CHAtK3ts.js";
+import { u as F } from "./usePossibleValues-CXVLf00v.js";
+import { _ as R } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-DFSHuMQ6.js";
 const i = "__special__", a = "__regular__", P = /* @__PURE__ */ I({
   __name: "SingleSelectControl",
   props: {

package/dist/SortListControl-D-Um5gEW.js

@@ -0,0 +1,81 @@
+import { defineComponent as y, computed as l, onMounted as k, watch as x, openBlock as U, createBlock as g, unref as L } from "vue";
+import { KdsSortableListBox as S } from "@knime/kds-components";
+import { u as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const I = "<any unknown new column>", E = /* @__PURE__ */ y({
+  __name: "SortListControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(a) {
+    const o = a, t = l(() => o.control.data), s = l(
+      () => o.control.uischema
+    ), u = l(
+      () => s.value.options?.unknownElementId ?? I
+    ), m = l(
+      () => s.value.options?.unknownElementLabel ?? "Any unknown column"
+    ), c = F(
+      s,
+      "possibleValues",
+      []
+    ), i = (e) => {
+      const n = {
+        id: e.id,
+        text: e.text,
+        ...e.special ? { special: !0 } : {}
+      };
+      return e.type?.id && (n.accessory = {
+        type: "dataType",
+        name: e.type.id
+      }), n;
+    }, d = l(
+      () => c.value.map(i).concat(
+        i({
+          id: u.value,
+          text: m.value,
+          special: !0
+        })
+      )
+    ), p = (e) => {
+      if (t.value.length === 0) {
+        b();
+        return;
+      }
+      const n = t.value.indexOf(u.value);
+      if (n === -1)
+        throw new Error(
+          `SortList data have to contain the value "${u.value}"`
+        );
+      const V = t.value.slice(0, n + 1), f = t.value.slice(n + 1), w = new Set(t.value), v = e.map(({ id: r }) => r).filter((r) => !w.has(r));
+      v.length > 0 && o.changeValue(V.concat(v, f));
+    };
+    k(() => {
+      p(c.value);
+    }), x(() => c.value, p);
+    const b = () => {
+      o.changeValue(d.value.map(({ id: e }) => e));
+    }, h = (e) => {
+      o.changeValue(e);
+    };
+    return (e, n) => (U(), g(L(S), {
+      id: a.labelForId,
+      ariaLabel: a.control.label,
+      "possible-values": d.value,
+      "model-value": t.value,
+      disabled: a.disabled,
+      error: a.error,
+      "sub-text": a.subText,
+      "onUpdate:modelValue": h
+    }, null, 8, ["id", "ariaLabel", "possible-values", "model-value", "disabled", "error", "sub-text"]));
+  }
+});
+export {
+  I as DEFAULT_ANY_UNKNOWN_VALUES_ID,
+  E as default
+};

package/dist/{TeamAndSpacesControl-Z86PRtbH.js → TeamAndSpacesControl-fGumynvr.js}

@@ -1,6 +1,7 @@
 import { defineComponent as S, ref as r, computed as l, openBlock as I, createElementBlock as y, createElementVNode as m, createVNode as v, unref as b } from "vue";
-import { V, _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-const x = { class: "team-and-space" }, A = { class: "team" }, B = { class: "space" }, F = /* @__PURE__ */ S({
+import { KdsDropdown as f } from "@knime/kds-components";
+import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const x = { class: "team-and-space" }, B = { class: "team" }, F = { class: "space" }, N = /* @__PURE__ */ S({
   __name: "TeamAndSpacesControl",
   props: {
     control: {},
@@ -13,11 +14,11 @@ const x = { class: "team-and-space" }, A = { class: "team" }, B = { class: "spac
     labelForId: {}
   },
   setup(d) {
-    const o = d, n = r(""), a = r(""), f = l(
+    const o = d, n = r(""), a = r(""), V = l(
       () => o.control.uischema
-    ), u = l(() => f.value.options), i = l(() => u.value?.possibleTeams ?? []), p = l(() => u.value?.possibleSpaces ?? []), c = l(
+    ), u = l(() => V.value.options), i = l(() => u.value?.possibleTeams ?? []), p = l(() => u.value?.possibleSpaces ?? []), c = l(
       () => p.value.find(({ id: s }) => s === n.value)?.spaces ?? []
-    ), h = l(() => !o.control.enabled || i.value.length === 0), _ = l(() => !o.control.enabled || c.value.length === 0), T = () => {
+    ), h = l(() => !o.control.enabled || i.value.length === 0), T = l(() => !o.control.enabled || c.value.length === 0), _ = () => {
       if (o.control.data) {
         a.value = o.control.data;
         const s = p.value.find(
@@ -28,9 +29,9 @@ const x = { class: "team-and-space" }, A = { class: "team" }, B = { class: "spac
     }, g = () => {
       a.value = c.value[0]?.id ?? "", o.changeValue(a.value);
     };
-    return T(), (s, e) => (I(), y("div", x, [
-      m("div", A, [
-        v(b(V), {
+    return _(), (s, e) => (I(), y("div", x, [
+      m("div", B, [
+        v(b(f), {
           modelValue: n.value,
           "onUpdate:modelValue": [
             e[0] || (e[0] = (t) => n.value = t),
@@ -43,8 +44,8 @@ const x = { class: "team-and-space" }, A = { class: "team" }, B = { class: "spac
           placeholder: "No team selected"
         }, null, 8, ["modelValue", "disabled", "possible-values"])
       ]),
-      m("div", B, [
-        v(b(V), {
+      m("div", F, [
+        v(b(f), {
           modelValue: a.value,
           "onUpdate:modelValue": [
             e[1] || (e[1] = (t) => a.value = t),
@@ -52,14 +53,14 @@ const x = { class: "team-and-space" }, A = { class: "team" }, B = { class: "spac
           ],
           label: "Space",
           "aria-label": "space-id",
-          disabled: _.value,
+          disabled: T.value,
           "possible-values": c.value,
           placeholder: "No space selected"
         }, null, 8, ["modelValue", "disabled", "possible-values"])
       ])
     ]));
   }
-}), D = /* @__PURE__ */ C(F, [["__scopeId", "data-v-40e43c08"]]);
+}), E = /* @__PURE__ */ C(N, [["__scopeId", "data-v-40e43c08"]]);
 export {
-  D as default
+  E as default
 };

package/dist/{TeamResourceControl-CFXVKPex.js → TeamResourceControl--1Sj3-Ks.js}

@@ -1,5 +1,5 @@
 import { defineComponent as l, computed as t, openBlock as s, createBlock as i, mergeProps as p } from "vue";
-import { R as d } from "./ResourceControlBase-DpHX2wpj.js";
+import { R as d } from "./ResourceControlBase-CX97xRiy.js";
 const g = /* @__PURE__ */ l({
   __name: "TeamResourceControl",
   props: {

package/dist/{TextAreaControl-D5Ies8iN.js → TextAreaControl-Cwq-lNBk.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, openBlock as o, createBlock as t, unref as l } from "vue";
-import { af as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsTextarea as n } from "@knime/kds-components";
 const c = /* @__PURE__ */ a({
   __name: "TextAreaControl",
   props: {

package/dist/{TextControl-CyJTa30_.js → TextControl-MvbrNTGW.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./TextControl.vue_vue_type_script_setup_true_lang-ha_yqp4Q.js";
+import { _ as f } from "./TextControl.vue_vue_type_script_setup_true_lang-Cbv0bM2X.js";
 export {
   f as default
 };

package/dist/{TextControl.vue_vue_type_script_setup_true_lang-ha_yqp4Q.js → TextControl.vue_vue_type_script_setup_true_lang-Cbv0bM2X.js}

@@ -1,7 +1,8 @@
-import { defineComponent as p, computed as i, useTemplateRef as h, openBlock as b, createBlock as x, unref as l } from "vue";
-import { u, F as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-import { u as F } from "./useBuiltinValidations-DSimz2dt.js";
-const V = /* @__PURE__ */ p({
+import { defineComponent as p, computed as i, useTemplateRef as h, openBlock as b, createBlock as f, unref as l } from "vue";
+import { KdsTextInput as x } from "@knime/kds-components";
+import { u as F } from "./useBuiltinValidations-_4IBMopQ.js";
+import { u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const B = /* @__PURE__ */ p({
   __name: "TextControl",
   props: {
     control: {},
@@ -31,7 +32,7 @@ const V = /* @__PURE__ */ p({
     ), s = h("inputField");
     return r({
       focus: () => s.value?.focus()
-    }), (t, o) => (b(), x(l(f), {
+    }), (t, o) => (b(), f(l(x), {
       id: e.labelForId,
       ref_key: "inputField",
       ref: s,
@@ -48,5 +49,5 @@ const V = /* @__PURE__ */ p({
   }
 });
 export {
-  V as _
+  B as _
 };

package/dist/{TimeControl-D7KTmsro.js → TimeControl-WG0SC4_b.js}

@@ -1,8 +1,8 @@
-import { defineComponent as x, computed as u, ref as U, openBlock as G, createBlock as V, unref as v } from "vue";
+import { defineComponent as x, computed as u, ref as U, openBlock as V, createBlock as v, unref as F } from "vue";
 import { T as c } from "./index-_VUHzju5.js";
-import { a2 as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsTimeInput as G } from "@knime/kds-components";
 import { p as m } from "./plainDateTimeUtils-BZSKqp9i.js";
-const I = /* @__PURE__ */ x({
+const D = /* @__PURE__ */ x({
   __name: "TimeControl",
   props: {
     control: {},
@@ -15,7 +15,7 @@ const I = /* @__PURE__ */ x({
     labelForId: {}
   },
   setup(n) {
-    const a = n, f = u(() => a.control.uischema.options), p = u(
+    const r = n, f = u(() => r.control.uischema.options), p = u(
       () => m.getMaxGranularity(f.value)
     ), y = (t) => {
       if (!t)
@@ -36,27 +36,27 @@ const I = /* @__PURE__ */ x({
         }
       }
     }, g = (t, e) => t === null ? "" : e === "minute" ? t.toString({ smallestUnit: "minute" }) : e === "second" ? t.toString({ smallestUnit: "second" }) : t.toString({ fractionalSecondDigits: 3 }), s = u(
-      () => y(a.control.data)
+      () => y(r.control.data)
     ), o = U(
-      m.detectGranularity(a.control.data)
+      m.detectGranularity(r.control.data)
     );
-    let r, l, i = !1;
+    let a, l, i = !1;
     const T = () => {
       i = !1;
-      const t = r === void 0 ? s.value : r, e = l ?? o.value;
-      r = void 0, l = void 0, o.value = e, a.changeValue(g(t, e));
+      const t = a === void 0 ? s.value : a, e = l ?? o.value;
+      a = void 0, l = void 0, o.value = e, r.changeValue(g(t, e));
     }, d = () => {
       i || (i = !0, queueMicrotask(T));
     }, b = (t) => {
-      r = t, d();
+      a = t, d();
     }, h = (t) => {
       l = t, d();
     };
-    return (t, e) => (G(), V(v(F), {
+    return (t, e) => (V(), v(F(G), {
       id: n.labelForId,
       "model-value": s.value,
       granularity: o.value,
-      ariaLabel: a.control.label,
+      ariaLabel: r.control.label,
       "max-granularity": p.value,
       disabled: n.disabled,
       error: n.error,
@@ -67,5 +67,5 @@ const I = /* @__PURE__ */ x({
   }
 });
 export {
-  I as default
+  D as default
 };

package/dist/TimeframesControl-CX5eKOGZ.js

@@ -0,0 +1,53 @@
+import { defineComponent as v, computed as m, openBlock as g, createElementBlock as y, createVNode as d, unref as s } from "vue";
+import { T as b } from "./index-_VUHzju5.js";
+import { KdsTimeInput as u } from "@knime/kds-components";
+import { _ as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
+const x = { class: "timeframe" }, V = /* @__PURE__ */ v({
+  __name: "TimeframesControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    error: { type: Boolean },
+    subText: {},
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(c) {
+    const n = c, a = (e) => String(e).padStart(2, "0"), r = (e) => {
+      try {
+        return b.PlainTime.from(e);
+      } catch {
+        return null;
+      }
+    }, i = m(
+      () => r(n.control.data?.start ?? "00:00:00")
+    ), p = m(
+      () => r(n.control.data?.end ?? "00:00:00")
+    ), l = (e, t) => {
+      const o = t === "end" ? "59" : "00", f = e ? a(e.hour) : "00", T = e ? a(e.minute) : "00", _ = {
+        ...n.control.data,
+        [t]: `${f}:${T}:${o}`
+      };
+      n.changeValue(_);
+    };
+    return (e, t) => (g(), y("div", x, [
+      d(s(u), {
+        label: "Between",
+        "max-granularity": "minute",
+        "model-value": i.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => l(o, "start"))
+      }, null, 8, ["model-value"]),
+      d(s(u), {
+        label: "and",
+        "max-granularity": "minute",
+        "model-value": p.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (o) => l(o, "end"))
+      }, null, 8, ["model-value"])
+    ]));
+  }
+}), U = /* @__PURE__ */ h(V, [["__scopeId", "data-v-f38723b8"]]);
+export {
+  U as default
+};

package/dist/{TwinlistControlBase.vue_vue_type_script_setup_true_lang-DfInqqdb.js → TwinlistControlBase.vue_vue_type_script_setup_true_lang-BKCvZF3X.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, toRef as r, computed as t, openBlock as b, createBlock as m, unref as n } from "vue";
-import { Y as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-import { a as y } from "./usePossibleValues-11Tpukcj.js";
+import { KdsTwinList as x } from "@knime/kds-components";
+import { a as y } from "./usePossibleValues-CXVLf00v.js";
 import { t as p } from "./toKdsPossibleValues-BklBg3gG.js";
 const L = /* @__PURE__ */ c({
   __name: "TwinlistControlBase",

package/dist/{TypedStringFilter-BXd_20Gk.js → TypedStringFilter-BnWygKQJ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as a, computed as l, openBlock as p, createBlock as r, mergeProps as s } from "vue";
-import { _ as u } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CsV_Tj00.js";
+import { _ as u } from "./MultimodeTwinlistControl.vue_vue_type_script_setup_true_lang-CHcU__0y.js";
 const y = /* @__PURE__ */ a({
   __name: "TypedStringFilter",
   props: {

package/dist/{ValueSwitchControl-D_N97PIL.js → ValueSwitchControl-BByKe7NK.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-DXGpfr8P.js";
+import { _ as a } from "./RadioControlBase.vue_vue_type_script_setup_true_lang-CExBvDXt.js";
 const s = /* @__PURE__ */ o({
   __name: "ValueSwitchControl",
   props: {

package/dist/{VerticalLayout-p3keQqaB.js → VerticalLayout-DIBkvSZ9.js}

@@ -1,7 +1,7 @@
-import { defineComponent as n, openBlock as a, createBlock as t, withCtx as r, unref as u } from "vue";
-import { a as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
-import { V as o } from "./VerticalLayoutBase-DivrUbVt.js";
-const f = /* @__PURE__ */ n({
+import { defineComponent as r, openBlock as a, createBlock as t, withCtx as c, unref as u } from "vue";
+import { DispatchRenderer as m } from "@jsonforms/vue";
+import { V as o } from "./VerticalLayoutBase-BEDnWcoh.js";
+const f = /* @__PURE__ */ r({
   __name: "VerticalLayout",
   props: {
     layout: {}
@@ -10,9 +10,9 @@ const f = /* @__PURE__ */ n({
     return (s, h) => (a(), t(o, {
       elements: e.layout.uischema.elements
     }, {
-      default: r(({ element: l, index: c }) => [
+      default: c(({ element: l, index: n }) => [
         (a(), t(u(m), {
-          key: `${e.layout.path}-${c}`,
+          key: `${e.layout.path}-${n}`,
           schema: e.layout.schema,
           uischema: l,
           path: e.layout.path,

package/dist/{VerticalLayoutBase-DivrUbVt.js → VerticalLayoutBase-BEDnWcoh.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as t, createElementBlock as r, Fragment as c, renderList as l, renderSlot as _ } from "vue";
-import { _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-Ccuf283K.js";
 const u = { class: "vertical-layout" }, i = /* @__PURE__ */ n({
   __name: "VerticalLayoutBase",
   props: {

package/dist/{ZonedDateTimeControl-BFZbs6KU.js → ZonedDateTimeControl-B45OygrC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as x, computed as u, ref as D, openBlock as U, createBlock as Z, unref as G } from "vue";
 import { T as M } from "./index-_VUHzju5.js";
-import { ah as F } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-H1rQVLn0.js";
+import { KdsZonedDateTimeInput as F } from "@knime/kds-components";
 import { p as n } from "./plainDateTimeUtils-BZSKqp9i.js";
 const k = /* @__PURE__ */ x({
   __name: "ZonedDateTimeControl",
@@ -39,7 +39,7 @@ const k = /* @__PURE__ */ x({
       }
     }), T = u(() => m.value?.possibleValues ?? []);
     let l, r, s = !1;
-    const h = () => {
+    const v = () => {
       s = !1;
       const t = r ?? d.value, i = l !== void 0, c = r !== void 0, a = l;
       if (l = void 0, r = void 0, d.value = t, i) {
@@ -71,10 +71,10 @@ const k = /* @__PURE__ */ x({
         });
       }
     }, p = () => {
-      s || (s = !0, queueMicrotask(h));
-    }, v = (t) => {
-      l = t, p();
+      s || (s = !0, queueMicrotask(v));
     }, b = (t) => {
+      l = t, p();
+    }, h = (t) => {
       r = t, p();
     };
     return (t, i) => (U(), Z(G(F), {
@@ -87,8 +87,8 @@ const k = /* @__PURE__ */ x({
       disabled: o.disabled,
       error: o.error,
       "sub-text": o.subText,
-      "onUpdate:modelValue": v,
-      "onUpdate:granularity": b
+      "onUpdate:modelValue": b,
+      "onUpdate:granularity": h
     }, null, 8, ["id", "ariaLabel", "model-value", "granularity", "max-granularity", "possible-values", "disabled", "error", "sub-text"]));
   }
 });